:root{--paper: #f4f1ec;--surface: #fbfaf7;--surface-2: #efebe3;--line: #e1dacd;--line-soft: #ece7dd;--ink: #211d18;--ink-2: #5c544a;--ink-3: #8b8173;--brass: #b67e31;--brass-2: #9c6a23;--brass-tint: #f0e4cf;--charcoal: #201b16;--good: #3e8e5a;--good-bg: #e4efe7;--warn: #b9822a;--warn-bg: #f3e7ce;--crit: #bf4e3c;--crit-bg: #f3e0da;--info: #3f7c86;--info-bg: #deebec;--shadow: 0 1px 2px rgba(33, 29, 24, .05), 0 6px 20px -8px rgba(33, 29, 24, .14);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Arial Black", "Helvetica Neue", Impact, system-ui, sans-serif}@media (prefers-color-scheme: dark){:root{--paper: #141210;--surface: #1d1915;--surface-2: #26211b;--line: #332c24;--line-soft: #2a241e;--ink: #eee7dc;--ink-2: #b3a899;--ink-3: #7c7263;--brass: #d9a24e;--brass-2: #c58c38;--brass-tint: #3a2f1d;--charcoal: #0e0c0a;--good: #5fb27c;--good-bg: #1e2c22;--warn: #d6a24a;--warn-bg: #2f2716;--crit: #d9705c;--crit-bg: #2f1c17;--info: #5fa0ab;--info-bg: #152628;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -10px rgba(0, 0, 0, .55)}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0}button{font-family:inherit;cursor:pointer}a{color:inherit}.boot{padding:40px;color:var(--ink-3)}.pole{width:30px;height:30px;border-radius:50%;flex:none;overflow:hidden;border:2px solid #4a3d2a;background:repeating-linear-gradient(45deg,#c0873c 0,#c0873c 6px,#efe4d0 6px,#efe4d0 12px)}.brand{display:flex;align-items:center;gap:11px}.brand-txt b{font-family:var(--font-display);font-size:18px;letter-spacing:.14em;display:block;line-height:1}.brand-txt span{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--brass)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 100% at 50% 0%,var(--surface-2),var(--paper))}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.login-brand{justify-content:center;margin-bottom:6px}.login-brand .brand-txt b{color:var(--ink)}.login-card h1{font-size:22px}.login-sub{color:var(--ink-2);margin:-8px 0 6px;font-size:13px}.login-card label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.login-card input,.unit select,.daynav input{font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:10px 12px;outline:none}.login-card input:focus{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-tint)}.login-error,.banner-error{background:var(--crit-bg);color:var(--crit);border-radius:9px;padding:10px 12px;font-size:13px;font-weight:500}.btn-primary{background:var(--brass);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700;font-size:14.5px}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.6;cursor:default}.login-hint{text-align:center;font-size:12px;color:var(--ink-3);margin:4px 0 0}.login-hint code{background:var(--surface-2);padding:2px 6px;border-radius:5px}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--charcoal);color:#e9e1d4;display:flex;flex-direction:column;gap:24px;padding:20px 14px;position:sticky;top:0;height:100vh}.side .brand-txt b{color:#f5eee1}.nav{display:flex;flex-direction:column;gap:3px}.nav a,.nav button{padding:9px 12px;border-radius:9px;color:#cfc5b4;text-decoration:none;font-weight:500;font-size:13.5px;text-align:left;background:none;border:none;font-family:inherit;cursor:pointer}.nav a:hover,.nav button:hover{background:#ffffff0d;color:#f2eadb}.nav a.on,.nav button.on{background:linear-gradient(90deg,#b67e3138,#b67e310d);color:#f6ead3;box-shadow:inset 2px 0 0 var(--brass)}.side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:9px;border:none;border-radius:10px;background:#ffffff0a;text-align:left;color:inherit}.side-foot:hover{background:#ffffff14}.avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:12px;color:#2a2118;background:linear-gradient(135deg,#d9b06a,#b67e31)}.side-foot-txt b{font-size:12.5px;color:#ede4d5;display:block;line-height:1.2}.side-foot-txt span{font-size:11px;color:#8b7d66}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.unit{display:flex;align-items:center;gap:10px}.unit .dot{width:8px;height:8px;border-radius:50%;background:var(--good)}.unit b{font-size:13.5px}.content{padding:22px 24px 40px}.phead{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:18px}.phead .ey{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-weight:700;margin-bottom:3px}.phead h1{font-size:25px}.phead-sp{flex:1}.daynav{display:flex;align-items:center;gap:4px}.daynav button{width:34px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:18px}.daynav button:hover{background:var(--surface-2)}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:9px 15px;font-weight:600;font-size:13.5px}.btn-ghost:hover{background:var(--surface-2)}.agenda-wrap{display:grid;grid-template-columns:1fr 250px;gap:18px;align-items:start}.board{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.board-head{display:grid;border-bottom:1px solid var(--line);background:var(--surface-2)}.head-corner{padding:12px 8px;font-size:10px;color:var(--ink-3);align-self:center}.board-head .pro{padding:11px 12px;display:flex;align-items:center;gap:9px;border-left:1px solid var(--line)}.pro-swatch{width:12px;height:12px;border-radius:4px;flex:none}.pro b{font-size:13px;display:block;line-height:1.15}.pro small{font-size:10.5px;color:var(--ink-3)}.board-body{display:grid;position:relative}.time-rail{position:relative}.time-mark{position:relative;border-top:1px solid var(--line-soft)}.time-mark span{position:absolute;top:-8px;right:8px;font-size:11px;color:var(--ink-3);background:var(--surface);padding:0 3px}.pro-col{position:relative;border-left:1px solid var(--line-soft)}.hour-line{border-top:1px solid var(--line-soft)}.appt{position:absolute;left:4px;right:4px;border-radius:8px;padding:5px 8px;font-size:11.5px;overflow:hidden;text-align:left;box-shadow:var(--shadow);border:1px solid var(--line);border-left:3px solid var(--brass);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .1s}.appt:hover{transform:translateY(-1px);z-index:5;filter:brightness(1.02)}.appt b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt small{display:block;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt-time{opacity:.75}.appt-pill{position:absolute;top:5px;right:6px;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 5px;border-radius:20px;background:var(--brass-tint);color:var(--brass-2)}.appt.s-atend{background:var(--good-bg)}.appt.s-atend .appt-pill{background:var(--good);color:#fff}.appt.s-done{opacity:.72}.appt.s-done .appt-pill{background:var(--ink-3);color:#fff}.appt.s-block{background:repeating-linear-gradient(45deg,var(--surface-2) 0 8px,var(--line-soft) 8px 16px);border-style:dashed;color:var(--ink-3)}.queue{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.queue h3{font-size:13px;padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center}.queue h3 .n{margin-left:auto;background:var(--info-bg);color:var(--info);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.queue-empty{padding:14px 15px;color:var(--ink-3);font-size:12.5px}.qitem{display:flex;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid var(--line-soft)}.qitem:last-child{border-bottom:none}.qitem .num{width:24px;height:24px;border-radius:7px;background:var(--charcoal);color:#f3ead9;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}.qitem b{font-size:13px}.qitem small{font-size:11px;color:var(--ink-3);display:block}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card-h{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card-h h3{font-size:14px}.tnum{font-variant-numeric:tabular-nums}.banner-ok{background:var(--good-bg);color:var(--good);border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600;margin-bottom:14px}select{font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 11px;outline:none}select:focus{border-color:var(--brass)}.btn-primary.full,.btn-ghost.full{width:100%;justify-content:center}.setup-card{max-width:460px}.setup-body{padding:18px;display:flex;flex-direction:column;gap:14px}.setup-body label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.com-wrap{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.com-left{display:flex;flex-direction:column;gap:16px}.client{display:flex;align-items:center;gap:14px;padding:16px 18px}.client .avatar{width:46px;height:46px;font-size:16px}.client b{font-size:16px}.client .meta{font-size:12.5px;color:var(--ink-2);margin-top:2px}.client-stats{margin-left:auto;text-align:right}.client-stats b{font-family:var(--font-display);font-size:20px}.client-stats span{font-size:11px;color:var(--ink-3);display:block}.line-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px 18px;border-top:1px solid var(--line-soft)}.li-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--surface-2);font-size:16px}.line-item b{font-size:13.5px}.line-item .who{font-size:11.5px;color:var(--ink-2);margin-top:1px}.line-item .price{font-size:14px;font-weight:600}.li-del{width:28px;height:28px;border-radius:7px;border:none;background:none;color:var(--ink-3)}.li-del:hover{background:var(--crit-bg);color:var(--crit)}.add-row{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-top:1px solid var(--line-soft)}.add-field{display:flex;gap:8px}.add-field select{flex:1}.add-field button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:9px;padding:0 14px;font-weight:600;font-size:13px}.add-field button:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.add-field button:disabled{opacity:.5}.checkout .sum-row{display:flex;justify-content:space-between;padding:9px 18px;font-size:13.5px;align-items:center}.checkout .sum-row.mut{color:var(--ink-2)}.discount-row .disc-input input{width:90px;text-align:right;font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.sum-row.tot{padding:14px 18px;border-top:1px solid var(--line)}.sum-row.tot b{font-family:var(--font-display);font-size:25px}.split{margin:6px 18px 14px;background:var(--surface-2);border-radius:10px;padding:13px 15px}.split .st{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700;margin-bottom:10px}.split .sr{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.split .bar{height:7px;border-radius:20px;overflow:hidden;display:flex;margin-top:9px}.split .bar i{display:block;height:100%}.pay-label{padding:2px 18px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700}.pays{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 18px 14px}.pay{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:13px;background:var(--surface);color:var(--ink)}.pay.on{border-color:var(--brass);background:var(--brass-tint);color:var(--brass-2);box-shadow:inset 0 0 0 1px var(--brass)}.finalize{padding:4px 18px 18px}.finalize .btn-primary{width:100%}.paid-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 18px;text-align:center}.paid-check{width:52px;height:52px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-size:26px}.paid-box b{font-size:17px}.paid-box span{color:var(--ink-2);font-size:13px}.paid-box .btn-ghost{margin-top:8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 17px;box-shadow:var(--shadow)}.kpi .kl{font-size:12px;color:var(--ink-2)}.kpi .kv{font-family:var(--font-display);font-size:25px;margin:8px 0 2px;font-variant-numeric:tabular-nums}.kpi .kv.good{color:var(--good)}.kpi .kv.crit{color:var(--crit)}.kpi .ksub{font-size:11.5px;color:var(--ink-3)}.fin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.fin-grid.b{margin-top:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px}.panel h3{font-size:14px}.panel .ph-sub{font-size:12px;color:var(--ink-3);margin:2px 0 14px}.panel-h{display:flex;align-items:flex-start}.bars{display:flex;align-items:flex-end;gap:10px;height:170px;padding-top:8px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.bar-col .bv{font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums}.bar-col .bk{width:100%;max-width:32px;border-radius:6px 6px 0 0;background:var(--brass-tint);min-height:3px}.bar-col .bk.hi{background:linear-gradient(180deg,var(--brass),var(--brass-2))}.bar-col .bl{font-size:11px;color:var(--ink-2)}.pay-bar{height:12px;border-radius:20px;overflow:hidden;display:flex;margin:4px 0 14px}.pay-bar i{display:block;height:100%}.legend{display:flex;flex-direction:column;gap:9px}.legend .lg{display:flex;align-items:center;gap:9px;font-size:13px}.legend .sw{width:11px;height:11px;border-radius:3px;flex:none}.legend .lp{margin-left:auto;font-weight:600;color:var(--ink-2);font-size:12px}.payout{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line-soft)}.payout:first-of-type{border-top:none}.payout .avatar{width:34px;height:34px;font-size:12px}.payout b{font-size:13.5px}.payout small{font-size:11.5px;color:var(--ink-3)}.payout .amt{margin-left:auto;text-align:right}.payout .amt b{font-size:14px}.payout-tot{display:flex;align-items:center;margin:12px 0;padding-top:13px;border-top:1px solid var(--line)}.payout-tot .l{font-size:12px;color:var(--ink-2)}.payout-tot b{font-family:var(--font-display);font-size:19px;margin-left:auto}.mini-stats{display:flex;flex-direction:column;gap:2px}.ms{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft);font-size:13.5px}.ms:first-child{border-top:none}.ms span{color:var(--ink-2)}.ms b{font-size:16px}@media (max-width: 1000px){.agenda-wrap,.com-wrap,.fin-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.app{grid-template-columns:1fr}.side{position:sticky;height:auto;flex-direction:row;align-items:center;overflow-x:auto}.nav{flex-direction:row}.side-foot{margin-top:0;margin-left:auto}}@media (max-width: 520px){.kpis{grid-template-columns:1fr 1fr}}