:root{--background:#f5f6f7;--surface:#fff;--surface-strong:#f0f2f4;--ink:#15191d;--muted:#66717c;--line:#dfe4e8;--red:#d7262f;--red-dark:#a91f28;--navy:#17212b;--success:#16724a;--shadow:0 18px 50px #121a2117}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-shell{background:var(--surface);grid-template-columns:minmax(380px,520px) 1fr;min-height:100vh;display:grid}.login-panel{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:56px;display:flex}.login-panel h1,.page-heading h1{letter-spacing:0;margin:8px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1}.login-aside{color:#fff;background:var(--navy);align-items:end;min-height:100%;padding:64px;display:flex;position:relative;overflow:hidden}.login-aside:after{content:"";background:linear-gradient(#0e141a3d,#0e141ad6);position:absolute;inset:0}.login-aside>div{z-index:1;position:relative}.login-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-aside p{color:#f6d4d6;text-transform:uppercase;font-weight:700}.login-aside h2{letter-spacing:0;max-width:720px;margin:0;font-size:clamp(36px,6vw,72px);line-height:1}.brand-mark{background:var(--red);color:#fff;letter-spacing:0;place-items:center;width:72px;height:72px;margin-bottom:28px;font-weight:800;display:grid}.brand-mark.compact{width:44px;height:44px;margin:0;font-size:14px}.eyebrow{color:var(--red);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.muted{color:var(--muted);line-height:1.55}.small{font-size:14px}.auth-form,.create-customer-form,.inline-form{gap:14px;display:grid}.auth-form{margin-top:34px}label span{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700;display:block}input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:0 13px}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #d7262f1f}.input-with-icon{border:1px solid var(--line);border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-with-icon:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #d7262f1f}.input-with-icon input{box-shadow:none;border:0;padding:0}.primary-button,.secondary-button,.icon-button{border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:800;display:inline-flex}.primary-button{background:var(--red);color:#fff;padding:0 18px}.primary-button:hover{background:var(--red-dark)}.secondary-button{border:1px solid var(--line);background:var(--navy);color:#fff;padding:0 16px}.icon-button{background:var(--surface-strong);width:44px;color:var(--ink)}.icon-button.text{width:auto;padding:0 14px}.error,.success{margin:0;font-size:14px;font-weight:700}.error{color:var(--red-dark)}.success{color:var(--success)}.app-shell{min-height:100vh}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-brand,.topbar-user{align-items:center;gap:12px;display:flex}.topbar-brand span,.topbar-user span{color:var(--muted);font-size:13px;display:block}.page-heading{max-width:1480px;margin:0 auto;padding:42px 28px 26px}.admin-grid{grid-template-columns:360px 1fr;gap:22px;max-width:1480px;margin:0 auto;padding:0 28px 40px;display:grid}.workspace-column{gap:18px;max-width:1480px;margin:0 auto;padding:0 28px 40px;display:grid}.admin-grid .workspace-column{max-width:none;margin:0;padding:0}.customer-panel,.folder-sidebar,.document-panel,.notice-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.customer-panel{align-self:start;padding:18px}.panel-title{align-items:center;gap:9px;margin-bottom:16px;display:flex}.panel-title h2,.panel-title h3,.document-toolbar h2{letter-spacing:0;margin:0}.panel-title h2,.document-toolbar h2{font-size:22px}.compact-title{margin-top:22px}.customer-list{gap:8px;display:grid}.customer-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;gap:4px;width:100%;padding:13px;display:grid}.customer-row span{color:var(--muted);font-size:13px}.customer-row.active,.customer-row:hover{border-color:var(--line);background:var(--surface-strong)}.create-customer-form{border-top:1px solid var(--line);margin-top:16px;padding-top:18px}.notice-panel{box-shadow:none;padding:18px}.notice-panel.required{background:#fff8f8;border-color:#d7262f73}.inline-form{grid-template-columns:1fr 1fr auto}.document-layout{grid-template-columns:280px 1fr;gap:18px;display:grid}.folder-sidebar{align-self:start;padding:18px}.folder-tree,.tree-children{gap:5px;display:grid}.tree-children{border-left:1px solid var(--line);margin-left:18px;padding-left:10px}.tree-button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 8px;display:flex}.tree-button.active,.tree-button:hover{background:var(--surface-strong);color:var(--red-dark)}.document-panel{min-height:520px;padding:20px}.document-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.folder-form{gap:8px;display:flex}.folder-form input{width:180px}.upload-button{position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.item-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:18px;display:grid}.item-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:76px;padding:14px;display:grid;position:relative}.item-card span{overflow-wrap:anywhere;min-width:0;font-weight:800}.item-card small{color:var(--muted);grid-column:2}.item-card:hover{border-color:#d7262f73;box-shadow:0 8px 24px #121a2114}.download-icon{color:var(--red);position:absolute;bottom:12px;right:12px}.empty-state{border:1px dashed var(--line);min-height:160px;color:var(--muted);background:#fafafa;border-radius:8px;place-items:center;display:grid}.empty-state.large{min-height:420px}@media (max-width:980px){.login-shell,.admin-grid,.document-layout{grid-template-columns:1fr}.login-aside{order:-1;min-height:360px}.customer-panel,.folder-sidebar{align-self:auto}}@media (max-width:680px){.login-panel,.login-aside{padding:28px}.topbar{flex-direction:column;align-items:flex-start;padding:14px 18px}.page-heading,.admin-grid,.workspace-column{padding-left:16px;padding-right:16px}.inline-form,.document-toolbar,.folder-form{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.toolbar-actions{justify-content:stretch;align-items:stretch}.folder-form input{width:100%}}