:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef7;background:#07101c;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#07101c;--panel:#0c1726;--panel2:#101d2e;--border:#1d2c40;--muted:#91a0b4;--text:#e8eef7;--accent:#3ba3ff;--accent2:#5bc0ff;--success:#35d29a;--warning:#ffbd66;--danger:#ff6b7a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#142842 0,transparent 38%),var(--bg);min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#081321;border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{height:82px;padding:18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border)}.brand-mark,.login-logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1b6eb3,#103d67);box-shadow:0 8px 24px #0005}.brand strong{display:block;font-size:17px;letter-spacing:.08em}.brand span{display:block;font-size:10px;color:var(--muted);margin-top:3px}nav{padding:18px 11px}.side-link{height:43px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#9cabc0;text-decoration:none;border-radius:9px;margin-bottom:4px;font-size:13px}.side-link:hover{background:#102033;color:#fff}.side-link.active{background:#12304c;color:#fff;box-shadow:inset 3px 0 var(--accent)}.nav-chevron{margin-left:auto;opacity:.4}.sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid var(--border)}.account-mini{display:flex;gap:9px;align-items:center;padding:7px}.account-mini strong,.account-mini span{display:block}.account-mini strong{font-size:12px}.account-mini span{font-size:10px;color:var(--muted);margin-top:2px}.avatar{width:35px;height:35px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:#17304b;color:#8fd1ff;font-weight:700}.logout-btn{width:100%;margin-top:10px;height:38px;background:transparent;border:1px solid var(--border);border-radius:8px;color:#a9b7c9;display:flex;gap:8px;align-items:center;justify-content:center}.logout-btn:hover{color:#fff;background:#101d2e}.main{margin-left:258px;flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 30px;background:#07101ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.crumbs{font-size:13px;font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:9px;color:#9caabd;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#778}.status-dot.member{background:var(--success);box-shadow:0 0 10px #35d29a88}.status-dot.visitor{background:var(--warning)}.icon-btn{background:transparent;border:0;color:#9eacc0;padding:8px;border-radius:8px}.icon-btn:hover{background:#102033;color:#fff}.mobile-only{display:none}.content{max-width:1400px;margin:0 auto;padding:34px 30px 60px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#69bfff;font-weight:800}.hero,.page-intro{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.hero h1,.page-intro h1{font-size:30px;line-height:1.15;margin:7px 0 8px;letter-spacing:-.025em}.hero p,.page-intro p{margin:0;color:var(--muted);font-size:13px;max-width:720px}.hero-badge{border:1px solid #25547a;background:#0b2135;color:#9dd9ff;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.stat-card{background:linear-gradient(145deg,#0e1b2b,#0b1624);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;gap:13px;align-items:center}.stat-icon,.quick-icon,.empty-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#0d2a43;color:#65bdff}.stat-card span{display:block;color:#8d9caf;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;margin-top:5px;font-size:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.card{background:linear-gradient(145deg,#0d1928,#0a1522);border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card h2{font-size:14px;margin:0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-action{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #1a2b3e;border-radius:9px;text-decoration:none;color:#dce6f3;background:#0b1725}.quick-action:hover{border-color:#2b5272;background:#0d1d2e}.quick-action .quick-icon{width:32px;height:32px;flex:none}.quick-action strong,.quick-action span{display:block}.quick-action strong{font-size:11px}.quick-action span{font-size:10px;color:#8190a4;margin-top:3px}.quick-action>svg:last-child{margin-left:auto;color:#718097}.empty-state{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#748398;text-align:center;font-size:11px;padding:20px}.empty-icon{width:42px;height:42px;background:#0b2237;color:#4fa7df}.search-row{display:flex;align-items:center;gap:12px;margin-bottom:13px}.search-row input{flex:1;background:#0b1725;border:1px solid var(--border);color:#fff;border-radius:9px;padding:12px 13px;outline:none}.search-row input:focus{border-color:#2e6c99}.search-row span{font-size:11px;color:var(--muted)}.member-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.member-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #172638;background:#0b1725}.member-row:last-child{border-bottom:0}.member-row:hover{background:#0e1d2d}.member-main{flex:1}.member-main strong,.member-main span{display:block}.member-main strong{font-size:12px}.member-main span{font-size:10px;color:#718097;margin-top:2px}.role-pill,.status-pill{font-size:9px;padding:5px 7px;border-radius:999px;background:#102d45;color:#8dcfff;text-transform:capitalize}.member-hours{font-size:10px;color:#8290a3}.division-service{margin-bottom:24px}.service-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.service-title h2{font-size:13px;margin:0}.division-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.division-card{position:relative;min-height:150px;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:#0b1725;display:flex}.division-accent{width:4px;flex:none}..division-content{padding:15px}.division-code{font-size:9px;letter-spacing:.12em;color:#708095}.division-card h3{font-size:14px;margin:7px 0}.division-card p{font-size:10px;color:#78879a;line-height:1.5;margin:0}.member-division{border-color:#245477;background:#0d1d2d}.member-division p{color:#68c39d}.locked-division{opacity:.48;filter:saturate(.4)}.access-dot{position:absolute;right:12px;top:12px;font-size:11px;color:#718097}.application-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #214d6f;background:linear-gradient(90deg,#0b2237,#0c1927);border-radius:12px;padding:17px;margin-bottom:15px}.application-banner strong{font-size:13px}.application-banner p{font-size:10px;color:#8090a5;margin:5px 0 0}.primary-btn{background:#1979b9;color:#fff;border:0;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700}.primary-btn:hover{background:#218bcf}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #192a3c}th{color:#718197;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.status-pill.submitted{background:#1f2d3e;color:#9bb4ce}.status-pill.approved{background:#12392f;color:#65d8aa}.status-pill.rejected{background:#3a2028;color:#ff8b98}.form-grid{display:grid;gap:14px}.form-grid label{font-size:11px;color:#8c9caf;display:grid;gap:7px}.form-grid input,.form-grid textarea{background:#091522;border:1px solid var(--border);border-radius:8px;padding:11px;color:#fff;outline:none}.form-grid textarea{min-height:130px;resize:vertical}.form-actions{display:flex;align-items:center;gap:12px}.form-message{font-size:10px;color:#76d5ad}.command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.command-tile{border:1px solid var(--border);border-radius:9px;padding:15px;display:flex;align-items:center;gap:9px;color:#9bb1c9;background:#0b1725}.command-tile strong{font-size:11px;flex:1}.command-tile:hover{border-color:#2a5575;background:#0d1d2d}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 20%,#123250 0,transparent 35%),#06101c}.login-panel{width:min(430px,100%);text-align:center;padding:40px 30px;background:#0b1726dd;border:1px solid #1b3047;border-radius:18px;box-shadow:0 30px 80px #0007}.login-logo{width:62px;height:62px;margin:0 auto 18px}.login-panel h1{font-size:28px;margin:7px 0 10px}.login-panel>p{font-size:12px;line-height:1.7;color:#8e9db1;margin:0 auto 24px}.discord-btn{width:100%;height:46px;border:0;border-radius:8px;background:#5865f2;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.discord-btn:hover{background:#6b76f5}.discord-glyph{font-size:18px}.login-note{font-size:10px;line-height:1.6;color:#66758a;margin-top:17px}.setup-warning{margin-top:13px;padding:9px;border:1px solid #5b4823;background:#231d10;color:#e6c982;border-radius:8px;font-size:10px}.loading-screen{min-height:100vh;display:grid;place-items:center;background:#07101c;color:#8c9caf;gap:10px}.spinner{width:26px;height:26px;border:2px solid #1e3043;border-top-color:#54b8ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.stat-grid,.division-grid,.command-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-only{display:inline-flex}.topbar{padding:0 15px}.content{padding:24px 15px}.hero h1,.page-intro h1{font-size:25px}.two-col,.division-grid,.command-grid{grid-template-columns:1fr}.application-banner{align-items:flex-start;gap:12px;flex-direction:column}}@media(max-width:500px){.stat-grid,.action-grid{grid-template-columns:1fr}.member-row .member-hours,.hero-badge{display:none}}