/* v0.3 design system — clean, accessible and mobile-first */
:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel2:#f1f4f9;--border:#e0e6ef;--text:#152238;--muted:#5d6b80;--accent:#255de6;--link:#2258d5;--shadow:0 8px 28px rgba(18,34,62,.055)}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(28px,3.4vw,40px);font-weight:800}h2{font-size:23px}h3{font-size:19px}p{color:var(--muted)}a{color:var(--link)}.eyebrow{color:#3c64a5;letter-spacing:.11em}.panel{background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);padding:25px}.container{padding:34px clamp(18px,3vw,44px) 70px;max-width:1480px;min-height:calc(100vh - 126px)}.grid{gap:19px}.btn{background:#255de6;color:#fff;border:1px solid #255de6;border-radius:10px;min-height:43px;box-shadow:0 4px 12px rgba(38,91,218,.15);transition:background .15s ease,box-shadow .15s ease}.btn:hover{background:#184cc7;box-shadow:0 6px 18px rgba(38,91,218,.23)}.btn.secondary{background:#fff;color:#234166;border:1px solid #cbd5e3;box-shadow:none}.btn.secondary:hover{background:#f2f6fc}.btn.mini{min-height:36px;font-size:12px;padding:7px 12px}.pill{background:#e8f8ef;color:#146a3d;font-weight:700}.pill.draft{background:#fff0db;color:#875b17}.metrics .panel{background:#fff;border:1px solid var(--border);min-height:135px;position:relative;overflow:hidden}.metrics .panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#255de6}.metrics .panel:nth-child(2):before{background:#1ba785}.metrics .panel:nth-child(3):before{background:#b287f4}.metrics .panel:nth-child(4):before{background:#e9a94b}.metrics h2{font-size:40px;color:#12213b;margin:12px 0 0}.webinar-card{transition:transform .15s,box-shadow .15s}.webinar-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px #15223815}.webinar-card h3{font-size:23px}.webinar-card .share-field{background:#f6f8fc;color:#30415a}.tip-strip{background:#eff5ff}.empty-state{background:linear-gradient(160deg,#fff,#f4f8ff);padding:65px 20px}.empty-icon{background:#e7eeff;color:#285bdd}.steps span{background:#edf3ff;color:#315085;border-color:#d8e2f1}.steps span:first-child{background:#275deb;color:white;border-color:#275deb}.editor-section{padding:30px}.editor-aside{top:22px}.checklist{color:#4f6177}label{color:#2d3b50;font-size:14px}input,textarea{color:#16253b;background:#fff;border:1px solid #c5cfdc;border-radius:10px;padding:12px 14px}input::placeholder,textarea::placeholder{color:#8491a3}input:hover,textarea:hover{border-color:#7293cc}input:focus,textarea:focus{outline:3px solid #255de62a;border-color:#255de6}.inline input{accent-color:#255de6}.notice{background:#e9f8ef;border-color:#81c99a;color:#1b6740}.error{background:#fff1f0;border-color:#f09a90;color:#982b1d}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:#101b30;color:#eff5ff;z-index:40;display:flex;flex-direction:column;padding:23px 14px 19px;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;padding:3px 8px 27px;font-size:17px;letter-spacing:-.04em;line-height:1.2}.brand-mark{display:inline-grid;place-items:center;flex-shrink:0;background:#3772f6;border-radius:11px;width:36px;height:36px;color:#fff;font-size:16px}.workspace-name{display:flex;gap:11px;align-items:center;border:1px solid #33445f;border-radius:12px;padding:12px;background:#1a2a44}.workspace-name strong{display:block;font-size:13px;max-width:136px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-name small{display:block;font-size:11px;color:#adc0d8;margin-top:3px}.workspace-avatar,.header-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#4965a7;color:white;font-weight:800;flex-shrink:0}.side-label{font-size:10px;color:#91a8cb;font-weight:800;letter-spacing:.14em;padding:30px 13px 10px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px;color:#c9d6e9;text-decoration:none;font-size:13px;font-weight:650}.side-nav a:hover,.side-nav a.active{background:#273a59;color:white}.side-nav a.active{box-shadow:inset 3px 0 #7b9cff}.nav-glyph{font-size:17px;text-align:center;width:22px}.sidebar-bottom{margin-top:auto;padding-top:20px}.upgrade-box{padding:16px;border-radius:13px;background:#1d3152;border:1px solid #405678}.upgrade-box strong{font-size:13px}.upgrade-box p{font-size:11px;color:#c0cee0;margin:8px 0}.upgrade-box a{font-size:12px;color:#afd0ff;font-weight:800}.logout-button{width:100%;background:none;border:0;color:#bacce1;text-align:left;font:inherit;font-size:13px;padding:18px 11px;cursor:pointer}.logout-button:hover{color:white}.app-shell{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.app-header{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,44px);gap:12px}.crumb{font-size:14px;color:#43556e;font-weight:700}.crumb-sep{color:#aab4c4;margin:0 11px}.header-right{display:flex;align-items:center;gap:14px}.header-plan{font-size:12px;color:#365c9f;background:#eff4ff;border-radius:30px;padding:7px 13px;font-weight:800}.header-avatar{width:32px;height:32px;background:#e7edfc;color:#315ec8}.app-shell footer{margin-top:auto;background:#fff;border-color:#e7eaf0}.top{background:#fff;border-bottom-color:#e1e7f0;padding:17px max(20px,calc((100vw - 1200px)/2));min-height:72px}.top .brand{display:flex;align-items:center;gap:9px;color:#17233c}.top nav a{font-weight:700}.public-layout .container{max-width:1200px}.hero{padding:85px 0 90px;max-width:900px}.hero h1{font-size:clamp(39px,5vw,64px);max-width:800px;line-height:1.1}.hero p{max-width:690px}.room-page{background:#edf2f9}.room-page .container{max-width:1440px}.room{grid-template-columns:minmax(0,1fr) 330px;gap:22px}.roommain{background:#fff;border-radius:18px;border:1px solid #dfe5ee;padding:25px;box-shadow:var(--shadow)}.roommain h1{font-size:clamp(25px,3vw,38px)}.video{border-radius:12px;margin:19px 0 23px;box-shadow:0 10px 32px #14203815}.offer{border-radius:14px;background:#eff7ff;border:1px solid #bfdaff;padding:23px}.offer .eyebrow{color:#2259ba}.offer p{color:#49607a}.roomside{background:#fff;padding:25px;top:20px;position:sticky}.roomside textarea{min-height:170px}.roomside .btn{width:100%}.mobile-menu{display:none;background:#f0f4fa;color:#17233c;border:1px solid #cdd6e5;border-radius:9px;padding:8px 12px;cursor:pointer}.sidebar-backdrop{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1150px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.room{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:850px){.sidebar{transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:#101b30a3;z-index:30}.app-shell{margin-left:0}.mobile-menu{display:block}.app-header{height:64px}.room{grid-template-columns:1fr}.roomside{position:static}.editor-layout{grid-template-columns:1fr}}@media(max-width:600px){.container{padding:20px 14px 50px}.app-header{padding:0 14px}.crumb{font-size:12px}.header-plan{display:none}.grid,.grid.three,.grid.four{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .panel{padding:16px;min-height:105px}.metrics h2{font-size:31px}.metrics .eyebrow{font-size:10px}.panel{padding:20px}.roommain{padding:17px}.roomside{padding:18px}.editor-section{padding:20px}.top{padding:12px 14px}.hero{padding:55px 0}.hero h1{font-size:40px}.page-heading .actions{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}