:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.loginpage{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#0f172a}.loginbrand{padding:8vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 20% 20%,#1d4ed8 0,transparent 32%),linear-gradient(145deg,#111827,#020617)}.loginbrand h1{font-size:52px;margin:22px 0 10px}.loginbrand p{font-size:20px;color:#cbd5e1;max-width:480px}.brandmark{width:64px;height:64px;border-radius:18px;background:#fff;color:#0f172a;display:grid;place-items:center;font-weight:900;font-size:34px;box-shadow:0 12px 30px #0003}.brandmark.small{width:40px;height:40px;border-radius:12px;font-size:22px}.loginbox{align-self:center;justify-self:center;width:min(430px,84%);background:#fff;padding:38px;border-radius:22px;box-shadow:0 24px 80px #0005}.loginbox h2{font-size:32px;margin:0}.loginbox>p{color:#64748b;margin:8px 0 28px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>span{font-size:13px;font-weight:700;color:#475569}.field input,.field select,.field textarea,.toolbar input,.calendarsettings input,.calendarsettings select{width:100%;border:1px solid #dbe3ef;border-radius:11px;padding:11px 12px;background:#fff;color:#0f172a;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61c}.primary,.ghost,.danger,.rowactions button,.publicbtn{border:0;border-radius:10px;padding:10px 15px;font-weight:700}.primary,.publicbtn{background:#0f172a;color:#fff}.primary:hover{background:#1e293b}.ghost{background:#eef2f7;color:#334155}.ghost:hover{background:#e2e8f0}.danger{background:#fee2e2;color:#b91c1c}.full{width:100%}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.shell aside{background:#0f172a;color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{padding:22px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff12}.logo div:last-child{display:flex;flex-direction:column}.logo small,.who small{color:#94a3b8;font-size:11px;margin-top:2px}.shell nav{padding:16px 10px;display:flex;flex-direction:column;gap:5px}.shell nav button{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:11px 13px;border-radius:9px}.shell nav button:hover,.shell nav button.active{background:#1e293b;color:#fff}.asidefoot{margin-top:auto;border-top:1px solid #ffffff12;padding:14px;display:flex;align-items:center;justify-content:space-between}.who{display:flex;flex-direction:column;min-width:0}.who small{max-width:135px;overflow:hidden;text-overflow:ellipsis}.linkbtn{border:0;background:transparent;color:#cbd5e1}.shell main{min-width:0}.shell header{height:76px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.shell header h2{font-size:18px;margin:0}.shell header small{color:#64748b}.content{padding:28px;max-width:1500px;margin:auto}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.pagehead h1{margin:0 0 5px;font-size:28px}.pagehead p{margin:0;color:#64748b}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:20px}.card,.panel,.tablewrap,.eventcard,.integration{background:#fff;border:1px solid #e6eaf0;border-radius:16px;box-shadow:0 3px 16px #0f172a08}.card{padding:20px}.card b{font-size:30px;display:block}.card span{color:#64748b;font-size:13px}.panel{padding:20px;margin-bottom:20px}.panel h3{margin-top:0}.statusrow{display:flex;gap:28px;flex-wrap:wrap}.statusrow span{display:flex;gap:8px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.active{background:#22c55e}.dot.trial{background:#f59e0b}.dot.blocked{background:#ef4444}.dot.cancelled{background:#64748b}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.b-active,.b-completed,.b-connected{background:#dcfce7;color:#166534}.b-trial,.b-planned{background:#fef3c7;color:#92400e}.b-blocked,.b-cancelled,.b-no_show,.b-error{background:#fee2e2;color:#991b1b}.b-inactive,.b-disconnected{background:#e2e8f0;color:#475569}.b-confirmed{background:#dbeafe;color:#1d4ed8}.toolbar{margin-bottom:14px;display:flex}.toolbar input{max-width:420px}.tablewrap{overflow:auto}.tablewrap table{width:100%;border-collapse:collapse}.tablewrap th{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:12px 14px}.tablewrap td{padding:13px 14px;border-top:1px solid #eef2f7;font-size:13px;vertical-align:middle}.tablewrap td small{display:block;color:#94a3b8;margin-top:3px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.span2{grid-column:1/-1}.actions{display:flex;gap:9px;justify-content:flex-end;align-items:center}.modalback{position:fixed;inset:0;background:#020617a8;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:20px;width:min(760px,96vw);max-height:90vh;overflow:auto;padding:22px;box-shadow:0 30px 100px #0008}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modalhead h3{margin:0;font-size:22px}.iconbtn{border:0;background:#eef2f7;border-radius:8px;min-width:31px;height:31px}.error,.warn,.note{padding:11px 13px;border-radius:10px;margin-bottom:14px}.error{background:#fee2e2;color:#991b1b}.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.note{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast{position:fixed;right:25px;bottom:25px;background:#0f172a;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 12px 40px #0004;z-index:99}.loading,.empty{padding:35px;text-align:center;color:#94a3b8}.paneltitle{display:flex;justify-content:space-between;gap:15px;align-items:center}.paneltitle code{background:#f1f5f9;padding:7px 9px;border-radius:7px}.listitem{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #eef2f7}.listitem>div{display:flex;flex-direction:column}.listitem small{color:#64748b;margin-top:3px}.calendarsettings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.week{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.day{background:#fff;border:1px solid #e6eaf0;border-radius:15px;padding:16px}.day.off{opacity:.68}.dayhead{display:flex;justify-content:space-between;align-items:center}.dayhead>div{display:flex;flex-direction:column}.dayhead small{color:#64748b;margin-top:3px}.switch input{display:none}.switch span{display:block;width:42px;height:24px;border-radius:30px;background:#cbd5e1;position:relative}.switch span:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:#22c55e}.switch input:checked+span:after{left:21px}.periods{margin-top:15px}.period{display:flex;gap:7px;align-items:center;margin-bottom:8px}.period input{border:1px solid #dbe3ef;border-radius:8px;padding:7px;min-width:0}.period span{font-size:12px;color:#64748b}.addlink{border:0;background:transparent;color:#2563eb;padding:5px 0;font-weight:700}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ruleitem{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef2f7}.ruleitem>div:first-child{display:flex;flex-direction:column}.ruleitem small{color:#64748b;margin-top:3px}.check{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0}.eventgrid,.integrationgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.eventcard{padding:18px;display:flex;flex-direction:column;gap:14px}.eventcard h3{margin:10px 0 5px}.eventcard p{color:#64748b;font-size:13px;min-height:35px}.eventmeta{display:flex;gap:10px;flex-wrap:wrap}.eventmeta span{background:#f1f5f9;border-radius:7px;padding:6px 8px;font-size:11px}.eventcard code{font-size:11px;color:#64748b}.rowactions{white-space:nowrap}.rowactions button{padding:6px 8px;margin-right:4px;background:#eef2f7;color:#334155;font-size:11px}.brandlayout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.formstack{display:flex;flex-direction:column}.uploadrow{display:flex;gap:10px}.upload{background:#eef2f7;padding:10px 14px;border-radius:9px;font-weight:700;font-size:13px;cursor:pointer}.upload input{display:none}.preview{background:#f8fafc;border-radius:18px;border:1px solid #e6eaf0;overflow:hidden;min-height:550px}.previewtop{background:#0f172a;color:#fff;font-size:12px;padding:9px 14px}.publicbio{text-align:center;padding:30px 24px}.publicbio img,.avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:auto}.avatar{display:grid;place-items:center;background:var(--pri);color:#fff;font-size:32px;font-weight:900}.publicbio h2{margin:15px 0 3px;color:var(--sec)}.publicbio h4{margin:0 0 12px;color:var(--pri)}.publicbio p{color:#64748b;font-size:13px;line-height:1.5}.fakeevent{margin:0 18px;background:#fff;border:1px solid #e6eaf0;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:8px}.fakeevent span{font-size:12px;color:#64748b}.fakeevent button{border:0;background:var(--pri);color:#fff;padding:9px;border-radius:8px}.integration{padding:18px;display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center}.integrationicon{width:48px;height:48px;border-radius:13px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:900}.integration h3{margin:0 0 5px}.integration p{margin:0;color:#64748b;font-size:12px}.narrow{max-width:520px}.publicpage{min-height:100vh;background:linear-gradient(160deg,#f8fafc,#eef2ff);padding:50px 20px;color:var(--sec,#0f172a)}.publiccard,.bookingcard,.successbox{max-width:930px;margin:auto;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 20px 70px #0f172a14}.publiccard{max-width:670px;padding:34px}.publicidentity{text-align:center}.publogo{max-width:130px;max-height:55px;object-fit:contain;margin-bottom:20px}.pubphoto,.pubavatar{display:block;width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 18px}.pubavatar{background:var(--pri);color:#fff;display:grid;place-items:center;font-size:42px;font-weight:900}.publicidentity h1{margin:0;font-size:30px}.publicidentity h3{margin:6px 0;color:var(--pri);font-size:16px}.publicidentity p{color:#64748b;line-height:1.6;max-width:520px;margin:13px auto}.publicevents{margin-top:28px;display:flex;flex-direction:column;gap:10px}.publicevents a{border:1px solid #e6eaf0;border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;transition:.2s}.publicevents a:hover{border-color:var(--pri);transform:translateY(-1px)}.publicevents a>div{display:flex;flex-direction:column}.publicevents span{color:#64748b;font-size:12px;margin-top:5px}.publicevents strong{color:var(--pri);white-space:nowrap}.publicfoot{text-align:center;margin:18px auto;color:#94a3b8;font-size:11px}.bookingcard{display:grid;grid-template-columns:340px 1fr;overflow:hidden}.bookinginfo{background:#f8fafc;padding:28px;border-right:1px solid #e6eaf0}.bookinginfo>.publicidentity{margin-top:30px}.bookinginfo .pubphoto,.bookinginfo .pubavatar{width:82px;height:82px}.bookinginfo .publicidentity p{font-size:12px}.meeting{margin-top:28px;border-top:1px solid #e6eaf0;padding-top:20px}.meeting h2{margin:0 0 7px}.meeting p{color:#64748b;font-size:13px}.meeting b,.meeting small{display:block;margin-top:10px}.picker{padding:30px}.picker h2{margin-top:0}.datepick{border:1px solid #dbe3ef;border-radius:10px;padding:10px;width:100%;margin-bottom:18px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.slots button{border:1px solid var(--pri);background:#fff;color:var(--pri);border-radius:9px;padding:11px;font-weight:800}.slots button:hover{background:var(--pri);color:#fff}.backlink{border:0;background:transparent;padding:0;color:#64748b;margin-bottom:20px}.selectedslot{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:10px 12px;border-radius:10px;margin-bottom:18px;font-weight:800}.successbox{max-width:520px;padding:45px;text-align:center;display:flex;flex-direction:column;gap:15px;align-items:center}.successbox h1{margin:0}.successbox p{color:#64748b}.successicon{width:70px;height:70px;border-radius:50%;background:#dcfce7;color:#166534;display:grid;place-items:center;font-size:35px;font-weight:900}.successbox a{color:#2563eb;font-weight:700}@media(max-width:900px){.shell{grid-template-columns:1fr}.shell aside{height:auto;position:static}.logo{padding:14px}.shell nav{display:flex;flex-direction:row;overflow:auto;padding:8px}.shell nav button{white-space:nowrap}.asidefoot{display:none}.shell header{position:static;padding:0 16px}.content{padding:18px}.brandlayout,.bookingcard,.twocol{grid-template-columns:1fr}.bookinginfo{border-right:0;border-bottom:1px solid #e6eaf0}.preview{min-height:400px}.loginpage{grid-template-columns:1fr}.loginbrand{display:none}.loginbox{margin:50px auto}.formgrid,.calendarsettings{grid-template-columns:1fr}.span2{grid-column:auto}.pagehead{align-items:flex-start;flex-direction:column}.slots{grid-template-columns:repeat(2,1fr)}}
