:root{--blue:#2563eb;--ink:#24334b;--muted:#788497;--line:#e4e9f1}*{box-sizing:border-box}body{font-family:"Segoe UI",sans-serif;color:var(--ink);background:#f6f8fb;margin:0;font-size:14px}a{text-decoration:none;color:#315f9b}button,input{font:inherit}.btn{border-radius:7px;padding:9px 15px;font-weight:500}.btn-primary{background:var(--blue);border-color:var(--blue)}.app-header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:30px}.brand{font-size:22px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:-.6px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;font-weight:700;border-radius:10px;width:35px;height:35px;font-size:22px}.header-caption{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.user-name{font-size:12px;color:var(--muted)}.explorer{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:30px 16px;background:#f5f7fa;border-right:1px solid var(--line);position:relative}.sidebar-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#8390a2;margin:0 12px 16px}.side-home{font-weight:600;display:block;padding:12px;color:#455775}.folder-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:7px;color:#526079;overflow-wrap:anywhere}.folder-link.active{background:#e5edfe;color:#205acc;font-weight:600}.folder-link:hover{background:#eaf0fa}.folder-icon{color:#eab743;font-size:25px;line-height:1}.sidebar-note{margin:45px 12px 0;font-size:12px;color:#57657b}.sidebar-note span{font-size:11px;color:#8a96a7}.workspace{min-width:0;padding:31px 30px 0;background:white}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8290a6;font-weight:700}h1{font-size:29px;letter-spacing:-.8px;font-weight:650;margin:8px 0}h2{font-size:20px}.workspace-heading p{margin:8px 0 0;font-size:13px}.toolbar{display:flex;gap:10px;margin-bottom:24px;align-items:center}.search-label{margin-left:auto;max-width:280px;width:100%}.search-label input{font-size:13px;background:#f9fafc;padding:10px 13px}.pathbar{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#9aa6b7;flex-wrap:wrap}.file-area{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:540px}.file-list{padding-right:18px;min-width:0}.file-table{font-size:12px}.file-table th{font-weight:500;color:#8994a5;height:47px;background:#fff;white-space:nowrap}.file-table td{height:66px;border-bottom-color:#edf0f5;color:#8190a3}.file-table td:first-child{min-width:220px}.file-name{display:flex;align-items:center;gap:12px;color:#34445d;font-weight:500;overflow-wrap:anywhere}.preview-trigger{border:0;background:transparent;text-align:left;padding:0;width:100%}.large{font-size:32px}.doc-icon{display:inline-flex;align-items:center;justify-content:center;font-size:9px;border:1px solid #dde5f0;border-radius:5px;color:#4a78b5;background:#eff5ff;width:34px;height:39px;flex-shrink:0}.doc-icon.pdf{background:#fff1f0;color:#dc625d;border-color:#f4d9d7}.doc-icon.xlsx,.doc-icon.xls{background:#edf8f0;color:#47865d}.selected{background:#eff5ff}.download-link{white-space:nowrap;font-size:11px}.preview-pane{background:#fafbfe;border-left:1px solid var(--line);min-width:0}.preview-heading{padding:15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line)}.preview-hint{text-align:center;padding:100px 25px}.preview-symbol{font-size:48px;color:#c0cbdd}.preview-hint h2{font-size:15px;margin:24px 0 13px}.preview-hint p{font-size:12px;line-height:1.8;color:#8b97a9}.format-tags{font-size:9px;letter-spacing:1px;color:#8d9bb0}.preview-pane iframe{width:100%;height:500px;border:0}.statusbar{border-top:1px solid var(--line);padding:15px 0;font-size:11px;color:#8896aa;display:flex;justify-content:space-between}.empty-state{text-align:center;padding:85px 25px;color:#8390a4}.empty-state h2{font-size:18px;color:#506077;margin:22px 0 12px}.hero-icon{font-size:65px}.admin-page{margin:35px auto;padding:35px;background:white;border:1px solid var(--line);border-radius:10px;max-width:1200px}.narrow{max-width:580px}.permission-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.permission-row strong{min-width:235px}.permission-row label{font-size:12px}.permission-row input{accent-color:var(--blue)}.login-wrap{max-width:1060px;margin:85px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:25px}.login-intro h1{font-size:45px;line-height:1.2;margin:18px 0}.login-intro p{line-height:1.9;color:#8090a6;max-width:330px}.folder-art{font-size:180px;color:#edbd52;line-height:1.2}.login-card{padding:38px;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 50px #23365908}.login-card .brand-mark{margin-bottom:25px}.login-card h2{font-size:22px}.login-card form{margin-top:20px}.form-label{font-size:13px;font-weight:500}.form-control:focus{box-shadow:0 0 0 3px #2563eb20}a:focus-visible,button:focus-visible{outline:3px solid #8cb5ff;outline-offset:3px}@media(max-width:1200px){.file-area{grid-template-columns:minmax(0,1fr)}.preview-pane{border:1px solid var(--line)}.preview-hint{padding:35px}.header-caption{display:none}}@media(max-width:760px){.app-header{height:auto;min-height:70px;padding:15px;flex-wrap:wrap;gap:14px}.header-actions{gap:12px;flex-wrap:wrap;margin-left:0}.user-name{display:none}.explorer{grid-template-columns:1fr}.sidebar{padding:15px}.sidebar nav{display:flex;overflow:auto}.sidebar-label,.sidebar-note,.side-home{display:none}.folder-link{white-space:nowrap}.workspace{padding:20px 15px}.toolbar{flex-wrap:wrap}.search-label{max-width:none}.workspace-heading{align-items:flex-start}h1{font-size:25px}.login-wrap{grid-template-columns:1fr;margin:25px auto;gap:25px}.login-intro{display:none}.admin-page{margin:15px;padding:20px}.statusbar span{display:none}}