:root{--bone:#f4f2ec;--paper:#fffefb;--ink:#171714;--muted:#77756e;--line:#dedbd2;--soft:#ebe8df;--black:#151513;--danger:#a63c32;--shadow:0 18px 60px rgba(27,24,18,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--ink);background:var(--bone);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bone)}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--black);color:#fff;padding:34px 22px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:-.02em;padding:0 8px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#111;font-family:Georgia,serif;font-weight:700}.nav{margin-top:56px;display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;color:#aaa9a5;font-size:14px;font-weight:600;transition:.18s}.nav-link svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.nav-link:hover,.nav-link.active{background:#2a2a27;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #343430;padding:20px 8px 0}.profile{display:flex;gap:10px;align-items:center;margin-bottom:14px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7e3d9;color:#24231f;font-weight:750;font-size:13px}.avatar.large{width:46px;height:46px;font-size:16px}.profile-copy{display:grid;min-width:0}.profile-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{color:#8e8d88;font-size:11px;margin-top:2px}.text-button{padding:0;border:0;background:none;color:#96958f;font-size:12px;cursor:pointer}.text-button:hover{color:#fff}.main{min-width:0;padding:48px clamp(28px,5vw,78px) 80px;max-width:1500px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.14em;color:#8a877f;margin:0 0 9px}.page-header h1,.login-card h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1;margin:0}.subtitle,.muted{color:var(--muted);margin:12px 0 0;font-size:14px}.header-actions,.form-actions,.card-actions,.row-actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary,.button.dark{background:var(--black);color:#fff}.button.primary:hover,.button.dark:hover{background:#33332f}.button.secondary{background:var(--paper);border-color:var(--line);color:var(--ink)}.button.small{padding:8px 12px;border-radius:9px;font-size:12px}.button.full{width:100%;padding:14px}.danger-button{color:var(--danger);border-color:#dfb9b3;background:#fff}.breadcrumbs{display:flex;gap:8px;align-items:center;margin-top:15px;color:#918e86;font-size:12px}.breadcrumbs a:hover{color:#111}.content-card,.form-card,.permission-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.content-card{overflow:hidden}.section-heading{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.section-heading h2,.permission-heading h2{font-size:15px;margin:0}.section-heading p,.permission-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:20px;padding:14px 22px;border-bottom:1px solid #ece9e1}.file-row:last-child{border-bottom:0}.file-row:hover{background:#faf9f5}.file-main{display:flex;align-items:center;gap:14px;min-width:0}.file-main>span:last-child{display:grid;min-width:0}.file-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-main small{font-size:11px;color:#8b8880;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-icon{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.item-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.folder-icon{background:#1d1d1a;color:#fff}.file-icon{background:#e9e6dd;color:#34332f}.date{font-size:11px;color:#8a877f}.icon-button{border:1px solid var(--line);background:#fff;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#55534d}.icon-button:hover{background:#eeeae1;color:#111}.icon-button.danger:hover{color:var(--danger);border-color:#d6a8a1}.row-actions form{display:flex}.empty-state{text-align:center;padding:76px 20px}.empty-icon{font-size:30px}.empty-state h3{font-family:Georgia,serif;font-size:22px;margin:15px 0 7px}.empty-state p{color:var(--muted);font-size:13px;margin:0}.action-panels{display:grid;gap:12px;margin:-16px 0 24px}.inline-panel{display:flex;align-items:flex-end;gap:12px;padding:16px;border-radius:16px;background:#e9e5db;border:1px solid #d9d4c9}.inline-panel label{display:grid;gap:6px;flex:1;font-size:11px;font-weight:700}.inline-panel input{width:100%}.stack-form{display:grid;gap:18px}.stack-form label:not(.check-row),.inline-panel label{display:grid;gap:8px}.stack-form label>span,.inline-panel label>span{font-size:12px;font-weight:700}.stack-form input:not([type=checkbox]),.inline-panel input{border:1px solid #cbc7bc;border-radius:11px;background:#fff;padding:12px 13px;outline:none;color:#111}.stack-form input:focus,.inline-panel input:focus{border-color:#5b5952;box-shadow:0 0 0 3px rgba(30,30,27,.08)}.toast{display:flex;gap:8px;align-items:center;border-radius:12px;padding:12px 15px;margin-bottom:18px;font-size:12px}.toast.success{background:#e0eadb;color:#375330;border:1px solid #c4d6bc}.toast.error{background:#f4e3df;color:#7c3028;border:1px solid #e4c4be}.toast.compact{display:block;margin:20px 0 0}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#fff 0,transparent 32%),var(--bone);padding:24px}.login-wrap{width:min(100%,420px)}.login-card{background:rgba(255,254,251,.92);border:1px solid var(--line);border-radius:26px;padding:42px;box-shadow:0 30px 90px rgba(30,27,20,.12)}.login-brand{margin-bottom:34px}.login-brand .brand-mark{background:#181816;color:#fff;width:42px;height:42px}.login-card h1{font-size:38px}.login-card .stack-form{margin-top:28px}.check-row{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer}.check-row input{width:16px;height:16px;accent-color:#171714;margin-top:1px}.check-row>span{display:grid!important;gap:3px}.check-row small{font-size:11px;color:var(--muted);font-weight:400}.login-note{text-align:center;font-size:11px;color:#939087;margin-top:18px}.form-card{padding:28px}.stack-form.wide{gap:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.options-box{display:grid;gap:18px;background:#f3f1ea;border-radius:15px;padding:18px}.danger-zone{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.danger-zone strong{font-size:13px}.danger-zone p{font-size:11px;color:var(--muted);margin:4px 0 0}.user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.user-card{background:var(--paper);padding:24px}.user-top{display:flex;justify-content:space-between;align-items:start}.status{font-size:10px;border-radius:20px;padding:5px 8px;background:#eeeae1;color:#77736b}.status.online{background:#e2ecdd;color:#3f6335}.user-card h3{font-size:15px;margin:17px 0 4px}.user-card>p{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}.role-line{font-size:11px;color:#6e6b64;margin:16px 0;padding:10px 0;border-top:1px solid #eeebe4}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.permission-card{overflow:hidden}.permission-heading{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.permission-heading>div{display:flex;gap:12px;align-items:center}.small-icon{width:33px;height:33px;font-size:8px}.count-pill{font-size:10px;background:#eeeae2;padding:5px 8px;border-radius:20px}.permission-list{max-height:480px;overflow:auto}.permission-row{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #eeebe4;cursor:pointer}.permission-row:hover{background:#faf8f3}.permission-row:last-child{border:0}.permission-row input{width:16px;height:16px;accent-color:#171714}.permission-row>span{display:grid;min-width:0}.permission-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-row small{font-size:10px;color:#8a877f;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-mini{padding:30px;text-align:center;color:var(--muted);font-size:12px}.sticky-save{position:sticky;bottom:18px;margin:22px auto 0;max-width:510px;border-radius:16px;padding:11px 12px 11px 18px;background:#fff;box-shadow:0 16px 50px rgba(25,23,17,.16);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.sticky-save span{font-size:11px;color:var(--muted)}
@media(max-width:980px){.user-grid{grid-template-columns:1fr 1fr}.permissions-grid{grid-template-columns:1fr}.shell{grid-template-columns:200px 1fr}.main{padding:38px 26px 70px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center}.brand{padding:0}.nav{margin:14px 0 0;grid-row:2;grid-column:1/-1;grid-template-columns:1fr 1fr}.sidebar-foot{margin:0;border:0;padding:0}.profile{margin:0}.sidebar-foot form{display:none}.profile-copy{display:none}.main{padding:28px 16px 70px}.page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .button{flex:1}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:13px}.file-row .date{display:none}.user-grid,.form-grid{grid-template-columns:1fr}.inline-panel{align-items:stretch;flex-direction:column}.inline-panel .button{width:100%}.login-card{padding:30px 24px}.form-card{padding:20px}.danger-zone{align-items:flex-start;flex-direction:column}}