:root{font-family:Inter,'Segoe UI','Malgun Gothic',sans-serif;color:#263444;font-size:14px;--green:#326c59;--muted:#89939c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(130deg,#b4c5c1,#d3dedb 48%,#a9bcc6);overflow-x:hidden}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(60px);z-index:-1}.a{width:600px;height:600px;left:-220px;top:10%;background:#617e79aa}.b{width:650px;height:650px;right:-200px;bottom:-300px;background:#eef0ce}button,input{font:inherit}button{cursor:pointer;border:1px solid #dfe5e3;background:white;color:inherit;border-radius:8px;padding:10px 14px;transition:.15s}button:hover{background:#eef4f1;border-color:#a4bdb0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #80b5f0;outline-offset:2px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#245440;color:white}.muted{color:#7c878b;font-size:13px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 13px}h1{font-size:29px;letter-spacing:-1.2px;margin:0 0 8px}h2{font-size:20px}.topbar{height:62px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;color:#344d49;font-size:11px;letter-spacing:.7px}.topbar b{font-size:18px;margin-right:7px}.topbar i{margin:0 14px;color:#8d9f9a}.connection{background:#ffffff8c;padding:8px 12px;border-radius:20px;color:#346650;font-size:10px}.dock{position:fixed;left:20px;top:113px;width:85px;display:grid;gap:27px}.dock button{background:none;border:none;font-size:11px;padding:0;display:grid;justify-items:center;gap:9px}.dockicon{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#ffffffd4;box-shadow:0 6px 20px #48665c1c;color:var(--green);font-size:25px}.window{display:flex;max-width:1320px;min-height:0;height:calc(100vh - 140px);margin:12px 38px 70px 128px;background:#fff;border:1px solid #ffffffad;border-radius:16px;box-shadow:0 25px 90px #28443b30;overflow:hidden}aside{width:228px;flex-shrink:0;background:#f5f7f4;padding:30px 22px;display:flex;flex-direction:column;border-right:1px solid #e5eae4}.identity{display:flex;gap:10px;align-items:center;margin-bottom:46px}.identity b{font-size:17px;letter-spacing:-.6px}.identity small{display:block;font-size:9px;color:#8e9690;margin-top:5px}.brandmark{background:#326c59;color:white;width:55px;height:55px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:bold}.brandmark span{font-size:16px}.brandmark.small{width:37px;height:37px;font-size:16px;border-radius:10px}.section-label{font-size:9px;letter-spacing:1.8px;color:#9ba49f;margin-bottom:15px}.navitem{display:flex;gap:10px;text-align:left;font-size:12px;border:0;background:#e4ece6;color:#38654e;padding:14px 12px}.navitem span:last-child{margin-left:auto}.aside-note{margin-top:40px;padding:17px 13px;border:1px solid #e0e7dd;border-radius:10px;background:linear-gradient(130deg,#edf2e9,#f9faf7)}.aside-note b{font-size:11px}.aside-note p{font-size:10px;color:#8b968c;line-height:1.9}.aside-note>span{display:block;margin-top:24px;font-size:8px;letter-spacing:2px;color:#7f9484}.storage{margin-top:auto;padding-top:35px;color:#8c978f;font-size:10px}.storage>div{display:flex;justify-content:space-between}.storage b{color:#557761;font-size:9px}.storage small{font-size:9px}progress{width:100%;height:5px;margin:11px 0;accent-color:#52826a}article{flex:1;min-width:0;display:flex;flex-direction:column}.windowbar{height:51px;flex-shrink:0;border-bottom:1px solid #edf0ec;padding:17px 28px;display:flex;justify-content:space-between;font-size:10px;font-weight:600}.badge{font-size:8px;color:#90a296;background:#f2f5f1;border-radius:4px;padding:3px 5px;margin-left:8px}.dots{color:#d3dad4;letter-spacing:4px;font-size:8px}.content{padding:35px 32px 20px;overflow:auto;flex:1}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.heading .muted{font-size:11px}.heading button{font-size:11px;padding:11px 13px}.heading #adminActions{display:flex;gap:7px}.heading #adminActions[hidden]{display:none}.tools{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e9eeea;padding-bottom:20px}#crumbs{display:flex;flex-wrap:wrap;align-items:center;font-size:11px;gap:6px}#crumbs button{border:0;padding:5px;color:#7a897e;background:none;font-size:11px}#crumbs button:last-child{color:#345e46;font-weight:700}#searchForm{display:flex;align-items:center;border:1px solid #e6ebe7;border-radius:7px;padding:4px 8px;gap:5px;background:#fafbf9}#searchForm input{min-width:70px;width:135px;border:0;background:none;font-size:10px;padding:5px;outline:none}#searchForm button{font-size:9px;padding:5px;border:0;background:none}.listhead{display:flex;justify-content:space-between;font-size:10px;color:#8c9890;margin:22px 0 15px}.listhead span:first-child{color:#45654f;font-weight:600}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}thead{background:#f6f8f5;color:#9aa59e;font-size:9px}th{font-weight:500;padding:12px 10px}th:first-child{width:48%;border-radius:6px 0 0 6px;padding-left:16px}th:nth-child(2){width:20%}th:nth-child(3){width:12%}th:last-child{width:20%;border-radius:0 6px 6px 0}td{border-bottom:1px solid #edf1ed;padding:15px 10px;font-size:11px;color:#8b968e}td:first-child{padding-left:15px;color:#354d3e}.filename{border:0;background:none;padding:0;display:flex;align-items:center;gap:13px;max-width:100%;text-align:left;font-size:12px}.filename .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileicon{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#edf2ec;color:#6d8a70;font-size:8px;font-weight:700}.fileicon.folder{color:#a68c55;background:#f6f0dc;font-size:21px}td a{color:#567761;text-decoration:none;font-size:10px;background:#f0f5ef;padding:7px 8px;border-radius:5px;white-space:nowrap}td .delete{padding:5px 7px;border:0;background:none;font-size:14px;color:#a5a9a5;margin-left:3px}.rowactions{display:flex;align-items:center;justify-content:flex-end}tr:hover td{background:#fbfcfa}.footnote{display:flex;justify-content:space-between;font-size:9px;color:#a0a8a1;margin-top:25px}#status{font-size:12px;color:#477759;min-height:18px}#status.error,#loginError,#folderError{color:#b83e3e}.taskbar{position:fixed;bottom:0;width:100%;height:48px;background:#f8faf5dd;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid #ffffffb0;color:#57705f}.taskbar>b{font-size:15px}.taskbar>b span{font-size:9px;font-weight:400;letter-spacing:2px;margin-left:4px}.taskbar>div{display:flex;gap:17px;align-items:center;font-size:10px}.taskbar button{font-size:10px;border:0;background:transparent;padding:6px}#clock{font-size:10px;color:#82958a}.login{margin:7vh auto;max-width:430px;border-radius:20px;padding:40px;background:#ffffffed;box-shadow:0 30px 80px #344c4830}.login .brandmark{margin-bottom:30px}.login h1{line-height:1.35;font-size:32px}.login .eyebrow{font-size:11px;letter-spacing:0}.login form{margin-top:28px}label{display:block;font-size:12px;margin-bottom:17px}label input{display:block;width:100%;margin-top:8px;border:1px solid #dce4de;border-radius:8px;padding:12px;background:#fcfdfb}.login .primary{width:100%;display:flex;justify-content:space-between}.login small{font-size:10px;line-height:1.8;color:#929d95}.login[hidden],#desktop[hidden]{display:none}dialog{border:1px solid #e1e8e1;border-radius:15px;padding:30px;max-width:450px;width:calc(100% - 35px);box-shadow:0 20px 80px #203a3a30}dialog::backdrop{background:#203d3a66;backdrop-filter:blur(5px)}dialog p{font-size:12px;line-height:1.9}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#empty{text-align:center;padding:55px 10px;color:#89988b}#empty>span{font-size:45px}#empty h2{font-size:15px}#empty p{font-size:11px}#dropzone.drag{outline:2px dashed #52826a;background:#f2f7ef}
@media(min-width:1500px){.window{margin-left:auto;margin-right:auto}}@media(max-width:1100px){aside{width:190px;padding:25px 15px}.content{padding:28px 22px}.heading{align-items:flex-start;flex-direction:column}.window{margin-left:110px;margin-right:20px}.dock{left:10px}.heading #adminActions{align-self:flex-end}}@media(max-width:760px){.topbar{padding:0 18px;height:55px}.topbar i,.connection{display:none}.dock,aside{display:none}.window{margin:5px 12px 65px;height:calc(100dvh - 125px);min-height:450px;border-radius:12px}.windowbar{padding:16px 20px}.content{padding:24px 16px}.heading h1{font-size:25px}.heading .muted{font-size:10px}.heading #adminActions{align-self:stretch;justify-content:flex-end}.tools{flex-direction:column;align-items:stretch;margin-top:20px;gap:10px}#searchForm input{width:100%;font-size:12px}th:nth-child(2),td:nth-child(2){display:none}th:first-child{width:55%}th:nth-child(3){width:15%}th:last-child{width:30%}.filename{font-size:11px;gap:7px}td{padding:13px 5px}td:first-child{padding-left:7px}.fileicon{width:27px;height:28px}.footnote{flex-direction:column;gap:8px}.taskbar{padding:0 15px}#clock{display:none}.login{margin:6vh 18px;padding:30px;max-width:430px}#userBadge{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

#searchForm input{flex:1;min-width:0}#searchForm button{flex-shrink:0;white-space:nowrap}#searchForm>span{flex-shrink:0}

.presence{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:24px;padding:13px 10px;background:#e8f0e9;border-radius:9px;color:#41654d;font-size:11px}.presence b{font-size:13px}.presence small{width:100%;padding-left:14px;color:#7c8d80;font-size:9px}.online-dot{width:7px;height:7px;border-radius:50%;background:#4c9566;flex-shrink:0}
.heading #adminActions{flex-wrap:wrap;justify-content:flex-end}