:root{--brand-50:#eaf4f1;--brand-100:#d2e8e1;--brand-200:#a8d1c6;--brand-300:#7db9ab;--brand-400:#4f9d8c;--brand-500:#2d7a6e;--brand-600:#235f55;--brand-700:#1a4d47;--brand-800:#143b36;--brand-900:#0e2c28;--accent-50:#fbf6ed;--accent-100:#f5e8d3;--accent-200:#ebd2a6;--accent-300:#dfb978;--accent-400:#d4a574;--accent-500:#c6902f;--accent-600:#a06e22;--accent-700:#7a5319;--rose-300:#e0a8b4;--rose-400:#c97b8a;--rose-500:#b5606f;--success:#3e9d72;--success-soft:#e4f4ec;--warning:#c99a2e;--warning-soft:#f8f0dc;--danger:#c25a5a;--danger-soft:#f8e8e8;--info:#3e7ca5;--info-soft:#e5eff5;--bg:#fbf9f4;--bg-elevated:#fff;--bg-subtle:#f4f1ea;--bg-muted:#eae6dc;--ink-900:#232b27;--ink-700:#455049;--ink-500:#8a9389;--ink-400:#acb2a8;--ink-300:#c8cec6;--ink-200:#e2e6e0;--ink-100:#eff1ed;--border:#e8e8e0;--border-strong:#d5d7cc;--font-display:"Outfit", "PingFang SC", system-ui, sans-serif;--font-body:"Outfit", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Menlo", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--shadow-xs:0 1px 2px #1a4d470a;--shadow-sm:0 2px 4px #1a4d470f, 0 1px 2px #1a4d470a;--shadow-md:0 4px 12px #1a4d4714, 0 2px 4px #1a4d470a;--shadow-lg:0 12px 32px #1a4d471a, 0 4px 8px #1a4d470d;--shadow-xl:0 24px 56px #1a4d4724, 0 8px 16px #1a4d470f;--shadow-glow:0 0 0 4px #2d7a6e1f;--t-fast:.15s cubic-bezier(.16, 1, .3, 1);--t-base:.24s cubic-bezier(.16, 1, .3, 1);--t-slow:.4s cubic-bezier(.16, 1, .3, 1);--t-normal:.24s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}.app{grid-template-columns:240px 1fr;height:100dvh;display:grid}.sidebar{color:#fff;padding:var(--space-5) 0;background:linear-gradient(#143b36 0%,#0e2c28 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a57429 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-100px;right:-80px}.brand{align-items:center;gap:var(--space-3);padding:0 var(--space-5) var(--space-6);margin-bottom:var(--space-5);border-bottom:1px solid #ffffff0f;display:flex;position:relative}.brand-mark{background:linear-gradient(135deg, var(--brand-400), var(--accent-500));border-radius:var(--radius-md);width:40px;height:40px;font-family:var(--font-display);letter-spacing:-.5px;place-items:center;font-size:18px;font-weight:800;display:grid;box-shadow:0 4px 12px #c6902f59}.brand-info{flex-direction:column;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.2px;font-size:15px;font-weight:700}.brand-sub{color:#ffffff80;letter-spacing:.4px;text-transform:uppercase;margin-top:2px;font-size:11px}.nav{padding:0 var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-radius:var(--radius-sm);color:#ffffffb3;text-align:left;width:100%;transition:all var(--t-fast);font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:#fff;background:linear-gradient(90deg,#c6902f2e 0%,#c6902f0a 100%);font-weight:600}.nav-item.active:before{content:"";background:linear-gradient(180deg, var(--accent-400), var(--accent-600));border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-icon{opacity:.9;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon{color:var(--accent-400);opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-5) 0;margin-top:var(--space-4);border-top:1px solid #ffffff0f}.user-chip{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3);display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-400), var(--brand-600));place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid}.user-meta{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600}.user-role{color:#ffffff80;font-size:11px}.logout-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:#fff9;width:100%;transition:all var(--t-fast);background:#ffffff0a;padding:10px;font-size:13px;display:flex}.logout-btn:hover{color:var(--accent-200);background:#c6902f29}.menu-toggle{border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:none}.menu-toggle span{background:var(--ink-700);width:18px;height:2px;transition:all var(--t-fast);border-radius:2px;display:block}.menu-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;transition:opacity var(--t-base);background:#0e2c2873;display:none;position:fixed;inset:0}.app.drawer-open .drawer-overlay{opacity:1;display:block}.main{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.topbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);height:64px;padding:0 var(--space-8);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.page-title{align-items:center;gap:var(--space-3);display:flex}.page-title h1{font-family:var(--font-display);letter-spacing:-.3px;font-size:20px;font-weight:700}.status-badge{background:var(--success-soft);color:var(--success);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.notif-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);width:38px;height:38px;color:var(--ink-600);cursor:pointer;transition:all var(--t-fast);place-items:center;display:grid;position:relative}.notif-btn:hover{border-color:var(--brand-300);color:var(--brand-700);background:#fff}.notif-btn svg{width:18px;height:18px}.notif-dot{background:var(--danger);border:2px solid var(--bg-elevated);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.topbar-customer-chip{cursor:pointer;border:1px solid var(--border);transition:all var(--t-fast);color:var(--ink-700);background:#fff;border-radius:20px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.topbar-customer-chip:hover{border-color:var(--brand-400)}.topbar-customer-dot{color:#fff;background:linear-gradient(135deg,#2d7a6e,#235f55);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.topbar-customer-name{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-weight:600;overflow:hidden}.topbar-customer-chip svg{color:var(--ink-400);flex-shrink:0}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);transition:all var(--t-fast);white-space:nowrap;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-ghost{color:var(--ink-700);background:0 0}.btn-ghost:hover{background:var(--bg-subtle);color:var(--ink-900)}.btn-primary{background:var(--brand-700);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--accent-400), var(--accent-500));color:#fff;box-shadow:0 4px 12px #dd783340}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 16px #dd783359}.btn-outline{color:var(--brand-700);border:1.5px solid var(--border-strong);background:0 0}.btn-outline:hover{background:var(--brand-50);border-color:var(--brand-300)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--ink-500);background:0 0;place-items:center;display:grid;position:relative}.btn-icon:hover{background:var(--bg-subtle);color:var(--ink-900)}.btn-icon .badge{background:var(--accent-400);border:2px solid var(--bg-elevated);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.content{padding:var(--space-8);flex:1;overflow-y:auto}.page{display:none}.page.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cashier-grid{grid-template-columns:1fr 400px;gap:18px;height:calc(100vh - 128px);display:grid}.category-tabs{gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow-x:auto}.category-tab{border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--ink-700);white-space:nowrap;cursor:pointer;transition:all var(--t-fast);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.category-tab:hover{background:var(--bg-subtle);color:var(--ink-900)}.category-tab.active{background:linear-gradient(135deg, var(--brand-700), var(--brand-600));color:#fff;border-color:#0000;font-weight:600;box-shadow:0 2px 8px #1a4d4733}.category-tab-count{background:var(--bg-subtle);color:var(--ink-500);text-align:center;border-radius:999px;min-width:18px;padding:1px 7px;font-size:11px}.category-tab.active .category-tab-count{color:#fff;background:#fff3}.category-tab-clear{color:var(--ink-500);border-style:dashed}.cat-label{letter-spacing:.5px;color:var(--ink-500);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-size:12px;font-weight:600}.cat-item{align-items:center;gap:var(--space-3);padding:11px var(--space-3);border-radius:var(--radius-sm);color:var(--ink-700);text-align:left;width:100%;transition:all var(--t-fast);white-space:nowrap;min-width:0;font-size:13px;font-weight:500;display:flex}.cat-item:hover{background:var(--bg-subtle);color:var(--ink-900)}.cat-item.active{background:linear-gradient(135deg, var(--brand-700), var(--brand-600));color:#fff;font-weight:600;box-shadow:0 4px 12px #1a4d4740}.cat-item.active .cat-dot{background:#fff}.cat-dot{background:var(--ink-300);border-radius:50%;flex-shrink:0;width:6px;height:6px}.cat-item .cat-count{background:var(--bg-subtle);border-radius:var(--radius-full);color:var(--ink-500);margin-left:auto;padding:2px 8px;font-size:11px}.cat-item.active .cat-count{color:#fff;background:#ffffff26}.cashier-products{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border);overflow-y:auto}.products-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.products-title{font-family:var(--font-display);letter-spacing:-.2px;font-size:16px;font-weight:700}.search-box{align-items:center;gap:var(--space-2);background:var(--bg-subtle);border-radius:var(--radius-md);width:280px;transition:all var(--t-fast);border:1.5px solid #0000;padding:8px 14px;display:flex}.search-box:focus-within{border-color:var(--brand-300);box-shadow:var(--shadow-glow);background:#fff}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-box input::placeholder{color:var(--ink-400)}.search-box svg{color:var(--ink-400);flex-shrink:0}.products-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.product-card{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:all var(--t-base);background:#fff;position:relative;overflow:hidden}.product-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-thumb{aspect-ratio:16/10;border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--brand-100), var(--brand-50));width:100%;margin-bottom:var(--space-3);place-items:center;display:grid;position:relative;overflow:hidden}.product-thumb:after{content:"";background:linear-gradient(135deg,#0000 50%,#1a4d4714 100%);position:absolute;inset:0}.product-thumb-icon{width:52px;height:52px;color:var(--brand-500);z-index:1;position:relative}.product-thumb-icon svg{width:100%;height:100%}.product-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xs);color:var(--brand-700);z-index:2;background:#ffffffe6;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.product-tag.hot{background:linear-gradient(135deg, var(--accent-400), var(--accent-500));color:#fff}.product-tag.new{background:var(--success);color:#fff}.product-name{color:var(--ink-900);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-meta{color:var(--ink-500);margin-bottom:var(--space-3);font-size:11px}.product-bottom{justify-content:space-between;align-items:center;display:flex}.product-price{font-family:var(--font-display);color:var(--accent-500);letter-spacing:-.3px;font-size:16px;font-weight:700}.product-price small{font-size:12px;font-weight:500}.product-add{border-radius:var(--radius-sm);background:var(--brand-50);width:28px;height:28px;color:var(--brand-700);transition:all var(--t-fast);place-items:center;display:grid}.product-card:hover .product-add{background:var(--brand-700);color:#fff}.cart-panel{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.cart-header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cart-title{font-family:var(--font-display);align-items:center;gap:var(--space-2);font-size:15px;font-weight:700;display:flex}.cart-count{background:var(--accent-100);color:var(--accent-700);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.cc-result[hidden],.cc-hint[hidden]{display:none!important}.cc-search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-400);align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.cc-search input{min-width:0;font-size:14px;font-family:var(--font-sans);color:var(--ink-800);background:0 0;border:none;outline:none;flex:1;padding:6px 0}.cc-search input::placeholder{color:var(--ink-400)}.cc-lookup{background:var(--brand-600);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast);font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;flex-shrink:0;padding:7px 14px}.cc-lookup:hover{background:var(--brand-700)}.cc-result{background:var(--bg-elevated);border:1px solid var(--accent-100);border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex}.cc-avatar{background:linear-gradient(135deg, var(--brand-400), var(--brand-600));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.cc-info{flex:1;min-width:0}.topbar-customer{border:1px solid var(--ink-200);color:var(--ink-700);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;transition:all .15s;display:inline-flex;position:relative}.topbar-customer:hover{border-color:var(--brand-300);background:var(--bg-subtle);box-shadow:var(--shadow-xs)}.topbar-customer .tc-av{background:linear-gradient(135deg,var(--brand-400),var(--brand-600));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.topbar-customer .tc-info{text-align:left;flex-direction:column;min-width:0;line-height:1.15;display:flex}.topbar-customer .tc-info b{color:var(--ink-900);font-size:12px;font-weight:700}.topbar-customer .tc-info span{color:var(--ink-400);font-size:10.5px;font-family:var(--font-sans)}.topbar-customer .tc-caret{color:var(--ink-400);margin-left:2px;font-size:9px}.topbar-customer[hidden],#primaryAction[hidden]{display:none!important}.cust-pop{border:1px solid var(--border);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:100;background:#fff;padding:14px;position:absolute;top:calc(100% + 10px);right:0}.cust-pop[hidden]{display:none!important}.cust-pop-header{color:var(--ink-900);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.cust-pop-close{color:var(--ink-400);cursor:pointer;transition:color var(--t-fast);background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.cust-pop-close:hover{color:var(--ink-900)}.cust-pop-tip{color:var(--ink-400);text-align:center;margin-top:10px;font-size:11px}.cc-name{color:var(--ink-900);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.cc-level{color:var(--accent-700);background:var(--accent-100);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:600}.cc-meta{color:var(--ink-500);margin-top:2px;font-size:11px}.cc-clear{background:var(--ink-100);color:var(--ink-500);cursor:pointer;width:26px;height:26px;transition:all var(--t-fast);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.cc-clear:hover{background:var(--danger-soft);color:var(--danger)}.cc-hint{color:var(--danger);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.cart-body{min-height:0;padding:var(--space-4) var(--space-5);background:var(--bg-subtle);scrollbar-width:thin;flex:1;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 24px),#0000 100%)}.cart-body::-webkit-scrollbar{width:6px}.cart-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cart-body::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.cart-empty{text-align:center;height:100%;color:var(--ink-400);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.cart-empty-icon{background:var(--bg-subtle);border-radius:var(--radius-full);width:64px;height:64px;margin-bottom:var(--space-2);place-items:center;display:grid}.cart-empty h4{color:var(--ink-700);font-size:14px;font-weight:600}.cart-empty p{font-size:12px;line-height:1.6}.cart-item{gap:var(--space-3);padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);transition:all var(--t-fast);background:#fff;grid-template-columns:1fr auto;align-items:flex-start;display:grid;position:relative}.cart-item:last-child{margin-bottom:0}.cart-item:hover{border-color:var(--brand-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cart-item-info{min-width:0}.cart-item-remove{width:20px;height:20px;color:var(--ink-400);opacity:.6;transition:all var(--t-fast);z-index:2;background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.cart-item-remove:hover{color:#fff;background:var(--error);opacity:1}.cart-item-remove svg{pointer-events:none}.cart-item-name{color:var(--ink-900);letter-spacing:-.1px;margin-bottom:8px;padding-right:28px;font-size:14.5px;font-weight:600;line-height:1.35}.tech-pick{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200);white-space:nowrap;cursor:pointer;transition:all var(--t-fast);border-radius:10px;align-items:center;gap:4px;padding:3px 6px 3px 9px;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex;position:relative}.tech-pick:hover{border-color:var(--brand-500);background:var(--brand-100)}.tech-pick:after{content:"";opacity:.6;border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin-left:2px;transform:rotate(45deg)translate(-2px,-2px)}.tech-pick.assigned:after{transform:rotate(225deg)translate(-2px,-2px)}.tech-pick.no-tech{background:var(--bg-subtle);color:var(--ink-500);border-color:var(--border);cursor:default}.tech-pick.no-tech:after{display:none}.tech-pop{border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;background:#fff;min-width:220px;padding:6px;animation:.14s ease-out techPop;display:none;position:fixed;box-shadow:0 12px 28px #0f2a262e,0 2px 6px #0f2a260f}@keyframes techPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tech-pop.open{display:block}.tech-pop-title{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-500);padding:6px 8px 4px;font-size:10px;font-weight:700}.tech-opt{text-align:left;cursor:pointer;width:100%;color:var(--ink-800);transition:background var(--t-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-family:inherit;font-size:12.5px;display:flex}.tech-opt:hover{background:var(--brand-50)}.tech-opt.active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.tech-opt-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.tech-opt-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tech-opt-name{font-weight:600;line-height:1.1}.tech-opt-skill{color:var(--ink-500);font-size:10px;line-height:1.1}.tech-opt-check{color:var(--brand-600);opacity:0;font-size:14px}.tech-opt.active .tech-opt-check{opacity:1}.tech-pop-empty{text-align:center;color:var(--ink-400);padding:14px 8px;font-size:12px}.cart-item-name .tech-pick{vertical-align:middle;margin-left:4px}.cart-item-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cart-chip{background:var(--bg-subtle);color:var(--ink-600);white-space:nowrap;border-radius:10px;padding:3px 9px;font-size:10.5px;font-weight:500;line-height:1}.cart-item-price{font-family:var(--font-display);color:var(--ink-900);text-align:right;align-self:flex-start;padding-top:2px;font-size:16px;font-weight:700}.qty-control{background:var(--bg-subtle);border:1px solid var(--border);border-radius:14px;align-items:center;height:26px;padding:1px;display:inline-flex}.qty-btn{width:24px;height:24px;color:var(--ink-700);transition:all var(--t-fast);border-radius:50%;place-items:center;font-size:14px;font-weight:600;line-height:1;display:grid}.qty-btn:hover{color:var(--brand-700);box-shadow:var(--shadow-sm);background:#fff}.qty-num{text-align:center;min-width:26px;color:var(--ink-900);font-size:12.5px;font-weight:600;font-family:var(--font-display)}.cart-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-subtle);flex-direction:column;flex-shrink:0;max-height:100%;display:flex;overflow:hidden}.summary-row{color:var(--ink-500);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.summary-row.total{color:var(--ink-900);margin:var(--space-2) 0;padding-top:var(--space-2);border-top:1px dashed var(--border-strong);font-size:14px;font-weight:600}.total-amount{font-family:var(--font-display);color:var(--accent-500);letter-spacing:-.5px;font-size:28px;font-weight:800}.total-amount small{font-size:16px;font-weight:600}.pay-methods{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(4,1fr);display:grid}.pay-method{border-radius:var(--radius-md);border:1.5px solid var(--border);color:var(--ink-700);transition:all var(--t-fast);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:68px;padding:10px 6px;font-size:12px;display:flex}.pay-method:hover{border-color:var(--brand-300);transform:translateY(-1px)}.pay-method.active{border-color:var(--brand-500);background:linear-gradient(180deg, var(--brand-50), white);color:var(--brand-700);font-weight:600;box-shadow:0 4px 10px #1a4d4714}.pay-icon{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 2px 6px #00000014}.pay-icon svg{display:block}.pay-icon-cash{background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.pay-icon-wechat{background:linear-gradient(135deg,#2bc873 0%,#07c160 100%)}.pay-icon-alipay{background:linear-gradient(135deg,#4a9fff 0%,#1677ff 100%)}.pay-icon-balance{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.pay-label{line-height:1}.checkout-btn{background:linear-gradient(135deg, var(--accent-400), var(--accent-500));color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);width:100%;transition:all var(--t-base);letter-spacing:.3px;margin-top:var(--space-2);padding:13px;font-size:15px;font-weight:700;display:flex;box-shadow:0 6px 16px #dd78334d}.checkout-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #dd783366}.members-layout{gap:var(--space-6);grid-template-columns:1fr;height:calc(100vh - 128px);display:grid}.members-list{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.members-toolbar{padding:var(--space-5);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-pills{gap:6px;display:flex}.filter-pill{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--ink-500);transition:all var(--t-fast);padding:6px 12px;font-size:12px;font-weight:500}.filter-pill:hover{color:var(--ink-900)}.filter-pill.active{background:var(--brand-700);color:#fff;font-weight:600}.members-table{flex:1;min-height:0;overflow-y:auto}.member-row{gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);cursor:pointer;transition:all var(--t-fast);grid-template-columns:minmax(180px,1fr) 156px 84px 110px 90px 116px 100px 40px;align-items:center;display:grid}.member-row:hover{background:var(--bg-subtle)}.member-row.selected{background:var(--brand-50);border-left:3px solid var(--brand-700);padding-left:calc(var(--space-5) - 3px)}.member-avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg, var(--brand-400), var(--brand-600));flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.member-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.member-info-text{flex-direction:column;gap:2px;min-width:0;display:flex}.member-name{color:var(--ink-900);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.member-phone{color:var(--ink-500);font-size:11px;font-family:var(--font-mono)}.member-tags{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.member-tags .channel-tag{padding:2px 7px;font-size:10px}.member-points{font-family:var(--font-mono);color:var(--ink-700);font-size:13px;font-weight:600}.member-tag{border-radius:var(--radius-xs);color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#c5a264,#b8935a);padding:1px 6px;font-size:10px;font-weight:700}.member-tag.gold{background:linear-gradient(135deg,#c5a264,#b8935a)}.member-tag.silver{background:linear-gradient(135deg,#a8a8a8,#888)}.member-tag.bronze{background:linear-gradient(135deg,#cd7f32,#a85f1f)}.member-tag.vip{background:linear-gradient(135deg,#0e2c28,#1a4d47)}.member-cell{color:var(--ink-700);font-size:12px;font-family:var(--font-mono);font-weight:500}.member-balance{font-family:var(--font-display);color:var(--accent-500);font-size:13px;font-weight:700}.member-last{color:var(--ink-500);font-size:11px}.member-level{border-radius:var(--radius-xs);letter-spacing:.3px;color:#fff;padding:1px 7px;font-size:10px;font-weight:700}.member-level.vip{background:linear-gradient(135deg,#c6902f,#a86e1e)}.member-level.normal{background:linear-gradient(135deg,#8da39b,#6e857c)}.detail-head{align-items:center;gap:var(--space-3);display:flex}.detail-head-meta{padding-top:2px}.detail-chan{margin-top:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.channel-tag{border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.channel-tag.natural{color:#2e7d5b;background:#2e7d5b1f;border-color:#2e7d5b40}.channel-tag.douyin{color:#1a1a1a;background:#1414140f;border-color:#14141429}.channel-tag.referral{color:#a86e1e;background:#c6902f1f;border-color:#c6902f4d}.member-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--t-normal), visibility var(--t-normal);background:#0e2c2873;display:block;position:fixed;inset:0}.member-modal-overlay.open{opacity:1;visibility:visible}.member-modal{background:var(--bg-elevated);border-left:1px solid var(--border);width:480px;max-width:100vw;transition:transform var(--t-normal) cubic-bezier(.32, .72, 0, 1);border-radius:0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-12px 0 40px #0e2c282e}.member-modal-overlay.open .member-modal{transform:translate(0)}.member-modal-close{z-index:3;width:32px;height:32px;color:var(--ink-700);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--t-fast);background:#ffffffeb;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.member-modal-close:hover{color:var(--ink-900);background:#fff;transform:rotate(90deg)}.member-modal .member-modal-body{flex:1;overflow-y:auto}.edit-form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.edit-form .form-control{box-sizing:border-box;width:100%}.edit-form .form-field label{color:var(--ink-600);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.edit-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.member-modal .member-detail{border:none;border-radius:0}.member-modal .detail-body{padding-bottom:var(--space-5)}@media (width<=640px){.member-modal{width:100%}}.side-drawer-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--t-normal), visibility var(--t-normal);background:#0e2c2873;position:fixed;inset:0}.side-drawer-overlay.open{opacity:1;visibility:visible}.side-drawer{background:var(--bg-elevated);border-left:1px solid var(--border);width:480px;max-width:100vw;transition:transform var(--t-normal) cubic-bezier(.32, .72, 0, 1);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-12px 0 40px #0e2c282e}.side-drawer-overlay.open .side-drawer{transform:translate(0)}.side-drawer-close{z-index:3;width:32px;height:32px;color:var(--ink-700);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--t-fast);background:#ffffffeb;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.side-drawer-close:hover{color:var(--ink-900);background:#fff;transform:rotate(90deg)}@media (width<=640px){.side-drawer{width:100%}}.odw-hero{padding:24px var(--space-5) 18px;background:linear-gradient(135deg, var(--brand-700), var(--brand-900));color:#fff;flex-shrink:0}.odw-hero-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff9e;font-size:10px;font-weight:700}.odw-hero-no{font-family:var(--font-mono);color:#ffffffe6;word-break:break-all;margin-top:6px;font-size:13px}.odw-hero-amt{font-family:var(--font-display);letter-spacing:-.6px;margin-top:10px;font-size:30px;font-weight:700}.odw-hero-meta{align-items:center;gap:var(--space-3);margin-top:10px;display:flex}.odw-hero .order-status{color:#fff!important;background:#ffffff2e!important}.odw-hero-time{color:#ffffffb8;font-size:12px}.odw-cust{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);display:flex}.odw-cust-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:grid}.odw-cust-meta{min-width:0}.odw-cust-name{color:var(--ink-900);font-size:15px;font-weight:700}.odw-cust-phone{color:var(--ink-500);font-size:12px;font-family:var(--font-mono);margin-top:2px}.odw-items{gap:var(--space-2);flex-direction:column;display:flex}.odw-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);display:flex}.odw-item-main{flex:1;min-width:0}.odw-item-name{color:var(--ink-900);font-size:14px;font-weight:600}.odw-item-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.odw-tag{border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700);padding:2px 7px;font-size:10px;font-weight:600}.odw-tag.alt{color:#a06e22;background:#fdf3e2}.odw-tag.ghost{background:var(--ink-100);color:var(--ink-500)}.odw-item-sub{color:var(--ink-500);margin-top:6px;font-size:12px}.odw-item-dot{color:var(--ink-300);margin:0 5px}.odw-item-remark{color:#a06e22;border-radius:var(--radius-xs);background:#fdf3e2;margin-top:5px;padding:4px 8px;font-size:11px}.odw-item-sum{font-family:var(--font-display);color:var(--ink-900);flex-shrink:0;padding-top:2px;font-size:15px;font-weight:700}.odw-empty{color:var(--ink-500);padding:var(--space-4);text-align:center;background:var(--bg-subtle);border-radius:var(--radius-md);font-size:12px}.detail-stats.odw-stats3{grid-template-columns:repeat(3,1fr)}.odw-discount{color:#c0563e!important}.odw-kv-list{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.odw-kv{justify-content:space-between;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-bottom:1px solid var(--border);font-size:13px;display:flex}.odw-kv:last-child{border-bottom:none}.odw-kv>span{color:var(--ink-500);flex-shrink:0}.odw-kv>b{color:var(--ink-900);text-align:right;word-break:break-all;font-weight:600}.odw-kv-block{flex-direction:column;align-items:flex-start}.odw-kv-block>b{text-align:left;margin-top:4px;font-weight:500;line-height:1.6}.odw-mono{font-family:var(--font-mono);letter-spacing:.5px}.odw-card-box{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle)}.odw-card-name{font-family:var(--font-display);color:var(--ink-900);font-size:16px;font-weight:700}.odw-card-times{color:var(--ink-700);margin-top:6px;font-size:13px}.odw-card-times b{color:var(--brand-700);font-size:15px}.odw-progress{background:var(--ink-200);border-radius:var(--radius-full);height:6px;margin-top:var(--space-3);overflow:hidden}.odw-progress-bar{background:linear-gradient(90deg, var(--brand-400), var(--brand-600));border-radius:var(--radius-full);height:100%;transition:width var(--t-base)}.odw-card-foot{color:var(--ink-500);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.odw-card-left{color:var(--brand-700);font-weight:700}.odw-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;display:flex}.member-detail{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.detail-body{padding:var(--space-4) var(--space-5) var(--space-5);flex:1;overflow-y:auto}.detail-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-400), var(--brand-600));color:#fff;border:3px solid var(--bg-elevated);z-index:1;width:64px;height:64px;box-shadow:var(--shadow-sm);place-items:center;margin-top:0;font-size:22px;font-weight:700;display:grid;position:relative}.detail-name{font-family:var(--font-display);margin:var(--space-3) 0 4px;align-items:center;gap:var(--space-2);font-size:18px;font-weight:700;display:flex}.detail-phone{color:var(--ink-500);font-size:12px;font-family:var(--font-mono)}.detail-info-row{color:var(--ink-500);font-size:13px;line-height:1.7}.detail-stats{gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);display:grid}.stat-cell{text-align:center}.stat-value{font-family:var(--font-display);color:var(--brand-700);letter-spacing:-.3px;font-size:18px;font-weight:700}.stat-label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.detail-section{margin-top:var(--space-4)}.detail-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--ink-500);margin-bottom:var(--space-2);font-size:11px;font-weight:700}.card-item{padding:var(--space-3);background:linear-gradient(135deg, var(--accent-50), white);border:1px solid var(--accent-200);border-radius:var(--radius-sm);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.card-name{font-size:12px;font-weight:600}.card-remain{color:var(--accent-700);font-size:11px;font-weight:600}.coupon-chip{background:var(--brand-50);color:var(--brand-700);border-radius:var(--radius-full);align-items:center;gap:4px;margin:2px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.verify-layout{gap:var(--space-6);grid-template-columns:1fr 1fr;height:calc(100vh - 128px);display:grid}.verify-scan{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.verify-scan:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a4d470f 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.scan-icon-wrap{background:linear-gradient(135deg, var(--brand-700), var(--brand-500));border-radius:var(--radius-2xl);width:120px;height:120px;margin-bottom:var(--space-5);place-items:center;display:grid;position:relative;box-shadow:0 12px 32px #1a4d474d}.scan-icon-wrap:before,.scan-icon-wrap:after{content:"";border-radius:var(--radius-2xl);border:2px solid var(--brand-400);width:100%;height:100%;animation:2s ease-out infinite scanPulse;position:absolute}.scan-icon-wrap:after{animation-delay:1s}@keyframes scanPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.scan-title{font-family:var(--font-display);margin-bottom:var(--space-2);letter-spacing:-.3px;font-size:22px;font-weight:700}.scan-sub{color:var(--ink-500);margin-bottom:var(--space-6);font-size:13px}.code-input{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:360px;font-family:var(--font-mono);text-align:center;letter-spacing:4px;transition:all var(--t-fast);outline:none;padding:16px 20px;font-size:18px;font-weight:600}.code-input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-glow);background:#fff}.scan-hint{margin-top:var(--space-4);color:var(--ink-500);align-items:center;gap:6px;font-size:12px;display:flex}.verify-platforms{margin:var(--space-5) 0 var(--space-2);background:var(--bg-subtle);border-radius:var(--radius-xl);border:1px solid var(--border);gap:8px;width:100%;max-width:420px;padding:6px;display:flex}.verify-platform{border-radius:var(--radius-lg);color:var(--ink-600);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:600;display:inline-flex}.verify-platform:hover{color:var(--ink-900)}.verify-platform.active{background:var(--bg-elevated);color:var(--brand-800);box-shadow:var(--shadow-sm)}.vp-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.vp-wechat{background:#07c160}.vp-douyin{background:linear-gradient(135deg,#25f4ee,#fe2c55)}.vp-meituan{background:#ffc300}.verify-pending{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-display);align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:flex}.panel-body{padding:var(--space-3);flex:1;overflow-y:auto}.voucher-card{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--t-fast);cursor:pointer;background:#fff;position:relative;overflow:hidden}.voucher-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm)}.voucher-card:before{content:"";background:var(--accent-400);width:4px;position:absolute;top:0;bottom:0;left:0}.voucher-card.used:before{background:var(--ink-300)}.voucher-card.expired:before{background:var(--danger)}.voucher-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.voucher-title{font-size:13px;font-weight:600}.voucher-meta{color:var(--ink-500);margin-top:2px;font-size:11px}.voucher-amount{font-family:var(--font-display);color:var(--accent-500);letter-spacing:-.3px;font-size:20px;font-weight:700}.voucher-amount small{font-size:12px}.voucher-code{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border);font-family:var(--font-mono);color:var(--ink-500);justify-content:space-between;align-items:center;font-size:11px;display:flex}.history-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);display:flex}.history-icon{border-radius:var(--radius-sm);background:var(--success-soft);width:32px;height:32px;color:var(--success);flex-shrink:0;place-items:center;display:grid}.history-content{flex:1;min-width:0}.history-name{font-size:12px;font-weight:600}.history-meta{color:var(--ink-500);font-size:11px}.history-amount{font-family:var(--font-display);color:var(--ink-900);font-weight:700}.orders-page{gap:var(--space-5);flex-direction:column;height:calc(100vh - 128px);display:flex}.orders-stats{gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--brand-50);opacity:.5;border-radius:50%;width:60px;height:60px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.stat-card.success:after{background:var(--success-soft)}.stat-card.warning:after{background:var(--warning-soft)}.stat-card.accent:after{background:var(--accent-100)}.stat-card.info:after{background:var(--info-soft)}.stat-label-top{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-value-big{font-family:var(--font-display);color:var(--ink-900);letter-spacing:-.5px;margin-top:4px;font-size:26px;font-weight:700}.stat-trend{color:var(--success);align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.stat-trend.down{color:var(--danger)}.orders-list{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.orders-toolbar{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-type-tabs{background:var(--bg-subtle);border-radius:var(--radius-xl);border:1px solid var(--border);flex-basis:100%;gap:4px;padding:5px;display:inline-flex}.otype-tab{border-radius:var(--radius-lg);color:var(--ink-600);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;padding:7px 16px;font-size:13px;font-weight:600}.otype-tab:hover{color:var(--ink-900)}.otype-tab.active{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-sm)}.tabs{gap:4px;display:flex}.tabs[hidden],.orders-table-header[hidden]{display:none!important}.tab{border-radius:var(--radius-sm);color:var(--ink-500);transition:all var(--t-fast);padding:8px 14px;font-size:13px;font-weight:500}.tab:hover{color:var(--ink-900)}.tab.active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.tab .count{background:var(--bg-muted);border-radius:var(--radius-full);margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.tab.active .count{background:var(--brand-700);color:#fff}.orders-table-header{gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-subtle);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-500);flex-shrink:0;grid-template-columns:135px minmax(155px,1.3fr) minmax(120px,1.5fr) 58px 82px 66px 68px 68px 52px;font-size:11px;font-weight:700;display:grid}.orders-table-body{flex:1;overflow-y:auto}.orders-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.orders-pane{flex-direction:column;flex:1;min-height:0;display:flex}.orders-empty{min-height:140px;color:var(--ink-500);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.order-row{gap:var(--space-3);padding:14px var(--space-5);border-bottom:1px solid var(--border);transition:background var(--t-fast);grid-template-columns:135px minmax(155px,1.3fr) minmax(120px,1.5fr) 58px 82px 66px 68px 68px 52px;align-items:start;font-size:13px;display:grid}.order-row:hover{background:var(--bg-subtle)}.order-row.is-hidden{display:none!important}.order-id{font-family:var(--font-mono);color:var(--ink-700);letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;padding-top:4px;font-size:10px;font-weight:600;overflow:hidden}.order-customer{align-items:center;gap:10px;min-width:0;padding-top:2px;display:flex}.order-customer>div:last-child{flex:1;min-width:0}.order-customer-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-400), var(--brand-600));color:#fff;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:grid}.order-customer-name{font-size:12px;font-weight:600}.order-customer-phone{color:var(--ink-400);font-size:11px;font-family:var(--font-mono);margin-top:2px}.order-customer .text-xs{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.order-service{color:var(--ink-700);font-size:12px}.order-staff{color:var(--ink-500);padding-top:4px;font-size:12px}.order-cell{color:var(--ink-700);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.order-amount{font-family:var(--font-display);color:var(--ink-900);padding-top:4px;font-weight:700}.order-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.order-status.completed,.order-status.done{background:var(--success-soft);color:var(--success)}.order-status.rollback,.order-status.pending{background:var(--warning-soft);color:var(--warning)}.order-status.progress{background:var(--info-soft);color:var(--info)}.order-status.cancelled{background:var(--danger-soft);color:var(--danger)}.order-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.order-time{color:var(--ink-500);padding-top:4px;font-size:11px}.order-action{color:var(--brand-700);border-radius:var(--radius-xs);background:var(--brand-50);transition:all var(--t-fast);padding:4px 10px;font-size:11px;font-weight:600}.order-action:hover{background:var(--brand-100)}.order-action.primary{background:var(--brand-700);color:#fff}.order-action.primary:hover{background:var(--brand-800,var(--brand-700))}.order-actions{flex-wrap:wrap;gap:6px;display:flex}.pager-bar{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}.pager-info{color:var(--ink-500);font-size:12px}.pager-info b{color:var(--ink-900);font-weight:700}.pager-size{color:var(--ink-500);align-items:center;gap:6px;font-size:12px;display:flex}.pager-size select{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-elevated,#fff);color:var(--ink-900);cursor:pointer;padding:3px 6px;font-size:12px}.pager-actions{gap:8px;margin-left:auto;display:flex}.pager-btn{color:var(--brand-700);background:var(--brand-50);border-radius:var(--radius-xs);transition:all var(--t-fast);padding:5px 14px;font-size:12px;font-weight:600}.pager-btn:hover:not(:disabled){background:var(--brand-100)}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.reports-page{gap:var(--space-5);flex-direction:column;height:calc(100vh - 128px);display:flex;overflow-y:auto}.reports-kpis{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;overflow:hidden}.kpi-card.featured{background:linear-gradient(135deg, var(--brand-800), var(--brand-600));color:#fff;border:none}.kpi-card.featured .kpi-label{color:#ffffffb3}.kpi-card.featured .kpi-value{color:#fff}.kpi-card.featured .kpi-trend{color:#fffc}.kpi-label{color:var(--ink-500);font-size:12px;font-weight:500}.kpi-value{font-family:var(--font-display);color:var(--ink-900);letter-spacing:-1px;margin:4px 0;font-size:32px;font-weight:700}.kpi-value-unit{color:var(--ink-500);margin-left:2px;font-size:14px;font-weight:500}.kpi-trend{color:var(--success);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.reports-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.chart-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.chart-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.chart-title{font-family:var(--font-display);font-size:15px;font-weight:700}.chart-tabs{background:var(--bg-subtle);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.chart-tab{border-radius:var(--radius-xs);color:var(--ink-500);padding:5px 12px;font-size:11px;font-weight:600}.chart-tab.active{color:var(--brand-700);box-shadow:var(--shadow-xs);background:#fff}.chart-area{height:240px;padding:var(--space-3) 0;position:relative}.bar-chart{justify-content:space-between;align-items:flex-end;gap:var(--space-3);border-bottom:1px dashed var(--border);height:100%;padding-bottom:24px;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex;position:relative}.bar-stack{flex-direction:column-reverse;justify-content:flex-start;width:100%;max-width:28px;height:100%;display:flex;position:relative}.bar{width:100%;transition:all var(--t-base);cursor:pointer;border-radius:3px 3px 0 0;position:relative}.bar.revenue{background:linear-gradient(180deg, var(--brand-500), var(--brand-700))}.bar.order{background:linear-gradient(180deg, var(--accent-300), var(--accent-500));height:4px}.bar:hover{filter:brightness(1.1)}.bar-label{color:var(--ink-500);font-size:10px;font-weight:500}.rank-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.rank-list{gap:var(--space-3);flex-direction:column;display:flex}.rank-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.rank-num{border-radius:var(--radius-xs);background:var(--bg-subtle);width:22px;height:22px;color:var(--ink-500);place-items:center;font-size:11px;font-weight:700;display:grid}.rank-num.gold{color:#fff;background:linear-gradient(135deg,#f5c45a,#c5a264)}.rank-num.silver{color:#fff;background:linear-gradient(135deg,#c8c8c8,#888)}.rank-num.bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#a85f1f)}.rank-name{flex:1;font-size:13px;font-weight:600}.rank-bar-wrap{background:var(--bg-subtle);border-radius:var(--radius-full);flex:1.5;height:6px;overflow:hidden}.rank-bar{background:linear-gradient(90deg, var(--brand-500), var(--accent-400));border-radius:var(--radius-full);height:100%}.rank-value{font-family:var(--font-display);text-align:right;min-width:60px;font-size:13px;font-weight:700}.reports-secondary{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.verify-stats{flex-direction:column;display:flex}.vs-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:9px 0;font-size:12px;display:flex}.vs-row:last-of-type{border-bottom:none}.vs-label{color:var(--ink-500)}.vs-value{color:var(--ink-900);font-weight:600;font-family:var(--font-display)}.vs-value.accent{color:var(--accent-600,#c6902f)}.vs-value.success{color:var(--success)}.vs-divider{height:6px}.vs-row.muted .vs-value{font-weight:400;font-family:var(--font-sans);color:var(--ink-600)}.hour-chart{height:140px;padding:var(--space-2) 0;border-bottom:1px dashed var(--border);margin-bottom:var(--space-2);align-items:flex-end;gap:3px;display:flex}.hour-bar{background:linear-gradient(180deg, var(--accent-300), var(--accent-500));transition:all var(--t-base);border-radius:2px 2px 0 0;flex:1;position:relative}.hour-bar.peak{background:linear-gradient(180deg, var(--brand-500), var(--brand-700))}.hour-bar:hover{filter:brightness(1.1)}.hour-labels{color:var(--ink-400);justify-content:space-between;font-size:9px;display:flex}.marketing-page{gap:var(--space-5);flex-direction:column;height:calc(100vh - 128px);display:flex}.marketing-toolbar{background:var(--bg-elevated);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.marketing-tabs{gap:4px;display:flex}.marketing-grid{gap:var(--space-4);padding-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid;overflow-y:auto}.campaign-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--t-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.campaign-card:before{content:"";background:var(--accent-500);opacity:.85;height:3px;transition:opacity var(--t-fast);position:absolute;top:0;left:0;right:0}.campaign-card.coupon:before{background:linear-gradient(90deg,#c5a264,#b8935a)}.campaign-card.discount:before{background:linear-gradient(90deg, var(--brand-700), var(--brand-500))}.campaign-card.combo:before{background:linear-gradient(90deg, var(--accent-500), var(--accent-700))}.campaign-card.group:before{background:linear-gradient(90deg, var(--success), #2f7547)}.campaign-card.stored:before{background:linear-gradient(90deg,#5b6fed,#3b47c7)}.campaign-card.experience:before{background:linear-gradient(90deg,#c84a4a,#8b2828)}.campaign-card:hover{border-color:var(--brand-300);transform:translateY(-2px);box-shadow:0 8px 24px #0f2a2614}.campaign-card:hover:before{opacity:1}.campaign-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:14px 16px 6px;display:flex}.campaign-type-pill{border-radius:var(--radius-full);letter-spacing:.1px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:11px;font-weight:600;display:inline-flex}.campaign-type-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.campaign-type-pill.coupon{color:#92742d;background:#c5a26424}.campaign-type-pill.discount{color:var(--brand-700);background:var(--brand-50)}.campaign-type-pill.combo{color:var(--accent-700);background:var(--accent-50)}.campaign-type-pill.group{color:#1e7a4e;background:#10b9811f}.campaign-type-pill.stored{color:#3b47c7;background:#5b6fed1f}.campaign-type-pill.experience{color:#8b2828;background:#c84a4a1a}.campaign-status-dot{color:var(--ink-500);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.campaign-status-dot:before{content:"";background:var(--ink-400);border-radius:50%;width:6px;height:6px}.campaign-status-dot.live:before{background:var(--success);animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #10b9812e}.campaign-status-dot.live{color:var(--success)}.campaign-status-dot.draft:before{background:var(--warning)}.campaign-status-dot.draft{color:var(--warning)}.campaign-status-dot.paused:before{background:var(--ink-400)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #10b9812e}50%{box-shadow:0 0 0 6px #10b9810a}}.campaign-body{flex:1;padding:0 16px 16px}.campaign-title{font-family:var(--font-display);letter-spacing:-.2px;color:var(--ink-900);margin:6px 0;font-size:15px;font-weight:700;line-height:1.35}.campaign-desc{color:var(--ink-500);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:14px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.campaign-metrics{gap:var(--space-2);border-top:1px dashed var(--border);grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:12px 0;display:grid}.campaign-metric{text-align:center;padding:0 2px}.campaign-metric-value{font-family:var(--font-display);color:var(--ink-900);letter-spacing:-.3px;font-size:17px;font-weight:700;line-height:1.2}.campaign-metric-label{color:var(--ink-500);letter-spacing:.1px;margin-top:3px;font-size:10.5px}.campaign-footer{color:var(--ink-500);justify-content:space-between;align-items:center;font-size:11px;display:flex}.campaign-footer strong{color:var(--ink-700);font-weight:600}.staff-layout{gap:var(--space-6);grid-template-columns:380px 1fr;height:calc(100vh - 128px);display:grid}.staff-list{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.staff-search{padding:var(--space-4);border-bottom:1px solid var(--border)}.staff-list-body{flex:1;overflow-y:auto}.staff-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:all var(--t-fast);display:flex;position:relative}.staff-item:hover{background:var(--bg-subtle)}.staff-item.selected{background:var(--brand-50)}.staff-item.selected:before{content:"";background:var(--brand-700);width:3px;position:absolute;top:0;bottom:0;left:0}.staff-avatar-lg{border-radius:var(--radius-full);color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:600;display:grid;position:relative}.staff-avatar-lg:after{content:"";background:var(--success);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.staff-avatar-lg.offline:after{background:var(--ink-400)}.staff-info-main{flex:1;min-width:0}.staff-name-lg{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.staff-role-lg{color:var(--ink-500);margin-top:2px;font-size:11px}.staff-perf{text-align:right;font-family:var(--font-display);color:var(--ink-900);font-size:14px;font-weight:700}.staff-perf-label{color:var(--ink-500);text-transform:uppercase;font-size:9px}.staff-detail{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.staff-header{padding:var(--space-5) var(--space-6);background:linear-gradient(135deg, var(--bg-subtle), white);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border);display:flex}.staff-avatar-xl{border-radius:var(--radius-full);color:#fff;width:72px;height:72px;box-shadow:var(--shadow-md);flex-shrink:0;place-items:center;font-size:22px;font-weight:700;display:grid}.staff-meta{flex:1}.staff-name-xl{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:700}.staff-role-xl{color:var(--ink-500);align-items:center;gap:var(--space-2);font-size:12px;display:flex}.staff-actions{gap:var(--space-2);display:flex}.staff-stats-grid{padding:var(--space-5) var(--space-6);gap:var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.staff-stat{padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md)}.staff-stat-label{color:var(--ink-500);margin-bottom:4px;font-size:11px}.staff-stat-value{font-family:var(--font-display);color:var(--ink-900);letter-spacing:-.3px;font-size:20px;font-weight:700}.staff-stat-value small{color:var(--ink-500);font-size:11px;font-weight:500}.staff-tabs{border-bottom:1px solid var(--border);padding:0 var(--space-6);gap:var(--space-4);display:flex}.staff-tab{color:var(--ink-500);transition:all var(--t-fast);border-bottom:2px solid #0000;padding:12px 0;font-size:13px;font-weight:500;position:relative}.staff-tab.active{color:var(--brand-700);font-weight:600}.staff-tab.active:after{content:"";background:var(--brand-700);height:2px;position:absolute;bottom:-1px;left:0;right:0}.staff-content{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.shift-table{gap:var(--space-2);flex-direction:column;display:flex}.shift-row{gap:var(--space-3);padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-sm);grid-template-columns:100px 1fr 80px 80px 100px;align-items:center;font-size:12px;display:grid}.shift-day{color:var(--ink-900);font-weight:600}.shift-time{color:var(--ink-700);font-family:var(--font-mono);font-size:11px}.shift-hours{color:var(--brand-700);font-weight:600}.shift-status{border-radius:var(--radius-full);text-align:center;padding:2px 8px;font-size:10px;font-weight:600}.shift-status.worked{background:var(--success-soft);color:var(--success)}.shift-status.off{background:var(--bg-muted);color:var(--ink-500)}.staff-panel{flex-direction:column;gap:10px;display:flex}.staff-panel[hidden]{display:none!important}.staff-table{flex-direction:column;gap:6px;display:flex}.st-head,.st-row{gap:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-sm);grid-template-columns:64px minmax(120px,1.6fr) 90px 70px 90px 80px;align-items:center;padding:9px 12px;font-size:12px;display:grid}.st-head{background:var(--brand-50,#f0f6f4);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-500);font-size:11px;font-weight:700}.st-row{color:var(--ink-700)}.st-row:hover{background:var(--bg-hover,#eef3f0)}.st-date{font-family:var(--font-mono);color:var(--ink-500);font-size:11px}.st-amount{font-family:var(--font-display);color:var(--ink-900);font-weight:700}.st-status{border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.st-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.st-status.done{background:var(--success-soft);color:var(--success)}.st-status.pending{background:var(--warning-soft);color:var(--warning)}.st-commission-sum{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-600);justify-content:flex-end;align-items:baseline;gap:6px;padding:10px 14px;font-size:12px;display:flex}.st-commission-sum b{color:var(--brand-700);font-size:16px;font-family:var(--font-display)}.st-review{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);gap:12px;padding:12px 14px;display:flex}.st-review+.st-review{margin-top:8px}.st-review-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.st-review-body{flex:1;min-width:0}.st-review-top{align-items:center;gap:8px;display:flex}.st-review-name{color:var(--ink-900);font-size:12.5px;font-weight:700}.st-review-stars{color:var(--accent-500,#c6902f);letter-spacing:1px;font-size:12px}.st-review-date{color:var(--ink-400);margin-left:auto;font-size:11px}.st-review-content{color:var(--ink-700);margin-top:6px;font-size:12px;line-height:1.65}@media (width<=640px){.st-head,.st-row{grid-template-columns:60px minmax(110px,1.4fr) 80px 60px 80px 72px}}.flex{display:flex}.flex-1{flex:1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--ink-500)}.text-brand{color:var(--brand-700)}.text-accent{color:var(--accent-500)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.health-section{margin-top:var(--space-4)}.health-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--ink-500);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-size:11px;font-weight:700;display:flex}.health-section-title svg{color:var(--brand-500)}.health-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.health-metric{background:var(--bg-subtle);border-radius:var(--radius-sm);padding:var(--space-3)}.health-metric-label{color:var(--ink-500);font-size:10px}.health-metric-value{font-family:var(--font-display);color:var(--brand-700);margin-top:2px;font-size:15px;font-weight:700}.health-metric-value small{color:var(--ink-500);font-size:10px}.card-item-card{background:#fdfdfd;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:10px;padding:12px 14px}.cic-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cic-name{color:var(--ink-900);font-size:14px;font-weight:700}.cic-remain{color:var(--ink-700);font-size:13px;font-weight:600}.cic-progress-wrap{background:#eeece6;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.cic-progress-bar{background:linear-gradient(90deg,#2d7a6e 0%,#4db89f 50%,#d4a574 100%);border-radius:3px;height:100%;transition:width .35s}.cic-meta{color:var(--ink-400);font-size:11px;line-height:1.5}.constitution-tag{border-radius:var(--radius-full);color:#fff;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.constitution-tag.wood{background:linear-gradient(135deg,#7db9ab,#2d7a6e)}.constitution-tag.fire{background:linear-gradient(135deg,#e0917a,#c25a5a)}.constitution-tag.earth{background:linear-gradient(135deg,#d4a574,#a06e22)}.constitution-tag.metal{background:linear-gradient(135deg,#b8bec4,#8a9389)}.constitution-tag.water{background:linear-gradient(135deg,#6fa8c9,#3e7ca5)}.skin-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.skin-row:last-child{border-bottom:none}.skin-label{color:var(--ink-700);justify-content:space-between;align-items:center;font-size:11px;display:flex}.skin-value{color:var(--brand-700);font-weight:600;font-family:var(--font-display)}.skin-bar-wrap{background:var(--bg-muted);border-radius:var(--radius-full);height:4px;overflow:hidden}.skin-bar{background:linear-gradient(90deg, var(--accent-400), var(--rose-400));height:100%}.goal-chip{background:var(--brand-50);color:var(--brand-700);border-radius:var(--radius-full);border:1px solid var(--brand-200);align-items:center;gap:4px;margin:2px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.program-card{background:linear-gradient(135deg, var(--brand-50), white);border:1px solid var(--brand-200);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-2)}.program-name{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.program-meta{color:var(--ink-500);margin-top:2px;font-size:11px}@media (width>=1025px) and (width<=1280px){.app{grid-template-columns:72px 1fr}.sidebar{padding:var(--space-4) 0}.sidebar:before{display:none}.brand{padding:0 0 var(--space-4);margin-bottom:var(--space-4);justify-content:center}.brand-mark{width:36px;height:36px;font-size:16px}.brand-info{display:none}.nav{padding:0 var(--space-2);gap:4px}.nav-item{justify-content:center;padding:11px 0;font-size:0;position:relative}.nav-icon{width:20px;height:20px}.nav-item.active:before{width:3px;height:18px;left:-8px}.sidebar-footer{padding:var(--space-3) var(--space-2) 0}.user-chip{margin-bottom:var(--space-2);justify-content:center;padding:0}.user-avatar{width:32px;height:32px;font-size:12px}.user-meta{display:none}.logout-btn{padding:10px;font-size:0}.logout-btn svg{margin:0}.cashier-grid{grid-template-columns:1fr 360px;gap:14px}.category-tab{padding:5px 12px;font-size:12px}.products-grid{grid-template-columns:repeat(3,1fr)}.product-name{-webkit-line-clamp:2}.members-layout{grid-template-columns:1fr}.verify-layout{grid-template-columns:1fr 1fr}.orders-stats{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.app{grid-template-columns:1fr}.sidebar{z-index:100;width:264px;height:100dvh;transition:transform var(--t-base);box-shadow:var(--shadow-xl);position:fixed;top:0;left:0;transform:translate(-100%)}.app.drawer-open .sidebar{transform:translate(0)}.menu-toggle{display:flex}.main{width:100%;min-width:0}.content{padding:var(--space-6);min-width:0}.page,.page>*,.cashier-page,.members-page,.orders-page,.reports-page,.marketing-page,.staff-page,.verify-page,.cashier-grid,.members-layout,.staff-layout,.verify-layout,.reports-kpis,.reports-grid,.reports-secondary,.marketing-grid,.staff-grid,.health-grid{min-width:0}.cashier-grid{grid-template-columns:1fr 320px;height:auto}.cashier-categories{padding:var(--space-3);gap:var(--space-2);flex-flow:row;grid-column:1/-1;display:flex;overflow-x:auto}.cashier-categories .cat-label{display:none}.cat-item{white-space:nowrap;flex-direction:row;width:auto;padding:8px 14px}.products-grid{grid-template-columns:repeat(2,1fr)}.members-layout{grid-template-columns:1fr;height:auto}.members-list{max-height:70vh}.staff-layout{grid-template-columns:340px 1fr;height:auto}.verify-layout{grid-template-columns:1fr 1fr;height:auto}.verify-scan{grid-column:1/-1}.orders-stats{grid-template-columns:repeat(3,1fr)}.reports-kpis{grid-template-columns:repeat(2,1fr)}.reports-grid,.reports-secondary{grid-template-columns:1fr}.pay-methods{gap:var(--space-2);grid-template-columns:repeat(4,1fr)}.pay-method{min-height:70px;padding:10px 4px}.pay-icon{width:34px;height:34px}.staff-stats-grid{grid-template-columns:repeat(2,1fr)}.product-thumb{aspect-ratio:4/3;height:auto;min-height:110px}.product-thumb-icon{width:56%;height:56%}.kpi-value{font-size:clamp(22px,5.5vw,32px)}}@media (width<=768px){.content{padding:var(--space-4)}.topbar{padding:0 var(--space-4);gap:var(--space-3)}.topbar-actions .btn-ghost{display:none}.topbar-actions .btn-primary{padding:8px 14px;font-size:13px}.product-name{-webkit-line-clamp:2}.tabs,.filter-tabs,.marketing-tabs,.chart-tabs,.members-filter{flex-wrap:wrap!important;gap:6px!important}.tab,.filter-tab,.marketing-tab,.chart-tab{white-space:nowrap;padding:6px 12px!important;font-size:12px!important}.orders-toolbar{flex-wrap:wrap!important;gap:8px!important}.orders-toolbar .search-box{width:100%!important;margin-left:0!important}.orders-toolbar .btn{flex:1}.orders-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.pager-bar{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.pager-info{white-space:nowrap;flex:100%}.pager-size{flex:none}.pager-actions{flex:none;margin-left:auto}.pager-btn{padding:6px 16px}.orders-table-header{display:none!important}.orders-table-body{gap:10px;display:block;overflow:visible}.order-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:10px;padding:14px 16px;grid-template-columns:none!important;display:block!important}.order-row.is-hidden{display:none!important}.order-row>*{border-bottom:1px dashed var(--ink-100);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 0;font-size:13px;display:flex!important}.order-row>:last-child{border-bottom:0;justify-content:flex-end;padding-top:10px}.order-row>:before{color:var(--ink-500);flex-shrink:0;min-width:72px;font-size:12px;font-weight:500}.order-row>:first-child:before{content:"订单号"}.order-row>:nth-child(2):before{content:"会员/服务"}.order-row>:nth-child(3):before{content:"技师"}.order-row>:nth-child(4):before{content:"金额"}.order-row>:nth-child(5):before{content:"支付方式"}.order-row>:nth-child(6):before{content:"状态"}.order-row>:nth-child(7):before{content:"时间"}.order-row>:nth-child(8):before{content:"操作"}.order-row .order-customer{align-items:flex-start;gap:10px}.order-row .order-customer>div:last-child{text-align:right;flex:1;min-width:0}.cashier-grid{grid-template-columns:1fr}.cashier-categories{flex-wrap:wrap}.members-layout,.staff-layout,.verify-layout{grid-template-columns:1fr}.verify-scan{grid-column:auto}.orders-stats,.reports-kpis,.pay-methods{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:clamp(20px,7.5vw,30px)!important}.kpi-value-unit{font-size:14px}.campaign-card{flex-direction:column;display:flex!important}.campaign-head{padding:12px 14px 4px}.campaign-body{padding:0 14px 14px}.campaign-title{font-size:14.5px}.campaign-metrics{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0;display:grid!important}.campaign-metric-value{font-size:15px}.campaign-footer{justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex!important}.product-thumb{min-height:90px}.product-thumb-icon{width:44%;height:44%}.shift-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.shift-row{min-width:480px}}@media (width<=640px){.members-table>.member-row:first-child,.members-table>.member-row[style*=text-transform]{display:none!important}.members-list{max-height:70vh;display:flex}.member-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);border-left:3px solid #0000;align-items:center;margin-bottom:10px;padding:14px;flex-wrap:wrap!important;grid-template-columns:none!important;display:flex!important}.member-row.selected{border-left-color:var(--brand-500)}.member-row>.member-avatar{border-bottom:none;flex:0 0 44px;justify-content:center;width:44px;height:44px;margin-right:12px;padding:0}.member-row>.member-info{align-items:center;gap:var(--space-3);border-bottom:none;flex-direction:row;flex:100%;min-width:0;padding:0;display:flex!important}.member-row>.member-info:before{display:none}.member-row>:nth-child(n+2){border-top:1px dashed var(--ink-100);flex:0 0 100%;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 0;font-size:13px;display:flex}.member-row>:nth-child(n+2):before{color:var(--ink-500);flex-shrink:0;min-width:72px;font-size:12px;font-weight:500}.member-row>:nth-child(2){flex-wrap:wrap}.member-row>:nth-child(2):before{content:"标签"}.member-row>:nth-child(3):before{content:"级别"}.member-row>:nth-child(4):before{content:"余额"}.member-row>:nth-child(5):before{content:"积分"}.member-row>:nth-child(6):before{content:"消费总额"}.member-row>:nth-child(7):before{content:"最近到店"}.member-row>:nth-child(8):before{content:"操作"}}@media (width<=480px){.orders-stats,.reports-kpis{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.staff-stats-grid,.health-grid{grid-template-columns:1fr 1fr}.detail-stats{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:clamp(18px,7vw,24px)!important}.nav-item{padding:14px var(--space-4)}.cat-item,.btn{padding:12px 16px}.product-add{width:34px;height:34px}.qty-btn{width:32px;height:32px}.order-action{padding:8px 14px}.topbar .page-title{font-size:16px}}.health-layout{gap:var(--space-6);grid-template-columns:340px 1fr;height:calc(100vh - 128px);display:grid}.client-list{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.client-rows{flex:1;min-height:0;overflow-y:auto}.client-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast);display:flex}.client-row:hover{background:var(--bg-subtle)}.client-row.active{background:var(--brand-50);border-left:3px solid var(--brand-700);padding-left:calc(var(--space-4) - 3px)}.client-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.client-info{flex:1;min-width:0}.client-name{color:var(--ink-900);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.client-level{border-radius:var(--radius-full);padding:1px 7px;font-size:10px;font-weight:700}.client-level.vip{background:linear-gradient(135deg, var(--accent-400), var(--accent-500));color:#fff}.client-level.normal{background:var(--bg-muted);color:var(--ink-700)}.client-meta{color:var(--ink-500);margin-top:2px;font-size:11px}.client-tag{flex-shrink:0}.health-detail-wrap{padding-right:var(--space-2);overflow-y:auto}.health-detail{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5)}.hd-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.hd-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:grid}.hd-head-meta{flex:1;min-width:0}.hd-name{color:var(--ink-900);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.hd-sub{color:var(--ink-500);margin-top:2px;font-size:12px}.consti-bar-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.consti-report{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);margin-bottom:10px;padding:12px 14px}.consti-report:last-child{margin-bottom:0}.cr-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.cr-date{color:var(--ink-900);font-size:12px;font-weight:700;font-family:var(--font-mono)}.cr-method{color:var(--ink-500);background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.cr-score{color:var(--brand-700);font-size:12px;font-weight:700;font-family:var(--font-display);margin-left:auto}.cr-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.cr-advice{color:var(--ink-600);background:var(--bg-subtle);border-left:3px solid var(--accent-400,#c6902f);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:7px 10px;font-size:12px;line-height:1.6}.cr-foot{justify-content:flex-end;margin-top:10px;display:flex}.ai-report-overlay{z-index:1250;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--t-normal), visibility var(--t-normal);background:#0e2c2873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-report-overlay.open{opacity:1;visibility:visible}.ai-report-dialog{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);width:760px;max-width:100%;max-height:92vh;box-shadow:var(--shadow-lg);transition:transform var(--t-normal);flex-direction:column;display:flex;overflow:hidden;transform:translateY(8px)scale(.98)}.ai-report-overlay.open .ai-report-dialog{transform:translateY(0)scale(1)}.ai-report-body{flex-direction:column;max-height:92vh;display:flex;overflow:hidden}.ai-report-modal{flex-direction:column;height:100%;display:flex;overflow:hidden}.ai-report-head{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--brand-800), var(--brand-700));color:#fff;padding:18px 24px;display:flex}.ai-report-title{font-size:16px;font-weight:700}.ai-report-sub{opacity:.85;margin-top:2px;font-size:12px}.ai-report-head .cm-close{color:#fff;background:#ffffff26}.ai-report-head .cm-close:hover{color:#fff;background:#ffffff4d}.ai-tabs{border-bottom:1px solid var(--border);background:var(--bg-subtle);align-items:center;gap:4px;padding:10px 20px;display:flex;overflow-x:auto}.ai-tab{border-radius:var(--radius-full);min-width:92px;min-height:34px;color:var(--ink-600);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.ai-tab:hover{background:var(--bg-elevated);color:var(--ink-900)}.ai-tab.active{background:var(--brand-700);color:#fff}.ai-tab-icon{flex-shrink:0;place-items:center;width:14px;height:14px;display:grid}.ai-tab-icon svg{display:block}.ai-panels{flex:1;padding:20px 24px;overflow-y:auto}.ai-panel{flex-direction:column;gap:14px;display:flex}.ai-panel.is-hidden{display:none}.ai-panel-section{border-bottom:1px dashed var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.ai-panel-section:last-child{border-bottom:none}.ai-panel-h{color:var(--ink-900);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.ai-panel-h-lg{font-size:14px}.ai-panel-b{color:var(--ink-700);font-size:12.5px;line-height:1.75}.ai-sub-h{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;margin-bottom:4px;font-size:11px;font-weight:700}.ai-sub-h:first-child{margin-top:0}.ai-tag{border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ai-tag-brand{background:var(--accent-100,#f1ebd9);color:var(--accent-700,#946e2a)}.ai-tag-muted{background:var(--bg-subtle);color:var(--ink-500);border:1px solid var(--border)}.ai-tag-accent{background:var(--accent-100,#f1ebd9);color:var(--accent-700,#946e2a)}.ai-panel-callout{background:var(--bg-subtle);border:1px solid var(--border);border-left:3px solid var(--info,#3b82f6);border-radius:var(--radius-sm);color:var(--ink-700);gap:10px;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.ai-callout-icon{color:var(--info,#3b82f6);flex-shrink:0;font-size:16px}.ai-score-bar{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.ai-score-bar-label{color:var(--ink-500);font-size:12px}.ai-score-bar-value{color:var(--brand-700);font-size:28px;font-weight:800;font-family:var(--font-display)}.ai-score-bar-level{background:var(--success-soft);color:var(--success);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.ai-tendency{color:var(--ink-700);font-size:12px}.ai-tendency strong{color:var(--ink-900)}.ai-risk-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ai-risk-card{border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:center;background:var(--bg-elevated);transition:all var(--t-fast);padding:16px 12px}.ai-risk-card.is-on{box-shadow:var(--shadow-md)}.ai-risk-card.is-on:first-child{border-color:var(--danger);background:#ef444414}.ai-risk-card.is-on:nth-child(2){border-color:var(--warning);background:#f59e0b14}.ai-risk-card.is-on:nth-child(3){border-color:var(--success);background:#10b98114}.ai-risk-l{color:var(--ink-900);font-size:22px;font-weight:800}.ai-risk-sub{color:var(--ink-500);margin-top:2px;font-size:11px}.ai-risk-list{flex-direction:column;gap:6px;display:flex}.ai-risk-item{border-radius:var(--radius-sm);color:var(--ink-700);align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:flex}.ai-risk-item.is-current{background:var(--bg-subtle);border-left:3px solid var(--danger)}.ai-risk-item.is-potential{background:var(--bg-subtle);border-left:3px solid var(--warning)}.ai-risk-dot{background:var(--danger);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-grid}.ai-daily-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);gap:12px;padding:12px;display:flex}.ai-daily-icon{background:var(--bg-subtle);border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.ai-daily-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ai-daily-cat{color:var(--ink-900);font-size:13px;font-weight:700}.ai-daily-content{color:var(--ink-700);font-size:12px;line-height:1.6}.ai-daily-method{color:var(--ink-500);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.ai-product-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:14px 16px}.ai-product-card+.ai-product-card{margin-top:10px}.ai-product-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ai-product-name{color:var(--ink-900);font-size:14px;font-weight:700}.ai-product-section{color:var(--ink-700);font-size:12.5px;line-height:1.7}.ai-report-foot{justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border);background:var(--bg-subtle);padding:14px 24px;display:flex}@media (width<=768px){.ai-report-dialog{width:100%;max-height:96vh}.ai-tabs{padding:8px 12px}.ai-tab{padding:6px 10px;font-size:11px}.ai-panels{padding:14px}.ai-risk-grid{grid-template-columns:1fr}}.consti-name{min-width:64px;font-size:12px;font-weight:600}.consti-name.wood{color:#2d7a6e}.consti-name.fire{color:#c25a5a}.consti-name.earth{color:#a06e22}.consti-name.metal{color:#8a9389}.consti-name.water{color:#3e7ca5}.consti-track{background:var(--bg-muted);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.consti-fill{border-radius:var(--radius-full);height:100%}.consti-fill.wood{background:linear-gradient(90deg,#7db9ab,#2d7a6e)}.consti-fill.fire{background:linear-gradient(90deg,#e0917a,#c25a5a)}.consti-fill.earth{background:linear-gradient(90deg,#d4a574,#a06e22)}.consti-fill.metal{background:linear-gradient(90deg,#b8bec4,#8a9389)}.consti-fill.water{background:linear-gradient(90deg,#6fa8c9,#3e7ca5)}.consti-pct{color:var(--ink-500);font-size:11px;font-family:var(--font-display);text-align:right;min-width:34px}.health-timeline{padding-left:var(--space-4);position:relative}.health-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:5px}.health-tl-item{gap:var(--space-3);padding:var(--space-2) 0;display:flex;position:relative}.tl-dot{background:var(--brand-400);border:2px solid var(--bg-elevated);width:12px;height:12px;box-shadow:0 0 0 2px var(--brand-200);border-radius:50%;flex-shrink:0;margin-top:3px;margin-left:-26px}.tl-dot.tl-info{background:var(--info);box-shadow:0 0 0 2px var(--info-soft)}.tl-dot.tl-brand{background:var(--brand-500);box-shadow:0 0 0 2px var(--brand-200)}.tl-dot.tl-success{background:var(--success);box-shadow:0 0 0 2px var(--success-soft)}.tl-content{flex:1;min-width:0}.tl-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tl-title{color:var(--ink-900);font-size:13px;font-weight:600}.tl-amount{color:var(--accent-600);font-size:12px;font-weight:600;font-family:var(--font-display)}.tl-desc{color:var(--ink-500);margin-top:1px;font-size:11px}.tl-date{color:var(--ink-400);margin-top:2px;font-size:10px}.empty-hint{padding:var(--space-6);text-align:center;color:var(--ink-400);font-size:13px}.booking-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.booking-layout{gap:var(--space-6);grid-template-columns:1fr 300px;height:calc(100vh - 184px);display:grid}.booking-list{padding-right:var(--space-2);flex-direction:column;display:flex;overflow:hidden}.booking-list-scroll{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.booking-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);transition:box-shadow var(--t-fast), transform var(--t-fast);grid-template-columns:76px 1fr 118px auto;align-items:center;display:grid}.booking-card:hover{box-shadow:var(--shadow-md)}.bk-time{text-align:center}.bk-hour{font-family:var(--font-display);color:var(--brand-700);font-size:20px;font-weight:700;display:block}.bk-span{color:var(--ink-500);font-size:11px}.bk-main{min-width:0}.bk-service{color:var(--ink-900);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.bk-cat{border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700);padding:2px 8px;font-size:10px;font-weight:600}.bk-customer{color:var(--ink-700);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.bk-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.bk-tech{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border);cursor:pointer;color:var(--ink-700);transition:all var(--t-fast);align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:12px;display:inline-flex}.bk-tech:hover{border-color:var(--brand-300);background:var(--brand-50)}.bk-tech-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.bk-status{color:var(--ink-700);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.st-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.st-dot.st-wait{background:var(--warning)}.st-dot.st-confirm{background:var(--brand-500)}.st-dot.st-arrive{background:var(--info)}.st-dot.st-serving{background:var(--rose-400)}.st-dot.st-done{background:var(--success)}.st-dot.st-cancel{background:var(--ink-400)}.src-tag{border-radius:var(--radius-full);background:var(--bg-muted);color:var(--ink-500);padding:1px 7px;font-size:10px}.src-tag.manual{background:var(--accent-100);color:var(--accent-700)}.bk-actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.tech-assoc{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-y:auto}.ta-title{color:var(--ink-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.ta-clear{color:var(--accent-600);cursor:pointer;text-transform:none;letter-spacing:0;font-size:11px;display:none}.ta-clear.show{display:inline}.ta-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast);border:1px solid #0000;display:flex}.ta-item:hover{background:var(--bg-subtle)}.ta-item.active{background:var(--brand-50);border-color:var(--brand-200)}.ta-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.ta-meta{flex:1;min-width:0}.ta-name{color:var(--ink-900);font-size:13px;font-weight:600}.ta-skill{color:var(--ink-500);font-size:11px}.ta-right{text-align:right}.ta-count{color:var(--brand-700);font-size:13px;font-weight:700;font-family:var(--font-display)}.ta-status{border-radius:var(--radius-full);padding:1px 7px;font-size:10px}.ta-status.busy{background:var(--danger-soft);color:var(--danger)}.ta-status.idle{background:var(--success-soft);color:var(--success)}.ta-next{color:var(--ink-400);margin-top:2px;font-size:10px}.bk-tech-pop{z-index:1100;background:var(--bg-elevated);border:1px solid var(--border);width:240px;box-shadow:var(--shadow-lg);border-radius:12px;padding:6px;display:none;position:fixed}.bk-tech-pop.open{animation:.15s fadeIn;display:block}.bk-tech-pop-title{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;font-size:11px;font-weight:700}.bk-tech-opt{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:background var(--t-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px;display:flex}.bk-tech-opt:hover{background:var(--bg-subtle)}.bk-tech-opt.active{background:var(--brand-50)}.bk-tech-opt-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.bk-tech-opt-meta{flex:1;min-width:0}.bk-tech-opt-name{color:var(--ink-900);font-size:13px;font-weight:600;display:block}.bk-tech-opt-skill{color:var(--ink-500);font-size:10px;display:block}.bk-tech-opt-check{color:var(--brand-600);opacity:0;font-weight:700}.bk-tech-opt.active .bk-tech-opt-check{opacity:1}.center-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--t-normal), visibility var(--t-normal);padding:var(--space-4);background:#0e2c2873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.center-modal-overlay.open{opacity:1;visibility:visible}.center-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);width:520px;max-width:100%;box-shadow:var(--shadow-lg);max-height:90vh;transition:transform var(--t-normal);flex-direction:column;display:flex;overflow:hidden;transform:translateY(8px)scale(.98)}.center-modal-overlay.open .center-modal{transform:translateY(0)scale(1)}.cm-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cm-title{color:var(--ink-900);font-size:16px;font-weight:700}.cm-close{background:var(--bg-subtle);width:32px;height:32px;color:var(--ink-700);cursor:pointer;transition:all var(--t-fast);border:none;border-radius:50%;font-size:18px;line-height:1}.cm-close:hover{background:var(--danger-soft);color:var(--danger)}.cm-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.cm-foot{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--ink-700);font-size:12px;font-weight:600}.form-row{gap:var(--space-4);display:flex}.form-control{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-900);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;font-family:inherit;font-size:14px}.form-control:focus{border-color:var(--brand-300);outline:none;box-shadow:0 0 0 3px #2d7a6e1f}.toast{z-index:1300;background:var(--brand-800);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--t-normal), transform var(--t-normal), visibility var(--t-normal);font-size:13px;font-weight:500;position:fixed;bottom:40px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (width<=1024px){.health-layout{grid-template-columns:1fr;height:auto}.client-list{max-height:320px}.booking-layout{grid-template-columns:1fr;height:auto}.booking-list{max-height:65vh}.tech-assoc{max-height:280px}}@media (width<=640px){.booking-card{gap:var(--space-2);grid-template-columns:1fr}.bk-actions{flex-flow:wrap}.form-row{flex-direction:column}}.login-screen{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-brand{background:linear-gradient(160deg, var(--brand-800), var(--brand-900));color:#eaf2f0;align-items:center;padding:56px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";background:radial-gradient(circle,#c6902f33,#0000 70%);border-radius:50%;width:460px;height:460px;position:absolute;top:-140px;right:-140px}.login-brand:before{content:"";background:radial-gradient(circle,#3e9d7238,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-140px;left:-120px}.login-brand-inner{z-index:1;max-width:460px;position:relative}.login-logo{align-items:center;gap:12px;margin-bottom:56px;display:flex}.login-logo .mark{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.login-logo b{letter-spacing:.5px;font-size:18px;display:block}.login-logo span{color:var(--brand-300);font-size:12px;font-weight:400}.login-slogan{letter-spacing:1px;color:#fff;margin-bottom:20px;font-size:38px;font-weight:800;line-height:1.25}.login-desc{color:#cfe0db;opacity:.9;margin-bottom:40px;font-size:14px;line-height:1.9}.login-points{flex-direction:column;gap:16px;display:flex}.login-point{color:#dcebe8;align-items:center;gap:12px;font-size:14px;display:flex}.login-point .dot{background:var(--accent-400);border-radius:50%;flex-shrink:0;width:8px;height:8px}.login-panel{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.login-card{width:100%;max-width:360px}.login-title{color:var(--ink-900);margin-bottom:6px;font-size:26px;font-weight:800}.login-sub{color:var(--ink-400);margin-bottom:28px;font-size:13px}.login-form .field{margin-bottom:16px}.login-form .field label{color:var(--ink-600);margin-bottom:7px;font-size:13px;font-weight:500;display:block}.login-form .input{border:1.5px solid var(--border);width:100%;color:var(--ink-900);background:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-form .input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #2d7a6e1f}.pwd-wrap{position:relative}.pwd-eye{width:32px;height:32px;color:var(--ink-400);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:all .15s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pwd-eye:hover{color:var(--brand-600);background:var(--bg-muted)}.pwd-eye svg{width:18px;height:18px}.login-row{justify-content:space-between;align-items:center;margin:4px 0 14px;display:flex}.remember{color:var(--ink-500);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.remember input{width:15px;height:15px;accent-color:var(--brand-600)}.login-err{color:var(--danger);min-height:18px;margin-bottom:8px;font-size:12.5px}.login-submit{letter-spacing:2px;width:100%;height:44px;font-size:15px}.login-demo{background:var(--bg-muted);border:1px dashed var(--border-strong);border-radius:12px;margin-top:26px;padding:14px 16px}.login-demo-label{color:var(--ink-400);letter-spacing:1px;font-size:11px}.login-demo-item{color:var(--ink-600);margin-top:6px;font-size:12.5px;line-height:1.6}.login-demo-item b{color:var(--brand-700);font-family:var(--font-mono)}.login-foot{color:var(--ink-400);margin-top:40px;font-size:12px}.link-btn{color:var(--brand-600);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:12.5px;font-weight:600;transition:all .15s}.link-btn:hover{background:var(--brand-50)}.link-btn.danger{color:var(--danger)}.link-btn.danger:hover{background:var(--danger-soft,#f8e8e8)}.link-btn.warn{color:var(--warning)}.link-btn.warn:hover{background:var(--warning-soft,#f8f0dc)}@media (width<=900px){.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:32px 20px}}