:root{--ink:#17223b;--muted:#667085;--line:#e5e9f2;--paper:#f5f7fb;--white:#fff;--cobalt:#254fbd;--cobalt-dark:#173b91;--coral:#ed6b56;--amber:#e5a624;--green:#17845d;--nav:#111a31;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce4f8;background:radial-gradient(circle at 20% 0%, #24376a 0, transparent 35%), var(--nav);flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 34px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#4779ef,#254fbd);border-radius:13px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;display:grid}.brand strong,.brand small{display:block}.brand small{color:#8592ae;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:11px}nav{gap:6px;display:grid}.nav-item{color:#aeb9d1;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;padding:13px 14px;display:flex}.nav-item span{text-align:center;width:22px;font-size:18px}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff17}.nav-item.active{box-shadow:inset 3px 0 #5f8bff}.sidebar-status{color:#97a4bf;align-items:center;gap:9px;margin-top:auto;padding:14px;font-size:12px;display:flex}.status-dot{background:#45d29b;border-radius:99px;width:8px;height:8px;box-shadow:0 0 0 4px #45d29b1f}.status-dot.error{background:var(--coral);box-shadow:0 0 0 4px #ed6b561f}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;justify-content:space-between;align-items:center;height:102px;padding:20px 42px;display:flex}.topbar h1{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500}.eyebrow{color:var(--cobalt);letter-spacing:.16em;margin:0;font-size:10px;font-weight:800}.user{text-align:right;align-items:center;gap:12px;display:flex}.user strong,.user small{display:block}.user small{color:var(--muted);margin-top:3px;font-size:11px}.avatar{color:#fff;background:var(--ink);border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.content{gap:24px;max-width:1380px;margin:0 auto;padding:34px 42px 60px;display:grid}.content.split{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);align-items:start}.hero{color:#fff;background:linear-gradient(115deg,#17223bf2,#254fbde0),radial-gradient(circle,#fff 1px,#0000 1px) 0 0/18px 18px;border-radius:18px;justify-content:space-between;align-items:end;min-height:210px;padding:38px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #17223b2e}.hero:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-170px;right:20%}.hero .eyebrow{color:#9bb8ff}.hero h2{max-width:580px;margin:12px 0;font-family:Georgia,serif;font-size:clamp(32px,4vw,50px);font-weight:500;line-height:1.04}.hero p:not(.eyebrow){color:#cad6ef;margin:0}.primary,.quiet{border-radius:10px;min-height:42px;padding:0 18px;font-weight:700}.primary{color:#fff;background:var(--cobalt);border:1px solid #0000;box-shadow:0 8px 18px #254fbd38}.primary:hover{background:var(--cobalt-dark)}.hero .primary{z-index:1;color:var(--ink);box-shadow:none;background:#fff;position:relative}.quiet{border:1px solid var(--line);color:var(--ink);background:#fff}.full{width:100%}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px 24px;position:relative;overflow:hidden}.metric:before{background:var(--cobalt);content:"";width:4px;position:absolute;inset:0 auto 0 0}.metric.coral:before{background:var(--coral)}.metric.amber:before{background:var(--amber)}.metric span,.metric small{color:var(--muted);display:block}.metric span{text-transform:uppercase;font-size:12px;font-weight:700}.metric strong{margin:8px 0 4px;font-family:Georgia,serif;font-size:38px;font-weight:500;display:block}.metric small{font-size:11px}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:26px;box-shadow:0 10px 30px #17223b0d}.panel-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.panel h3,.customer-card h3{margin:5px 0;font-family:Georgia,serif;font-size:25px;font-weight:500}.appointment-list{display:grid}.appointment{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:84px;display:grid}.appointment:first-child{border-top:0}.appointment time{border-right:1px solid var(--line)}.appointment time strong,.appointment time small{display:block}.appointment time strong{font-size:20px}.appointment time small,.appointment p,.muted{color:var(--muted)}.appointment h4{margin:0 0 5px;font-size:14px}.appointment p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.tag{color:#4b5874;letter-spacing:.06em;text-transform:uppercase;background:#eef1f7;border-radius:99px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.tag.success{color:#116746;background:#e2f5ed}.form-panel{gap:16px;display:grid}label{color:#44506a;gap:7px;font-size:12px;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fbfcfe;border:1px solid #dbe0ea;border-radius:9px;outline:none}input,select{height:44px;padding:0 12px}textarea{resize:vertical;min-height:90px;padding:12px}input:focus,select:focus,textarea:focus{border-color:#6d92ec;box-shadow:0 0 0 3px #254fbd17}.rule-note{border-left:3px solid var(--cobalt);color:#4f5d78;background:#f0f4ff;border-radius:5px;padding:13px 15px;font-size:12px;line-height:1.5}.search-row{align-items:center;gap:14px;display:flex}.search{background:#fff;flex:1;height:52px;padding:0 18px}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.customer-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.customer-card p{min-height:42px;color:var(--muted);font-size:13px;line-height:1.55}.customer-code{color:var(--cobalt);letter-spacing:.12em;font-size:10px;font-weight:800}.card-actions{gap:9px;margin-top:22px;display:flex}.visit-focus,.empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;max-width:760px;margin:40px auto;padding:40px;box-shadow:0 18px 50px #17223b12}.visit-focus h2,.empty h2{margin:10px;font-family:Georgia,serif;font-size:38px;font-weight:500}.visit-focus>p:not(.eyebrow),.empty p{color:var(--muted)}.pulse{color:var(--coral);margin-bottom:12px;font-size:28px;animation:1.8s infinite pulse}.voice-box{border:1px solid var(--line);text-align:left;border-radius:13px;align-items:center;gap:15px;margin:30px 0 20px;padding:18px;display:flex}.voice-box div{flex:1}.voice-box strong,.voice-box small{display:block}.voice-box small{color:var(--muted);margin-top:4px}.mic{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.empty>span{color:#b1bbce;font-size:52px}.audit-list{display:grid}.audit-row{border-top:1px solid var(--line);grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;display:grid}.audit-row:first-child{border-top:0}.audit-row strong,.audit-row small{display:block}.audit-row strong{font-size:12px}.audit-row small{color:var(--muted);margin-top:4px;font-size:11px}.audit-mark{background:var(--cobalt);border-radius:50%;width:7px;height:7px}.notice{border-radius:10px;align-items:center;gap:15px;margin:20px 42px 0;padding:13px 16px;display:flex}.error-notice{color:#8d2e20;background:#fff1ef;border:1px solid #f1b6ad}.notice span{flex:1;font-size:12px}.notice button{color:inherit;background:0 0;border:0}@keyframes pulse{50%{opacity:.35}}@media (max-width:1000px){.shell{grid-template-columns:88px minmax(0,1fr)}.brand span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;font-size:0}.nav-item span{font-size:20px}.sidebar-status span:last-child{display:none}.content.split{grid-template-columns:1fr}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.shell{display:block}.sidebar{z-index:10;width:100%;height:70px;padding:8px;position:fixed;inset:auto 0 0}.brand,.sidebar-status{display:none}nav{grid-template-columns:repeat(5,1fr);display:grid}.nav-item{justify-items:center;gap:2px;padding:5px;display:grid;font-size:9px!important}.nav-item span{font-size:17px}.topbar{height:84px;padding:16px 20px}.topbar h1{font-size:24px}.user span{display:none}.content{padding:22px 18px 100px}.hero{gap:24px;padding:28px;display:grid}.metrics,.customer-grid{grid-template-columns:1fr}.appointment{grid-template-columns:66px minmax(0,1fr)}.appointment>.tag{display:none}.notice{margin:14px 18px 0}}