:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;--bg:#111416;--panel:#181c1f;--line:#2b3338;--mint:#00e8e8;--text:#f4f6f7;--muted:#94a3ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:24px 18px;background:#15191b;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{font-size:21px;font-weight:900}.logo span{color:var(--mint)}aside nav{display:grid;gap:7px;margin-top:40px}aside nav a{padding:12px;border-radius:5px;color:#bec8ce;text-decoration:none}aside nav a.active,aside nav a:hover{background:#22292e;color:#fff}.logout{margin-top:auto;width:100%;padding:11px;background:#272e33;border:1px solid #39434a;border-radius:5px;color:#fff;cursor:pointer}main{padding:28px 34px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1,h2,p{margin-top:0}header p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px}.metrics article{padding:18px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;font-size:27px;margin-top:10px}.panel{padding:20px;margin:18px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#9fb0ba;font-size:12px;text-transform:uppercase}.adjust{display:flex;gap:6px}.adjust input{width:115px;padding:8px;border:1px solid #38434a;background:#101315;color:#fff}.adjust button,.login-panel button{padding:8px 12px;border:0;border-radius:4px;background:var(--mint);color:#071313;font-weight:800;cursor:pointer}.alert{padding:12px;margin:12px 0;border-radius:5px;background:#163c31;border:1px solid #2f886f}.alert.error{background:#3c2024;border-color:#8c3c47}.login-page{display:grid;grid-template-columns:1fr;place-items:center;min-height:100vh;overflow-x:hidden;background:#111416}.login-panel{width:min(400px,calc(100vw - 32px));padding:26px;background:#171b1d;border:1px solid var(--line);border-radius:8px}.login-panel h1{color:var(--mint);margin-bottom:2px}.login-panel label{display:block;margin:14px 0}.login-panel input{display:block;width:100%;height:44px;margin-top:5px;padding:0 11px;background:#0f1214;border:1px solid #39434a;color:#fff}.login-panel button{width:100%;height:44px}@media(max-width:900px){body{grid-template-columns:1fr}aside{position:static;height:auto;flex-direction:row;align-items:center;gap:12px;padding:14px}aside nav{display:flex;margin:0 auto}.logout{margin:0;width:auto}main{padding:20px 14px}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:520px){.metrics{grid-template-columns:1fr}aside nav a:not(.active){display:none}header{align-items:flex-start;gap:12px;flex-direction:column}}
.create-member{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:28px;align-items:end}.create-member p{color:var(--muted);margin-bottom:0}.create-member form{display:grid;grid-template-columns:1fr 1fr 180px auto auto;gap:10px;align-items:end}.create-member label{display:grid;gap:6px;color:#aebac1;font-size:12px;font-weight:700}.create-member input{height:40px;padding:0 10px;border:1px solid #38434a;border-radius:4px;background:#101315;color:#fff}.create-member .check{display:flex;align-items:center;gap:7px;height:40px;white-space:nowrap}.create-member .check input{width:17px;height:17px;margin:0}.create-member button{height:40px;padding:0 16px;border:0;border-radius:4px;background:var(--mint);color:#071313;font-weight:800;cursor:pointer;white-space:nowrap}@media(max-width:1200px){.create-member{grid-template-columns:1fr}.create-member form{grid-template-columns:1fr 1fr}.create-member .check,.create-member button{align-self:end}}@media(max-width:620px){.create-member form{grid-template-columns:1fr}.create-member .check{height:auto;margin:4px 0}}
.logo{width:145px;height:54px;background:url('/assets/rolex-wordmark-v1.png?v=20260825-1') center/contain no-repeat;font-size:0}.login-panel h1{width:180px;height:72px;margin:0 auto 2px;background:url('/assets/rolex-wordmark-v1.png?v=20260825-1') center/contain no-repeat;font-size:0}