:root{
 --admin-bg:#07131d;--admin-panel:#0d202d;--admin-panel-2:#112b3a;--admin-border:#234455;
 --admin-text:#f7fbfd;--admin-muted:#91a9b7;--admin-accent:#27d1c0;--admin-orange:#ff7a1a;
 --admin-shadow:0 16px 42px rgba(0,0,0,.22)
}
body.admin-shell{background:radial-gradient(circle at 10% 0,rgba(39,209,192,.08),transparent 24%),linear-gradient(180deg,#06111a,#091923);min-height:100vh}
.admin-shell .site-header{position:sticky;top:0;z-index:100;background:rgba(5,16,24,.94);border-bottom:1px solid rgba(77,119,140,.28);backdrop-filter:blur(16px)}
.admin-shell .nav-wrap{max-width:1280px;padding:10px 22px;gap:18px;min-height:72px}
.admin-shell .brand{display:flex;align-items:center;gap:8px;min-width:max-content;font-size:20px}
.admin-shell .brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#17384a,#0c2533)}
.admin-shell .brand small{display:block;color:var(--admin-muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-left:2px}
.admin-shell .main-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.admin-shell .main-nav::-webkit-scrollbar{display:none}
.admin-shell .main-nav a{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aec1cc;font-size:13px;transition:.2s}
.admin-shell .main-nav a:hover{background:#102735;color:#fff;border-color:#24485a}
.admin-shell .main-nav a.active{background:linear-gradient(135deg,var(--admin-accent),#1eb9ad);color:#04231f;box-shadow:0 8px 24px rgba(39,209,192,.22)}
.admin-shell .user-box{margin-left:auto;min-width:max-content;background:#0b1d29;border:1px solid #203e4e;border-radius:14px;padding:6px 7px 6px 8px}
.admin-user-avatar{display:grid!important;place-items:center;width:30px;height:30px;border-radius:10px;background:#18384a;color:#fff;font-weight:900}
.admin-user-name{font-weight:800;color:#d7e4ea}
.admin-shell .mini{padding:9px 12px;border-radius:10px}.admin-shell .danger{background:#ff5877}
.admin-menu-toggle{display:none;border:1px solid #294959;background:#102735;color:#fff;border-radius:11px;width:42px;height:42px;font-size:21px}
.admin-shell .app{max-width:1180px;padding:22px 18px 100px}
.admin-shell .card,.admin-shell .dashboard-panel,.admin-shell .reservation,.admin-shell .dashboard-welcome{border:1px solid var(--admin-border);background:linear-gradient(180deg,rgba(16,38,51,.96),rgba(11,29,40,.96));box-shadow:var(--admin-shadow);border-radius:20px}
.admin-shell .card{padding:20px;margin-bottom:16px}
.admin-shell h1{font-size:30px;letter-spacing:-.02em}.admin-shell h2{font-size:19px}
.admin-shell label{color:#a9bfca;margin-top:12px}
.admin-shell input,.admin-shell select,.admin-shell textarea{min-height:44px;border-radius:12px;border-color:#2b4c5c;background:#071722;padding:11px 13px;outline:none;transition:.2s}
.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px rgba(39,209,192,.12)}
.admin-shell .btn,.admin-shell button{transition:transform .15s ease,filter .15s ease}.admin-shell .btn:hover,.admin-shell button:hover{filter:brightness(1.06)}
.admin-shell .primary{background:linear-gradient(135deg,var(--admin-accent),#1bb8aa)}
.admin-shell .secondary{background:#17384a}
.admin-shell .dashboard-welcome{display:flex;justify-content:space-between;align-items:center;padding:28px;margin-bottom:18px}
.dashboard-head-actions{display:flex;gap:10px;align-items:center}.dashboard-new{text-decoration:none;white-space:nowrap}
.admin-shell .dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-shell .dashboard-stat{border-radius:18px;padding:18px;background:linear-gradient(155deg,#122e3f,#0b202c);border:1px solid #244758}
.admin-shell .dashboard-month-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.admin-shell .dashboard-action-card{border-radius:18px;background:linear-gradient(150deg,#102b3a,#0b1e2a);border:1px solid #234758;min-height:135px}
.admin-shell .dashboard-action-card.featured{background:linear-gradient(145deg,rgba(39,209,192,.25),rgba(13,46,53,.92));border-color:rgba(39,209,192,.55)}
.admin-shell .grid{gap:13px}.admin-shell .summary{gap:12px}
.admin-shell .reservation-actions{gap:8px}.admin-shell .reservation-actions .btn{padding:11px 9px}
.admin-shell .mobile-bottom-nav{background:rgba(6,17,26,.96);border-top:1px solid #28495a;backdrop-filter:blur(14px)}
@media(min-width:901px){
 .admin-shell .card>.grid:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-shell .users-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .admin-shell .nav-wrap{padding:9px 12px;min-height:62px;flex-wrap:wrap}
 .admin-shell .brand{font-size:18px}.admin-shell .brand-icon{width:34px;height:34px}
 .admin-menu-toggle{display:block;margin-left:auto}
 .admin-shell .main-nav{display:none;width:100%;order:4;grid-template-columns:1fr 1fr;gap:7px;padding:8px 0 3px;overflow:visible}
 .admin-shell .main-nav.open{display:grid}
 .admin-shell .main-nav a{justify-content:flex-start;background:#0d2230;border-color:#1f3d4d;padding:12px}
 .admin-shell .user-box{margin-left:0;padding:4px 5px}.admin-user-name{display:none}.admin-user-avatar{display:none!important}
 .admin-shell .app{padding:14px 10px 92px}
 .admin-shell .dashboard-welcome{padding:20px;align-items:flex-start;gap:15px}
 .dashboard-head-actions{width:100%;display:grid;grid-template-columns:1fr auto}.dashboard-new{text-align:center}
 .admin-shell .dashboard-cards{grid-template-columns:1fr 1fr}
 .admin-shell .dashboard-month-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .admin-shell .dashboard-welcome{display:block}.dashboard-head-actions{margin-top:16px}
 .admin-shell h1{font-size:25px}.admin-shell .card{padding:15px;border-radius:17px}
 .admin-shell .dashboard-cards{grid-template-columns:1fr 1fr;gap:9px}
 .admin-shell .dashboard-stat{padding:13px}.admin-shell .dashboard-stat strong{font-size:23px}
 .admin-shell .dashboard-month-grid{grid-template-columns:1fr 1fr;gap:8px}
 .admin-shell .reservation-actions{grid-template-columns:1fr 1fr}
 .admin-shell .grid,.admin-shell .users-grid,.admin-shell .finance-summary{grid-template-columns:1fr}
 .admin-shell .main-nav{grid-template-columns:1fr 1fr}
}