:root {
  --navy:#1a2744; --navy-dark:#111b35; --navy-light:#243358;
  --gold:#c9a84c; --gold-light:#e8c97a; --gold-deep:#a08232;
  --danger:#ff6b6b; --success:#25d366; --info:#6ab0ff;
  --text-soft:rgba(255,255,255,0.85); --text-muted:rgba(255,255,255,0.55); --text-faint:rgba(255,255,255,0.4);
  --gold-border:rgba(201,168,76,0.18); --gold-strong:rgba(201,168,76,0.25);
  --surface:rgba(255,255,255,0.04); --surface-hi:rgba(255,255,255,0.06);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body{font-family:'Heebo',system-ui,sans-serif;background:var(--navy-dark);background-image:radial-gradient(ellipse at 20% 10%,rgba(201,168,76,0.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(26,39,68,0.9) 0%,var(--navy-dark) 100%);color:var(--text-soft);min-height:100vh;}
.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"header header" "sidebar main";min-height:100vh;}
.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(26,39,68,0.6);border-bottom:1px solid var(--gold-border);}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;}
.brand-tile{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;color:var(--navy-dark);font-size:16px;}
.brand h1{font-size:14px;font-weight:800;margin:0;color:#fff;letter-spacing:-0.2px;}
.brand .sub{font-size:9px;font-weight:800;letter-spacing:2.5px;color:var(--gold);margin-top:1px;}
.header-right{display:flex;align-items:center;gap:16px;}
.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;color:var(--navy-dark);font-size:12px;font-weight:800;cursor:pointer;position:relative;}
.avatar-menu{position:absolute;top:40px;left:0;background:var(--navy);border:1px solid var(--gold-border);border-radius:8px;padding:6px;min-width:180px;display:none;z-index:100;}
.avatar-menu.open{display:block;}
.avatar-menu .menu-user{padding:10px 12px;border-bottom:1px solid var(--gold-border);margin-bottom:6px;}
.avatar-menu .menu-user .name{font-size:13px;font-weight:500;color:#fff;}
.avatar-menu .menu-user .email{font-size:11px;color:var(--text-muted);direction:ltr;text-align:right;}
.avatar-menu button{width:100%;text-align:right;background:none;border:none;color:var(--text-soft);padding:8px 12px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px;display:flex;align-items:center;gap:8px;}
.avatar-menu button:hover{background:var(--surface);color:var(--gold);}
.sidebar{grid-area:sidebar;background:rgba(17,27,53,0.5);border-left:1px solid var(--gold-border);padding:16px 10px;overflow-y:auto;}
.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.5px;color:var(--gold);padding-right:10px;border-right:3px solid var(--gold);text-transform:uppercase;margin:12px 0 6px;}
.eyebrow:first-child{margin-top:0;}
.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;color:var(--text-muted);font-size:13px;cursor:pointer;text-decoration:none;transition:background 0.1s,color 0.1s;}
.nav-item:hover{background:var(--surface);color:var(--text-soft);}
.nav-item.active{background:rgba(201,168,76,0.12);color:var(--gold);border:1px solid var(--gold-strong);}
.nav-item i{font-size:15px;}
.main{grid-area:main;padding:24px 28px;overflow-y:auto;}
.btn{background:var(--surface);color:var(--text-soft);border:1px solid var(--gold-border);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.btn:hover{background:var(--surface-hi);border-color:var(--gold-strong);}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy-dark);border:none;padding:9px 16px;border-radius:6px;font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform 0.1s;}
.btn-primary:hover{transform:translateY(-1px);}
.btn-gold-outline{background:var(--surface);color:var(--gold);border:1px solid var(--gold);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.btn-danger{color:var(--danger);border-color:rgba(255,107,107,0.3);}
.card{background:var(--surface);border-radius:8px;border:1px solid var(--gold-border);padding:16px 18px;}
input,textarea,select{font-family:inherit;color:var(--text-soft);background:var(--surface);border:1px solid var(--gold-border);border-radius:6px;padding:8px 10px;font-size:13px;}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);background:var(--surface-hi);}
@media (max-width:900px){.app{grid-template-columns:1fr;grid-template-areas:"header" "main";}.sidebar{display:none;}}