*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}body{background:#efefec}a{color:inherit;text-decoration:none}.dashboard-page{color:#0a0a0a;background:#efefec;min-height:100vh;padding:48px 56px}.dashboard-container{max-width:1180px;margin:0 auto}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.brand-row{color:#00000073;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand-dot{background:#0000004d;border-radius:999px;width:7px;height:7px}.brand-row p,.subtitle,.sync-pill,.card-label,.pill-title p,.large-top p,.large-top span,.scene-top p,.frame-card p{text-transform:uppercase;letter-spacing:.32em;font-size:11px;font-weight:300}.dashboard-header h2{letter-spacing:-.08em;margin:0;font-size:clamp(52px,7vw,92px);font-weight:200;line-height:.95}.subtitle{color:#0006;margin-top:18px}.sync-pill{color:#00000073;white-space:nowrap;border:1px solid #0000001a;border-radius:999px;padding:12px 20px}.dashboard-grid{grid-template-columns:1fr 1fr .95fr;gap:24px;display:grid}.metric-card,.pill-card,.large-card,.scene-card,.frame-card{color:#fff;background:#000;border:1px solid #ffffff1a;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000038}.metric-card:hover,.scene-card:hover,.frame-card:hover{transform:scale(1.015);box-shadow:0 34px 110px #00000057}.metric-card{border-radius:28px;min-height:154px;padding:28px 32px}.card-glow{pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff24,#0000 35%);position:absolute;inset:0}.card-content{z-index:2;position:relative}.card-label{color:#ffffff73;margin:0 0 22px}.metric-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.metric-percent{letter-spacing:-.06em;margin:0;font-size:52px;font-weight:200;line-height:.95}.metric-subtext{color:#ffffff80;margin:10px 0 0;font-size:14px;font-weight:300}.circle-wrap{border:1px solid #ffffff26;border-radius:999px;width:64px;height:64px;padding:4px}.circle-progress{border-radius:999px;width:100%;height:100%}.hover-panel,.meeting-hover,.large-hover,.scene-hover{z-index:10;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000f5;border:1px solid #ffffff1a;transition:opacity .3s,transform .3s;position:absolute;inset:0}.hover-panel{border-radius:28px;flex-direction:column;justify-content:space-between;padding:28px 32px;display:flex;transform:translateY(12px)scale(.98)}.metric-card:hover .hover-panel,.pill-card:hover .meeting-hover,.large-card:hover .large-hover,.scene-card:hover .scene-hover{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.hover-header,.scene-hover-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hover-header p,.hover-header span,.scene-hover-header p,.scene-hover-header span,.hover-footer,.hover-remaining span,.approval-box p,.approval-box span,.hover-header-label{text-transform:uppercase;letter-spacing:.24em;color:#fff6;margin:0;font-size:10px;font-weight:300}.hover-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1fr auto;gap:18px;padding:20px;display:grid}.hover-percent{letter-spacing:-.06em;margin:0;font-size:52px;font-weight:200}.hover-subtext{color:#ffffff73;margin:8px 0 0;font-size:14px;font-weight:300}.hover-remaining{text-align:right}.hover-remaining p{margin:0;font-size:28px;font-weight:200}.progress-line{background:#ffffff1a;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.progress-line div{background:#fff;border-radius:999px;height:100%}.hover-footer{color:#ffffff59;line-height:1.6}.meeting-column,.side-column{gap:24px;display:grid}.pill-card{border-radius:24px;padding:20px 28px;display:block}.pill-card:hover{transform:scale(1.02);box-shadow:0 28px 90px #00000047}.pill-card.past{color:#fff;opacity:.55;background:#8d8d8d;border-color:#0000000d}.pill-card.upcoming{color:#fff;background:#000;box-shadow:0 20px 70px #0003,inset 0 0 0 1px #ffffff14}.pill-title{color:#ffffff73;align-items:center;gap:12px;display:flex}.pill-title p{margin:0}.pill-value{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.pill-value span{letter-spacing:-.03em;font-size:18px;font-weight:200}.live-dot{background:#fff;border-radius:999px;width:8px;height:8px;box-shadow:0 0 14px #ffffffe6}.meeting-hover{border-radius:24px;justify-content:space-between;align-items:flex-end;padding:24px;display:flex;transform:translateY(12px)}.meeting-hover p{text-transform:uppercase;letter-spacing:.28em;color:#ffffff73;margin:0;font-size:10px}.meeting-hover strong{letter-spacing:-.04em;margin-top:12px;font-size:20px;font-weight:200;display:block}.large-card{border-radius:32px;grid-column:span 2;min-height:350px;padding:40px}.large-card:hover{transform:scale(1.01);box-shadow:0 40px 120px #00000059}.large-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;min-height:270px;display:flex;position:relative}.large-top{justify-content:space-between;align-items:center;display:flex}.large-top div{color:#ffffff73;align-items:center;gap:12px;display:flex}.large-top p,.large-top span{color:#ffffff61;margin:0}.large-content h1{letter-spacing:-.07em;max-width:720px;margin:0;font-size:clamp(44px,5vw,58px);font-weight:200;line-height:1.05}.large-content h1 span{color:#ffffff6b;display:block}.big-progress{background:#ffffff1a;border-radius:999px;height:8px;margin-top:36px;overflow:hidden}.big-progress div{background:#fff;border-radius:999px;height:100%}.scale-row{letter-spacing:.18em;color:#ffffff59;justify-content:space-between;margin-top:16px;font-size:12px;font-weight:300;display:flex}.large-hover{border-radius:32px;justify-content:space-between;align-items:center;padding:40px;display:flex;transform:translateY(16px)scale(.99)}.large-hover strong{letter-spacing:-.08em;margin-top:28px;font-size:76px;font-weight:200;line-height:1;display:block}.large-hover span{letter-spacing:-.04em;color:#ffffff8c;margin-top:16px;font-size:24px;font-weight:200;display:block}.approval-box{text-align:right;background:#ffffff08;border:1px solid #ffffff1a;border-radius:28px;max-width:260px;padding:24px}.approval-box strong{margin-top:14px;font-size:54px}.approval-box span{text-transform:none;letter-spacing:0;margin-top:14px;line-height:1.6}.scene-card,.frame-card{border-radius:28px;padding:28px}.scene-card{min-height:220px}.scene-top{color:#ffffff73;align-items:center;gap:12px;margin-bottom:24px;display:flex}.scene-top p,.frame-card p{color:#ffffff73;margin:0}.current-scene{letter-spacing:-.05em;margin:0;font-size:26px;font-weight:200;line-height:1.15}.scene-help{color:#fff6;margin-top:16px;font-size:14px;font-weight:300}.scene-hover{border-radius:28px;padding:28px;transform:translateY(16px)scale(.98)}.scene-list{max-height:255px;padding-right:8px;overflow-y:auto}.scene-list::-webkit-scrollbar{width:6px}.scene-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.scene-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:12px;padding:12px 14px}.scene-item div{justify-content:space-between;gap:14px;display:flex}.scene-item strong{font-size:14px;font-weight:300}.scene-item span{text-transform:uppercase;letter-spacing:.18em;color:#ffffff59;font-size:9px}.scene-item p{color:#ffffff6b;margin:8px 0 0;font-size:12px;font-weight:300}.frame-card{justify-content:space-between;align-items:center;min-height:150px;display:flex}.frame-card strong{letter-spacing:-.05em;margin-top:16px;font-size:24px;font-weight:200;display:block}.frame-card svg{color:#ffffff73;transition:transform .3s,color .3s}.frame-card:hover svg{color:#fff;transform:translate(4px,-4px)}@media (width<=980px){.dashboard-page{padding:32px 20px}.dashboard-header{display:block}.sync-pill{margin-top:20px;display:inline-block}.dashboard-grid{grid-template-columns:1fr}.large-card{grid-column:span 1}}