:root{--bg: #eef1f4;--surface: #ffffff;--surface-soft: #f7f8fa;--border: #e2e6ea;--border-strong: #d3d9df;--text: #14171f;--muted: #65707d;--faint: #8b94a0;--brand: #0d7d6e;--brand-dark: #095f54;--brand-soft: #e5f3ef;--blue: #4f74e3;--blue-soft: #edf1fe;--amber: #e89b3c;--amber-soft: #fbf2e3;--mint: #22a87c;--mint-soft: #e8f6f0;--rose: #d94840;--rose-soft: #fcebea;--shadow: 0 10px 30px rgba(24, 30, 42, .08), 0 1px 1px rgba(24, 30, 42, .05);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(13,125,110,.35);outline-offset:2px}.app{min-height:100vh}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px 14px;background:var(--surface);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;background:transparent;color:var(--text);font-size:18px;font-weight:800;letter-spacing:0}.brandMark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);color:#fff;background:linear-gradient(140deg,#14927f,#0a5d53);font-size:12px;letter-spacing:0}.nav{display:grid;gap:3px}.nav button{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 11px;border-radius:var(--radius);background:transparent;color:var(--muted);font-size:14px;font-weight:650;text-align:left}.nav button:hover{background:var(--surface-soft);color:var(--text)}.nav button.active{color:var(--brand-dark);background:var(--brand-soft)}.icon{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 auto;color:currentColor}.icon:before{content:"";width:14px;height:14px;border:1.8px solid currentColor;border-radius:4px}.icon-calendar:after,.icon-date:after{content:"";position:absolute;top:5px;left:4px;right:4px;height:1.8px;background:currentColor}.icon-users:before,.icon-team:before{border-radius:50%;box-shadow:7px 3px 0 -4px currentColor}.icon-chart:before{border:0;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0}.icon-plug:before{border-radius:50% 50% 4px 4px}.icon-bell:before{border-radius:9px 9px 5px 5px}.icon-refresh:before{border-radius:50%}.planBox{margin-top:auto;display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.planBox span,.planBox button{color:var(--muted);font-size:12px}.planBox button{padding:8px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:700}.meter{height:6px;overflow:hidden;border-radius:999px;background:#dfe4e8}.meter i{display:block;width:68%;height:100%;background:var(--brand)}.main{min-width:0;padding:22px}.topbar{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}h1,h2,p{margin:0}h1{font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:0}h2{font-size:16px}.topActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.statusChip,.primary,.panelHead button,.toolbar button,.eventFoot button,.availabilityRow button,.successActions button,.backBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:750;white-space:nowrap}.primary{border-color:var(--brand);color:#fff;background:var(--brand)}.primary:hover{background:var(--brand-dark)}.dot{width:8px;height:8px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 3px #22a87c24}.dot.zoom{background:var(--blue);box-shadow:0 0 0 3px #4f74e324}.urlPreview{position:absolute;left:0;bottom:-31px;max-width:100%;overflow:hidden;color:var(--muted);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:45px 0 14px}.statCard,.panel,.eventCard,.integrationCard,.teamCard,.bookingCard,.successPanel,.bookingFooter button,.notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.statCard{display:grid;grid-template-columns:1fr auto;gap:5px 8px;min-width:0;padding:15px}.statCard span:not(.statIcon){color:var(--muted);font-size:12px;font-weight:700}.statCard strong{grid-column:1 / 2;font-size:28px;line-height:1}.statCard small{grid-column:1 / -1;color:var(--mint);font-size:12px;font-weight:700}.statIcon{grid-row:1 / 3;grid-column:2;width:32px;height:32px;border-radius:var(--radius);background:var(--brand-soft)}.statIcon.blue{background:var(--blue-soft)}.statIcon.amber{background:var(--amber-soft)}.statIcon.mint{background:var(--mint-soft)}.statIcon.rose{background:var(--rose-soft)}.twoCol{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:14px;margin-bottom:14px}.panel{padding:15px}.pagePanel{margin-top:45px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panelHead button{min-height:32px;color:var(--brand)}.weekGrid{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));min-height:320px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:repeating-linear-gradient(to bottom,#fff,#fff 47px,var(--surface-soft) 48px)}.dayCol{position:relative;min-width:72px;padding:12px 7px;border-right:1px solid var(--border)}.dayCol:last-child{border-right:0}.dayCol>strong{display:block;margin-bottom:18px;color:var(--muted);font-size:12px}.meetingBlock{margin-top:45px;padding:8px;border-left:3px solid var(--brand);border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:11px}.meetingBlock.blue{border-left-color:var(--blue);background:var(--blue-soft);color:#3558bb}.meetingBlock.amber{border-left-color:var(--amber);background:var(--amber-soft);color:#9b641f}.meetingBlock strong,.meetingBlock span{display:block}.list,.table{display:grid;gap:8px}.listRow,.tableRow{display:grid;grid-template-columns:auto minmax(130px,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.listRow div,.tableRow strong,.tableRow span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listRow strong,.listRow span{display:block}.listRow span{color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#169982,#0a5d53);font-size:12px;font-weight:800}.avatar.large{width:66px;height:66px;font-size:22px}.badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:24px;padding:4px 8px;border-radius:999px;color:#3558bb;background:var(--blue-soft);font-size:11px;font-weight:800;white-space:nowrap}.badge.green{color:#0b6b50;background:var(--mint-soft)}.badge.amber{color:#94601c;background:var(--amber-soft)}.eventGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.eventGrid.full{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.eventCard{position:relative;display:grid;gap:8px;min-width:0;overflow:hidden;padding:15px}.eventAccent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--event-color)}.eventHead,.eventFoot{display:flex;align-items:center;justify-content:space-between;gap:8px}.eventCard>span:not(.eventAccent),.eventCard small,.eventUrl{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.eventUrl{padding:8px;border-radius:6px;background:var(--surface-soft)}.eventFoot button{min-height:30px;padding:6px 10px;color:var(--brand)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar input,.formGrid input,.formGrid select,.detailsCol input,.detailsCol select{width:100%;min-height:38px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}.toolbar input{flex:1 1 260px}.tableRow{grid-template-columns:auto 1fr 1fr 1fr auto auto}.contactRow{grid-template-columns:auto 1fr 1.5fr 1fr auto auto}.monthGrid{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.monthCell{min-height:104px;padding:9px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.monthCell.today{background:var(--brand-soft)}.monthCell span{display:block;margin-top:10px;padding:5px;border-radius:5px;color:var(--brand-dark);background:#fff;font-size:11px;font-weight:700}.analyticsPage{margin-top:45px}.analyticsPage .statsGrid{margin-top:0}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;height:280px;gap:12px;padding-top:22px}.barCol{display:grid;grid-template-rows:1fr auto;gap:9px;height:100%;text-align:center;color:var(--muted);font-size:12px;font-weight:700}.barCol i{align-self:end;display:block;border-radius:7px 7px 0 0;background:linear-gradient(180deg,var(--brand),var(--blue))}.integrationGrid,.teamGrid,.settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.integrationCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}.integrationLogo{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius);color:#fff;background:var(--brand);font-size:12px;font-weight:900}.integrationCard strong,.integrationCard span,.integrationCard small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integrationCard span,.integrationCard small,.teamCard span,.teamCard small{color:var(--muted);font-size:12px;font-weight:650}.teamCard{display:grid;gap:8px;padding:16px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.availabilityRow{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--border)}.availabilityRow span{color:var(--muted);font-size:13px}.publicPage{min-height:100vh;padding:24px;background:linear-gradient(180deg,#ffffffd1,#eef1f4eb),radial-gradient(80% 50% at 30% 10%,rgba(13,125,110,.16),transparent 60%)}.backBtn{margin-bottom:14px}.bookingCard{display:grid;grid-template-columns:300px minmax(320px,1fr) 330px;max-width:1280px;min-height:690px;margin:0 auto;overflow:hidden}.hostCol,.dateCol,.detailsCol{display:grid;align-content:start;gap:15px;padding:24px}.hostCol,.dateCol{border-right:1px solid var(--border)}.hostName{font-size:18px}.hostRole,.hostCol p{color:var(--muted);font-size:14px;line-height:1.55}.hostCol h1{font-size:28px}.meetingMeta{display:flex;flex-wrap:wrap;gap:7px}.meetingMeta span{padding:7px 9px;border-radius:var(--radius);color:var(--brand-dark);background:var(--brand-soft);font-size:12px;font-weight:800}.hostUrl{overflow-wrap:anywhere;padding:10px;border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:700}.sectionTitle{display:flex;justify-content:space-between;gap:10px;align-items:center}.sectionTitle button{padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800}.miniCalendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.miniCalendar button,.slotGrid button{min-height:38px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);font-weight:800}.miniCalendar button:hover:not(:disabled),.slotGrid button:hover{border-color:var(--brand)}.miniCalendar button.selected,.slotGrid button.selected{border-color:var(--brand);color:#fff;background:var(--brand)}.miniCalendar button.disabled{cursor:not-allowed;color:var(--faint);background:var(--surface-soft)}.slotDate{margin-top:8px}.slotGrid{display:grid;gap:8px}.detailsCol{gap:12px}.summaryBox{display:grid;gap:7px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.summaryBox span{color:var(--muted);font-size:13px;font-weight:650}.confirmBtn{width:100%;min-height:44px}.bookingFooter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1280px;margin:14px auto 0}.bookingFooter button{display:flex;align-items:center;gap:12px;min-height:70px;padding:14px;text-align:left}.bookingFooter button:hover{border-color:var(--brand)}.bookingFooter strong,.bookingFooter small{display:block}.bookingFooter small{color:var(--muted);font-size:12px;margin-top:2px}.notice{max-width:1280px;margin:10px auto 0;padding:12px 14px;color:var(--brand-dark);background:var(--brand-soft);font-size:13px;font-weight:800}.successPage{display:grid;place-items:center}.successPanel{display:grid;gap:16px;width:min(720px,100%);padding:28px}.successIcon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;background:var(--brand);font-size:32px;font-weight:900}.successPanel p{color:var(--muted);line-height:1.55}.successDetails{display:grid;gap:8px}.successDetails div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.successDetails span{color:var(--muted)}.successActions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:1120px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.statsGrid,.eventGrid,.bookingFooter{grid-template-columns:repeat(2,minmax(0,1fr))}.twoCol,.bookingCard{grid-template-columns:1fr}.hostCol,.dateCol{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:720px){.main,.publicPage{padding:14px}.topbar,.eventHead,.eventFoot,.sectionTitle{align-items:stretch;flex-direction:column}.topActions{justify-content:flex-start}.statsGrid,.eventGrid,.bookingFooter,.formGrid,.settingsGrid,.tableRow,.contactRow,.listRow,.integrationCard,.successDetails div{grid-template-columns:1fr}.avatar{margin-bottom:2px}.bookingCard{min-height:0}}