@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@keyframes gracco-glow{0%{filter:drop-shadow(0 0 6px #ff80bf59)}to{filter:drop-shadow(0 0 14px #ff80bfb3)}}:root{--bg-primary:var(--ds-bg-app);--bg-secondary:var(--ds-bg-surface);--bg-glass:var(--ds-glass-bg);--text-primary:var(--ds-text-primary);--text-secondary:var(--ds-text-secondary);--accent-primary:var(--ds-accent);--accent-glow:var(--ds-focus-ring);--success:var(--ds-success);--warning:var(--ds-warning);--danger:var(--ds-danger)}*{box-sizing:border-box;margin:0;padding:0}html,#root{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(ellipse at 10% 20%, var(--ds-glow-tl) 0%, transparent 40%), radial-gradient(ellipse at 90% 80%, var(--ds-glow-br) 0%, transparent 40%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}*,:before,:after{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}.nsn-dayblk{container-type:inline-size}.nsn-dayblk .blk-name{white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;font-size:clamp(14px,10cqw,22px)!important;line-height:1.18!important}.nsn-dayblk .blk-svc{white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;font-size:clamp(12px,8cqw,17px)!important;line-height:1.2!important}.nsn-dayblk .blk-time{white-space:normal!important;font-size:clamp(11px,6.5cqw,15px)!important}.glass-panel{background:var(--ds-glass-bg);border:1px solid var(--ds-glass-bd);box-shadow:var(--ds-shadow-raised);-webkit-backdrop-filter:blur(12px);border-radius:16px}.btn-primary{background:var(--ds-grad-purple);color:var(--ds-text-on-accent);border-radius:var(--ds-radius-btn,14px);cursor:pointer;letter-spacing:.01em;border:none;padding:10px 22px;font-size:.95rem;font-weight:600;transition:all .18s;box-shadow:0 4px 18px #00c98b4d}.btn-primary:hover{background:linear-gradient(135deg,#00f0a8 0%,#00d994 100%);transform:translateY(-2px);box-shadow:0 8px 28px #00c98b6b}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--ds-btn2-bg);color:var(--text-primary);border:1px solid var(--ds-btn2-bd);border-radius:var(--ds-radius-btn,14px);cursor:pointer;padding:10px 22px;font-size:.95rem;font-weight:500;transition:all .18s}.btn-secondary:hover{background:var(--ds-btn2-bg-hover);border-color:var(--ds-btn2-bd-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.nav-sidebar{z-index:100;background:var(--ds-nav-bg);border-right:1px solid var(--ds-table-bd);-webkit-backdrop-filter:blur(16px);flex-direction:column;gap:.25rem;width:220px;height:100vh;padding:1.25rem .75rem;display:flex;position:fixed;top:0;left:0}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-item:hover{background:var(--ds-accent-soft);color:var(--text-primary)}.nav-item.active{background:var(--ds-accent-soft);color:var(--ds-accent);font-weight:600}.main-content{min-height:100vh;margin-left:220px;padding:1.5rem}.header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.card{background:var(--ds-grad-panel);border:var(--ds-border-hairline);box-shadow:var(--ds-shadow-tech);border-radius:16px;padding:1.5rem;transition:transform .18s,box-shadow .18s}.card:hover{box-shadow:var(--ds-shadow-raised);transform:translateY(-3px)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 9px;font-size:.72rem;font-weight:700}.badge.scheduled{color:#60a5fa;background:#60a5fa2e}.badge.checked_in{color:#fbbf24;background:#fcd34d2e}.badge.in_service{color:#00c98b;background:#00c98b2e}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--ds-table-bd);padding:11px 14px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}td{color:var(--text-primary);font-size:.9rem}tr:hover td{background:var(--ds-row-hover)}input,select,textarea{background:var(--ds-input-bg);border:1px solid var(--ds-input-bd);color:var(--text-primary);border-radius:10px;outline:none;padding:9px 13px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-accent-soft)}input::placeholder{color:var(--ds-text-tertiary,#4e5f7a)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ds-scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ds-scroll-thumb-hover)}:root{--ds-bg-app:#080e1a;--ds-bg-surface:#0e1828;--ds-bg-surface-2:#121f35;--ds-bg-sunken:#060c16;--ds-bg-scrim:#040814b8;--ds-wall-bg:#060c16;--ds-wall-lane-a:#0e1828;--ds-wall-lane-b:#0a1322;--ds-wall-lane-sep:#060c16d9;--ds-wall-text:#e8f0ff;--ds-wall-text-2:#a0b0c8;--ds-wall-text-3:#7b8ba8;--ds-wall-card:linear-gradient(145deg, #121f35f5, #0a1323fa 48%, #080e1afa);--ds-wall-overlay:linear-gradient(180deg, #080e1ad1, #060c16b8);--ds-wall-overlay-card:linear-gradient(180deg, #0e182ceb, #080e1ad9);--ds-glow-tl:#00c98b14;--ds-glow-br:#0096ff0f;--ds-grad-panel:linear-gradient(145deg, #121f35f2 0%, #0a1323fa 100%);--ds-grad-raised:linear-gradient(145deg, #16263ee6 0%, #0e182cf2 100%);--ds-grad-tech:linear-gradient(145deg, #121f35eb 0%, #0c1628f5 100%);--ds-grad-purple:linear-gradient(145deg, #00e49c 0%, #00c98b 100%);--ds-grad-danger:linear-gradient(145deg, #ff6b6b 0%, #e63946 100%);--ds-grad-success:linear-gradient(145deg, #4ade80 0%, #16a34a 100%);--ds-grad-warning:linear-gradient(145deg, #fcd34d 0%, #f59e0b 100%);--ds-grad-drawer:linear-gradient(145deg, #0e182cfa 0%, #080e1afc 100%);--ds-shadow-panel:0 32px 72px #0009, 0 12px 28px #0006, 0 2px 6px #0000004d, inset 0 1px 0 #ffffff0f, inset 0 -2px 6px #0000004d;--ds-shadow-raised:0 12px 28px #00000080, 0 4px 10px #00000059, inset 0 1px 0 #ffffff12, inset 0 -2px 4px #00000040;--ds-shadow-pressed:0 2px 6px #00000080, inset 0 3px 8px #0000008c, inset 0 1px 0 #ffffff0a;--ds-shadow-tech:0 10px 24px #00000073, 0 4px 8px #0000004d, inset 0 1px 0 #ffffff0f, inset 0 -2px 5px #0003;--ds-shadow-block:0 14px 28px #00000080, 0 5px 10px #00000059, 0 1px 3px #00000040, inset 0 1.5px 0 #ffffff1a, inset 0 -3px 7px #0003;--ds-shadow-block-hover:0 22px 42px #0009, 0 8px 18px #0006, inset 0 1.5px 0 #ffffff1f, inset 0 -3px 7px #0003;--ds-shadow-drawer:-28px 0 64px #0000008c, -8px 0 20px #00000059, inset 1px 0 0 #ffffff0a;--ds-shadow-purple:0 14px 32px #00c98b59, 0 5px 12px #00c98b33, inset 0 1px 0 #ffffff2e, inset 0 -3px 7px #0078504d;--ds-shadow-avatar:0 6px 14px #0009, inset 0 2px 3px #ffffff1f, inset 0 -3px 5px #00000059;--ds-sheen:linear-gradient(180deg, #ffffff14 0%, #ffffff05 36%, #fff0 60%, #0000001f 100%);--ds-shadow-xs:0 1px 2px #00000040;--ds-shadow-sm:var(--ds-shadow-tech);--ds-shadow-md:var(--ds-shadow-raised);--ds-shadow-lg:var(--ds-shadow-panel);--ds-shadow-xl:0 28px 64px #0000008c;--ds-border-hairline:1px solid #ffffff0f;--ds-text-primary:#e8f0ff;--ds-text-secondary:#7b8ba8;--ds-text-tertiary:#4e5f7a;--ds-text-on-accent:#040a14;--ds-accent:#00c98b;--ds-accent-hover:#00e49c;--ds-accent-soft:#00c98b1f;--ds-focus-ring:#00c98b66;--ds-st-ready:#00c98b;--ds-st-busy:#4d8dff;--ds-st-break:#f2aa3c;--ds-st-away:#4e5f7a;--ds-st-request:#ff5f73;--ds-danger:#ff5f73;--ds-success:#00c98b;--ds-warning:#f2aa3c;--ds-vip:#d4a017;--ds-risk:#ff5f73;--ds-now:#ff4d4f;--ds-blk-pedicure:linear-gradient(145deg, #4ade8040 0%, #16a34a59 100%);--ds-blk-pedicure-bd:#4ade8073;--ds-blk-mani:linear-gradient(145deg, #60a5fa38 0%, #3b82f652 100%);--ds-blk-mani-bd:#60a5fa73;--ds-blk-gel:linear-gradient(145deg, #a78bfa38 0%, #7c3aed52 100%);--ds-blk-gel-bd:#a78bfa73;--ds-blk-wax:linear-gradient(145deg, #fb718538 0%, #e11d4852 100%);--ds-blk-wax-bd:#fb718573;--ds-blk-break:linear-gradient(145deg, #fcd34d33 0%, #f59e0b4d 100%);--ds-blk-break-bd:#fcd34d73;--ds-blk-noshow:linear-gradient(145deg, #ff5f7333 0%, #dc26264d 100%);--ds-blk-noshow-bd:#ff5f7373;--ds-blk-ghost:linear-gradient(145deg, #ffffff0a 0%, #ffffff05 100%);--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-radius-sm:10px;--ds-radius-btn:14px;--ds-radius-md:14px;--ds-radius-card:18px;--ds-radius-lg:18px;--ds-radius-panel:24px;--ds-radius-xl:24px;--ds-radius-drawer:28px;--ds-radius-pill:999px;--ds-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--ds-text-xs:.75rem;--ds-text-sm:.875rem;--ds-text-base:1rem;--ds-text-lg:1.125rem;--ds-text-xl:1.25rem;--ds-text-2xl:1.625rem;--ds-text-3xl:2rem;--ds-touch-min:42px;--ds-touch-comfy:52px;--ds-ease:cubic-bezier(.4, 0, .2, 1);--ds-ease-out:cubic-bezier(.16, 1, .3, 1);--ds-dur-fast:.12s;--ds-dur-base:.18s;--ds-dur-slow:.22s;--ds-z-sticky:100;--ds-z-drawer:900;--ds-z-modal:1000;--ds-z-toast:1100;--ds-bg-raised:#1b2e4c;--ds-border:var(--ds-border-hairline);--ds-border-color:var(--ds-input-bd);--ds-text-muted:var(--ds-text-tertiary);--ds-bg-primary:var(--ds-bg-app);--ds-z-popover:950;--ds-glass-bg:#0e182ce0;--ds-glass-bd:#ffffff12;--ds-nav-bg:#080e1aeb;--ds-input-bg:#ffffff0d;--ds-input-bd:#ffffff1a;--ds-row-hover:#00c98b0a;--ds-table-bd:#ffffff0d;--ds-scroll-thumb:#ffffff1a;--ds-scroll-thumb-hover:#ffffff2e;--ds-btn2-bg:#ffffff0f;--ds-btn2-bd:#ffffff1a;--ds-btn2-bg-hover:#ffffff1a;--ds-btn2-bd-hover:#ffffff29;--ds-ctrl-bd:#ffffffe6}[data-theme=light]{--ds-bg-app:#f3f6f5;--ds-bg-surface:#fff;--ds-bg-surface-2:#f6f9f8;--ds-bg-sunken:#e9efed;--ds-bg-raised:#fff;--ds-wall-bg:#e9efed;--ds-wall-lane-a:#fff;--ds-wall-lane-b:#f1f5f3;--ds-wall-lane-sep:#96aaa073;--ds-wall-text:#14201c;--ds-wall-text-2:#46564f;--ds-wall-text-3:#6b7a72;--ds-wall-card:linear-gradient(145deg, #fff, #f4f8f6 60%, #eef3f0);--ds-wall-overlay:linear-gradient(180deg, #fffffff0, #f0f6f3e6);--ds-wall-overlay-card:linear-gradient(180deg, #fff, #f4f8f6);--ds-bg-scrim:#14231e4d;--ds-glow-tl:#00a8761a;--ds-glow-br:#0078ff0f;--ds-grad-panel:linear-gradient(145deg, #fff 0%, #f4f8f6 100%);--ds-grad-raised:linear-gradient(145deg, #fff 0%, #eff5f2 100%);--ds-grad-tech:linear-gradient(145deg, #fff 0%, #f2f7f5 100%);--ds-grad-purple:linear-gradient(145deg, #00d291 0%, #00a876 100%);--ds-grad-danger:linear-gradient(145deg, #f87171 0%, #dc2626 100%);--ds-grad-success:linear-gradient(145deg, #34d399 0%, #0e9f6e 100%);--ds-grad-warning:linear-gradient(145deg, #fcd34d 0%, #d97706 100%);--ds-grad-drawer:linear-gradient(145deg, #fff 0%, #f0f5f3 100%);--ds-shadow-panel:0 24px 56px #172e261a, 0 8px 20px #172e2612, 0 1px 3px #172e260f, inset 0 1px 0 #ffffffe6;--ds-shadow-raised:0 10px 24px #172e261a, 0 3px 8px #172e2612, inset 0 1px 0 #ffffffe6;--ds-shadow-pressed:0 1px 3px #172e261a, inset 0 3px 8px #172e261f;--ds-shadow-tech:0 8px 18px #172e2617, 0 3px 6px #172e260f, inset 0 1px 0 #ffffffd9;--ds-shadow-block:0 10px 22px #172e261f, 0 4px 8px #172e2614, inset 0 1.5px 0 #ffffffa6;--ds-shadow-block-hover:0 18px 36px #172e2629, 0 6px 14px #172e261a, inset 0 1.5px 0 #ffffffb3;--ds-shadow-drawer:-24px 0 56px #172e2624, -6px 0 16px #172e2614;--ds-shadow-purple:0 12px 28px #00a8764d, 0 4px 10px #00a8762e, inset 0 1px 0 #ffffff59;--ds-shadow-avatar:0 4px 10px #172e262e, inset 0 2px 3px #fff9;--ds-sheen:linear-gradient(180deg, #ffffffa6 0%, #ffffff26 36%, #fff0 60%, #172e260a 100%);--ds-shadow-xs:0 1px 2px #172e2614;--ds-shadow-xl:0 24px 56px #172e2624;--ds-border-hairline:1px solid #0f28201a;--ds-text-primary:#14201c;--ds-text-secondary:#5c6b66;--ds-text-tertiary:#8b9994;--ds-text-on-accent:#04140e;--ds-accent:#00a876;--ds-accent-hover:#00c98b;--ds-accent-soft:#00a8761f;--ds-focus-ring:#00a87666;--ds-st-ready:#00a876;--ds-st-busy:#3b82f6;--ds-st-break:#d97706;--ds-st-away:#94a3b8;--ds-st-request:#e11d48;--ds-danger:#d92d45;--ds-success:#0e9f6e;--ds-warning:#d97706;--ds-vip:#b8860b;--ds-risk:#e11d48;--ds-now:#e5484d;--ds-blk-pedicure:linear-gradient(145deg, #4ade804d 0%, #16a34a33 100%);--ds-blk-pedicure-bd:#16a34a8c;--ds-blk-mani:linear-gradient(145deg, #60a5fa47 0%, #2563eb2e 100%);--ds-blk-mani-bd:#2563eb80;--ds-blk-gel:linear-gradient(145deg, #a78bfa47 0%, #7c3aed2e 100%);--ds-blk-gel-bd:#7c3aed80;--ds-blk-wax:linear-gradient(145deg, #fb718547 0%, #e11d482e 100%);--ds-blk-wax-bd:#e11d4880;--ds-blk-break:linear-gradient(145deg, #fcd34d59 0%, #d9770633 100%);--ds-blk-break-bd:#d977068c;--ds-blk-noshow:linear-gradient(145deg, #ef44443d 0%, #b91c1c29 100%);--ds-blk-noshow-bd:#dc262680;--ds-blk-ghost:linear-gradient(145deg, #0f28200d 0%, #0f282005 100%);--ds-glass-bg:#ffffffe0;--ds-glass-bd:#0f282017;--ds-nav-bg:#fafdfcf0;--ds-input-bg:#0f28200a;--ds-input-bd:#0f282024;--ds-row-hover:#00a8760d;--ds-table-bd:#0f282014;--ds-scroll-thumb:#0f282029;--ds-scroll-thumb-hover:#0f282042;--ds-btn2-bg:#0f28200d;--ds-btn2-bd:#0f28201f;--ds-btn2-bg-hover:#0f282014;--ds-btn2-bd-hover:#0f28202e;--ds-ctrl-bd:#0f282038}.ds-card{background:var(--ds-grad-panel);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-panel);padding:var(--ds-space-5);border:1px solid #ffffff0f}.ds-touch{min-height:var(--ds-touch-comfy);min-width:var(--ds-touch-comfy);justify-content:center;align-items:center;display:inline-flex}.nsn-lift{transition:transform var(--ds-dur-fast) var(--ds-ease-out), filter var(--ds-dur-fast) var(--ds-ease-out);will-change:transform}.nsn-lift:hover{filter:brightness(1.06);transform:translateY(-2px)}.nsn-lift:active{transform:translateY(1px)}@keyframes nsnFlash{0%{box-shadow:0 0 0 6px #00c98b73, var(--ds-shadow-block-hover)}to{box-shadow:0 0 0 0 #00c98b00, var(--ds-shadow-block)}}.nsn-flash{animation:nsnFlash 1.2s var(--ds-ease-out)}.nsn-gloss{position:relative}.nsn-gloss:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1a,#fff0 100%);height:38%;position:absolute;top:1px;left:6%;right:6%}.boss-section{--bg-primary:var(--ds-bg-app);--bg-secondary:var(--ds-bg-surface);--bg-glass:var(--ds-bg-surface);--text-primary:var(--ds-text-primary);--text-secondary:var(--ds-text-secondary);--accent-primary:var(--ds-accent);--accent-glow:var(--ds-focus-ring);--success:var(--ds-success);--warning:var(--ds-warning);--danger:var(--ds-danger);--accent:var(--ds-accent);--accent-bg:var(--ds-accent-soft);--accent-border:var(--ds-accent);--border:#ffffff12;--text-h:var(--ds-text-primary);color:var(--ds-text-primary);font-family:var(--ds-font-sans)}.boss-section .glass-panel{background:var(--ds-grad-panel);border-radius:var(--ds-radius-panel);box-shadow:var(--ds-shadow-panel);color:var(--ds-text-primary);border:1px solid #ffffff12}.boss-section .card{background:var(--ds-grad-raised);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-tech);color:var(--ds-text-primary);border:1px solid #ffffff0f}.boss-section .card:hover{transform:translateY(-3px)}.boss-section h1,.boss-section h2,.boss-section h3,.boss-section h4{color:var(--ds-text-primary)}.boss-section .btn-primary{background:var(--ds-grad-purple);color:#040a14;border-radius:var(--ds-radius-btn);box-shadow:var(--ds-shadow-purple);border:none;font-weight:700}.boss-section .btn-primary:hover{transform:translateY(-2px)}.boss-section .btn-secondary{color:var(--ds-text-primary);border-radius:var(--ds-radius-btn);box-shadow:var(--ds-shadow-tech);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;padding:10px 18px;font-weight:600;transition:transform .2s}.boss-section .btn-secondary:hover{transform:translateY(-2px)}.boss-section input,.boss-section select,.boss-section textarea{color:var(--ds-text-primary);border-radius:var(--ds-radius-btn);box-shadow:var(--ds-shadow-pressed);background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 13px}.boss-section input::placeholder,.boss-section textarea::placeholder{color:var(--ds-text-tertiary)}.boss-section input:focus,.boss-section select:focus,.boss-section textarea:focus{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-focus-ring);outline:none}.boss-section th,.boss-section td{border-bottom:1px solid #ffffff0f}.boss-section th{color:var(--ds-text-secondary)}.boss-section tr:hover td{background:#00c98b0d}.boss-section .badge{color:var(--ds-text-primary)}