:root{--ink:#21382f;--muted:#758278;--paper:#f7f8f4;--line:#e2e7df;--green:#264e3d;--accent:#d6e6be}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,textarea{font:inherit}button,a{transition:background .15s}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:10px 16px}button:hover{background:#edf2e9}button:disabled{opacity:.5;cursor:wait}input,textarea{border:1px solid var(--line);border-radius:9px;padding:12px;background:white;color:var(--ink);width:100%}input:focus,textarea:focus{outline:2px solid #90ad78;outline-offset:1px}label{display:block;font-size:13px;margin:14px 0}label input{display:block;margin-top:7px}[hidden]{display:none!important}.primary{background:var(--green);color:white;border:1px solid var(--green);text-decoration:none;padding:11px 18px;border-radius:9px;display:inline-block}.primary:hover{background:#36614d}.brand{font-size:27px;font-weight:650;display:flex;align-items:center;gap:11px;letter-spacing:-1px}.logo{width:39px;height:43px;display:grid;place-items:center;background:var(--green);color:var(--accent);font:28px Georgia,serif;border-radius:7px 15px 7px 7px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font:42px/1.16 Georgia,serif;letter-spacing:-1px;margin:12px 0}h2{font:27px/1.25 Georgia,serif}p{margin:10px 0}.muted{color:var(--muted);font-size:13px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#e5ecd8,transparent 60%),var(--paper);padding:24px}.auth-card{width:420px;max-width:100%;padding:45px;border:1px solid var(--line);border-radius:20px;background:#ffffffde;box-shadow:0 25px 80px #1930260b}.auth-card .brand{margin-bottom:38px}.auth-card h1{font-size:45px}.auth-card form{margin-top:28px}.auth-card .primary{width:100%;margin:8px 0 18px}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}aside{background:#eef1e9;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{margin:0 14px 35px}aside .eyebrow{margin:0 14px 12px}.nav{border:0;background:transparent;display:block;text-align:left;width:100%;margin:4px 0;font-size:14px}.nav.active{background:#dfe8d5;color:#28452e;font-weight:600}.folder-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:30px 14px 10px}.folder-heading button{border:0;background:transparent;padding:0 8px;font-size:23px}.folder-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage{margin-top:auto;padding:30px 12px 20px;font-size:12px}.storage p{font-size:13px}.storage small{color:var(--muted);font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#658d4a;margin-right:6px}main{padding:38px 48px 20px;max-width:1500px;width:100%;margin:auto;min-height:100vh}header{display:flex;gap:16px;align-items:center;padding-bottom:27px;border-bottom:1px solid var(--line)}header>div:first-child{flex:1}header p:not(.eyebrow){color:var(--muted);font-size:14px}.avatar{border-radius:50%;background:#e4eadb;border:3px solid white;width:43px;height:43px;display:grid;place-items:center;font-size:14px}.toolbar{display:flex;gap:16px;margin:30px 0 8px}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;flex:1;padding:0 12px}.search>span{font-size:27px;color:var(--muted)}.search input{border:0;background:transparent;outline:none}.search button{border:0;padding:6px 8px;background:transparent}.search button.listening{background:#efc5bd}.status{font-size:13px;color:var(--muted);min-height:20px}.summary{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:20px 0}.dropzone{border:1px dashed #becdb1;background:#eff3e8;border-radius:14px;padding:25px;display:flex;align-items:center;gap:20px;margin-bottom:30px}.dropzone>span{font-size:32px;width:54px;height:54px;background:white;border-radius:50%;display:grid;place-items:center}.dropzone p{color:var(--muted);font-size:13px;margin:4px 0}.dropzone.dragging{background:#dae7cc}.table-head,.file-row{display:grid;grid-template-columns:minmax(180px,1fr) 100px 140px 110px;gap:15px;align-items:center}.table-head{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}.file-row{padding:17px 0;border-bottom:1px solid var(--line)}.file-main{display:flex;gap:14px;align-items:center;min-width:0}.file-icon{width:40px;height:45px;border-radius:7px;background:#e7eddf;display:grid;place-items:center;flex-shrink:0;font-size:10px;font-weight:700;color:#547047}.file-name{background:transparent;border:0;padding:0;text-align:left;overflow-wrap:anywhere;font-weight:600}.file-folder{font-size:11px;color:var(--muted)}.file-meta{font-size:12px;color:var(--muted)}.file-actions{display:flex;gap:5px}.file-actions button{border:0;background:transparent;padding:6px 8px}.empty{text-align:center;padding:60px 15px;color:var(--muted)}footer{display:flex;justify-content:space-between;margin-top:60px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;letter-spacing:2px;color:var(--muted)}footer span{letter-spacing:0}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:15px;margin-top:25px;max-width:850px}.panel p{font-size:14px;color:var(--muted)}.connection{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0}.event{padding:9px 0;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--paper);color:var(--ink);max-width:900px;width:90vw}dialog::backdrop{background:#13291f88;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-size:23px;overflow-wrap:anywhere}.dialog-top button{font-size:25px;border:0;background:transparent}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}#preview-body iframe{width:100%;height:60vh;border:0;background:white}#preview-body img{max-width:100%;max-height:60vh;display:block;margin:auto}#preview-body pre{white-space:pre-wrap;overflow:auto;max-height:60vh;font:14px/1.5 monospace;background:white;padding:20px}#edit-content{height:55vh;font:14px/1.5 monospace}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ink);color:white;border-radius:10px;max-width:90vw;box-shadow:0 10px 30px #0002;z-index:1000}@media(max-width:900px){main{padding:28px 24px}.shell{grid-template-columns:190px 1fr}aside{padding:25px 12px}.table-head,.file-row{grid-template-columns:minmax(100px,1fr) 70px 90px}.table-head>span:nth-child(3),.file-row>.file-meta:nth-child(3){display:none}}@media(max-width:650px){.shell{display:block}aside{height:auto;position:relative;padding:16px;border-right:0;border-bottom:1px solid var(--line)}aside .brand{margin:0 0 12px;font-size:24px}aside .eyebrow,.storage,.folder-heading,#folders{display:none}nav{display:flex;gap:3px}.nav{font-size:12px;padding:8px}#logout{position:absolute;right:12px;top:18px;width:auto}main{padding:24px 18px}h1{font-size:34px}header{gap:8px}.avatar{display:none}.toolbar{flex-wrap:wrap}.search{min-width:100%}.toolbar>.primary{width:100%}.dropzone{padding:18px;gap:12px}.dropzone>span{width:40px;height:40px;flex-shrink:0}.table-head,.file-row{grid-template-columns:minmax(100px,1fr) 95px}.file-row>.file-meta,.table-head>span:nth-child(2){display:none}.file-actions{justify-content:flex-end}.auth-card{padding:30px}.panel{padding:20px}.dialog-actions{flex-wrap:wrap}}

.pdf-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:10px}.pdf-controls span{font-size:13px}.pdf-pages{max-height:60vh;overflow:auto;background:#e5e9e1;padding:10px}.pdf-pages canvas{max-width:100%;display:block;margin:auto;background:white}

.folder-item.drop-target,#nav-files.drop-target{background:#d6e6be;outline:2px dashed #264e3d;outline-offset:-2px}.file-row[draggable=true]{cursor:grab}.file-row.file-dragging{opacity:.45}#library.drop-target{outline:2px dashed #264e3d;outline-offset:8px}#folders{overflow-y:auto;min-height:0}aside{overflow:hidden}

.file-row.selected{background:#e1ebd6;box-shadow:inset 3px 0 #264e3d}.file-row:focus-visible{outline:2px solid #264e3d;outline-offset:2px}

.table-head,.file-row{grid-template-columns:minmax(180px,1fr) 100px 140px 150px}.file-actions button:last-child{color:#8b3333}.file-actions button:last-child:hover{background:#f7e8e5}@media(max-width:900px){.table-head,.file-row{grid-template-columns:minmax(100px,1fr) 70px 145px}}@media(max-width:650px){.table-head,.file-row{grid-template-columns:minmax(100px,1fr) 145px}}