:root{
  --bg:#181B20;
  --surface:#1E2228;
  --card:#282D34;
  --card-elev:#323841;
  --control:#252A31;
  --control-hover:#30363F;
  --gold:#D8B56A;
  --gold-hover:#E7C982;
  --green:#67D497;
  --red:#EE8585;
  --text:#F4F5F7;
  --muted:#B5BBC4;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.16);
  --blue:#6EA8FE;
  --orange:#F2A866;
  --purple:#B39DDB;
  --shadow-1:0 10px 26px rgba(0,0,0,.18);
  --shadow-2:0 18px 44px rgba(0,0,0,.28);
  --r-card:16px; --r-panel:18px; --r-control:10px; --sidebar:250px;
  --ease:200ms ease;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#1B1E23 0%,var(--bg) 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,select{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:30px 22px;border-right:1px solid var(--line);background:linear-gradient(180deg,#20242A 0%,#1D2127 62%,#1A1E23 100%);overflow:hidden;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px}.brand-mark{width:39px;height:39px;border:1px solid rgba(216,181,106,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold);box-shadow:0 0 22px rgba(216,181,106,.08)}.brand-title{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-size:18px;letter-spacing:.02em}.brand-subtitle{color:var(--muted);font-size:12px;margin-top:3px}.nav-list{display:grid;gap:8px}.nav-item{appearance:none;border:1px solid transparent;background:transparent;border-radius:10px;padding:12px 14px;text-align:left;color:#B6C0CE;cursor:pointer;transition:var(--ease);display:flex;gap:10px;align-items:center}.nav-item:hover{background:rgba(255,255,255,.085);border-color:var(--line);transform:translateY(-1px);color:var(--text)}.nav-item.active{color:var(--gold);background:rgba(216,181,106,.14);border-color:rgba(216,181,106,.14);box-shadow:inset 0 0 0 1px rgba(216,181,106,.02)}
.sidebar-art{position:absolute;left:0;right:0;bottom:0;height:265px;opacity:.88;pointer-events:none}.moon{position:absolute;width:62px;height:62px;border-radius:50%;border:6px solid var(--gold);border-left-color:transparent;transform:rotate(-24deg);left:72px;bottom:150px;filter:drop-shadow(0 0 14px rgba(216,181,106,.2))}.cloud{position:absolute;height:44px;border-radius:50%;background:rgba(106,128,154,.12);filter:blur(.3px)}.cloud::after,.cloud::before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-a{width:160px;left:8px;bottom:50px}.cloud-a::before{width:82px;height:82px;left:23px;top:-34px}.cloud-a::after{width:95px;height:62px;left:72px;top:-14px}.cloud-b{width:170px;right:-65px;bottom:82px}.cloud-b::before{width:105px;height:74px;left:12px;top:-29px}.cloud-b::after{width:85px;height:57px;left:85px;top:-13px}.lantern{position:absolute;width:29px;height:44px;border:1px solid rgba(216,181,106,.5);border-radius:5px 5px 9px 9px;background:linear-gradient(180deg,rgba(216,181,106,.14),rgba(216,181,106,.04));box-shadow:0 0 20px rgba(216,181,106,.07)}.lantern::before{content:"";position:absolute;width:1px;height:62px;background:rgba(216,181,106,.35);left:50%;bottom:100%}.lantern span{position:absolute;left:50%;top:8px;width:1px;height:28px;background:rgba(216,181,106,.35)}.lantern-a{right:40px;bottom:86px}.lantern-b{left:30px;bottom:18px;transform:scale(.75)}
.main-content{grid-column:2;padding:34px 38px 54px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.title-row{display:flex;align-items:center;gap:10px}.title-row h1{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;color:var(--gold);margin:0}.title-row p,.panel-heading p,.guest-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.updated{color:var(--muted);font-size:11px;text-align:right;line-height:1.35}.updated strong{display:block;color:#D3D8DE;font-weight:500}.primary-button,.secondary-button,.icon-button{border-radius:var(--r-control);cursor:pointer;transition:var(--ease);outline:none}.primary-button{border:1px solid var(--gold);background:linear-gradient(180deg,#E0BF78,#C99E4F);color:#09131F;padding:10px 15px;font-weight:700;box-shadow:0 9px 24px rgba(216,181,106,.11)}.primary-button:hover{background:linear-gradient(180deg,var(--gold-hover),#D3A858);transform:translateY(-2px);box-shadow:0 14px 28px rgba(216,181,106,.18)}.primary-button:active{transform:translateY(1px);filter:brightness(.92)}.secondary-button{border:1px solid var(--line);background:var(--control);color:#ECEFF3;padding:10px 14px}.secondary-button:hover{border-color:rgba(216,181,106,.34);background:var(--control-hover);transform:translateY(-2px);box-shadow:var(--shadow-1)}.secondary-button:active{transform:translateY(1px)}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:var(--control);display:grid;place-items:center}.icon-button:hover{border-color:rgba(216,181,106,.34);background:var(--control-hover)}.mobile-menu{display:none}
.panel{background:linear-gradient(180deg,#2B3038 0%,#252A31 100%);border:1px solid var(--line-strong);box-shadow:var(--shadow-1);border-radius:var(--r-panel)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{position:relative;padding:18px 18px 16px;min-height:103px;overflow:hidden;transition:var(--ease)}.kpi-card::after{content:"";position:absolute;inset:auto -20px -50px auto;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(216,181,106,.08),transparent 70%)}.kpi-card:hover{transform:translateY(-2px);border-color:rgba(216,181,106,.24);box-shadow:var(--shadow-2)}.kpi-icon{position:absolute;right:16px;top:16px;color:rgba(216,181,106,.55);font-size:22px}.kpi-label{font-size:11px;color:#C0C6CE;letter-spacing:.08em;font-weight:700}.kpi-value{margin-top:7px;font-family:Georgia,"Times New Roman",serif;font-size:34px;color:var(--gold)}.kpi-attending{background:linear-gradient(180deg,#2B3038,#252A31);border-color:var(--line)}.kpi-attending .kpi-value{color:#68D48C}.kpi-attending .kpi-icon{color:rgba(104,212,140,.6)}.kpi-declined{background:linear-gradient(180deg,#2B3038,#252A31);border-color:var(--line)}.kpi-declined .kpi-value{color:#F09696}.kpi-declined .kpi-icon{color:rgba(240,150,150,.55)}.kpi-guests{background:linear-gradient(180deg,#2B3038,#252A31);border-color:var(--line)}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.chart-card{padding:20px;min-height:268px}.panel-heading h2,.guest-header h2{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-size:16px;font-weight:500;margin:0}.donut-layout{display:flex;align-items:center;justify-content:center;gap:42px;height:195px}.donut{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;position:relative;filter:drop-shadow(0 9px 22px rgba(0,0,0,.24));transition:var(--ease)}.donut:hover{transform:scale(1.025)}.attendance-donut{background:conic-gradient(var(--green) 0 99.4%,rgba(233,107,107,.24) 99.4% 100%)}.dietary-donut{background:conic-gradient(var(--blue) 0 98.9%,var(--gold) 98.9% 99.2%,var(--orange) 99.2% 99.5%,var(--purple) 99.5% 100%)}.donut::before{content:"";position:absolute;inset:17px;border-radius:50%;background:#23282F;border:1px solid rgba(255,255,255,.04)}.donut-center{position:relative;z-index:2;text-align:center;display:grid}.donut-center strong{font-family:Georgia,"Times New Roman",serif;font-size:29px;color:var(--text)}.donut-center span{font-size:10px;color:var(--muted);margin-top:4px}.legend-stack{display:grid;gap:12px;min-width:150px}.legend-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:#C0CAD6;font-size:12px}.legend-item strong{color:var(--text)}.dot{width:7px;height:7px;border-radius:50%;display:block}.green{background:var(--green)}.red{background:var(--red)}.blue{background:var(--blue)}.gold{background:var(--gold)}.orange{background:var(--orange)}.purple{background:var(--purple)}
.timeline-card{margin-top:14px;padding:20px}.timeline-chart{position:relative;height:190px;margin-top:12px;border-radius:13px;background:linear-gradient(180deg,rgba(5,17,29,.32),rgba(4,13,23,.18));overflow:hidden}.timeline-chart svg{position:absolute;inset:0;width:100%;height:160px;top:2px}.grid-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.045)}.g1{top:22%}.g2{top:44%}.g3{top:66%}.g4{top:88%}.timeline-labels{position:absolute;left:10px;right:10px;bottom:9px;display:flex;justify-content:space-between;color:#AAB2BC;font-size:10px}
.guest-card{margin-top:14px;overflow:hidden}.guest-header{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.guest-tools{display:flex;gap:9px}.search-box{height:39px;width:235px;border:1px solid var(--line);border-radius:var(--r-control);background:#22272E;display:flex;align-items:center;gap:8px;padding:0 11px;transition:var(--ease)}.search-box:focus-within{border-color:rgba(216,181,106,.52);box-shadow:0 0 0 3px rgba(216,181,106,.07)}.search-box span{color:#98A1AC}.search-box input{width:100%;border:none;outline:none;background:transparent;color:var(--text)}.search-box input::placeholder{color:#8F98A4}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:940px}th,td{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left}th{font-size:9px;letter-spacing:.12em;color:#AAB2BC;background:#23282F}td{font-size:12px;color:#D7DCE2}tbody tr{transition:var(--ease)}tbody tr:hover{background:rgba(216,181,106,.09)}.guest-name{font-weight:650;color:#E8EDF3}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700}.status-pill.attending{background:rgba(80,200,120,.1);color:#6FDC96;border:1px solid rgba(80,200,120,.19)}
.overlay{position:fixed;inset:0;display:none;place-items:center;padding:20px;background:rgba(3,8,14,.68);backdrop-filter:blur(8px);z-index:100}.overlay.open{display:grid}.modal-card{width:min(430px,100%);border-radius:18px;background:linear-gradient(180deg,#333942,#292E35);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.48);padding:20px;animation:modalIn 180ms ease-out}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-heading h3{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-weight:500;margin:0}.filter-group{display:grid;gap:7px;margin:13px 0}.filter-group label{font-size:11px;color:#9FACBC}.filter-group select{width:100%;background:#22272E;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:none}.filter-group select:focus{border-color:rgba(216,181,106,.5);box-shadow:0 0 0 3px rgba(216,181,106,.06)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;right:22px;bottom:22px;padding:11px 14px;border-radius:10px;background:#2C323A;border:1px solid rgba(216,181,106,.28);color:#E7E0D1;box-shadow:var(--shadow-2);opacity:0;transform:translateY(12px);pointer-events:none;transition:220ms ease;z-index:130;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.mobile-backdrop{display:none}
@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1080px){:root{--sidebar:218px}.main-content{padding:28px 25px 48px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.updated{width:100%}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:240ms ease;width:250px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.sidebar.open{transform:translateX(0)}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(3,8,14,.62);backdrop-filter:blur(5px);z-index:20;opacity:0;pointer-events:none;transition:220ms ease}.mobile-backdrop.open{opacity:1;pointer-events:auto}.main-content{padding:20px 15px 40px}.mobile-menu{display:grid}.topbar{display:grid}.top-actions{justify-content:flex-start}.updated{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{min-height:96px}.kpi-value{font-size:30px}.donut-layout{gap:25px}.guest-header{align-items:flex-start;display:grid}.guest-tools{width:100%}.search-box{width:100%}}
@media(max-width:450px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:15px 14px}.kpi-label{font-size:9px}.donut-layout{display:grid;height:auto;padding:18px 0}.donut{margin:auto}.legend-stack{width:100%;padding:0 18px 8px}.top-actions .secondary-button{display:none}.title-row h1{font-size:23px}}

/* Chart completeness + truthful timeline */
.chart-card{position:relative}
.legend-item strong{font-variant-numeric:tabular-nums}
.timeline-chart{height:220px;padding:10px 14px 30px 42px;background:linear-gradient(180deg,#242930,#20242A);border:1px solid rgba(255,255,255,.055)}
.timeline-chart::before,.timeline-chart::after{content:"";position:absolute;left:42px;right:14px;height:1px;background:rgba(255,255,255,.08)}
.timeline-chart::before{top:26px}.timeline-chart::after{bottom:36px}
.timeline-chart svg{position:absolute;left:42px;right:14px;top:22px;width:calc(100% - 56px);height:160px;overflow:visible}
.timeline-y-axis{position:absolute;left:10px;top:20px;bottom:34px;width:26px;color:#91A0B1;font-size:10px}
.timeline-y-axis span{position:absolute;right:0;transform:translateY(50%)}
.timeline-y-axis .y-top{top:0}.timeline-y-axis .y-bottom{bottom:0}
.timeline-labels{left:42px;right:14px;bottom:10px}
.timeline-point{filter:drop-shadow(0 0 6px rgba(216,181,106,.32))}
.timeline-zero{stroke:rgba(255,255,255,.12);stroke-width:1}
.chart-note{color:var(--muted);font-size:11px}

/* Color.io-inspired neutral hierarchy: brighter surfaces, restrained accent */
body{background:#181B20}
.sidebar{background:linear-gradient(180deg,#20242A 0%,#1D2127 65%,#1A1E23 100%)}
.panel{background:linear-gradient(180deg,#2B3038 0%,#252A31 100%);border-color:var(--line-strong)}
.chart-card,.timeline-card,.guest-card{background:linear-gradient(180deg,#2C3139 0%,#262B32 100%)}
.kpi-card,.kpi-attending,.kpi-declined,.kpi-guests{background:linear-gradient(180deg,#2D323A 0%,#272C33 100%)}
.secondary-button,.icon-button{background:var(--control);border-color:var(--line-strong)}
.secondary-button:hover,.icon-button:hover{background:var(--control-hover)}
.search-box,.filter-group select{background:#23282F;border-color:var(--line-strong)}
th{background:#242930;color:#B8BFC8}
td{color:#DCE1E6}
.timeline-chart{background:linear-gradient(180deg,#252A31,#20242A);border-color:var(--line-strong)}
.donut::before{background:#242930;border-color:var(--line)}
.modal-card{background:linear-gradient(180deg,#333941,#292E35);border-color:var(--line-strong)}
.nav-item.active{background:rgba(216,181,106,.14);border-color:rgba(216,181,106,.28)}
.nav-item:hover{background:rgba(255,255,255,.085);border-color:var(--line-strong)}
.kpi-card:hover{border-color:rgba(216,181,106,.34)}