:root{color-scheme:dark;--base:#0b1320;--sidebar:#111b2b;--panel:#152235;--panel2:#192a41;--input:#101d30;--stroke:#283c54;--text:#f1f6ff;--muted:#8fa3bd;--light:#c8d6e8;--blue:#4d93ff;--blue2:#2674ed;--green:#58d4a0;--orange:#f3bd69;--red:#ff778b}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7cb4ff;outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:31px;line-height:1.15;letter-spacing:-.9px}h2{font-size:17px;letter-spacing:-.2px;margin-bottom:0}p{line-height:1.6}.muted,.faint{color:var(--muted)}.faint{font-weight:400}.eyebrow{font-weight:750;color:#83b9ff;letter-spacing:1.4px;font-size:10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#111d2d;border-right:1px solid #273448;min-height:100vh;padding:30px 14px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 41px}.brand-emblem{display:grid;place-items:center;background:linear-gradient(125deg,#63a6ff,#3178fa);width:40px;height:40px;border-radius:12px;color:#fff;font-size:27px;box-shadow:0 7px 22px #2059cb55}.brand strong{font-size:15px;letter-spacing:.5px}.brand small,.sidebar-footer small{display:block;color:#8da2be;font-size:11px;margin-top:2px}.sidebar-heading{padding:0 14px 11px;font-size:10px;letter-spacing:1px;font-weight:700;color:#6d8199}.nav{display:grid;gap:5px}.nav-item{display:flex;width:100%;align-items:center;gap:13px;text-align:left;border:0;background:transparent;color:#a7b8cc;border-radius:10px;padding:13px 14px;font-weight:600;transition:background .15s}.nav-item:hover,.nav-item.active{background:#1e3758;color:#ecf6ff}.nav-item.active{box-shadow:inset 3px 0 0 #4b95ff}.nav-icon{font-size:18px;width:21px;text-align:center}.sidebar-footer{margin:auto 10px 0;padding:14px 10px;border-top:1px solid #2b3a4c;display:flex;gap:10px;align-items:center}.sidebar-footer strong{font-size:12px}.status-dot{width:9px;height:9px;background:#53d6ab;border-radius:50%;box-shadow:0 0 0 4px #53d6ab22}.workspace{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #26364c;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:#101b2b;position:sticky;top:0;z-index:10}.crumb{display:flex;align-items:center;gap:14px}.chevron{color:#506780}.top-actions{display:flex;align-items:center;gap:12px}.clock{color:#8fa4c3;font-size:12px;white-space:nowrap}.content{max-width:1580px;padding:30px 35px 65px;margin:auto}.page{display:grid;gap:23px}.hero{min-height:230px;background:linear-gradient(110deg,#183f75 0%,#184c98 45%,#0f2241 100%);border:1px solid #2a5795;border-radius:19px;overflow:hidden;position:relative;box-shadow:0 15px 35px #00000018}.hero:after{content:'';background:linear-gradient(90deg,#163768 0%,#163768cc 50%,transparent 100%);position:absolute;inset:0;pointer-events:none}.hero img{position:absolute;right:0;top:0;height:100%;width:51%;object-fit:cover;object-position:center 42%;opacity:.72}.hero-copy{position:relative;z-index:2;max-width:580px;padding:31px 35px}.hero h1{margin:9px 0 9px}.hero p{color:#d4e4fd;max-width:350px;font-size:13px;margin-bottom:15px}.hero-action{border:0;background:#f0f6ff;color:#1956a6;border-radius:9px;padding:9px 13px;font-weight:750}.hero-action span{margin-left:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{border:1px solid #273b53;background:var(--panel);padding:20px;border-radius:15px;min-height:118px}.stat-card .stat-ico{float:right;background:#1f3b5b;border:1px solid #305076;border-radius:10px;width:37px;height:37px;display:grid;place-items:center;font-size:19px;color:#8bbaff}.stat-card small{color:#a7b7c9;font-weight:550}.stat-card strong{display:block;font-size:28px;margin-top:12px;letter-spacing:-1px}.section-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:stretch}.panel{background:var(--panel);border:1px solid #2b3d54;border-radius:16px;padding:21px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px;margin-bottom:18px}.panel-header p{font-size:12px;margin:4px 0 0}.mini-tag{font-size:11px;border-radius:7px;border:1px solid #324a68;background:#1c324f;padding:6px 10px;color:#acccf4}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:10px;font-weight:720;font-size:12px;white-space:nowrap;min-height:39px}.btn-primary{background:var(--blue2);color:white;box-shadow:0 4px 14px #0a4dbe40}.btn-primary:hover{background:#3787fa}.btn-outline{border-color:#35506d;color:#cde0f8;background:#1c2e45}.btn-outline:hover,.btn-ghost:hover{background:#243952}.btn-ghost{background:transparent;color:#a8bad0}.btn-danger{border-color:#9f4b62;background:#512b40;color:#ffc7d0}.btn:disabled{opacity:.45;cursor:not-allowed}.mini-btn{border:1px solid #35506d;color:#d5e9ff;background:#1d304a;width:30px;height:30px;border-radius:8px;font-size:23px;line-height:1}.day-picker,.button-row{display:flex;align-items:center;gap:8px}.day-picker span{font-size:12px;min-width:138px;text-align:center;font-weight:650}.slot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.slot-entry{display:flex;align-items:center;text-align:left;gap:9px;background:#192b41;border:1px solid #2d435d;border-radius:11px;padding:11px;min-width:0;color:var(--text)}.slot-entry:hover{border-color:#478df3;background:#213a59}.slot-time{font-weight:780;font-size:15px;white-space:nowrap}.slot-text{flex:1;min-width:0}.slot-text strong,.slot-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-text strong{font-size:12px}.slot-text small{color:var(--muted);font-size:11px}.slot-free{color:#7fc8fe;border:1px dashed #3a6b9c;background:#143151}.slot-free strong{font-weight:600;color:#87b9ef}.slot-free:disabled{opacity:.4;cursor:default}.upcoming-list{display:grid;gap:8px;margin-bottom:16px}.upcoming-item{padding:12px;background:#1c2d43;border:1px solid #2a425c;border-radius:11px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text)}.upcoming-item:hover{background:#243a56}.upcoming-date{min-width:60px;font-size:12px;color:#94bcf1}.upcoming-title{font-weight:700;font-size:12px}.upcoming-sub{font-size:11px;color:#9cb0c7}.text-link{display:inline-flex;gap:9px;color:#8cbfff;font-weight:700;font-size:12px;padding:6px 0}.filters{display:flex;gap:10px;margin-bottom:12px}.field{width:100%;background:var(--input);color:#f0f6ff;border:1px solid #33485f;border-radius:9px;padding:11px 12px;outline:none;min-height:41px}.field:focus{border-color:#4a97ff;box-shadow:0 0 0 3px #367ffc22}.field::placeholder{color:#738aa6}.search-field{max-width:430px}.filters select{max-width:190px}.table-scroll{width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}.data-table th{font-size:11px;font-weight:700;color:#9db1ca;border-bottom:1px solid #33465d;padding:12px 13px}.data-table td{padding:14px 13px;border-bottom:1px solid #283b51;font-size:12px}.data-table tbody tr:hover{background:#1e314a}.main-cell{font-weight:750}.subcell{color:#8aa0b8;font-size:11px;display:block;margin-top:3px}.badge{padding:6px 9px;border-radius:100px;font-size:11px;font-weight:700;display:inline-flex;gap:5px;align-items:center}.badge-booked{background:#f0b86019;color:#ffd48a;border:1px solid #9e794333}.badge-confirmed{background:#54c7a220;color:#72dfb5;border:1px solid #39876455}.badge-cancelled{background:#f0758c1f;color:#fa91a3;border:1px solid #95536a55}.badge-completed{background:#518de31d;color:#95baff;border:1px solid #3b679755}.table-action{border:1px solid #3b5370;color:#cbe0fd;border-radius:7px;background:#1e324a;padding:7px 10px;font-weight:650;font-size:11px}.table-action:hover{border-color:#79b0fa}.empty{padding:30px;text-align:center;color:#91a8c4}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-intro h1{margin:8px 0}.section-intro p{color:#9eafc6;margin-bottom:0}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px;overflow-x:auto}.week-day{min-width:130px;background:#122138;border:1px solid #2b425d;border-radius:12px;padding:11px}.week-day.is-today{border-color:#447fe0;background:#173355}.week-day.is-closed{opacity:.57}.week-header{text-align:center;padding:4px 0 15px;border-bottom:1px solid #2b425d;margin-bottom:8px}.week-header small{display:block;color:#93a7c2}.week-header strong{font-size:20px}.week-item{display:block;width:100%;text-align:left;background:#1e334b;color:#e6efff;border:1px solid #344f6e;border-radius:8px;padding:9px;margin:5px 0;font-size:11px;line-height:1.35}.week-item:hover{background:#2a4464}.week-item b{display:block;color:#bad7ff}.week-item.booked{border-left:3px solid #eeae5a}.week-item.confirmed{border-left:3px solid #53ca9d}.week-item.free{border-style:dashed;color:#8baccf;background:#132a44}.week-item:disabled{opacity:.45;cursor:default}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-item{background:#152439;border:1px solid #30455d;border-radius:14px;padding:19px}.service-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.service-number{font-weight:800;color:#86b6ff}.service-fields{display:grid;gap:12px}.service-fields label,.form-grid label,.settings-layout label,.login-card label{display:grid;gap:6px;color:#c5d2e5;font-size:12px;font-weight:640}.service-fields label small{color:var(--muted)}.icon-button{border:0;border-radius:7px;padding:3px 9px;background:#263c54;color:#d6e6fa;font-size:23px}.footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:10px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-layout .panel{height:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full,.settings-layout>.full{grid-column:1/-1}textarea.field{resize:vertical;line-height:1.5}.form-grid small{font-weight:400}.weekday-pills{display:flex;flex-wrap:wrap;gap:9px;margin:9px 0}.weekday-pill{display:flex!important;align-items:center;gap:6px;background:#1b2f49;border:1px solid #314966;border-radius:8px;padding:8px 12px}.weekday-pill input{accent-color:#5da3ff}.history-list{display:grid;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2c425c;border-radius:10px;padding:12px;background:#182a40}.history-item button{border:1px solid #355574;color:#b8d3f4;border-radius:8px;background:transparent;padding:8px}.modal{border:1px solid #395574;border-radius:16px;background:#152439;color:#eef5ff;width:min(660px,calc(100vw - 25px));max-height:92vh;overflow:auto;padding:0;box-shadow:0 27px 80px #000a}.modal::backdrop{background:#030810d9;backdrop-filter:blur(3px)}.modal form{padding:23px}.modal-top,.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-top{margin-bottom:9px}.modal-top h2{font-size:23px;margin:7px 0 0}.modal-status{margin-bottom:15px;color:#a5bad6;font-size:12px}.modal-foot{border-top:1px solid #2b405b;margin-top:18px;padding-top:18px;flex-wrap:wrap}.toast{position:fixed;right:22px;bottom:22px;max-width:380px;background:#204a3a;border:1px solid #47a37c;border-radius:10px;padding:12px 17px;color:#ecfff7;box-shadow:0 13px 40px #0008;z-index:100;display:none}.toast.error{background:#572d3b;border-color:#a7596c}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1b4370,var(--base) 55%)}.login-card{background:var(--panel);border:1px solid #35516d;border-radius:18px;width:min(420px,90vw);padding:32px;display:grid;gap:10px;box-shadow:0 24px 70px #0007}.login-card .brand-emblem{margin-bottom:12px}.login-card form{display:grid;gap:18px}.login-card p{color:#a8b9d0}.login-error{color:#ff93a3!important;font-size:12px}.login-error:empty{display:none}
@media(max-width:1200px){.sidebar{width:214px}.content{padding:23px 22px 60px}.topbar{padding:0 23px}.section-grid{grid-template-columns:1fr}.stat-grid{gap:10px}.service-list{grid-template-columns:1fr}}
@media(max-width:840px){.sidebar{width:68px;padding:22px 6px}.brand{padding:0 8px 33px}.brand>div,.sidebar-heading,.sidebar-footer,.nav-item span:not(.nav-icon){display:none}.nav-item{justify-content:center;padding:12px}.nav-icon{font-size:21px}.topbar{height:66px}.content{padding:17px 14px 95px}.hero{min-height:200px}.hero-copy{padding:23px}.hero img{width:50%}.stat-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(7,150px)}.top-actions .clock{display:none}}
@media(max-width:580px){.sidebar{height:64px;min-height:64px;width:100%;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:30;padding:6px;background:#132138;border-top:1px solid #314965;border-right:0}.sidebar .brand,.sidebar-footer{display:none}.nav{display:flex;align-items:center;justify-content:space-around;height:100%;gap:0}.nav-item{padding:6px 5px;display:grid;justify-items:center;gap:0;font-size:10px;width:20%;border-radius:8px}.nav-item .nav-icon{font-size:21px}.nav-item span:not(.nav-icon){display:block;font-size:9px;white-space:nowrap}.nav-item.active{box-shadow:inset 0 -2px 0 #4b95ff}.topbar{padding:0 13px;height:59px}.content{padding:14px 12px 100px}.hide-mobile{display:none}.top-actions{gap:4px}.top-actions .btn{padding:8px 10px;font-size:11px}.hero img{width:62%;opacity:.34}.hero:after{background:linear-gradient(90deg,#153664ee,#153664bb 72%,transparent)}.hero-copy{padding:22px 18px}.hero h1{font-size:26px}.hero p{font-size:12px}.stat-card{min-height:105px;padding:15px}.stat-card strong{font-size:25px}.panel{padding:14px}.slot-list{grid-template-columns:1fr}.section-intro{display:block}.section-intro>.button-row{margin-top:15px}.filters{display:grid}.filters select,.search-field{max-width:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal form{padding:16px}.modal-foot{align-items:stretch}.modal-foot .button-row{flex-wrap:wrap}.day-picker span{min-width:115px}.panel-header{align-items:flex-start}.topbar .crumb{gap:5px}.service-list{gap:10px}.footer-actions .btn{width:100%}}

.demo-banner{background:#fff3bf;color:#513000;border:1px solid #f6d368;padding:12px 16px;border-radius:12px;margin-bottom:18px;font-weight:750}.demo-banner[hidden]{display:none!important}