:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#263b36;background:#f6f7f3;font-size:14px;--green:#245c47;--muted:#7b8981;--border:#e3e8e0}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:8px;background:white;color:inherit;padding:11px 16px;font-weight:600}button:hover{background:#edf2e9}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8fbfa5;outline-offset:3px}input,select{width:100%;padding:13px;border:1px solid #dce3da;border-radius:7px;background:white;color:inherit}input:focus,select:focus{outline:2px solid #92b6a1;outline-offset:1px}label{display:block;font-weight:600;margin:22px 0}label input,label select{margin-top:9px}label small{display:block;font-weight:400;color:var(--muted);margin-top:8px}h1,h2,h3,p{margin-top:0}h1{font-size:40px;font-weight:600;letter-spacing:-1.7px;margin-bottom:10px}h2{font-size:25px;letter-spacing:-.7px}p{color:var(--muted);line-height:1.7}.brand{font-size:23px;font-weight:650;letter-spacing:-.8px;display:flex;align-items:center;gap:10px}.mark{display:inline-grid;place-items:center;width:35px;height:39px;background:var(--green);color:#fff;border-radius:9px;font-size:24px;font-family:Georgia,serif}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7c8a7d}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#194331}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#e6eddc;padding:45px 9%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.intro h1{font-family:Georgia,serif;font-size:64px;font-weight:400;line-height:1.06;letter-spacing:-2px;margin:28px 0 22px}.intro p{color:#687760}.intro small{color:#6b7b65}.login-side{display:grid;place-items:center;padding:45px}.login-card{width:100%;max-width:360px}.login-card h2{margin-top:20px}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:30px}.login-card small{font-size:11px;color:var(--muted)}.vault-art{position:relative;height:230px;width:310px;margin:35px 0}.paper{position:absolute;width:190px;height:170px;background:#fffdf3;box-shadow:0 5px 18px #35543b13;border-radius:6px;padding:25px;font-size:10px;letter-spacing:1px;color:#68766a}.paper span{display:block;font-family:Georgia;font-size:18px;letter-spacing:0;margin-top:20px}.p1{left:10px;transform:rotate(-13deg)}.p2{left:85px;top:8px;transform:rotate(9deg)}.art-folder{position:absolute;top:70px;left:10px;width:275px;height:165px;border-radius:10px 18px 18px 18px;background:#386c50;transform:rotate(-5deg);padding:30px;color:#d8e6cf;font-size:36px;font-family:Georgia;box-shadow:0 16px 22px #284f4225}.art-folder:before{content:'';position:absolute;top:-15px;left:0;background:#386c50;width:110px;height:25px;border-radius:9px 9px 0 0}.art-folder span{display:block;font:11px sans-serif;margin-top:40px;letter-spacing:1px}#app{display:flex;min-height:100vh}aside{width:242px;flex-shrink:0;background:#eef1e8;border-right:1px solid var(--border);padding:32px 23px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.nav-caption{margin:52px 12px 18px}.nav{display:flex;gap:13px;text-align:left;width:100%;border:0;background:transparent;margin-bottom:8px;color:#70816f}.nav.active{background:#dce6d6;color:var(--green)}.sidebar-bottom{margin-top:auto}.storage{padding:25px 10px}.storage>span{font-size:11px;color:#778574}.storage strong{display:block;font-size:23px;margin-top:8px}.storage-line{height:4px;border-radius:4px;background:#d7e0cd;margin:16px 0}.storage small{font-size:10px;color:#7b8975}.profile{display:flex;gap:10px;align-items:center;padding-top:22px;border-top:1px solid #dbe2d4}.avatar{background:#d5dfc9;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--green)}.profile strong,.profile small{display:block}.profile small{font-size:9px;color:#7d8877;margin-top:5px}.profile button{margin-left:auto;background:transparent;border:0;padding:5px}main{margin-left:242px;width:calc(100% - 242px);padding:0 48px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.header-caption{font-size:10px;letter-spacing:1.8px;color:#8b948a}.private-badge{font-size:11px;color:#63765d;background:#eaf0e2;padding:8px 13px;border-radius:20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 0 25px}.page-heading h1{margin-top:12px}.page-heading p{font-size:13px;margin-bottom:0}.title-dot{color:#8dad72}.toolbar{display:flex;gap:10px}.file-panel{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #3d503004}.panel-top{padding:23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:15px}#breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#breadcrumbs button{padding:0;border:0;background:none;font-size:12px}#breadcrumbs span{color:#b4bfb0}#search{max-width:220px;font-size:12px;background:#fafbf8;padding:10px}.table-scroll{overflow-x:auto;min-height:250px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#859080;background:#fcfdfb;padding:17px 23px;font-weight:600}td{padding:16px 23px;border-bottom:1px solid #edf0e8;font-size:12px}th:first-child{width:48%}th:last-child{width:50px}tr:last-child td{border-bottom:0}.file-name{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;max-width:100%;overflow-wrap:anywhere;font-weight:500}.file-icon{display:grid;place-items:center;background:#eff2e9;color:#7d9970;border-radius:7px;width:33px;height:38px;flex-shrink:0;font-size:22px}.file-icon.folder{background:#faf1d9;color:#bca35c}.date-cell,.size-cell{color:#859080;white-space:nowrap}.actions{position:relative;padding:8px 16px}summary{list-style:none;cursor:pointer;color:#89947e;font-size:15px;padding:12px}summary::-webkit-details-marker{display:none}.action-menu{position:absolute;right:25px;top:45px;z-index:3;background:white;border:1px solid var(--border);box-shadow:0 5px 25px #263b3620;border-radius:8px;padding:5px;min-width:140px}.action-menu button{display:block;width:100%;text-align:left;border:0;font-size:12px;padding:10px}#drop-zone.dragging{outline:3px dashed #7ea385;background:#f0f5e9}#empty{text-align:center;padding:35px 20px 50px;margin-top:-210px;position:relative;pointer-events:none}#empty h3{font-size:17px;margin:15px 0 5px}#empty p{font-size:12px}.empty-icon{font-size:40px;color:#9cab8e}.panel-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:16px 23px;font-size:10px;color:#88917f}.footnote{text-align:center;font-size:11px;margin-top:25px;color:#98a18d}.settings-card{max-width:520px;background:white;border:1px solid var(--border);border-radius:12px;padding:30px;margin-bottom:40px}.settings-card p{font-size:12px}.settings-card h2{font-size:20px}.error{color:#ae443b;font-size:12px}dialog{border:1px solid var(--border);border-radius:14px;padding:28px;width:440px;max-width:calc(100% - 30px);box-shadow:0 20px 70px #152e3430}dialog::backdrop{background:#23372a66}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0;font-size:22px}.dialog-heading button{border:0;font-size:24px;padding:0 8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#245c47;color:white;padding:15px 24px;border-radius:9px;box-shadow:0 5px 25px #0002;z-index:10;max-width:90vw}#toast.bad{background:#99493e}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1400px){main{padding:0 7%}}@media(max-width:1000px){main{padding:0 25px}.page-heading{align-items:flex-start;flex-direction:column}.intro h1{font-size:50px}.intro{padding:35px 8%}aside{width:210px}main{margin-left:210px;width:calc(100% - 210px)}}@media(max-width:650px){.login-screen{display:block}.intro{min-height:270px;padding:25px}.intro h1{font-size:38px;margin:20px 0 10px}.intro .eyebrow,.intro small,.vault-art,.intro p{display:none}.login-side{padding:40px 25px}.login-card h2{font-size:24px}#app{display:block}aside{position:static;width:100%;padding:18px;flex-direction:row;gap:12px;align-items:center;border-bottom:1px solid var(--border)}aside .brand{font-size:19px}.nav-caption,.sidebar-bottom{display:none}.nav{width:auto;margin:0;padding:10px;font-size:12px}.nav span{display:none}#files-nav{margin-left:auto}main{width:100%;margin:0;padding:0 18px}header{height:65px}.page-heading{padding-top:30px}h1{font-size:34px}.toolbar{width:100%}.toolbar button{flex:1}.panel-top{align-items:flex-start;flex-direction:column;padding:18px}#search{max-width:none}td,th{padding:14px 12px}.date-cell,th:nth-child(2){display:none}.panel-footer{padding:15px;font-size:9px}.settings-card{padding:22px}}

.storage-error{position:sticky;top:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;background:#fff0eb;border-bottom:2px solid #b64636}.storage-error p{margin:0;color:#922c21;font-size:16px;font-weight:600}.storage-error button{flex-shrink:0;border-color:#d5a49a}.storage-unavailable aside{top:88px}@media(max-width:650px){.storage-error{flex-direction:column;gap:10px;text-align:center;padding:14px}.storage-unavailable aside{top:auto}}