:root{--bg:#f5f1ea;--ink:#171717;--muted:#6b655d;--panel:#fffcf7c7;--line:#17171714;--accent:#1f5d4d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at top left,#efc17052,transparent 32%),radial-gradient(circle at right center,#74a79a40,transparent 28%),var(--bg);font-family:Georgia,Times New Roman,serif}.workspace-shell{grid-template-columns:250px minmax(520px,1fr) 360px;gap:18px;min-height:100vh;padding:18px;display:grid}.sidebar,.inspector,.doc-card,.searchbox{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #37281414}.sidebar,.inspector{border-radius:28px}.sidebar{flex-direction:column;padding:20px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:12px}nav{gap:6px;display:grid}nav a,nav button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;display:flex}nav a.active,nav button.active{background:var(--ink);color:#fff}.storage-card{background:#1f5d4d14;border-radius:20px;margin-top:auto;padding:16px}.storage-card span,.storage-card small{color:var(--muted);display:block}.storage-card strong{margin:6px 0;display:block}.content{padding:14px 4px}.hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.hero p{color:var(--accent);margin:0 0 8px}.hero h1{max-width:560px;margin:0;font-size:clamp(28px,3vw,42px);line-height:.98}.searchbox{min-width:320px;min-height:58px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex}.document-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;display:grid}.doc-card{border-radius:26px;min-height:230px;padding:18px;position:relative;overflow:hidden}.paper{background:linear-gradient(145deg,#fff,#eadfce);border-radius:16px;height:94px;margin-bottom:20px}.doc-card h2{margin:0 0 6px;font-size:22px}.doc-card p{color:var(--muted);margin:0}.pill{border-radius:999px;margin-top:16px;padding:7px 10px;font-size:12px;display:inline-flex}.amber{background:#f7deb7}.blue{background:#dbe8ff}.rose{background:#f6d9de}.mint{background:#d8eee5}.inspector{align-content:start;gap:18px;padding:20px;display:grid}.preview{color:#fff;background:#171717;border-radius:22px;flex-direction:column;justify-content:end;min-height:180px;padding:18px;display:flex}.preview.empty{gap:6px}.preview-frame,.preview-image,.onlyoffice-preview{object-fit:contain;background:#fff;border:0;border-radius:22px;width:100%;height:min(52vh,560px)}.preview-image{padding:10px}.preview span{opacity:.65}.inspector h2{margin:0 0 8px;font-size:16px}.inspector p{color:var(--muted);margin:0;line-height:1.45}.event-card{background:#ffffffb3;border-radius:18px;gap:7px;padding:14px;display:grid}.event-card span{color:var(--muted)}.event-card input,.event-card textarea,.event-card select{border:1px solid var(--line);width:100%;font:inherit;background:#ffffffe6;border-radius:12px;padding:10px}.event-card textarea{resize:vertical;min-height:72px}.event-card button{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:10px 12px}@media (max-width:1100px){.workspace-shell{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}.searchbox{min-width:0}}.searchbox input{width:100%;font:inherit;color:inherit;background:0 0;border:0;outline:0}.doc-card{text-align:left;cursor:pointer}.empty-state{color:var(--muted);padding:28px}.group-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px;display:grid}.group-board article{border:1px solid var(--line);background:#fffcf7a3;border-radius:22px;padding:16px}.group-board article>span{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}.group-board article>div{flex-wrap:wrap;gap:8px;display:flex}.group-board button{color:var(--ink);cursor:pointer;background:#1f5d4d14;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.group-board em{background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:19px;min-height:19px;font-size:11px;font-style:normal;display:inline-grid}.hero-actions{gap:10px;display:grid}.upload-button{background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;padding:12px 16px;display:inline-flex}.upload-button input{display:none}.integration-card{background:#ffffff80;border-radius:20px;gap:10px;margin-top:14px;padding:16px;display:grid}.integration-card span{color:var(--muted)}.integration-card select,.integration-card input{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.integration-card button{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:10px}.integrations-screen header p{color:var(--accent);margin:0 0 8px}.integrations-screen header h1{margin:0 0 20px;font-size:clamp(28px,3vw,40px)}.integration-panel{border:1px solid var(--line);background:#fffcf7b8;border-radius:28px;gap:16px;max-width:720px;padding:22px;display:grid;box-shadow:0 18px 60px #37281414}.status-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.status-row span,.sync-meta{color:var(--muted)}.integration-panel label{color:var(--muted);gap:7px;display:grid}.integration-panel input{border:1px solid var(--line);font:inherit;background:#ffffffeb;border-radius:14px;padding:12px}.integration-actions,.watched-folder-form,.sync-meta,.watched-list{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.integration-actions button,.watched-folder-form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 16px}.integration-actions button:disabled,.watched-folder-form button:disabled{opacity:.45;cursor:not-allowed}.watched-folder-form label{flex:1}.watched-list span{background:#1f5d4d14;border-radius:999px;padding:9px 12px}