:root{
  --blue:#2563eb;--blue2:#1d4ed8;--blue3:#60a5fa;--navy:#0f2a55;--navy2:#071a36;
  --bg:#f4f7fb;--panel:rgba(255,255,255,.96);--text:#172033;--muted:#64748b;--border:#e3e9f2;
  --danger:#dc2626;--danger-bg:#fff1f2;--green:#15803d;--green-bg:#ecfdf3;--amber:#b45309;
  --shadow:0 18px 50px rgba(15,42,85,.08);--shadow-sm:0 8px 24px rgba(15,42,85,.07);
  --radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{background-image:radial-gradient(circle at 90% 0%,rgba(37,99,235,.08),transparent 28%),linear-gradient(180deg,#f8faff 0,#f4f7fb 220px)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(59,130,246,.22);outline-offset:2px}

.app-shell{display:flex;min-height:100vh}
.sidebar{width:258px;background:linear-gradient(180deg,var(--navy2),var(--navy) 64%,#102f60);color:#d7e1ef;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;box-shadow:14px 0 35px rgba(2,15,35,.12);overflow-y:auto}
.sidebar::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(96,165,250,.18),transparent 26%),linear-gradient(135deg,transparent 55%,rgba(255,255,255,.025));pointer-events:none}
.logo{min-height:82px;padding:17px 19px;display:flex;gap:12px;align-items:center;color:#fff;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.08)}
.logo-mark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:13px;box-shadow:0 10px 24px rgba(37,99,235,.35);font-weight:900;font-size:20px;flex:0 0 auto}
.logo-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}.logo-copy strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-copy small{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8fb4e6;margin-top:5px}
.side-nav{padding:12px 12px 4px;display:grid;gap:5px;position:relative;z-index:1}.side-nav a,.sidebar-footer>a{padding:11px 12px;border-radius:12px;display:flex;gap:11px;align-items:center;font-size:14px;font-weight:650;border:1px solid transparent}
.nav-icon{width:22px;text-align:center;opacity:.9;font-size:17px}.side-nav a:hover,.side-nav a.active,.sidebar-footer>a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.06);color:#fff;transform:translateX(2px)}
.side-nav a.active{background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(37,99,235,.14));box-shadow:inset 3px 0 0 #60a5fa}
.side-section{padding:22px 23px 6px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#7296c2;position:relative;z-index:1}
.sidebar-footer{margin-top:auto;padding:14px 12px 18px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:5px;position:relative;z-index:1}.sidebar-role{display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:5px;background:rgba(255,255,255,.05);border-radius:12px}.sidebar-role>div{display:flex;flex-direction:column;min-width:0}.sidebar-role strong{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-role small{font-size:11px;color:#96abc8;margin-top:2px}
.role-dot{width:9px;height:9px;border-radius:999px;display:inline-block;flex:0 0 auto;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.role-dot.administrator{background:#c084fc}.role-dot.admin{background:#60a5fa}.role-dot.user{background:#4ade80}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(2,8,23,.48);backdrop-filter:blur(2px);border:0;z-index:35}

.main{margin-left:258px;min-width:0;flex:1}.topbar{height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.85);display:flex;align-items:center;gap:16px;padding:0 30px;position:sticky;top:0;z-index:30}.searchbar{max-width:650px;flex:1;background:#f1f5f9;border:1px solid transparent;border-radius:14px;display:flex;align-items:center;padding:0 14px;gap:9px;color:#64748b}.searchbar:focus-within{background:#fff;border-color:#bfdbfe;box-shadow:0 0 0 4px rgba(59,130,246,.09)}.searchbar input{width:100%;border:0;background:transparent;padding:11px 0;outline:0;color:var(--text)}.searchbar input::placeholder{color:#94a3b8}.user-chip{margin-left:auto;display:flex;gap:10px;align-items:center;font-weight:650;font-size:13px;padding:6px 8px 6px 6px;border-radius:14px}.user-chip:hover{background:#f8fafc}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:850;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}.user-chip>span:last-child{display:flex;flex-direction:column;line-height:1.15}.user-chip small{color:var(--muted);font-size:10px;font-weight:550;margin-top:3px}
.content{max-width:1360px;margin:auto;padding:30px 32px 48px}.page-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:22px}.page-head h1{margin:0 0 7px;font-size:clamp(25px,2.3vw,32px);line-height:1.15;letter-spacing:-.025em;color:#102445}.muted{color:var(--muted)}.small{font-size:12px}.top-gap{margin-top:18px}.top-gap-xs{margin-top:8px}

.actions,.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.toolbar{margin:17px 0}.btn{border:0;border-radius:12px;padding:10px 15px;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:750;font-size:14px;box-shadow:0 7px 18px rgba(37,99,235,.18)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.25)}.btn:active{transform:translateY(0)}.btn.secondary{background:#edf4ff;color:#1e4fbf;box-shadow:none;border:1px solid #dbeafe}.btn.secondary:hover{background:#e3efff}.btn.ghost{background:#fff;color:#334155;border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f2a55}.btn.danger{background:var(--danger-bg);color:#b91c1c;border:1px solid #fecdd3;box-shadow:none}.btn.danger:hover{background:#ffe4e6}.btn.green{background:var(--green-bg);color:#166534;border:1px solid #bbf7d0;box-shadow:none}.btn.sm{padding:7px 10px;min-height:33px;font-size:12px;border-radius:9px}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:11px;width:40px;height:40px;cursor:pointer;color:#334155;display:inline-grid;place-items:center}.icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}

.card{background:var(--panel);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-head h3,.panel h3{margin-top:0;color:#132d55}.stat{padding:21px;position:relative;overflow:hidden}.stat::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-24px;top:-25px;background:rgba(37,99,235,.06)}.stat .value{font-size:29px;font-weight:850;margin-top:6px;letter-spacing:-.03em;color:#102b55}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}

.upload-zone{border:1.5px dashed #a9c8f5;background:linear-gradient(135deg,#f8fbff,#f3f8ff);border-radius:17px;padding:20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.upload-zone:hover{border-color:#79aaf0;background:#f6faff}.upload-zone.drag{background:#eaf3ff;border-color:var(--blue);transform:scale(1.003)}.upload-zone input[type=file]{display:none}.progress-wrap{display:none;margin-top:10px;min-width:280px}.progress{height:8px;background:#e6edf6;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);width:0;border-radius:inherit;transition:width .18s ease}.storage-card{min-width:280px;max-width:350px}.storage-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.storage-line strong{color:#244777}.breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.breadcrumb a{padding:3px 5px;border-radius:6px}.breadcrumb a:hover{color:var(--blue);background:#eff6ff}

.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:14px 15px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:middle;white-space:nowrap}.table th{font-size:10.5px;text-transform:uppercase;letter-spacing:.075em;color:#708197;background:#f9fbfd;font-weight:800}.table th:first-child{border-radius:16px 0 0 0}.table th:last-child{border-radius:0 16px 0 0}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#f8fbff}.name-cell{display:flex;align-items:center;gap:12px;min-width:260px}.file-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#f8fafc,#eef2f7);border:1px solid #e8edf4;display:grid;place-items:center;font-size:19px;flex:0 0 auto;box-shadow:0 4px 12px rgba(15,42,85,.045)}.name-main{font-weight:720;max-width:420px;overflow:hidden;text-overflow:ellipsis;color:#17325d}.name-main a:hover,.name-cell>a:hover{color:var(--blue)}.row-menu{display:flex;gap:6px;align-items:center}.row-menu form{display:inline-flex;margin:0}

.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800;line-height:1.25;border:1px solid transparent}.badge.viewer{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.badge.editor{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.badge.admin,.badge.role-admin{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.badge.off{background:#fff1f2;color:#991b1b;border-color:#fecdd3}.badge.role-administrator{background:#faf5ff;color:#7e22ce;border-color:#e9d5ff}.badge.role-user{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:13px;display:flex;align-items:flex-start;gap:9px;border:1px solid transparent;font-size:13px}.alert-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;flex:0 0 auto}.alert.success{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.alert.success .alert-dot{background:#22c55e}.alert.error{background:#fff1f2;color:#991b1b;border-color:#fecdd3}.alert.error .alert-dot{background:#ef4444}.alert.info{background:#eff6ff;color:#1e4e9a;border-color:#dbeafe}.alert.info .alert-dot{background:#3b82f6}.empty{padding:54px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:43px;margin-bottom:8px;filter:grayscale(.15)}

.field{margin-bottom:15px}.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#334155}.input,.field input,.field select,.field textarea{width:100%;border:1px solid #dbe3ee;border-radius:11px;padding:10px 12px;background:#fff;outline:0;color:#172033}.field textarea{min-height:110px;resize:vertical}.field input::placeholder,.input::placeholder{color:#9aa8bb}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#8db8f8;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.check-row{display:flex;align-items:center;gap:8px;margin:12px 0 16px}.check-row input,.toggle-list input[type=checkbox]{accent-color:var(--blue)}

.modal{display:none;position:fixed;inset:0;background:rgba(5,15,31,.52);backdrop-filter:blur(5px);z-index:80;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex;animation:fadeIn .16s ease}.modal-card{width:min(540px,100%);background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:21px;padding:22px;box-shadow:0 30px 90px rgba(2,8,23,.28);animation:popIn .18s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h3{margin:0;color:#12305b}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes popIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 15%,rgba(96,165,250,.25),transparent 24%),radial-gradient(circle at 85% 85%,rgba(37,99,235,.14),transparent 28%),linear-gradient(145deg,#071a36,#0f2a55 52%,#153f7f);position:relative;overflow:hidden}.auth-shell::before,.auth-shell::after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.auth-shell::before{width:420px;height:420px;left:-160px;bottom:-180px}.auth-shell::after{width:280px;height:280px;right:-80px;top:-100px}.auth-card{width:min(455px,100%);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.75);border-radius:24px;box-shadow:0 32px 90px rgba(0,0,0,.28);padding:30px;position:relative;z-index:2}.auth-brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:19px;margin-bottom:25px;color:#14315a}.auth-card h1{margin:0 0 7px;font-size:30px;letter-spacing:-.03em;color:#102b55}.auth-card p{line-height:1.6}.auth-card .btn{width:100%;margin-top:2px}.auth-card form+.muted{margin-top:18px}.auth-card a{font-weight:750}

.link-box{display:flex;gap:8px}.link-box input{flex:1;min-width:0}.preview-box{min-height:430px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid var(--border);border-radius:18px;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px 0 #fff}.preview-box img,.preview-box video{max-width:100%;max-height:70vh}.preview-box iframe{width:100%;height:70vh;border:0}.preview-box audio{width:min(600px,90%)}pre.text-preview{white-space:pre-wrap;word-break:break-word;width:100%;margin:0;padding:23px;max-height:70vh;overflow:auto;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.activity-item{display:flex;gap:12px;padding:15px 17px;border-bottom:1px solid #edf1f6}.activity-item:last-child{border-bottom:0}.activity-item:hover{background:#f9fbfd}.activity-dot{width:34px;height:34px;border-radius:11px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;flex:0 0 auto}

.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:19px}.settings-nav{display:flex;flex-direction:column;align-self:start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px;position:sticky;top:94px;box-shadow:var(--shadow-sm)}.settings-nav a{padding:11px 12px;border-radius:10px;font-size:13px;font-weight:750;color:#516177}.settings-nav a:hover,.settings-nav a.active{background:#eff6ff;color:#1d4ed8}.settings-content{min-width:0}.settings-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.settings-facts>div{border:1px solid var(--border);background:#fbfdff;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:4px}.settings-facts span{font-size:11px;color:var(--muted)}.toggle-list{display:grid;border-top:1px solid var(--border);margin-top:13px}.toggle-list label{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 2px;border-bottom:1px solid var(--border);cursor:pointer}.toggle-list label>span{display:flex;flex-direction:column;gap:3px}.toggle-list small{color:var(--muted);font-weight:400}.toggle-list input[type=checkbox]{width:20px;height:20px;flex:0 0 auto}.permission-list{display:grid;gap:0;border:1px solid var(--border);border-radius:13px;overflow:hidden}.permission-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 13px;border-bottom:1px solid var(--border);background:#fff}.permission-list>div:last-child{border-bottom:0}.role-summary{display:grid;gap:9px}.role-summary>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;padding:11px;border:1px solid var(--border);border-radius:11px;background:#fbfdff}.role-summary strong{font-size:18px}.user-filter,.audit-filter{display:flex;align-items:center;gap:8px}.user-filter .input,.audit-filter .input{max-width:360px}.audit-filter select.input{max-width:240px}.permission-matrix td:not(:first-child),.permission-matrix th:not(:first-child){text-align:center}.share-grid{grid-template-columns:1.3fr 1fr 1fr}.share-person{padding:11px 0;border-bottom:1px solid var(--border)}.share-person:last-child{border-bottom:0}

.mobile-only{display:none}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:120;display:grid;gap:9px;max-width:min(380px,calc(100vw - 30px))}.toast{background:#0f2345;color:#fff;padding:11px 14px;border-radius:12px;box-shadow:0 18px 45px rgba(2,8,23,.25);font-size:13px;animation:toastIn .2s ease}.toast.error{background:#991b1b}.toast.success{background:#14532d}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.share-grid{grid-template-columns:1fr 1fr}.share-grid>div:last-child{grid-column:1/-1}.content{padding-left:24px;padding-right:24px}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:transform .23s ease}.sidebar.open{transform:translateX(0)}.sidebar.open~.sidebar-backdrop,.sidebar-backdrop.open{display:block}.main{margin-left:0}.mobile-only{display:inline-grid;place-items:center}.content{padding:22px 18px 38px}.grid-3,.grid-2{grid-template-columns:1fr}.page-head{flex-direction:column}.storage-card{width:100%;max-width:none}.user-chip span:last-child{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;flex-direction:row;overflow:auto;box-shadow:none}.settings-nav a{white-space:nowrap}.settings-facts{grid-template-columns:1fr}.share-grid{grid-template-columns:1fr}.share-grid>div:last-child{grid-column:auto}}
@media(max-width:650px){.topbar{height:68px;padding:0 12px;gap:9px}.content{padding:17px 12px 32px}.searchbar{padding:0 10px}.upload-zone{align-items:flex-start;flex-direction:column;padding:17px}.progress-wrap{min-width:0;width:100%}.table th,.table td{padding:11px 10px}.table th:nth-child(2),.table td:nth-child(2){display:none}.name-cell{min-width:205px}.name-main{max-width:185px}.row-menu{flex-wrap:wrap;min-width:180px}.auth-shell{padding:16px}.auth-card{padding:23px;border-radius:20px}.auth-card h1{font-size:27px}.grid-4{grid-template-columns:1fr}.user-filter,.audit-filter{align-items:stretch;flex-direction:column}.user-filter .input,.audit-filter .input,.audit-filter select.input{max-width:none}.panel-head{flex-direction:column}.toggle-list label{align-items:flex-start}.link-box{flex-direction:column}.page-head h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* MiniBox refreshed workspace — self-hosted, no external asset dependencies. */
:root{--blue:#315b50;--blue2:#24483e;--navy:#243f37;--navy2:#1d352e;--bg:#f6f7f4;--text:#263d35;--muted:#6c7d74;--border:#e2e8e1;--shadow-sm:0 5px 24px rgba(35,65,49,.035)}
body{background:#f6f7f4;line-height:1.5}
.sidebar{background:#fff;color:#6c7d74;box-shadow:none;border-right:1px solid var(--border);width:246px}
.sidebar::before{display:none}.logo{color:#263d35;border-bottom:0;padding:28px 22px;min-height:100px}.logo-copy small{color:#7c9083;font-size:8px}.logo-mark{background:#315b50;box-shadow:none;border-radius:14px;color:#fff}.side-nav{padding:12px 16px;gap:7px}.side-nav a{font-weight:550;min-height:46px}.side-nav a:hover,.sidebar-footer>a:hover{color:#24483e;background:#f1f5ee;border-color:transparent}.side-nav a.active{color:#24483e;background:#eaf1e7;box-shadow:none;border-color:transparent}.side-section{color:#87968c;font-size:9px}.sidebar-footer{border-color:var(--border);padding:16px}.sidebar-role{background:#f4f6f1}.sidebar-role strong{color:#263d35}.sidebar-role small{color:#6c7d74}.main{margin-left:246px}.topbar{height:88px;background:rgba(246,247,244,.95);border-bottom:0;padding:0 36px}.searchbar{background:#fff;border-color:var(--border);max-width:520px;border-radius:50px}.searchbar input{padding:12px 0}.avatar{background:#e7eddf;color:#315b50;border-radius:50%;box-shadow:none}.content{padding:24px 36px 48px}.page-head{margin-bottom:28px}.page-head h1{color:#263d35;font-size:32px;font-weight:650;letter-spacing:-.04em}.card{border-color:var(--border);border-radius:20px}.btn{background:#315b50;box-shadow:none;font-weight:600;border-radius:11px;min-height:44px}.btn:hover{background:#24483e;box-shadow:0 6px 16px #24483e18}.btn.secondary{background:#eaf1e7;color:#315b50;border-color:#dce6d7}.btn.secondary:hover{background:#dce8d7}.btn.ghost:hover{color:#315b50}.upload-zone{min-height:150px;border-color:#b8c9b0;background:#eff4e9;border-radius:20px;padding:28px;margin-bottom:26px}.upload-zone strong{font-size:18px;font-weight:600;color:#315b50}.upload-zone:hover,.upload-zone.drag{background:#e6efdf;border-color:#315b50}.progress>div{background:#6f9563}.storage-card{box-shadow:none;background:transparent;border:0;padding:6px 0;min-width:260px}.storage-line strong{color:#315b50}.table th{background:#f8faf6;color:#829080;font-size:10px}.table th,.table td{padding:18px 16px}.table tbody tr:hover{background:#f6f9f2}.name-main{color:#344b3e;font-weight:550}.file-icon{background:#f1f5eb;border:0;box-shadow:none}.row-menu{flex-wrap:wrap;max-width:390px}.btn.sm{min-height:34px}.field input,.field select{min-height:48px}.field input:focus,.input:focus{border-color:#8aa87c;box-shadow:0 0 0 4px #8aa87c20}.auth-layout{background:#f5f6ef;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,460px);gap:8vw;padding:60px max(6vw,24px);overflow:visible}.auth-shell::before,.auth-shell::after{display:none}.auth-story{max-width:660px}.auth-story .auth-brand{margin-bottom:64px}.eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:750;color:#6d8269;margin-bottom:18px}.auth-story h2{font-size:clamp(42px,5.6vw,80px);line-height:1.08;letter-spacing:-.06em;font-weight:550;margin:0 0 26px;color:#263d35}.auth-story h2 em{color:#769465;font-style:normal}.auth-story>p{color:#748171;max-width:390px;font-size:17px;line-height:1.8}.story-files{display:flex;gap:14px;margin:36px 0}.story-files>div{background:#ffffffa8;border:1px solid #e0e6d9;border-radius:18px;padding:18px;flex:1;max-width:235px;transform:rotate(-3deg)}.story-files>div+div{transform:rotate(3deg) translateY(14px)}.story-files span{display:block;font-size:26px;color:#769465;margin-bottom:12px}.story-files b,.story-files small{display:block;font-size:13px}.story-files small{font-size:11px;color:#829080;margin-top:5px}.story-foot{display:block;margin-top:45px;color:#829080;font-size:11px}.auth-layout .auth-card{width:100%;border:1px solid #e2e7db;border-radius:28px;padding:40px;background:#fff;box-shadow:0 24px 70px #30452b09}.auth-card h1{font-size:29px;color:#263d35;font-weight:600}.auth-card>p{font-size:14px;margin-bottom:30px}.auth-card .field{margin-bottom:22px}.field>small{display:block;margin-top:8px;font-size:11px}.password-wrap{position:relative}.password-wrap input{padding-right:76px}.password-toggle{position:absolute;right:5px;top:5px;height:38px;border:0;background:#f1f5ed;color:#315b50;padding:0 12px;border-radius:8px;cursor:pointer;font-size:12px}.auth-card .auth-submit{display:flex;justify-content:space-between;padding:14px 18px}.auth-link{text-align:center}.auth-link a{color:#315b50}.auth-note{text-align:center;border-top:1px solid var(--border);padding-top:20px;font-size:11px;color:#829080}.caps-warning{color:#a65d14;font-size:12px}.settings-nav a.active,.settings-nav a:hover{background:#eaf1e7;color:#315b50}.modal-card{max-height:90dvh;overflow:auto}.upload-zone>div{min-width:0;overflow-wrap:anywhere}.user-chip b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.auth-layout{gap:5vw;padding:40px}.content{padding:24px}.auth-layout .auth-card{padding:28px}}
@media(max-width:900px){.main{margin-left:0}.topbar{height:76px;padding:0 20px}.auth-layout{grid-template-columns:1fr;max-width:none;gap:28px;padding:32px 20px}.auth-story{width:100%;max-width:460px;margin:auto}.auth-story .auth-brand{margin-bottom:26px}.auth-story h2{font-size:40px}.auth-story h2 br{display:none}.auth-story h2 em{display:block}.auth-story>p,.story-files,.story-foot,.auth-story>.eyebrow{display:none}.auth-layout .auth-card{max-width:460px;margin:auto}.storage-card{min-width:0}.page-head h1{font-size:28px}}
@media(max-width:650px){.content{padding:20px 14px}.topbar{padding:0 12px;gap:8px}.user-chip{padding:0;flex-shrink:0}.searchbar{min-width:0}.searchbar input{min-width:0;font-size:14px}.table th:nth-child(2),.table td:nth-child(2){display:table-cell}.table{min-width:620px}.table.file-table{min-width:0}.file-table thead{display:none}.file-table,.file-table tbody,.file-table tr,.file-table td{display:block;width:100%}.file-table tr{padding:14px;border-bottom:1px solid var(--border)}.file-table td{padding:4px 0;border:0;white-space:normal}.file-table td[data-label]:not(:first-child)::before{content:attr(data-label) ': ';font-size:11px;color:#829080}.file-table td:last-child::before{display:none!important}.file-table .row-menu{max-width:none;min-width:0;margin-top:12px;gap:8px}.file-table .name-cell{min-width:0;align-items:flex-start}.file-table .name-cell>div{min-width:0}.file-table .name-main{max-width:none;overflow-wrap:anywhere;white-space:normal}.file-table .empty{padding:30px 0}.upload-zone{min-height:0;padding:22px;gap:16px}.upload-zone strong{font-size:16px}.toolbar>.btn{flex:1}.auth-layout .auth-card{padding:26px 22px}.auth-card h1{font-size:25px}.field input,.field select,.field textarea,.input{font-size:16px}.storage-card{width:100%}.settings-nav{max-width:100%}.panel{padding:16px}.preview-box{min-height:240px}}
@media(max-width:900px){body.menu-open{overflow:hidden}}

/* Functional refinements */
[hidden]{display:none!important}.list-tools{display:flex;align-items:flex-end;gap:14px;margin:22px 0 16px;flex-wrap:wrap}.list-tools>div:first-child{flex:1;min-width:180px}.list-tools label{display:block;margin-bottom:6px}.list-tools>span{padding:12px 0}.upload-results{padding:0;list-style:none;max-height:220px;overflow:auto;margin:12px 0}.upload-results li{padding:9px 12px;margin:5px 0;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.upload-ok{background:#eaf4e7;color:#315b50}.upload-failed{background:#fff1f2;color:#991b1b}.btn[aria-disabled=true]{cursor:wait;opacity:.72}.file-table tr[hidden]{display:none!important}.page-head h1{overflow-wrap:anywhere}.page-head>div{min-width:0}@media(max-width:650px){.list-tools{align-items:stretch}.list-tools>div{width:100%}.list-tools>span{padding:0}}

/* Navigation present on every signed-in menu, with a native link fallback. */
.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;flex-wrap:wrap}.page-navigation .back-link{min-height:44px;padding:9px 16px;font-size:13px;gap:9px}.navigation-home{font-size:12px;color:var(--muted);padding:10px 0}.navigation-home:hover{color:var(--blue)}.login-page .page-navigation{margin-bottom:18px}.login-page .back-link{background:#202c43;border-color:#7485ad44;color:#c5d1ed}.login-page .navigation-home{color:#acbaff}@media(max-width:650px){.page-navigation{margin-bottom:18px}.page-navigation .back-link{min-height:44px}}

.document-editor-frame{width:100%;height:76vh;min-height:500px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.document-editor-frame>div{height:100%}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0;font-size:13px}.field .text-editor-area{min-height:60vh;line-height:1.6;font:14px/1.6 ui-monospace,Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}@media(max-width:650px){.document-editor-frame{height:78vh;min-height:420px}.field .text-editor-area{font-size:16px}}

.native-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.native-toolbar [role=status]{font-size:13px;max-width:680px;overflow-wrap:anywhere}.native-editor{min-height:320px}.native-paragraph{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.native-paragraph label{color:var(--muted);font-size:11px}.native-paragraph .input{font-size:14px}.native-sheet-tools,.native-pdf-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:15px}.native-sheet-tools .input,.native-pdf-tools .input{max-width:220px;min-height:44px}.native-pdf-tools input[type=number]{max-width:100px}.native-sheet-wrap{overflow:auto;max-height:70vh;border:1px solid var(--border);border-radius:10px}.native-sheet{border-collapse:separate;border-spacing:0;width:max-content;background:#fff}.native-sheet th{position:sticky;top:0;background:#ecf1e9;min-width:50px;padding:8px;font-size:11px;z-index:1}.native-sheet th:first-child{left:0}.native-sheet td{border:1px solid #e4e9df;padding:0;min-width:130px}.native-sheet .input{border:0;border-radius:0;width:140px;padding:9px;font-size:13px;box-shadow:none}.native-sheet .input:focus{background:#edf5e7;outline:2px solid #709861;outline-offset:-2px}.native-pdf-wrap{overflow:auto;max-height:75vh;background:#dce1dc;padding:16px;border-radius:12px;text-align:center}.native-pdf-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;background:#fff;box-shadow:0 4px 18px #0002;cursor:crosshair}.native-editor [readonly]{background:#f7f8f5;color:#5c6c61}@media(max-width:650px){.native-paragraph{grid-template-columns:1fr;gap:5px}.native-paragraph .input,.native-sheet .input{font-size:16px}.native-pdf-wrap{padding:5px}.native-toolbar .actions{width:100%}.native-toolbar .btn{flex:1}.native-pdf-tools .input{max-width:none;flex:1}.native-sheet-tools{align-items:stretch;flex-direction:column}.native-sheet-tools .input{max-width:none}}

.preview-tablist{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:16px}.universal-preview{min-width:0}.universal-text,.universal-hex{margin:12px 0;max-height:65vh;overflow:auto;background:#f5f7f2;border:1px solid var(--border);border-radius:12px;padding:18px;font:13px/1.65 ui-monospace,Consolas,monospace;color:#243b30}.universal-text{white-space:pre-wrap;overflow-wrap:anywhere}.universal-hex{white-space:pre;tab-size:4}.universal-pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.universal-pager label{display:flex;gap:8px;align-items:center;font-size:12px}.universal-pager input{width:140px}.preview-facts{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;font-size:14px}.preview-facts dt{color:var(--muted)}.preview-facts dd{margin:0;overflow-wrap:anywhere}.universal-image{max-width:100%;max-height:75vh;display:block;margin:auto}.universal-media{width:100%;max-height:75vh}.universal-table-wrap{overflow:auto;max-height:65vh;margin:15px 0;border:1px solid var(--border);border-radius:10px}.universal-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.universal-table th,.universal-table td{padding:9px 12px;border:1px solid var(--border);max-width:400px;min-width:95px;white-space:pre-wrap;overflow-wrap:anywhere}.universal-table th{background:#edf2e8;position:sticky;top:0}.universal-controls{display:flex;gap:10px;flex-wrap:wrap}.universal-controls .input{max-width:240px}.archive-entry{display:block;width:100%;text-align:left;background:#f5f8f1;border:1px solid var(--border);border-radius:8px;padding:12px;margin-top:7px;color:var(--text);cursor:pointer;overflow-wrap:anywhere}.archive-entry:hover{background:#eaf1e2}.archive-entry:disabled{cursor:default;color:var(--muted)}.universal-pdf-wrap{margin-top:16px;background:#dbe1da;border-radius:12px;padding:15px;max-height:80vh;overflow:auto}.universal-pdf-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 4px 20px #0002}.universal-preview select{max-width:300px}@media(max-width:650px){.preview-tablist .btn{flex:1;font-size:12px;padding:9px}.preview-facts{grid-template-columns:1fr;gap:6px}.preview-facts dd{margin-bottom:12px}.universal-pager .btn{flex:1;font-size:12px}.universal-hex{font-size:11px;padding:10px}.universal-controls .input{max-width:none;width:100%;font-size:16px}}