:root{--admin-navy:#102b43;--admin-blue:#1e6595;--admin-blue-deep:#144b76;--admin-ink:#172b3d;--admin-muted:#66788a;--admin-bg:#f5f7f8;--admin-line:#e1e8eb;--admin-shadow:0 12px 38px rgba(23,43,61,.045);--admin-gold:#c6a46b}
body{background:var(--admin-bg)}
.app{grid-template-columns:272px minmax(0,1fr)}
.sidebar{padding:27px 18px 20px;background:#102b43;box-shadow:inset -1px 0 #ffffff12}
.brand{position:relative;align-items:center;gap:13px;margin-bottom:25px;padding:0 9px 26px;border-bottom:1px solid #ffffff1c}
.brand img{width:52px;height:52px;border:1px solid #ffffff38;border-radius:15px;background:#fff;box-shadow:0 8px 25px #06192a55}
.brand b{font-size:26px;letter-spacing:-.04em}
.brand small{color:#9bb5c8;font-size:12px}
.nav-label{padding:0 14px 12px;color:#90a8b9;font-size:11px;letter-spacing:.02em}
.sidebar nav{gap:4px}
.sidebar nav button{position:relative;min-height:49px;padding:11px 15px;border-radius:10px;color:#c0ced9;font-size:13px;font-weight:650;transition:background .2s,color .2s}
.sidebar nav button svg{width:19px;height:19px;stroke-width:1.7}
.sidebar nav button:hover{background:#ffffff12;color:#fff}
.sidebar nav button.active{border-color:#ffffff17;background:#ffffff18;color:#fff;box-shadow:none}
.sidebar nav button.active::before{content:"";position:absolute;right:0;top:11px;bottom:11px;width:3px;border-radius:4px;background:var(--admin-gold)}
.sidebar nav button.active svg{color:#d9be8d}
.sidebar-help{border-color:#ffffff1b;background:#ffffff09;border-radius:13px}
.sidebar-help strong{color:#e6d0a5}
.sidebar-help span{color:#a6bac8}
.sidebar .logout{border-color:#ffffff22;border-radius:10px;color:#cbd9e2}
.content{max-width:none;padding:31px clamp(27px,3.6vw,58px) 70px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px;padding:0 0 22px;border-bottom:1px solid #dbe3e7}
.top .eyebrow{color:#7d8e9b;font-size:11px;font-weight:700;letter-spacing:.02em}
.top h1{margin-top:5px;font-size:clamp(27px,2.5vw,36px);font-weight:750;letter-spacing:-.045em}
.avatar{width:46px;height:46px;border:1px solid #d2dfe6;border-radius:13px;background:#eaf1f5;color:#225c7c;font-size:19px;font-weight:750}
.toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px;padding:15px 18px;border:1px solid #dfe7eb;border-radius:14px;background:#fff;box-shadow:0 5px 22px #172b3d08}
.toolbar>div{flex:1;max-width:440px}
.toolbar .eyebrow{font-size:11px;font-weight:750}
.event-select{width:100%;min-width:0;min-height:44px;border-color:#d8e2e7;border-radius:9px;background:#f9fbfc;font-size:13px}
.btn{border-radius:9px;background:#1e6595;font-size:13px;font-weight:750;box-shadow:0 2px 3px #1e659513}
.btn.ghost{border-color:#d5e0e6;color:#245e82}
.glass{border-color:#e0e7eb;border-radius:15px;box-shadow:var(--admin-shadow)}
.dashboard-hero{grid-template-columns:minmax(0,1fr) 215px;gap:30px;min-height:261px;padding:32px 36px;border:1px solid #173b57;border-radius:17px;background:linear-gradient(118deg,#102c45 0%,#174466 72%,#1e5378 100%);box-shadow:0 16px 36px #173b571c}
.dashboard-hero::before{left:-125px;top:-155px;width:410px;height:410px;border-color:#ffffff13;box-shadow:0 0 0 56px #ffffff08,0 0 0 120px #ffffff04}
.dashboard-hero::after{content:"";position:absolute;inset:auto 25px 18px auto;width:80px;height:80px;border:1px solid #d1b77f30;border-radius:50%;pointer-events:none}
.hero-eyebrow{gap:9px;color:#d7e5ee;font-size:12px;font-weight:700}
.hero-eyebrow i{background:#d0b475;box-shadow:0 0 0 4px #d0b4752c}
.dashboard-hero h2{margin:12px 0 4px;font-size:clamp(28px,3vw,41px);font-weight:750;letter-spacing:-.035em}
.dashboard-hero p{color:#c8dbe7}
.dashboard-hero .event-info{margin-top:17px}
.dashboard-hero .event-info span{padding:7px 11px;border-color:#ffffff24;background:#ffffff12}
.hero-actions{margin-top:26px}
.hero-actions .btn:first-child{background:#e8d2a7;color:#17364e}
.hero-actions .btn:first-child:hover{background:#f2ddb6}
.hero-rate{border-color:#ffffff24;background:#ffffff0c;border-radius:13px}
.rate-ring{width:128px;height:128px;background:radial-gradient(circle at center,#1b4667 0 62%,transparent 63%),conic-gradient(#d7b978 var(--rate),#ffffff26 0)}
.rate-ring strong{font-size:30px}
.hero-rate .progress i{background:#d7b978}
#dashboard .stats{gap:14px;margin:17px 0}
#dashboard .stat{min-height:142px;padding:19px 21px 17px;border-radius:14px}
#dashboard .stat::before{top:20px;bottom:20px;width:3px;background:#adc4d2}
#dashboard .stat:nth-child(2)::before{background:#82add0}
#dashboard .stat:nth-child(3)::before{background:#7fbba4}
#dashboard .stat:nth-child(4)::before{background:#d5b681}
#dashboard .stat::after{content:"01";position:absolute;left:19px;top:16px;color:#9aabb5;font:700 12px/1.2 sans-serif;letter-spacing:.08em}
#dashboard .stat:nth-child(2)::after{content:"02"}
#dashboard .stat:nth-child(3)::after{content:"03"}
#dashboard .stat:nth-child(4)::after{content:"04"}
#dashboard .stat span{font-size:12px;font-weight:750}
#dashboard .stat strong{margin-top:9px;font-size:36px;font-weight:750;letter-spacing:-.05em}
#dashboard .stat small{color:#7e8d9a;font-size:11px}
.panel{padding:26px}
.panel h2,.view>.panel-head h2{font-size:22px;font-weight:750;letter-spacing:-.025em}
.panel-head{margin-bottom:20px}
.panel-head .eyebrow{color:#9a7a4d;font-size:11px;font-weight:750}
.dashboard-activity{padding:26px 28px}
.dashboard-activity .journey{gap:12px;margin-bottom:24px}
.dashboard-activity .journey div{min-height:92px;border-color:#e2e9ed;border-radius:11px;background:#f8fafb}
.dashboard-activity .journey b{color:#194c70;font-size:27px}
.activity-title{margin:3px 0 12px;padding-top:17px;border-top:1px solid #e8edf0}
.activity-title h3{font-size:15px}
.table-wrap{border-color:#e3e9ed;border-radius:11px}
th{padding:13px 15px;background:#f6f8f9;color:#627586;font-size:11px}
td{padding:14px 15px;border-color:#edf1f3}
tbody tr:hover{background:#f8fbfc}
.event-item{border-color:#e0e7eb;border-radius:14px;box-shadow:var(--admin-shadow)}
.event-item h3{font-weight:750}
.modal-card{border-radius:15px}
@media(max-width:1120px){.app{display:block}.sidebar{padding:13px 22px 12px;background:#fff;box-shadow:0 4px 20px #172b3d0a}.brand{margin:0;padding:0 0 10px;border:0}.brand img{width:40px;height:40px;border-color:#dce5e9}.brand small{color:#728695}.sidebar nav button{color:#587083}.sidebar nav button.active{border-color:#d7e6ee;background:#eef5f8;color:#174c70}.sidebar nav button.active::before{display:none}.sidebar nav button.active svg{color:#174c70}.sidebar-bottom{top:13px}.content{padding:25px 24px 52px}}
@media(max-width:780px){.dashboard-hero{grid-template-columns:minmax(0,1fr) 160px;gap:14px;padding:25px}.rate-ring{width:106px;height:106px}}
@media(max-width:600px){.sidebar{padding:12px 14px 10px}.sidebar-bottom{top:12px}.brand{padding-bottom:10px}.content{padding:20px 14px 42px}.top{margin-bottom:14px;padding-bottom:15px}.top h1{font-size:26px}.toolbar{align-items:stretch;gap:11px;padding:13px}.toolbar>div{max-width:none}.toolbar>.btn{width:100%}.dashboard-hero{display:block;padding:24px 20px;border-radius:15px}.dashboard-hero h2{font-size:29px}.hero-rate{display:none}.hero-actions{margin-top:20px}.hero-actions .btn{min-height:43px}#dashboard .stats{gap:10px;margin:12px 0}#dashboard .stat{min-height:120px;padding:16px}#dashboard .stat::after{left:13px;top:13px}#dashboard .stat strong{font-size:29px}.dashboard-activity,.panel{padding:18px 16px}.dashboard-activity .journey{gap:7px}.dashboard-activity .journey div{min-height:76px;padding:9px}.dashboard-activity .journey b{font-size:22px}.panel-head{gap:12px}.panel-head .actions{flex-wrap:wrap}}
@media(max-width:390px){.sidebar nav button{min-height:42px}.dashboard-hero .event-info{display:grid}.hero-actions .btn{width:100%}.dashboard-activity .journey{grid-template-columns:1fr}.dashboard-activity .journey div{min-height:56px}}
@media(prefers-reduced-motion:reduce){.sidebar nav button,.btn{transition:none}}