:root{font-family:DM Sans,sans-serif;color:#20243b;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1120px}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.icon{display:block}.app-shell{min-height:100vh;display:flex;background:#f7f8fc}.sidebar{width:248px;background:#fff;border-right:1px solid #e9eaf1;padding:27px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;padding:0 10px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.7px;font-size:19px;color:#283066}.brand-mark{display:grid;place-items:center;color:#fff;background:#6254d8;width:26px;height:26px;border-radius:8px;font-family:Georgia;font-size:22px;line-height:1}.workspace{display:flex;align-items:center;gap:9px;padding:22px 10px 24px;border-bottom:1px solid #eff0f5;margin-bottom:14px}.workspace-avatar{display:grid;place-items:center;background:#d9f1e9;color:#297863;border-radius:8px;height:32px;width:32px;font-weight:700}.workspace b,.profile b{display:block;font-size:12.5px}.workspace small,.profile small{display:block;color:#8a8ea2;font-size:10px;margin-top:2px}.switcher{margin-left:auto;color:#999daf}.nav-item{height:45px;width:100%;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 11px;color:#73778b;font-size:13px;text-align:left;margin:2px 0;position:relative}.nav-item:hover{background:#f5f4ff}.nav-item.active{background:#eeedff;color:#5548ca;font-weight:600}.nav-dot{width:5px;height:5px;background:#5f51d6;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f5ff;border-radius:11px;padding:14px;color:#545777;margin:12px 0 17px;position:relative}.help-card b{display:block;font-size:12px}.help-card p{font-size:10.5px;line-height:1.45;margin:5px 0 10px;max-width:158px}.help-card button{display:flex;gap:3px;align-items:center;padding:0;font-size:10.5px;color:#5d4fd4;font-weight:700}.help-spark{position:absolute;right:14px;top:13px;color:#ad9fe9;font-size:20px}.profile{border-top:1px solid #eff0f5;padding:16px 8px 0;display:flex;align-items:center;gap:9px}.profile .icon{margin-left:auto;color:#8e91a3}.avatar{width:31px;height:31px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#334274,#e2ad9c);display:grid;place-items:center;font-size:10px;font-weight:700}.avatar.large{height:42px;width:42px;font-size:12px;background:linear-gradient(135deg,#b7d4ce,#5c8b89)}.main{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9eaf1;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.crumb{color:#9397aa;font-size:12px}.crumb span{margin:0 8px;color:#c4c6d0}.top-actions{display:flex;align-items:center;gap:13px}.sync{color:#646a7f;font-size:11px;display:flex;align-items:center;gap:6px}.sync-dot{width:6px;height:6px;background:#4abd8a;border-radius:50%}.icon-button{width:31px;height:31px;color:#74788b;border-radius:7px;display:grid;place-items:center}.icon-button:hover{background:#f3f4f8}.new-button{background:#5b4ed1;color:#fff;height:36px;padding:0 14px;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;box-shadow:0 4px 10px #5b4ed122}.new-button:hover{background:#4e42be}.content{padding:32px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.eyebrow{display:block;font-size:9px;letter-spacing:1.2px;color:#969aad;font-weight:700}.page-title h1{font-family:Manrope;margin:4px 0 3px;font-size:28px;letter-spacing:-.8px}.page-title p{margin:0;color:#81869b;font-size:12px}.calendar-controls{display:flex;align-items:center;gap:18px}.segmented{padding:3px;background:#eeeff4;border-radius:7px;display:flex}.segmented button{padding:6px 12px;border-radius:5px;color:#7e8396;font-size:11px}.segmented button.active{background:#fff;color:#4238a4;box-shadow:0 1px 3px #2221;font-weight:600}.date-nav{display:flex;align-items:center;gap:7px;color:#41455d;font-size:11px}.date-nav button{width:26px;height:26px;border:1px solid #e3e4eb;border-radius:5px;display:grid;place-items:center;color:#73778b}.date-nav b{font-weight:600;margin:0 4px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:21px}.stats>div{height:86px;background:#fff;border:1px solid #e8e9f0;border-radius:10px;position:relative;padding:15px 16px 15px 55px}.stat-icon{width:27px;height:27px;display:grid;place-items:center;position:absolute;left:16px;top:17px;border-radius:7px}.stat-icon .icon{width:15px}.purple-bg{color:#6d5be5;background:#efedff}.mint-bg{color:#37a77c;background:#e5f7ee}.orange-bg{color:#d98340;background:#fff0e4}.stats p{margin:0 0 4px;color:#85899b;font-size:10.5px}.stats b{font-size:18px;letter-spacing:-.3px}.stats small{font-size:10px;font-weight:400;color:#9296a7;margin-left:6px}.live{color:#344056}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46b985;margin:0 5px 1px 0}.calendar-card,.card{background:#fff;border:1px solid #e6e8ef;border-radius:10px;overflow:hidden}.week-header{height:59px;display:grid;grid-template-columns:64px repeat(7,1fr);border-bottom:1px solid #e8e9f0}.timezone{color:#9ea2b2;font-size:9px;padding:20px 8px}.day-heading{border-left:1px solid #f0f1f5;padding-top:9px;color:#969aaa;line-height:1.15}.day-heading span{display:block;font-size:10px}.day-heading b{font-size:14px;font-weight:600;color:#555a6d;display:inline-grid;width:25px;height:25px;place-items:center;border-radius:50%;margin-top:3px}.day-heading.selected b{background:#5e51d4;color:#fff}.calendar-body{position:relative;height:460px;overflow:hidden}.times{width:64px;position:absolute;inset:0 auto 0 0;z-index:2;background:#fff;color:#a5a8b5;font-size:9px;display:flex;flex-direction:column;justify-content:space-between;padding:8px 9px 0}.grid{margin-left:64px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(10,46px);height:460px}.grid-cell{border-left:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4}.event{position:absolute;z-index:3;width:calc((100% - 64px)/7 - 8px);margin:0 4px;border-radius:4px;padding:6px 7px;text-align:left;overflow:hidden;line-height:1.15}.event strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event span{display:block;font-size:8.5px;margin-top:3px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event.purple{background:#eae7ff;color:#5146bd;border-left:3px solid #796ce4}.event.mint{background:#dcf5eb;color:#238363;border-left:3px solid #4fc59b}.event.orange{background:#ffeadb;color:#b76825;border-left:3px solid #e99a54}.event.blue{background:#e4edf8;color:#527192;border-left:3px solid #83a7cd}.now-line{position:absolute;top:291px;left:64px;right:0;border-top:1px solid #e66a74;z-index:4}.now-line i{width:6px;height:6px;border-radius:50%;background:#e66a74;position:absolute;left:-3px;top:-3px}.now-line span{position:absolute;left:-34px;top:-6px;color:#dd5661;font-size:8px}.bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:20px}.card{padding:18px 19px}.card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}.card h2{font-family:Manrope;font-size:15px;margin:3px 0 0;letter-spacing:-.3px}.text-button,.panel-link{color:#5b4ed2;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.rule{min-height:47px;border-top:1px solid #eff0f4;display:flex;align-items:center;gap:9px}.rule-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.purple-dot{background:#7669df}.mint-dot{background:#4dbf96}.orange-dot{background:#ec9c58}.rule div{flex:1}.rule b{display:block;font-size:11px}.rule small{display:block;font-size:9.5px;color:#9397a7;margin-top:3px}.audience{font-size:9px;padding:4px 7px;border-radius:4px;font-weight:600}.registered{background:#eeebff;color:#6256ca}.prospective{background:#e2f7ed;color:#268365}.both{background:#fff0e3;color:#bc742f}.upcoming-content{display:flex;align-items:center;gap:10px;padding-top:4px}.upcoming-content>div:nth-child(2){flex:1}.upcoming-content b{font-size:12px}.upcoming-content p{margin:3px 0;font-size:10px;color:#73798c}.upcoming-content span{font-size:9.5px;color:#9599aa}.join-button{border:1px solid #ddddea;color:#5c50cb;border-radius:6px;font-size:10px;padding:7px 9px;font-weight:600}.day-panel{position:fixed;right:0;top:0;bottom:0;width:315px;background:#fff;border-left:1px solid #e4e6ed;box-shadow:-12px 0 35px #1e24430e;padding:25px 21px;z-index:10}.panel-head{display:flex;justify-content:space-between}.panel-head h2{font-family:Manrope;margin:5px 0 19px;font-size:17px;letter-spacing:-.5px}.panel-tabs{display:flex;border-bottom:1px solid #e9eaf0;gap:20px}.panel-tabs button{font-size:11px;padding:0 2px 9px;color:#9195a6}.panel-tabs .active{color:#5548c8;border-bottom:2px solid #5e50d3;font-weight:600}.timeline-list{margin-top:18px}.timeline-row{display:grid;grid-template-columns:43px 1fr;min-height:61px}.timeline-row time{font-size:9px;color:#9da1b1;padding-top:8px}.timeline-event{border-left:2px solid #b5b6c4;padding:6px 9px;background:#f8f8fa;margin:0 0 7px;border-radius:0 5px 5px 0}.timeline-event b{font-size:10.5px;display:block}.timeline-event span{font-size:9px;color:#858a9b;display:block;margin-top:3px}.timeline-event.purple{background:#f0efff;border-left-color:#7669de}.timeline-event.open{background:#f7fbf9;border:1px dashed #9bd6c1;border-left:2px solid #5cc69f}.timeline-event.outlook{background:#f1f5fa;border-left-color:#82a4c8}.panel-link{margin-top:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#20243b55;display:grid;place-items:center;z-index:50}.modal{background:#fff;border-radius:13px;width:480px;padding:28px;position:relative;box-shadow:0 22px 55px #16193244}.modal-close{position:absolute;right:16px;top:14px;font-size:25px;color:#888ca0}.modal h2{font-family:Manrope;margin:5px 0;font-size:22px}.modal>p{margin:0 0 20px;color:#7c8193;font-size:12px;line-height:1.5}.modal label{display:block;color:#5f6477;font-size:11px;font-weight:600;margin:12px 0}.modal select,.modal input{width:100%;margin-top:6px;height:38px;border:1px solid #dadce5;border-radius:6px;padding:0 10px;color:#43485c;background:#fff;font-size:12px}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:23px}.modal-actions>button:first-child{color:#727789;font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:8px;background:#29314c;color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;box-shadow:0 10px 25px #20243b44}.overview-stats{margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.dashboard-agenda{padding-bottom:11px}.agenda-row{border-top:1px solid #eff0f4;min-height:59px;display:flex;align-items:center;gap:10px}.agenda-row time{width:39px;color:#8e93a4;font-size:10px}.agenda-row .rule-dot{width:8px;height:8px}.agenda-row div{flex:1}.agenda-row b{display:block;font-size:11px}.agenda-row small{display:block;margin-top:3px;color:#8d92a3;font-size:9.5px}.status{padding:4px 7px;border-radius:4px;font-size:9px;font-weight:600}.confirmed{color:#267e62;background:#e6f7ef}.blocked{color:#67809d;background:#edf2f8}.outlook-dot{background:#83a7cd}.quick-card{background:linear-gradient(150deg,#fff 22%,#f5f3ff)}.quick-card h2{font-family:Manrope;font-size:17px;margin:4px 0 8px}.quick-card>p{font-size:11px;color:#777d91;line-height:1.55;margin:0 0 18px}.setup-item{font-size:10.5px;color:#62687a;margin:10px 0}.setup-item span{display:inline-grid;place-items:center;color:#fff;background:#4dbd91;width:15px;height:15px;border-radius:50%;font-size:9px;margin-right:6px}.quick-card .text-button{margin-top:15px}.meeting-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:18px;align-items:start}.types-card{padding:0}.types-intro{display:flex;align-items:center;justify-content:space-between;padding:18px 19px 11px}.count-pill{color:#5c50ce;background:#efedff;border-radius:12px;font-size:9px;font-weight:700;padding:5px 8px}.type-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:17px 19px;border-top:1px solid #eff0f4}.type-row:hover{background:#fbfbfe}.type-row>.icon{color:#9397a7}.type-color{display:inline-block;flex:0 0 auto;width:11px;height:38px;border-radius:6px}.type-color.purple{background:#7b6ee5}.type-color.mint{background:#51c79e}.type-color.orange{background:#eea15c}.type-main{flex:1}.type-main>b{display:block;font-size:13px}.type-main>small{display:block;margin-top:4px;color:#858a9b;font-size:10px}.type-meta{display:flex;align-items:center;gap:12px;margin-top:8px;color:#777d90;font-size:9.5px}.type-meta span{display:flex;gap:4px;align-items:center}.guidance{background:#f8f7ff;border-color:#ebe8ff;position:relative;overflow:visible}.guide-icon{font-size:22px;display:grid;place-items:center;color:#766be1;width:38px;height:38px;border-radius:10px;background:#eae7ff}.guidance h2{margin-top:14px;font-family:Manrope;font-size:15px}.guidance p{font-size:11px;color:#6f7488;line-height:1.6}.guidance>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}.booking-layout{display:grid;grid-template-columns:.82fr 1.5fr;gap:18px}.booking-link-card h2,.access-card h2,.booking-settings h2{font-family:Manrope;font-size:16px;margin:4px 0}.booking-link-card>p{color:#777e92;font-size:11px;margin:0 0 17px}.link-box{border:1px solid #dedfed;background:#fafaff;border-radius:7px;min-height:40px;display:flex;align-items:center;padding-left:10px;color:#565b6e;font-family:monospace;font-size:10px;overflow:hidden}.link-box span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.link-box button{align-self:stretch;color:#564acf;font-family:DM Sans;font-size:10px;font-weight:700;padding:0 9px;border-left:1px solid #dedfed;display:flex;align-items:center;gap:4px}.share-row{display:flex;gap:15px;margin-top:15px}.share-row button{color:#5b50cc;font-size:10px;display:flex;align-items:center;gap:5px;font-weight:600}.access-card{padding-bottom:20px}.live-badge,.connection-ok{color:#298567;background:#e3f6ed;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700}.live-badge i,.connection-ok i{display:inline-block;vertical-align:middle;height:6px;width:6px;border-radius:50%;background:#47b989;margin:0 4px 1px 0}.access-flow{display:flex;align-items:flex-start;margin:20px 5px 15px}.access-flow>div{width:30%}.flow-num{display:grid;place-items:center;width:24px;height:24px;color:#6156cc;background:#eeecff;border-radius:50%;font-size:10px;font-weight:700;margin-bottom:8px}.access-flow b,.access-flow small{display:block}.access-flow b{font-size:10.5px}.access-flow small{color:#8b90a2;font-size:9px;line-height:1.35;margin-top:4px}.flow-line{height:1px;flex:1;margin:12px 7px 0 1px;background:#dcd9f6}.access-note{padding:10px 12px;border-radius:6px;background:#f7f7fb;color:#757a8c;font-size:10px;line-height:1.5}.booking-settings{margin-top:18px;padding:0 19px}.booking-settings>div:first-child{padding:17px 0 10px}.setting-row{min-height:65px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff0f4}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:11px}.setting-row small{font-size:9.5px;color:#898ea0;margin-top:4px}.select-button{min-width:114px;padding:7px 9px;border:1px solid #dedfe9;color:#5e6375;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px}.toggle{width:31px;height:18px;padding:2px;border-radius:12px;background:#c8cbd5}.toggle i{display:block;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on{background:#5c50d0}.toggle.on i{transform:translate(13px)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.connection-card h2,.reminder-card h2,.timezone-card h2{font-family:Manrope;font-size:16px;margin:4px 0}.connection-title{display:flex;align-items:center;gap:10px}.outlook-logo{display:grid;place-items:center;color:#4789c5;background:#edf4fb;border-radius:8px;width:38px;height:38px}.connection-ok{margin-left:auto}.connection-card>p{color:#777c8e;font-size:11px;line-height:1.55;margin:18px 0}.last-sync{padding-top:13px;border-top:1px solid #ededf2;color:#9094a4;font-size:10px}.last-sync button{color:#5b4ed0;font-weight:700;margin-left:7px}.reminder-row{min-height:59px;border-top:1px solid #eff0f4;display:flex;align-items:center;justify-content:space-between}.reminder-row b,.reminder-row small{display:block}.reminder-row b{font-size:11px}.reminder-row small{font-size:9.5px;color:#8b90a1;margin-top:4px}.timezone-card{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.timezone-card p{font-size:10.5px;color:#808597;margin:8px 0 0}.timezone-card .select-button{min-width:200px}.repeat-field{margin-top:6px!important}.buffer-summary{display:flex;align-items:center;gap:8px;background:#f5fbf8;color:#587465;font-size:10px;padding:10px;border-radius:6px;margin-top:14px}.availability-modal{width:500px}.type-modal{width:475px}.type-filter{max-width:465px;overflow:hidden}.type-filter button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.audience-note{color:#767b8d!important;font-size:10px!important;margin-top:14px!important}.exceptions-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:11px 0 1px;border-top:1px dashed #d8d9e2}.exceptions-summary b,.exceptions-summary small{display:block}.exceptions-summary b{font-size:10px;margin-top:3px}.exceptions-summary small{color:#818698;font-size:9px;margin-top:3px}.exceptions-summary button{color:#5a4fc9;font-size:9.5px;font-weight:700;white-space:nowrap}.exception-modal{width:510px}.exception-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 6px}.exception-options button{min-height:78px;border:1px solid #e0e1e9;border-radius:7px;padding:10px;display:flex;align-items:flex-start;text-align:left;gap:8px}.exception-options button.selected{border-color:#8679e5;background:#faf9ff;box-shadow:0 0 0 2px #eeeaff}.exception-options b,.exception-options small{display:block}.exception-options b{font-size:10.5px}.exception-options small{margin-top:4px;color:#858a9c;font-size:9px;line-height:1.35}.exception-symbol{display:grid;place-items:center;flex:0 0 auto;width:21px;height:21px;border-radius:6px;font-size:16px;font-weight:700}.open-symbol{background:#e2f7ed;color:#278665}.close-symbol{background:#fff0e5;color:#c06e2b}.exception-note{background:#f5f4ff;color:#66608b;font-size:10px;line-height:1.45;display:flex;align-items:flex-start;gap:6px;padding:10px;border-radius:6px;margin-top:14px}.availability-modal{width:560px;max-height:calc(100vh - 34px);overflow:auto}.weekly-hours{border:1px solid #e5e6ed;border-radius:8px;overflow:hidden;margin-top:15px}.weekly-header{display:grid;grid-template-columns:96px 1fr;gap:10px;background:#f8f8fb;padding:8px 13px;color:#979bab;font-size:8.5px;font-weight:700;letter-spacing:.8px}.weekday-row{min-height:44px;display:grid;grid-template-columns:26px 70px 1fr;align-items:center;gap:8px;padding:5px 12px;border-top:1px solid #eff0f4}.weekday-row.is-off{background:#fafafb}.weekday-row b{font-size:10.5px}.weekday-row.is-off b{color:#999dac;font-weight:500}.day-switch{width:24px;height:14px;padding:2px;border-radius:10px;background:#ced1dc}.day-switch i{display:block;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .2s}.day-switch.on{background:#5e51d4}.day-switch.on i{transform:translate(10px)}.time-range{display:flex;align-items:center;gap:6px}.time-range select{width:78px!important;height:29px!important;margin:0!important;padding:0 7px!important;font-size:10px!important}.time-range span{color:#989cab;font-size:9px}.unavailable-label{color:#a1a4b0;font-size:10px;font-style:italic}.reminder-card{padding-bottom:8px}.reminder-rule{width:100%;text-align:left;gap:9px}.reminder-icon{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;color:#6559d1;background:#efedff;border-radius:7px}.reminder-rule>div{flex:1}.rule-state{color:#868b9b;background:#f1f2f5;border-radius:4px;padding:4px 6px;font-size:8.5px;font-weight:700}.rule-state.enabled{color:#278361;background:#e5f7ee}.reminder-rule>.icon{color:#9a9eac}.reminder-modal{width:490px}.reminder-preview{display:flex;gap:8px;align-items:flex-start;color:#696081;background:#f5f4ff;border-radius:6px;padding:10px;margin-top:16px;font-size:10px;line-height:1.45}.reminder-preview b{color:#50479c}.student-stats{margin-top:4px}.students-card{padding:0}.students-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #ececf2}.student-search{display:flex;align-items:center;gap:7px;width:215px;border:1px solid #dedfe8;border-radius:6px;color:#979ba9;padding:0 9px;font-size:16px}.student-search input{border:0;height:31px;outline:0;width:100%;color:#555b6c;font-size:10px}.students-head,.student-row{display:grid;grid-template-columns:1.45fr .7fr .7fr 1fr 20px;align-items:center;column-gap:14px}.students-head{padding:11px 19px;color:#999dab;font-size:8.5px;font-weight:700;letter-spacing:.75px;background:#fafafd}.student-row{width:100%;padding:12px 19px;border-top:1px solid #efeff4;text-align:left}.student-row:hover{background:#fbfbfe}.student-row>div:first-of-type{margin-left:-44px;padding-left:44px}.student-row b,.student-row small{display:block}.student-row b{font-size:10.5px}.student-row small{color:#8a8f9f;font-size:9.5px;margin-top:3px}.student-avatar{grid-column:1;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:9px;font-weight:700}.student-avatar.purple{background:#766ae0}.student-avatar.mint{background:#50b992}.student-avatar.orange{background:#e49a59}.meeting-count{color:#656a7c;font-size:10px}.student-row>.icon{color:#a2a5b1}.student-panel{position:fixed;right:0;top:0;bottom:0;z-index:20;width:315px;padding:25px 21px;background:#fff;border-left:1px solid #e4e6ed;box-shadow:-12px 0 35px #1e24430e}.student-profile{display:flex;align-items:center;gap:10px;padding:14px 0 18px;border-bottom:1px solid #ececf2}.large-student{width:42px;height:42px;font-size:11px}.student-profile b{display:block;font-size:11px;margin-bottom:7px}.profile-stat{padding:15px 0;border-bottom:1px solid #ececf2}.profile-stat span,.profile-stat b,.profile-stat small{display:block}.profile-stat span{color:#9a9eae;font-size:8.5px;font-weight:700;letter-spacing:.7px}.profile-stat b{font-size:12px;margin-top:5px}.profile-stat small{color:#858a9b;font-size:9.5px;margin-top:3px}.student-panel h3{font-family:Manrope;font-size:12px;margin:19px 0 10px}.student-appointment{display:flex;align-items:center;gap:8px;padding:10px;background:#fafafd;border-radius:6px}.student-appointment div{flex:1}.student-appointment b,.student-appointment small{display:block}.student-appointment b{font-size:10px}.student-appointment small{color:#888d9d;font-size:9px;margin-top:3px}.panel-message{margin-top:18px;justify-content:center;width:100%}.student-demo{min-height:100vh;background:#f7f8fc;color:#252a41}.student-demo-header{height:64px;padding:0 42px;background:#fff;border-bottom:1px solid #e7e8ef;display:flex;align-items:center;gap:24px}.demo-brand{display:flex;gap:8px;align-items:center;font-family:Manrope;color:#303778;font-size:13px}.demo-brand .brand-mark{width:25px;height:25px;font-size:21px}.student-demo-header>span{flex:1;color:#808598;font-size:11px}.student-demo-header button{color:#5b50cd;font-size:11px;font-weight:700}.student-demo-main{max-width:1440px;padding:32px 42px;margin:auto;display:grid;grid-template-columns:230px minmax(620px,1fr) 250px;gap:20px}.booking-info,.booking-calendar,.booking-selection{background:#fff;border:1px solid #e6e8ef;border-radius:11px}.booking-info{padding:20px}.advisor-photo{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#314276,#e3ae9d);font-size:11px;font-weight:700;margin-bottom:15px}.booking-info h1{font-family:Manrope;letter-spacing:-.5px;font-size:19px;margin:4px 0 8px}.booking-info>p{color:#767c90;font-size:10.5px;line-height:1.5;margin:0 0 20px}.booking-info-row{display:flex;gap:7px;color:#73798b;font-size:9.5px;margin:11px 0}.booking-info-row .icon{color:#7165da}.visitor-switch{border-top:1px solid #ededef;padding-top:18px;margin-top:19px}.visitor-switch .segmented{margin-top:8px}.visitor-switch .segmented button{padding:6px 8px}.access-explainer{display:block;font-size:9px;color:#5b8a77;line-height:1.4;margin-top:10px}.booking-calendar{overflow:hidden}.booking-calendar-head{min-height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #e9eaf0}.booking-calendar-head>div{display:flex;gap:5px;align-items:center}.booking-calendar-head b{font-size:12px;margin:0 5px}.booking-calendar-head>span{color:#9195a5;font-size:9px}.booking-week-head{display:grid;grid-template-columns:58px repeat(5,1fr);min-height:52px;border-bottom:1px solid #e9eaf0}.booking-week-head>span{color:#9ca0af;padding:18px 7px;font-size:8px}.booking-week-head>div{text-align:center;border-left:1px solid #f0f1f5;padding-top:8px}.booking-week-head small,.booking-week-head b{display:block}.booking-week-head small{color:#9296a6;font-size:9px}.booking-week-head b{color:#565b70;font-size:13px;margin-top:3px}.booking-week-body{position:relative;height:448px}.booking-times{position:absolute;inset:0 auto 0 0;z-index:2;width:58px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:6px 7px 0;color:#9ea2b1;font-size:8px}.booking-grid{display:grid;margin-left:58px;height:448px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,64px)}.booking-grid i{border-left:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4}.student-slot{position:absolute;z-index:3;width:calc((100% - 58px)/5 - 8px);margin:0 4px;padding:7px;text-align:left;border-radius:5px;border-left:3px solid}.student-slot b,.student-slot span{display:block}.student-slot b{font-size:9px}.student-slot span{font-size:8.5px;margin-top:4px;opacity:.85}.student-slot.purple{color:#5348bd;background:#ece9ff;border-color:#796de4}.student-slot.mint{color:#268364;background:#e0f6ed;border-color:#4fc59b}.student-slot.orange{color:#b86d2b;background:#fff0e3;border-color:#e99b56}.student-slot:hover{filter:brightness(.97);box-shadow:0 3px 8px #30375d20}.booking-selection{padding:20px;min-height:280px}.booking-selection h2{font-family:Manrope;font-size:17px;margin:5px 0 8px}.selection-empty{text-align:center;padding-top:30px}.selection-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#6559d1;background:#efedff;margin:0 auto 14px}.selection-empty p,.booking-confirmed p{color:#858a9b;font-size:10px;line-height:1.5}.selection-empty>div{text-align:left;color:#777d8e;font-size:9px;line-height:2.25;margin-top:22px}.sample-slot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}.sample-slot.purple{background:#796de4}.sample-slot.mint{background:#4fc59b}.sample-slot.orange{background:#e99b56}.selection-detail{display:flex;flex-direction:column;gap:5px;background:#f5f4ff;color:#6e7387;padding:11px;border-radius:7px;font-size:9.5px;margin:15px 0}.selection-detail b{color:#4f469d;font-size:11px}.booking-selection label{color:#606577;display:block;font-size:10px;font-weight:700}.booking-selection label small{color:#9b9eaa;font-weight:400}.booking-selection textarea{resize:none;width:100%;height:62px;margin-top:6px;padding:8px;border:1px solid #dedfe8;border-radius:6px;font:inherit;font-size:10px}.booking-confirmed{text-align:center}.booking-confirmed .success-check{margin:5px auto 13px}.booking-confirmed .selection-detail{text-align:left}.outline-button{width:100%;border:1px solid #d3d0ed;color:#5c50cd;border-radius:6px;padding:9px;font-size:10px;font-weight:700}.advisor-select{display:block;color:#676c7d;font-size:10px;font-weight:700;margin:10px 0 17px}.advisor-select select{width:100%;height:36px;margin-top:6px;border:1px solid #d9dbe5;background:#fff;color:#4e5365;border-radius:6px;padding:0 7px;font-size:9px}.student-range{position:absolute;z-index:1;width:calc((100% - 58px)/5 - 8px);margin:0 4px;border-radius:5px;opacity:.35}.student-range.purple{background:#d9d3ff}.student-range.mint{background:#c9f1e1}.student-range.orange{background:#ffd8b7}.booking-list-view{min-height:470px}.booking-list-view .booking-calendar-head{padding:0 20px}.type-back{margin:0;font-weight:600;color:#5c50ce}.meeting-choice-list{padding:9px 14px 14px}.meeting-choice{width:100%;min-height:90px;padding:14px 10px;display:flex;gap:12px;align-items:center;text-align:left;border-bottom:1px solid #eff0f4}.meeting-choice:hover{background:#fafaff}.meeting-choice-color{width:7px;height:48px;flex:0 0 auto;border-radius:5px}.meeting-choice-color.purple{background:#7b6ee5}.meeting-choice-color.mint{background:#51c79e}.meeting-choice-color.orange{background:#eea15c}.meeting-choice>div{flex:1}.meeting-choice b,.meeting-choice small,.meeting-choice p{display:block}.meeting-choice b{color:#363b54;font-size:12px}.meeting-choice small{color:#787e91;margin-top:4px;font-size:9.5px}.meeting-choice p{color:#9296a5;margin:7px 0 0;font-size:9px}.meeting-choice>.icon{color:#979baa}.available-slots-list{padding:2px 18px 18px}.date-slots{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #edeeF4}.date-slots>div{color:#9296a5;font-size:9px;text-align:center;padding-top:2px}.date-slots>div span,.date-slots>div b,.date-slots>div small{display:block}.date-slots>div b{color:#4f556b;font-size:19px;margin:3px 0}.date-slots>div small{font-size:8px}.date-slots>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.list-slot{min-height:51px;border:1px solid #dcd9f4;border-radius:6px;padding:8px;text-align:left;position:relative}.list-slot:hover{background:#faf9ff;border-color:#968ce5}.list-slot b,.list-slot span{display:block}.list-slot b{color:#5549bf;font-size:10px}.list-slot span{color:#858a9b;font-size:8.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-slot>.icon{position:absolute;right:6px;top:17px;color:#9e9abf}.list-slot.mint{border-color:#bfe7d7}.list-slot.mint b{color:#278365}.list-slot.orange{border-color:#f0d0b2}.list-slot.orange b{color:#bd7432}.type-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.type-card-heading span{color:#5a50bc;background:#f0efff;border-radius:4px;font-size:8px;font-weight:700;padding:3px 5px}.type-date-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.type-date-chips span{color:#7a7f91;background:#f5f5f8;border-radius:4px;padding:3px 5px;font-size:8px}.selected-type-summary{display:flex;gap:8px;align-items:flex-start;padding:14px 0 10px;border-bottom:1px solid #eff0f4}.selected-type-summary .sample-slot{margin-top:4px}.selected-type-summary div{flex:1}.selected-type-summary b,.selected-type-summary small{display:block}.selected-type-summary b{font-size:11px}.selected-type-summary small{color:#858a9a;margin-top:3px;font-size:9px}.date-slots>section{position:relative;padding-top:18px}.date-range{position:absolute;top:0;left:0;color:#8a8e9d;font-size:8px}.date-slots>section .list-slot{margin-top:0}.day-summary{display:flex;gap:6px;margin:-8px 0 14px}.day-summary span{color:#7f8495;background:#f6f6fa;border-radius:4px;padding:5px 6px;font-size:8.5px}.day-summary b{color:#4d5268}.day-legend{display:flex;gap:9px;margin-bottom:14px;padding:8px 0;border-top:1px solid #eff0f4;border-bottom:1px solid #eff0f4}.day-legend span{display:flex;align-items:center;gap:4px;color:#858a9a;font-size:8px}.day-legend span:before{content:"";width:6px;height:6px;border-radius:50%}.legend-booked:before{background:#7669de}.legend-available:before{background:#4ec69d}.legend-outlook:before{background:#83a7cd}.day-panel .timeline-list{margin-top:15px}.day-panel .timeline-row{grid-template-columns:52px 1fr;min-height:72px}.day-panel .timeline-row time{padding-top:8px;color:#9ca1af;font-size:8px}.day-panel .timeline-row time b,.day-panel .timeline-row time span{display:block}.day-panel .timeline-row time b{color:#72788b;font-size:9px}.day-panel .timeline-row time span{margin-top:2px;color:#a4a8b5}.day-panel .timeline-event{position:relative;min-height:62px;padding:8px 10px;margin-bottom:10px;border-radius:5px;border-left-width:3px}.day-panel .timeline-event small{display:block;margin-bottom:4px;color:#8a8e9d;font-size:7.5px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.day-panel .timeline-event b{color:#41465c;font-size:10.5px}.day-panel .timeline-event span{margin-top:3px;font-size:8.5px}.day-panel .timeline-event.booked.purple{background:#efedff;border-left-color:#7669de}.day-panel .timeline-event.available{border:1px solid;border-left-width:3px}.day-panel .timeline-event.available.purple{background:#faf9ff;border-color:#bcb4ef;border-left-color:#7669de}.day-panel .timeline-event.available.mint{background:#f5fcf8;border-color:#a4ddc8;border-left-color:#4ec69d}.day-panel .timeline-event.available.orange{background:#fffaf5;border-color:#f1cda9;border-left-color:#ec9c58}.day-panel .timeline-event.outlook{background:#f0f5fa;border-left-color:#83a7cd}.day-panel .timeline-event.outlook small{color:#6d89a8}.day-panel .list-view .timeline-row{min-height:58px}.day-panel .list-view .timeline-event{min-height:50px;padding:7px 9px}.day-timeline{position:relative;height:calc(100vh - 280px);min-height:390px;overflow:auto;margin:14px -4px 10px 0}.timeline-hours{position:absolute;top:0;bottom:0;left:0;width:42px;color:#979cab;font-size:8px}.timeline-hours span{position:absolute;transform:translateY(-5px)}.timeline-track{position:relative;margin-left:43px;min-height:552px;border-left:1px solid #e8e9ef;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#f0f1f5 29px,transparent 30px)}.timeline-track>i{position:absolute;left:0;right:0;border-top:1px solid #dfe1e9}.time-range{position:absolute;z-index:2;left:7px;right:7px;min-height:33px;overflow:hidden;border-left:3px solid;border-radius:4px;padding:5px 7px;text-align:left}.time-range small,.time-range b,.time-range span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-range small{color:#7c8193;font-size:7px;font-weight:700;letter-spacing:.25px}.time-range b{color:#3f455c;font-size:9.5px;margin-top:2px}.time-range span{color:#72788a;font-size:8px;margin-top:2px}.time-range.booked.purple{background:#ebe8ff;border-left-color:#7669de}.time-range.available{border:1px solid;border-left-width:3px}.time-range.available.purple{background:#faf9ff;border-color:#b8b0ef;border-left-color:#7669de}.time-range.available.mint{background:#f3fcf8;border-color:#9edec4;border-left-color:#4ec69d}.time-range.available.orange{background:#fff9f3;border-color:#f0caa3;border-left-color:#ec9c58}.time-range.outlook{background:#eaf1f8;border-left-color:#83a7cd}.day-list{margin:14px 0}.day-list-row{display:grid;grid-template-columns:69px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #eff0f4}.day-list-row time{color:#747a8c;font-size:8.5px;padding-top:4px}.day-list-row>div{border-left:3px solid #b3b6c3;padding-left:8px}.day-list-row small,.day-list-row b,.day-list-row span{display:block}.day-list-row small{color:#8f94a4;text-transform:uppercase;font-size:7px;font-weight:700}.day-list-row b{color:#454a60;font-size:10px;margin-top:3px}.day-list-row span{color:#858a9a;font-size:8.5px;margin-top:3px}.day-list-row.booked{border-left:0}.day-list-row.booked>div{border-color:#7669de}.day-list-row.available.purple>div{border-color:#7669de}.day-list-row.available.mint>div{border-color:#4ec69d}.day-list-row.available.orange>div{border-color:#ec9c58}.day-list-row.outlook>div{border-color:#83a7cd}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#24233d88}.booking-preview{position:relative;width:520px;max-height:calc(100vh - 40px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 30px 75px #13132466;padding:27px 38px 36px}.preview-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:#2b3168;font-family:Manrope;font-size:13px}.preview-brand .brand-mark{width:24px;height:24px;font-size:20px}.preview-progress{display:flex;gap:5px;margin:23px auto 24px;width:180px}.preview-progress i{height:3px;background:#e5e5ed;border-radius:3px;flex:1}.preview-progress i.active{background:#6155d3}.booking-step{max-width:375px;margin:auto}.booking-step h2{font-family:Manrope;font-size:23px;letter-spacing:-.6px;margin:5px 0 7px}.booking-step>p{color:#7e8395;font-size:11.5px;line-height:1.5;margin:0 0 20px}.audience-choice{border:1px solid #e3e4eb;padding:13px;width:100%;border-radius:8px;display:flex;align-items:center;gap:11px;text-align:left;margin-top:10px}.audience-choice:hover{border-color:#a9a0ed;background:#fafaff}.audience-choice>div{flex:1}.choice-icon{display:grid;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;border-radius:8px}.audience-choice b,.audience-choice small{display:block}.audience-choice b{font-size:11.5px}.audience-choice small{color:#858a9b;font-size:9.5px;margin-top:3px}.audience-choice>.icon{color:#9599a8}.booking-step label{display:block;font-size:10.5px;color:#5d6275;font-weight:700;margin:13px 0}.booking-step label small{font-weight:400;color:#9b9eac}.booking-step input{width:100%;height:40px;border:1px solid #dcdee7;border-radius:6px;padding:0 10px;margin-top:6px;font-size:11px}.sso-button{height:42px;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #ccc7f2;border-radius:6px;color:#5549c7;background:#f9f8ff;font-size:11px;font-weight:700}.full-button{justify-content:center;width:100%;margin-top:13px}.full-button:disabled{background:#bebbd9;cursor:not-allowed}.back-button{color:#777c8e;font-size:10.5px;margin-top:17px}.date-strip{display:flex;gap:8px;margin:13px 0 18px}.date-strip b{display:grid;place-items:center;color:#85899a;border:1px solid #e3e4eb;border-radius:7px;width:57px;height:54px;font-size:9px;line-height:1.5}.date-strip strong{font-size:15px;color:#555a6d}.date-strip b.active{color:#fff;background:#5e51d4;border-color:#5e51d4}.date-strip b.active strong{color:#fff}.slots-step h3{font-family:Manrope;font-size:13px;margin:0 0 10px}.slot-group{border-top:1px solid #ededf2;padding:11px 0}.slot-group>div:first-child{display:flex;align-items:center;gap:7px}.slot-group .type-color{height:24px;width:5px}.slot-group b{font-size:10.5px}.slot-group small{margin-left:auto;color:#8e92a1;font-size:9px}.slot-group>div:last-child{display:flex;gap:7px;margin:9px 0 0 12px}.slot-group button{border:1px solid #cbc6f1;border-radius:5px;color:#5549c8;min-width:78px;padding:6px;font-size:10px}.slot-group button.chosen{background:#5e51d4;color:#fff}.appointment-summary{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f5f4ff;border-radius:7px;margin:15px 0;color:#6f7385;font-size:10px}.appointment-summary b{color:#4b439e;font-size:11px}.success-step{text-align:center;padding-top:9px}.success-check{margin:0 auto 16px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e4f8ef;color:#35a777}.success-step .appointment-summary{text-align:left}.success-step .full-button{margin-top:5px}.availability-window{position:absolute;z-index:1;width:calc((100% - 64px)/7 - 8px);margin:0 4px;padding:7px;overflow:hidden;border-radius:5px;border:1px solid;text-align:left;opacity:.58}.availability-window span,.availability-window small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.availability-window span{font-size:8.5px;font-weight:700}.availability-window small{margin-top:3px;font-size:8px}.availability-window.purple{background:#f4f2ff;color:#7569d9;border-color:#b8b0f2}.availability-window.mint{background:#effbf6;color:#39a77f;border-color:#a6ddc8}.availability-window.orange{background:#fff7ef;color:#ce8743;border-color:#f0c295}.availability-window.nested{z-index:2;padding:6px;border-width:1px;border-style:solid;opacity:1}.availability-window.nested.purple{background:repeating-linear-gradient(135deg,#7b6ee52e 0,#7b6ee52e 2px,#f4f2ff47 2px,#f4f2ff47 7px)}.availability-window.nested.mint{background:repeating-linear-gradient(135deg,#51c79e2e 0,#51c79e2e 2px,#effbf64d 2px,#effbf64d 7px)}.availability-window.nested.orange{background:repeating-linear-gradient(135deg,#eea15c2e 0,#eea15c2e 2px,#fff7ef4d 2px,#fff7ef4d 7px)}.availability-window.nested span{background:#fff;border-radius:3px;display:table;max-width:100%;padding:1px 3px}.availability-window.nested small{display:none}@media (max-width: 1280px){.day-panel{width:285px}.content{padding:26px}.calendar-controls{gap:10px}}
