/* Visual direction approved from the user's reference. Business controls stay intact. */
:root{--sidebar-width:264px;--ink:#101c26;--muted:#647184;--line:#e7ecf1;--paper:#f7f9fc}
body{font-size:15px;color:var(--ink);background:var(--paper)}h1,h2,h3{font-weight:800;letter-spacing:-.045em}h1{font-size:36px}h2{font-size:25px}h3{font-size:18px}button,.button{font-weight:800;border-radius:9px;background:#ff8500;color:#101b22;box-shadow:0 3px 8px #ef780014}button:hover,.button:hover{background:#f69b32}.ghost{color:#17242b;background:#fff;box-shadow:none}.ghost:hover{background:#f3f6f9}.danger{background:#fff;color:#b42318;box-shadow:none}.danger:hover{background:#fff0ed}.ui-icon{stroke-width:2.1}.panel,.card{border-color:#e8edf2;box-shadow:0 3px 16px #14273504}
#sidebar{background:#0e1920;padding:12px 13px 0;isolation:isolate}.sidebar-logo{background:transparent;padding:0;height:65px;min-height:65px;margin-bottom:22px;border-radius:0}.sidebar-logo img{filter:drop-shadow(0 2px 3px #0008)}.nav-caption{color:#aebbc2;letter-spacing:1.3px;font-size:10px;margin-bottom:12px}#sidebar nav{gap:4px}#sidebar nav a,.sidebar-bottom a,.nav-logout{font-size:13px;min-height:43px;padding:10px 13px;font-weight:600;gap:14px;color:#e5ebee}#sidebar a[aria-current=page]{background:#ff8500;color:#111c22;box-shadow:0 3px 15px #ff850018}#sidebar .ui-icon{width:23px;height:23px}.sidebar-bottom{margin-top:25px;padding-top:13px;border-top:1px solid #ffffff25}.sidebar-scene{position:relative;min-height:210px;margin:12px -13px 0;background:linear-gradient(180deg,#0e1920 0%,#0e192008 38%,#09151bbd 100%),url('/images/forest-gathering.png') 16% 65%/auto 350px no-repeat;display:flex;align-items:flex-end;padding:25px}.sidebar-scene p{font-weight:800;font-style:italic;line-height:1.15;font-size:26px;letter-spacing:-1px;color:#fff;margin:0;text-shadow:0 2px 10px #0008}.sidebar-scene p:after{content:'';display:block;width:75px;height:4px;background:#ff8500;transform:rotate(-10deg);margin:14px 0 0 25px}.nav-collapsed .sidebar-scene{display:none}
#topbar{height:86px;padding:16px 28px;gap:20px;box-shadow:0 1px 0 #17242b03}#global-search{max-width:650px;background:#f0f3f7}#global-search input{font-size:14px;padding:13px 10px}.account-identity{font-size:13px;grid-template-columns:42px minmax(110px,190px)}.avatar-initial{width:42px;height:42px;font-size:18px;color:#fff;background:#22333f}.account-identity select{font-size:12px;margin-top:3px}.icon-button{background:transparent;box-shadow:none;color:var(--ink)}.icon-button:hover{background:#f1f5f9}
body:has(#sidebar) main{padding:22px 24px 60px}.organizer-hero{position:relative;min-height:214px;margin:0 0 22px;padding:32px 36px;border-radius:12px;overflow:hidden;isolation:isolate;background:#14232a;align-items:center}.organizer-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/images/forest-gathering.png') center 60%/cover no-repeat}.organizer-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09151bef 0%,#09151bb3 30%,#0d1b2350 63%,#0d1b2324 100%)}.organizer-hero h1{font-size:clamp(32px,3.7vw,54px);font-weight:800;color:#fff;letter-spacing:-2px;margin:10px 0 4px}.organizer-hero .eyebrow{font-size:10px;color:#fff;letter-spacing:4px}.organizer-hero p{color:#e7edf0;font-size:16px;font-weight:500;margin-top:6px;max-width:530px}.organizer-hero>.button{padding:16px 22px;min-height:54px;box-shadow:0 7px 26px #0002;font-size:14px}.organizer-hero>.button .ui-icon{width:23px;height:23px}
.metric-grid{gap:14px;margin-bottom:26px}.metric{padding:22px 19px;gap:15px;min-height:120px;border-color:#e8edf2;border-radius:10px;box-shadow:0 2px 12px #14273504}.metric-icon{padding:5px 0;background:transparent;color:#111d26}.metric-icon .ui-icon{width:29px;height:29px}.metric strong{font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.3}.metric span:not(.metric-icon){font-size:12px}.metric small{font-size:11px;margin-top:7px}.metric>div{display:flex;flex-direction:column}.metric>div>strong{order:-1;margin-bottom:4px}
.dashboard-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.events-panel{padding:0;background:transparent;border:0;box-shadow:none}.events-panel>.section-head{margin:0 0 13px}.events-panel h2{font-size:26px}.compact-control select{font-size:12px;border-color:#dfe6ee}.filter-tabs{padding-bottom:0;gap:12px;border-bottom:1px solid #e4eaf0;margin-bottom:12px}.filter-tabs button{font-size:12px;font-weight:600;min-height:45px;padding:9px 8px;border-radius:0;background:transparent;box-shadow:none}.filter-tabs button[aria-pressed=true]{background:transparent;color:#15222b;font-weight:800;border-bottom:3px solid #ff8500}.filter-tabs span{font-size:11px}#event-query{background:white;border-color:#e4eaf0;min-height:40px;font-size:12px;margin-bottom:12px}
.event-list-row{grid-template-columns:minmax(190px,1fr) 110px auto auto 26px;gap:12px;padding:9px;background:#fff;border:1px solid #e7edf3;border-radius:10px;margin-bottom:8px;box-shadow:0 2px 9px #132c4203;min-height:89px}.event-list-row:last-child{border-bottom:1px solid #e7edf3}.event-list-title{gap:13px}.event-list-title img,.event-placeholder{width:91px;height:70px;border-radius:7px}.event-list-title h3{font-size:14px;letter-spacing:-.3px;font-weight:800;line-height:1.4;margin:0 0 8px}.event-list-title p{font-size:11px;color:#66778a}.event-placeholder{background:linear-gradient(0deg,#0d1b2338,#0d1b2300),url('/images/forest-gathering.png') 65% 75%/cover}.event-placeholder .ui-icon{width:19px;height:19px;color:white;filter:drop-shadow(0 1px 3px #000);opacity:.85}.event-list-row:nth-child(3n+2) .event-placeholder{background-position:20% 60%}.event-list-row:nth-child(3n+3) .event-placeholder{background-position:85% 55%}.event-occupancy strong{font-size:11px;font-weight:750}.event-occupancy small{margin-top:3px}.event-occupancy progress{margin-top:6px;height:7px}.status-pill{font-size:10px;padding:8px 9px;border-radius:7px}.status-open{background:#dcfaec;color:#166747}.event-list-row>.button{font-size:11px;min-height:40px;padding:8px 11px}.row-menu>div{box-shadow:0 8px 30px #132c421f}.row-menu a,.row-menu button{background:white;box-shadow:none}.row-menu a:hover,.row-menu button:hover{background:#f4f7fa}
.dashboard-aside .panel{padding:19px;margin-bottom:14px;border-color:#e7edf3;border-radius:10px}.dashboard-aside h2{font-size:20px;margin:0 0 16px}.dashboard-aside h3{font-size:18px}.dashboard-aside .quick-link{font-size:12px;padding:12px 0}.dashboard-aside .panel:nth-child(2){background:#102b2b;color:#fff;border:0;box-shadow:0 4px 16px #102b2b12}.dashboard-aside .panel:nth-child(2) h3{color:white}.dashboard-aside .panel:nth-child(2) p{color:#c5d5d4}.dashboard-aside .panel:nth-child(2) a{color:#fff;border-color:#ffffff25}.dashboard-aside .panel:nth-child(2) .ui-icon{width:27px;height:27px}
.hero{background:linear-gradient(90deg,#0a1921ed,#0b1b2370),url('/images/forest-gathering.png') center 58%/cover;border-radius:12px;margin-bottom:30px;padding:38px;color:#fff}.hero h1{font-size:43px;color:#fff;max-width:650px;font-weight:800}.hero .eyebrow{color:#f1f5f7;letter-spacing:3px}.hero p{color:#dfe9eb;max-width:580px;font-size:15px}.hero .button{background:#ff8500;color:#101b22;margin-top:10px}.hero-copy{padding:0}.card-cover{background:#18312f url('/images/forest-gathering.png') center 65%/cover!important}.card h3{font-weight:800}.card-body .row>.button{background:#fff;color:#17242b}.auth{box-shadow:0 12px 45px #132c4208}.auth h1{font-size:32px}.manage-tabs a[aria-current=page]{background:#fff0df;color:#8d4500}.intro{border-left:4px solid #ff8500}.intro h1{font-size:36px}footer .brand{color:#17242b}
@media(min-width:1600px){body:has(#sidebar) main{padding:25px 32px 60px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 300px}.organizer-hero{min-height:235px}.event-list-title h3{font-size:15px}}
@media(max-width:1300px){.dashboard-layout{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organizer-hero{padding:28px;min-height:220px}.organizer-hero p{max-width:360px}.organizer-hero>.button{padding:13px 17px}.event-list-title h3{font-size:14px}}
@media(max-width:900px){#topbar{height:76px;min-height:76px;padding:12px 18px;gap:10px}.account-identity{grid-template-columns:minmax(80px,140px)}.organizer-hero{min-height:220px}.organizer-hero h1{font-size:39px}.sidebar-scene{min-height:180px}.metric strong{font-size:27px}.event-list-row{grid-template-columns:minmax(180px,1fr) 105px auto auto 25px}.event-list-title img,.event-placeholder{width:70px;height:64px}.nav-collapsed .sidebar-scene{display:flex}}
@media(max-width:600px){body:has(#sidebar) main{padding:16px 14px 40px}#topbar{height:70px;min-height:70px;padding:10px;gap:5px}#global-search input{font-size:11px;padding:9px 5px}.account-identity{width:101px;grid-template-columns:1fr;font-size:10px}.account-identity select{font-size:10px}.organizer-hero{min-height:253px;padding:24px;gap:17px;align-items:flex-start;justify-content:center}.organizer-hero:before{background-position:62% 65%}.organizer-hero:after{background:linear-gradient(90deg,#09151beb,#09151b72)}.organizer-hero h1{font-size:36px;letter-spacing:-1.5px}.organizer-hero p{font-size:13px;max-width:280px}.organizer-hero .eyebrow{font-size:9px;letter-spacing:3px}.organizer-hero>.button{font-size:12px;min-height:45px;padding:10px 15px}.metric-grid{gap:10px;margin-bottom:24px}.metric{padding:16px 14px;min-height:121px}.metric strong{font-size:26px}.metric span:not(.metric-icon){font-size:11px}.metric small{font-size:10px}.metric-icon{display:none}.dashboard-aside{grid-template-columns:1fr}.events-panel h2{font-size:24px}.filter-tabs{gap:3px}.filter-tabs button{font-size:11px;padding:9px 7px}.event-list-row{grid-template-columns:minmax(0,1fr) auto 27px;padding:12px;gap:10px;margin-bottom:10px}.event-list-title{grid-column:1/-1}.event-list-title img,.event-placeholder{width:76px;height:65px}.event-list-title h3{font-size:14px}.event-list-title p{font-size:10px}.event-occupancy{grid-column:1}.event-list-row .status-pill{grid-row:3;grid-column:1}.event-list-row>.button{grid-row:3;grid-column:2}.row-menu{grid-row:3;grid-column:3}.hero{padding:27px 24px}.hero h1{font-size:33px}.hero p{font-size:13px}.intro h1{font-size:29px}.sidebar-scene{min-height:180px}.auth h1{font-size:29px}}