:root{--border: #e4e7ec;--muted: #667085;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,sans-serif;color:#253044;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#2563eb}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button{border:0;background:transparent;color:inherit}a{color:#2563eb;text-decoration:none}input,select,textarea{border:1px solid #dfe4ec;background:#fff;border-radius:8px;padding:10px 12px;color:inherit;min-width:0}textarea{resize:vertical;min-height:90px}label{display:flex;flex-direction:column;gap:8px;font-size:14px}label input[type=checkbox]{width:auto}input[type=color]{width:45px;padding:3px}h2{font-size:22px;font-weight:600;margin:4px 0 25px}p{line-height:1.7}.icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;flex-shrink:0}.icon:hover{background:#f0f3f8}.primary{background:#2563eb;color:#fff;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;border:0}.primary:hover{background:#1d4ed8}.outline{border:1px solid #dfe4ec;border-radius:8px;padding:9px 14px;background:#fff;display:inline-flex;align-items:center;justify-content:center}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.6px;white-space:nowrap}.brand>svg{color:#fff;background:#2563eb;padding:6px;width:37px;height:37px;border-radius:10px}header{height:82px;padding:0 24px 0 16px;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;gap:8px}header h1{font-size:24px;letter-spacing:-.8px;font-weight:500;white-space:nowrap;margin:0 12px}.today{margin-left:28px;margin-right:8px}.header-end{margin-left:auto;display:flex;gap:14px;align-items:center}.avatar{background:#e9def9;color:#6e46a8;border-radius:50%;width:36px;height:36px;font-weight:600}.search{display:flex;gap:5px;align-items:center;background:#f4f6fa;padding:0 9px;border-radius:9px}.search input{width:165px;background:transparent;border:none}.workspace{display:flex;height:calc(100dvh - 82px)}.sidebar{width:248px;flex-shrink:0;padding:20px;display:flex;flex-direction:column}.create{box-shadow:0 3px 12px #1f29371b;border:1px solid #e5e9f1;border-radius:16px;align-self:flex-start;display:flex;align-items:center;gap:12px;padding:15px 21px;font-weight:600;background:#fff;margin-bottom:24px}.create svg{color:#2563eb}.mini-head{display:flex;align-items:center;gap:2px;margin:0 3px 10px}.mini-head b{font-size:13px;margin-right:auto}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;text-align:center;gap:4px;margin-bottom:26px}.mini-grid span{padding:4px;color:#7f8795}.mini-grid button{width:24px;height:24px;font-size:11px;border-radius:50%;padding:0}.mini-grid .selected{background:#2563eb;color:#fff}.muted{color:#b8bec8}.section-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:13px 0}.calendar-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0}.calendar-row label{flex-direction:row;align-items:center;gap:10px;font-size:13px}.calendar-row input{width:16px;height:16px}.service{display:flex;align-items:center;gap:11px;padding:11px 4px;font-size:13px;text-align:left}.service svg{color:#687992}.service i{margin-left:auto;width:6px;height:6px;background:#d3d9e3;border-radius:50%}.service .on{background:#22c55e}.sidebar-foot{margin-top:auto;padding-top:24px;font-size:12px;color:#9aa3b3}.sidebar-foot small{font-size:9px;letter-spacing:2px}main{flex:1;min-width:0;border:1px solid #e7ebf1;border-top:0;display:flex;flex-direction:column;overflow:auto}.week-label{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;height:40px;align-items:center;color:#8490a1;font-size:11px}.month-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(100px,1fr))}.day{border-top:1px solid #e8ecf2;border-right:1px solid #e8ecf2;padding:7px 5px;position:relative;min-width:0}.day:nth-child(7n){border-right:0}.day-number{display:block;margin:0 auto 8px;font-size:12px;width:27px;height:27px;border-radius:50%;padding:0}.current{background:#2563eb!important;color:#fff!important;border-radius:50%}.muted-day{background:#fafbfd}.muted-day .day-number{color:#b2bbc8}.day-add{position:absolute;right:5px;top:10px;opacity:0;color:#8d9ab0}.day:hover .day-add{opacity:1}.event{display:flex;align-items:center;gap:5px;width:100%;font-size:11px;padding:5px 6px;margin:3px 0;text-align:left;border-left:2px solid;border-radius:4px;overflow:hidden;white-space:nowrap;min-height:24px}.event i{width:5px;height:5px;border-radius:50%;flex-shrink:0}.event b{font-weight:500;text-overflow:ellipsis;overflow:hidden}.event span{font-size:10px;flex-shrink:0}.event.completed{opacity:.5;text-decoration:line-through}.more{font-size:11px;color:#6e7c91;padding:4px}.rail{width:52px;display:flex;align-items:center;flex-direction:column;gap:15px;padding:17px 0}.rail svg{color:#627693}.overlay{position:fixed;inset:0;background:#10243b45;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.editor,.panel{background:#fff;border-radius:16px;box-shadow:0 20px 80px #132c4430;max-height:90dvh;overflow:auto}.editor{width:650px;padding:18px 24px}.editor-bar{display:flex;align-items:center;justify-content:space-between;color:#9aa3b2;font-size:12px}.editor-bar>div{display:flex;align-items:center}.title-input{font-size:25px;letter-spacing:-.5px;border:0;border-bottom:1px solid #dfe5ef;border-radius:0;padding:12px 0;width:100%;margin:6px 0 18px}.type-tabs{display:flex;gap:4px;margin-bottom:20px}.type-tabs button{font-size:12px;padding:7px 10px;border-radius:6px}.type-tabs .active{color:#2563eb;background:#eaf1fe}.form-row{display:flex;align-items:flex-start;gap:16px;margin:14px 0}.form-row>svg{color:#8693a5;flex-shrink:0;margin-top:10px}.form-row>div,.form-row>input:not([type=color]),.form-row>textarea,.form-row>select{flex:1;width:100%}.form-row>div>input,.form-row>div>select{width:100%;margin-top:8px;font-size:12px}.date-fields{display:flex;align-items:center;gap:7px}.date-fields input{width:100%;font-size:12px;padding:9px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline label{flex-direction:row;align-items:center;font-size:12px}.inline select{font-size:12px}.options{margin-left:36px}.editor-footer{display:flex;justify-content:flex-end;padding-top:20px}.panel{width:450px;padding:32px;position:relative}.panel .close{position:absolute;right:12px;top:12px}.panel label{margin:18px 0}.panel textarea{width:100%;margin-bottom:14px}.panel .outline,.panel .primary{margin:8px 8px 8px 0}.panel>input{width:100%;margin:12px 0}.hint{font-size:12px;color:#8b96a6}.link{display:inline-flex;gap:6px;align-items:center;font-size:13px;margin-top:18px}.error,.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;border-radius:10px;padding:13px 20px;font-size:13px;box-shadow:0 4px 20px #0002;max-width:90vw}.error{background:#fff1f0;color:#a43b32;border:1px solid #f4cbc7}.error button{display:flex}.toast{background:#26344a;color:#fff}.connected{display:flex;align-items:center;gap:9px;color:#189458}.ai-answer{white-space:pre-wrap;font-size:14px}.task{flex-direction:row!important;align-items:center}.agenda{padding:20px 36px;flex:1}.agenda>section{display:flex;gap:30px;padding:20px 0;border-bottom:1px solid #edf0f5}.agenda-date{width:75px;display:flex;align-items:center;gap:8px}.agenda-date b{font-size:24px}.agenda-date span{font-size:11px;color:#8b96a6}.agenda section>div:last-child{flex:1}.agenda .event{font-size:14px;padding:12px}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8996a9}.empty h2{margin:20px 0 0}.empty p{font-size:13px}.landing{min-height:100dvh;background:#f8faff;padding:35px 6%;position:relative;overflow:hidden}.hero{padding-top:100px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;color:#2563eb}.hero h1{font-size:62px;line-height:1.2;letter-spacing:-3px;margin:22px 0}.hero p{color:#7c889c;font-size:17px;margin-bottom:30px}.ecosystem{display:flex;gap:22px;font-size:11px;letter-spacing:1px;color:#94a1b5;margin-top:40px}.hero-calendar{position:absolute;left:54%;top:28%;width:700px;transform:rotate(-8deg);background:#fff;border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 20px 80px #3668bc16;padding:20px}.hero-calendar>div:first-child{font-size:19px;display:flex;justify-content:space-between;padding:12px}.preview-grid{display:grid;grid-template-columns:repeat(7,1fr)}.preview-grid section{height:80px;border:1px solid #f1f3f8;font-size:10px;padding:10px;color:#98a2b3}.preview-grid p{background:#e9f1ff;color:#4b79c7;font-size:8px;padding:4px}.loading{padding:40px;color:#8a98aa}@media(max-width:1100px){.search{display:none}.sidebar{width:220px;padding:20px 16px}.brand{font-size:18px}.today{margin-left:8px}header h1{font-size:20px}}@media(max-width:760px){header{height:64px;padding:0 8px;gap:0}.workspace{height:calc(100dvh - 64px)}.brand span{display:none}.brand>svg{width:30px;height:30px}header h1{font-size:16px;margin:0 5px}.today{font-size:12px;padding:7px}.header-end{gap:1px}.header-end select{padding:6px}.avatar{width:28px;height:28px;font-size:12px}.sidebar{position:absolute;z-index:10;background:#fff;height:calc(100dvh - 64px);box-shadow:8px 0 30px #15233818}.rail{display:none}.month-grid{grid-template-rows:repeat(6,minmax(80px,1fr))}.event{font-size:9px;padding:3px;gap:2px}.event span,.event i{display:none}.day{padding:5px 2px}.hero h1{font-size:43px}.hero-calendar{position:relative;left:0;top:auto;margin-top:60px;width:600px;opacity:.7}.hero{padding-top:60px}.editor{padding:14px}.date-fields{flex-direction:column;align-items:stretch}.date-fields>span{display:none}.type-tabs{flex-wrap:wrap}.form-row{gap:8px}.options{margin-left:26px}.overlay{padding:8px}.panel{padding:25px}}.booking-page{min-height:100dvh;background:#f7f9fd;padding:30px}.booking-card{max-width:620px;margin:70px auto;background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:36px;box-shadow:0 12px 50px #2645750a}.booking-card h1{font-size:28px}.booking-card label{margin:18px 0}.booking-slots{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.today{white-space:nowrap}@media(max-width:760px){.header-end select{width:58px}header .today{min-width:36px;font-size:11px}.header-end>.icon{padding:5px}}.search-results{padding:28px 36px;overflow:auto}.search-results-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.search-results-heading h2{margin:0}.search-results-heading span{font-size:13px;color:#8693a5}.search-results-heading button{margin-left:auto}.search-results section{display:flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid #edf0f5}.search-results section>div{min-width:140px;font-size:13px;display:flex;flex-direction:column;gap:5px}.search-results small{color:#8693a5}.search-results .event{padding:12px;font-size:14px}@media(max-width:760px){.search-results{padding:18px}.search-results section{gap:12px}.search-results section>div{min-width:95px;font-size:11px}}.mobile-search-toggle{display:none}@media(max-width:1100px){.mobile-search-toggle{display:inline-flex}.search.search-open{display:flex;position:absolute;top:82px;left:10px;right:60px;z-index:15;padding:6px 12px;box-shadow:0 5px 20px #18263e20}.search.search-open input{width:100%}}@media(max-width:760px){.search.search-open{top:64px;right:10px}}.calendar-time-grid{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.grid-heading,.grid-all-day{display:flex;border-bottom:1px solid #e5eaf1;flex-shrink:0}.grid-heading{height:90px}.grid-heading>span,.grid-all-day>span{width:65px;flex-shrink:0;font-size:9px;color:#8490a3;padding:8px;align-self:flex-end}.grid-heading button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#7c889b}.grid-heading b{font-size:24px;font-weight:400;min-width:42px;padding:6px}.grid-all-day{min-height:38px;max-height:130px;overflow:auto}.grid-all-day>div{flex:1;min-width:0;border-left:1px solid #e8ecf2;padding:4px}.all-day-event{width:100%;text-align:left;display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-left:3px solid;border-radius:4px;padding:5px;margin:2px 0}.grid-scroll{overflow:auto;flex:1;min-height:0}.grid-timed-content{height:1440px;display:flex}.grid-hours{width:65px;flex-shrink:0;position:relative}.grid-hours span{position:absolute;left:0;right:0;text-align:center;font-size:10px;color:#8996a7;transform:translateY(-5px)}.grid-hours span:first-child{transform:none}.grid-day-column{flex:1;min-width:0;position:relative;border-left:1px solid #e8ecf2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f2f4f8 29px,#f2f4f8 30px,transparent 30px,transparent 59px,#e8ecf2 59px,#e8ecf2 60px);cursor:crosshair}.timed-event{position:absolute;z-index:2;border-left:3px solid;border-radius:5px;padding:3px 6px;text-align:left;display:flex;flex-direction:column;gap:3px;overflow:hidden;min-height:18px;cursor:pointer}.timed-event b{font-size:11px;font-weight:600;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:100%}.timed-event small{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timed-event:hover{filter:brightness(.94);z-index:3}.timed-event.completed{opacity:.5;text-decoration:line-through}.grid-now{position:absolute;left:0;right:0;border-top:2px solid #ea4335;z-index:4;pointer-events:none}.grid-now:before{content:"";position:absolute;left:-4px;top:-5px;width:8px;height:8px;background:#ea4335;border-radius:50%}@media(max-width:760px){.grid-heading>span,.grid-all-day>span,.grid-hours{width:42px}.timed-event{padding:2px}.timed-event b{font-size:9px}.timed-event small{font-size:8px}.grid-heading{height:75px}}.grid-selection{height:15px;position:absolute;left:0;right:0;background:#2563eb20;border:1px solid #2563eb;pointer-events:none;z-index:1}.grid-selection span{font-size:10px;color:#2563eb;position:absolute;right:3px;top:0}.planner-calendars{border:1px solid #e3e9f2;border-radius:8px;padding:10px 14px}.planner-calendars legend{font-size:13px}.planner-calendars label,.working-enabled{flex-direction:row;align-items:center}.availability-slots{display:flex;flex-wrap:wrap;gap:6px;max-height:250px;overflow:auto;margin-top:12px}.availability-slots button{flex-direction:column;gap:3px;font-size:12px}.availability-slots span{color:#78859a}.working-interval{display:flex;gap:5px;margin:10px 0;align-items:center}.working-interval select{width:55px;padding:8px}.working-interval input{flex:1;min-width:0;padding:8px;font-size:12px}.drive-picker{margin-bottom:12px}.drive-picker p{font-size:12px;color:var(--muted);margin:8px 0}.drive-picker select{width:100%;margin:8px 0}.drive-files{display:grid;gap:6px;max-height:240px;overflow:auto;margin-top:8px}.drive-files button{text-align:left;overflow-wrap:anywhere}.drive-picker .inline span{overflow-wrap:anywhere;font-size:12px}.trash-item{padding:16px 0;border-bottom:1px solid var(--border)}.trash-item p{font-size:12px;color:var(--muted)}.recurrence-controls fieldset{border:1px solid var(--border);border-radius:10px;padding:12px;margin:10px 0}.recurrence-controls label{font-size:13px}.recurrence-controls input[type=number]{width:90px}.recurrence-controls .inline{flex-wrap:wrap}.rsvp-section{border-top:1px solid var(--border);padding:16px 0}.rsvp-section .inline{margin-top:8px}.non-working-hours{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,#f3f5f8,#f3f5f8 3px,transparent 3px,transparent 7px);pointer-events:none;z-index:0}.hours-key{display:block;font-size:10px;font-weight:400;line-height:1.4}.print-schedule{display:none}@media print{@page{margin:14mm}body,#root{overflow:visible!important;height:auto!important;background:#fff!important}#root>.app{display:block!important;height:auto!important;overflow:visible!important}#root>.app>*{display:none!important}#root>.app>.print-schedule{display:block!important;color:#111;font-size:11pt}.print-schedule h1{font-size:20pt}.print-schedule h2{font-size:12pt;margin:12pt 0 5pt}.print-schedule section{break-inside:avoid;border-top:1px solid #ddd}.print-event{display:grid;grid-template-columns:140pt 1fr;gap:4pt 10pt;padding:4pt 0}.print-event>span:last-child:not(:first-child){grid-column:2}.print-empty{color:#666;font-size:10pt}}.secondary-hour{position:absolute;right:3px;font-size:9px;color:#65748b;pointer-events:none;z-index:1;background:#fffc}.secondary-zone-heading{display:block;font-size:8px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
