*{box-sizing:border-box}html,body{margin:0;padding:0}.db{--deep:#081f16;--green:#0b3d2e;--emerald:#17a566;--mint:#7df2a8;--marigold:#f0a02c;--ivory:#eafff3;--paper:#f4faf6;--ink:#10241b;--muted:#5f7d6e;--line:#dcebe2;color:var(--ink);background:var(--paper);min-height:100vh;font-family:Bricolage Grotesque,system-ui,sans-serif;display:flex}.db a{color:inherit;text-decoration:none}.db-side{background:var(--deep);width:224px;color:var(--ivory);flex-direction:column;flex:none;gap:4px;min-height:100vh;padding:20px 16px;display:flex}.db-side .brand{letter-spacing:-.02em;align-items:center;gap:9px;margin-bottom:18px;font-size:19px;font-weight:800;display:flex}.db-side .brand img{height:26px}.db-side nav a{color:#9fd0b8;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;display:block}.db-side nav a.active,.db-side nav a:hover{color:var(--ivory);background:#7df2a81a}.db-side .foot{color:#5f9c7f;margin-top:auto;font-size:11px}.db-main{flex:1;max-width:1060px;padding:28px 34px}.db-main h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.db-main .sub{color:var(--muted);margin:0 0 22px;font-size:13.5px}.db-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:16px;padding:18px 20px}.db table{border-collapse:collapse;width:100%;font-size:14px}.db th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 10px;font-size:11px}.db td{border-bottom:1px solid var(--line);padding:10px}.db tr:last-child td{border-bottom:none}.db input,.db select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:14px}.db input:focus,.db select:focus{outline:2px solid var(--emerald);outline-offset:0;border-color:var(--emerald)}.db .btn{cursor:pointer;background:var(--emerald);color:#fff;border:none;border-radius:99px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700}.db .btn:hover{background:#128c56}.db .btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;font-weight:600}.db .btn.ghost:hover{color:var(--ink);border-color:var(--muted)}.db .btn.danger{color:#b3442e;background:0 0;border:1px solid #ecc8be;font-weight:600}.db .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.db .pill{border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.db .pill.confirmed{color:#0f6e42;background:#e1f5ec}.db .pill.completed{color:#2c4f8a;background:#e8eef9}.db .pill.no_show{color:#b3442e;background:#fdeeea}.db .pill.cancelled{color:#77776d;background:#f0f0ec}.db .pill.product{color:#8a6414;background:#fdf3d8}.db .pill.service{color:#0f6e42;background:#e1f5ec}.db .pill.off{color:#9a9a90;background:#f0f0ec}.db .stat{flex-direction:column;gap:2px;margin-right:34px;display:inline-flex}.db .stat b{letter-spacing:-.02em;font-size:24px}.db .stat span{color:var(--muted);font-size:12px}.db .empty{color:var(--muted);text-align:center;padding:26px 0;font-size:14px}@media (max-width:720px){.db{flex-direction:column}.db-side{flex-direction:row;align-items:center;width:100%;min-height:0;overflow-x:auto}.db-side .brand{margin:0 14px 0 0}.db-side nav{gap:2px;display:flex}.db-side .foot{display:none}.db-main{padding:20px 16px}}