:root{--bg:#060606;--surface:#0c0d0f;--panel:#111214;--panel-2:#181a1d;--line:#2a2d31;--line-strong:#50565f;--text:#f3f5f7;--muted:#a4abb3;--blue:#6ab0ff;--green:#59d99b;--gold:#eac765;--red:#ff6d6d;--ink:#05070a;--shadow:0 18px 42px #00000047;--font-body:"Aptos", "Segoe UI", Arial, sans-serif;--font-display:"Bahnschrift", "Aptos Display", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(180deg, #ffffff09, transparent 360px), var(--bg);color:var(--text);font-family:var(--font-body)}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d1,#0000 72%);mask-image:linear-gradient(#000000d1,#0000 72%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}code{overflow-wrap:anywhere;border:1px solid var(--line);color:#d9e8ff;background:#090a0c;border-radius:8px;width:100%;padding:9px 10px;display:block}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060606eb;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1320px,100% - 32px);min-height:78px;margin:0 auto;display:flex}.logo,.account-box{align-items:center;gap:12px;display:flex}.logo-badge{width:44px;height:52px;color:var(--ink);font-family:var(--font-display);background:linear-gradient(135deg,#f5f7fb,#6ab0ff 45%,#ff6d6d);border:2px solid #dce7f7;border-radius:8px 8px 14px 14px;place-items:center;font-size:1.45rem;font-weight:900;display:grid}.logo small,.account-box small,.kicker{color:#9fc9ff;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.logo strong,.account-box strong{display:block}.top-nav{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.top-nav a,.ghost-button,.secondary-button,.danger-button,.chip,.feature{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 11px;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s}.top-nav a:hover,.top-nav a.active,.ghost-button:hover,.secondary-button:hover,.chip:hover,.feature:hover,.feature.active{border-color:var(--line-strong);background:var(--panel-2);color:var(--text)}.top-nav a:hover,.ghost-button:hover,.secondary-button:hover,.danger-button:hover,.chip:hover,.feature:hover,.profile-card:hover,.department-card:hover{transform:translateY(-1px)}.primary-button{border:1px solid var(--blue);min-height:40px;color:var(--ink);background:linear-gradient(#7bbcff,#4c9ff0);border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;font-weight:900;transition:filter .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 26px #4c9ff02e}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 32px #4c9ff03d}.primary-button.compact{min-height:34px;padding:7px 10px}.secondary-button{border-color:var(--line-strong);color:var(--text);background:linear-gradient(#202328,#14161a);justify-content:center;align-items:center;display:inline-flex}.secondary-button.compact,.danger-button.compact{min-height:34px;padding:7px 10px}.danger-button{color:#ffd3d3;background:#261416;border-color:#ff6d6db3}.site-main{width:min(1320px,100% - 32px);margin:0 auto;padding:30px 0 70px}.page-stack{gap:18px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-header h1,.home-copy h1{font-family:var(--font-display);margin:6px 0 10px;font-size:clamp(2.2rem,5vw,5rem);line-height:.96}.page-header p,.home-copy p,.panel p,.muted,small{color:var(--muted)}.header-actions,.hero-actions,.button-row,.chip-row,.toggle-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel,.item,.department-card,.profile-card,.department-settings-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.panel,.department-settings-card{padding:18px}.home-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;min-height:520px;display:grid}.home-copy{border:1px solid var(--line);background:linear-gradient(135deg, #6ab0ff1a, transparent 42%), var(--panel);box-shadow:var(--shadow);border-radius:8px;align-content:center;gap:18px;padding:clamp(24px,5vw,48px);display:grid}.home-panel{align-content:center;gap:14px;display:grid}.mini-list{gap:8px;display:grid}.mini-list span,.item{background:var(--panel-2);padding:12px}.stats-grid,.card-grid,.grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two,.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three,.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid{gap:10px}.stat-card{gap:8px;display:grid}.stat-card strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:2rem;line-height:1.05}.stat-card p{margin:0}.section-panel,.command-panel{gap:16px;display:grid}.section-heading{max-width:780px}.section-heading h2,.panel h2,.department-card h2,.profile-card h2{font-family:var(--font-display);margin-bottom:8px}.department-card{border-top:4px solid var(--accent,var(--blue));gap:11px;min-height:230px;padding:18px;display:grid}.department-card span{background:color-mix(in srgb, var(--accent,var(--blue)) 24%, transparent);width:44px;height:44px;color:var(--text);border-radius:8px;place-items:center;font-weight:900;display:grid}.department-card.tall{min-height:280px}.profile-card{width:100%;color:var(--text);text-align:left;justify-items:start;gap:10px;padding:18px;display:grid}.avatar{background:var(--blue);width:48px;height:48px;color:var(--ink);border-radius:999px;place-items:center;font-weight:900;display:grid}.item-list,.form-grid,.record-block{gap:10px;display:grid}.item{box-shadow:none;border-radius:8px;gap:5px;display:grid}.item strong,.item p{overflow-wrap:anywhere}.result{width:100%;color:var(--text);text-align:left}.result.active{border-color:var(--blue)}.results-list{max-height:440px;overflow:auto}.field{color:var(--muted);gap:7px;font-size:.9rem;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0b0c0e;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:115px}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.check-row,.toggle-row label{color:var(--muted);align-items:center;gap:9px;display:flex}.check-row input,.toggle-row input{width:auto}.feature-grid{flex-wrap:wrap;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow:auto}.feature{background:#14161a}.feature.active{border-color:var(--blue);color:var(--text)}.department-settings-card{border-top:4px solid var(--accent,var(--blue));gap:10px;display:grid}.oauth-card{gap:14px;display:grid}.notice{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;padding:12px}.notice.success{color:#c8f5dc;border-color:#59d99b73}.notice.danger{color:#ffd3d3;border-color:#ff6d6d8c}.wide-button{width:100%}.empty-state{align-content:center;justify-items:start;gap:14px;min-height:280px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:13px 10px}th{color:var(--muted)}@media (max-width:1180px){.stats-grid,.card-grid.four,.grid.three,.card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.site-header-inner{flex-wrap:wrap;padding:12px 0}.top-nav{order:3;justify-content:flex-start;width:100%}.home-hero,.grid.two,.card-grid.two,.stats-grid,.card-grid.four,.grid.three,.card-grid.three{grid-template-columns:1fr}.page-header{flex-direction:column}}@media (max-width:620px){.site-main,.site-header-inner{width:min(100% - 22px,1320px)}.account-box{justify-content:space-between;width:100%}.top-nav a{text-align:center;flex:calc(50% - 6px)}.inline-form{grid-template-columns:1fr}}