@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Syne:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--ind-main: #5B4EE8;--ind-light: #EEF0FD;--ind-dark: #4438C4;--sidebar-bg: #ffffff;--sidebar-width-open: 190px;--sidebar-width-closed: 64px;--accent: var(--ind-main);--accent-soft: rgba(91, 78, 232, .08);--accent-glow: rgba(91, 78, 232, .15);--active-bg: rgba(91, 78, 232, .08);--active-border: rgba(91, 78, 232, .2);--text-primary: #111827;--text-muted: #9ca3af;--text-label: #6b7280;--border: rgba(0, 0, 0, .07);--hover-bg: rgba(0, 0, 0, .04);--transition: all .28s cubic-bezier(.4, 0, .2, 1);--radius: 12px;--radius-sm: 8px}.sidebar{width:190px;height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;border-right:1px solid var(--border);transition:var(--transition);z-index:100;box-shadow:1px 0 20px #0000000d}.sidebar.closed{width:var(--sidebar-width-closed)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden;min-height:64px;border-top:3px solid var(--ind-main)}.brand-logo{width:120px;height:54px;object-fit:contain}.brand-text{overflow:hidden;white-space:nowrap;opacity:1;transition:var(--transition)}.sidebar.closed .brand-text{opacity:0;width:0}.industry-dot{width:8px;height:8px;border-radius:50%;background:var(--ind-main);flex-shrink:0;box-shadow:0 0 6px var(--ind-main)}.menu-section{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.08) transparent}.menu-section::-webkit-scrollbar{width:4px}.menu-section::-webkit-scrollbar-track{background:transparent}.menu-section::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.menu-label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;padding:8px 8px 6px;white-space:nowrap;overflow:hidden;opacity:1;transition:var(--transition)}.menu-label.industry-label{color:var(--ind-main)}.sidebar.closed .menu-label{opacity:0}.menu{list-style:none;padding:0;margin:0 0 8px}.menu li{margin-bottom:2px;position:relative}.menu li a{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:var(--text-label);font-size:13.5px;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;overflow:hidden;position:relative;border:1px solid transparent}.menu li a:hover{color:var(--text-primary);background:var(--hover-bg);border-color:var(--border)}.menu li a.active{color:var(--ind-main);background:var(--ind-light);border-color:color-mix(in srgb,var(--ind-main) 20%,transparent);font-weight:600}.menu li a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--ind-main)}.icon-wrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;transition:var(--transition)}.menu li a:hover .icon-wrap{background:#0000000d}.menu li a.active .icon-wrap{background:color-mix(in srgb,var(--ind-main) 12%,white)}.icon{font-size:15px;color:inherit;flex-shrink:0}.menu li a.active .icon{color:var(--ind-main)}.menu li a span{opacity:1;transition:opacity .2s ease;overflow:hidden}.sidebar.closed .menu li a span{opacity:0;width:0}.sidebar.closed .menu li a:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);background:#1f2937;color:#f9fafb;padding:6px 12px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 16px #00000026;z-index:999}.sidebar.closed .menu li a:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-divider{height:1px;background:var(--border);margin:8px 10px}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--border);flex-shrink:0;overflow:hidden}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;border:1px solid transparent}.user-card:hover{background:var(--hover-bg);border-color:var(--border)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--ind-main),var(--ind-dark));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-info{overflow:hidden;white-space:nowrap;opacity:1;transition:var(--transition)}.sidebar.closed .user-info{opacity:0;width:0}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.user-role{font-size:11px;color:var(--ind-main);font-weight:500}.layout-content.open{margin-left:var(--sidebar-width-open)}.layout-content.closed{margin-left:var(--sidebar-width-closed)}@media(max-width:768px){.sidebar{width:var(--sidebar-width-closed)!important}.layout-content.open,.layout-content.closed{margin-left:var(--sidebar-width-closed)!important}.brand-text,.menu li a>span:not(.icon-wrap),.user-info,.menu-label,.sidebar-logout-btn>span{display:none!important}.menu li a{justify-content:center;padding:10px 0}.icon-wrap{margin:0}.brand-logo{width:48px!important;object-fit:contain!important;object-position:center!important}.sidebar-brand{padding:10px 14px;justify-content:center}.sidebar-logout-btn{padding:10px!important;justify-content:center!important}.menu li a.active .icon-wrap{background:transparent!important}.menu li a.active:before{height:100%;border-radius:0 6px 6px 0}}.sidebar-logout-btn{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:9px 14px;background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.sidebar-logout-btn:hover{background:#ef444433}:root{--hdr-h: 62px;--hdr-bg: #ffffff;--hdr-border: #e8eaed;--hdr-shadow: 0 1px 0 #e8eaed, 0 2px 8px rgba(0,0,0,.05);--txt-hi: #0f172a;--txt-md: #64748b;--txt-lo: #94a3b8;--bg-subtle: #f8fafc;--bg-hover: #f1f5f9;--border-faint: #f0f2f5;--radius-sm: 7px;--radius-md: 10px;--ease: cubic-bezier(.4,0,.2,1);--t: .17s;--font: "Inter", "DM Sans", -apple-system, sans-serif}.header{display:flex;align-items:center;height:var(--hdr-h);padding:0 20px 0 16px;background:var(--hdr-bg);border-bottom:1.5px solid var(--hdr-border);box-shadow:var(--hdr-shadow);font-family:var(--font);position:sticky;top:0;z-index:99999;gap:10px;border-top:3px solid var(--ind, #2563eb)}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.hdr-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4.5px;width:34px;height:34px;padding:7px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background var(--t) var(--ease)}.hdr-hamburger:hover{background:var(--bg-hover)}.hdr-hamburger span{display:block;height:1.5px;width:100%;background:var(--txt-md);border-radius:2px;transition:background var(--t) var(--ease)}.hdr-hamburger:hover span{background:var(--ind, #2563eb)}.hdr-badge{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:color-mix(in srgb,var(--ind, #2563eb) 9%,transparent);border:1px solid color-mix(in srgb,var(--ind, #2563eb) 22%,transparent);border-radius:20px;flex-shrink:0;transition:background var(--t),border-color var(--t)}.hdr-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--ind, #2563eb);animation:hdr-pulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes hdr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}.hdr-badge-label{font-size:11.5px;font-weight:700;color:var(--ind, #2563eb);letter-spacing:.03em;text-transform:uppercase;transition:color var(--t)}.hdr-search{display:flex;align-items:center;gap:8px;flex:1;max-width:320px;height:36px;padding:0 12px;background:var(--bg-subtle);border:1.5px solid var(--border-faint);border-radius:var(--radius-md);color:var(--txt-lo);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),max-width .25s var(--ease),background var(--t) var(--ease)}.hdr-search:hover:not(.hdr-search--on){border-color:#dde1e7;background:#fff}.hdr-search--on{max-width:420px;border-color:var(--ind, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--ind, #2563eb) 14%,transparent);background:#fff;color:var(--txt-md)}.hdr-search svg{flex-shrink:0;transition:color var(--t)}.hdr-search--on svg{color:var(--ind, #2563eb)}.hdr-search-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--txt-hi);font-family:var(--font);min-width:0}.hdr-search-input::placeholder{color:var(--txt-lo)}.hdr-kbd{font-size:10px;font-weight:600;color:var(--txt-lo);background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:1px 6px;flex-shrink:0;font-family:var(--font);pointer-events:none}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.hdr-mode{display:flex;align-items:center;gap:6px;padding:0 10px;height:34px;background:var(--bg-subtle);border:1.5px solid var(--border-faint);border-radius:var(--radius-sm);color:var(--txt-md);transition:border-color var(--t),background var(--t)}.hdr-mode:hover{border-color:#dde1e7;background:#fff}.hdr-mode svg{flex-shrink:0}.hdr-mode-select{border:none;outline:none;background:transparent;font-size:12.5px;font-weight:500;color:var(--txt-hi);font-family:var(--font);cursor:pointer;appearance:none;padding-right:4px}.hdr-new-btn{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;background:var(--ind, #2563eb);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);letter-spacing:.01em;transition:background var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease);box-shadow:0 1px 4px color-mix(in srgb,var(--ind, #2563eb) 40%,transparent),0 0 color-mix(in srgb,var(--ind, #2563eb) 20%,transparent);flex-shrink:0}.hdr-new-btn:hover{background:var(--ind-dk, #1D4ED8);box-shadow:0 4px 14px color-mix(in srgb,var(--ind, #2563eb) 38%,transparent),0 0 color-mix(in srgb,var(--ind, #2563eb) 20%,transparent);transform:translateY(-1px)}.hdr-new-btn:active{transform:translateY(0)}.hdr-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--txt-md);transition:all var(--t) var(--ease);flex-shrink:0}.hdr-icon-btn:hover{background:var(--bg-hover);border-color:var(--border-faint);color:var(--txt-hi)}.hdr-icon-btn:active{background:color-mix(in srgb,var(--ind, #2563eb) 10%,transparent);color:var(--ind, #2563eb)}.hdr-count{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3.5px;background:#ef4444;color:#fff;font-size:9.5px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-family:var(--font);line-height:1}.hdr-divider{width:1px;height:20px;background:var(--border-faint);flex-shrink:0;margin:0 2px}.hdr-user-btn{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 3px;background:transparent;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--t) var(--ease);font-family:var(--font)}.hdr-user-btn:hover{background:var(--bg-hover);border-color:var(--border-faint)}.hdr-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--ind, #2563eb),var(--ind-dk, #1D4ED8));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--t)}.hdr-avatar--lg{width:38px;height:38px;font-size:14px}.hdr-user-info{display:flex;flex-direction:column;gap:1px}.hdr-user-name{font-size:12.5px;font-weight:600;color:var(--txt-hi);line-height:1}.hdr-user-role{font-size:10.5px;font-weight:400;color:var(--txt-lo);line-height:1}.hdr-pop-wrap{position:relative}.hdr-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1.5px solid #e8eaed;border-radius:14px;box-shadow:0 4px 6px -2px #0000000d,0 12px 32px -4px #0000001f,0 0 0 1px #00000005;z-index:300;overflow:hidden;animation:hdr-pop .16s var(--ease);min-width:260px}@keyframes hdr-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hdr-drop-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 11px;border-bottom:1px solid var(--border-faint)}.hdr-drop-title{font-size:13px;font-weight:700;color:var(--txt-hi)}.hdr-drop-link{font-size:11.5px;font-weight:500;color:var(--ind, #2563eb);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font);opacity:.85;transition:opacity var(--t)}.hdr-drop-link:hover{opacity:1}.hdr-drop-foot{padding:10px 16px;border-top:1px solid var(--border-faint)}.hdr-drop-foot a{font-size:12.5px;font-weight:500;color:var(--ind, #2563eb);text-decoration:none;opacity:.85;transition:opacity var(--t)}.hdr-drop-foot a:hover{opacity:1}.hdr-drop-sep{height:1px;background:var(--border-faint);margin:4px 0}.hdr-notif-list{padding:4px 0}.hdr-notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;cursor:pointer;transition:background var(--t);position:relative}.hdr-notif-row:hover{background:var(--bg-subtle)}.hdr-notif-row--hot{background:color-mix(in srgb,var(--ind, #2563eb) 4%,#fff)}.hdr-notif-row--hot:hover{background:color-mix(in srgb,var(--ind, #2563eb) 8%,#fff)}.hdr-notif-icon{font-size:18px;flex-shrink:0;margin-top:1px}.hdr-notif-body{flex:1;min-width:0}.hdr-notif-title{font-size:12.5px;font-weight:500;color:var(--txt-hi);line-height:1.45;margin:0}.hdr-notif-time{font-size:11px;color:var(--txt-lo);margin:2px 0 0}.hdr-notif-pip{width:7px;height:7px;border-radius:50%;background:var(--ind, #2563eb);flex-shrink:0;margin-top:5px}.hdr-user-drop{width:220px}.hdr-user-head{display:flex;align-items:center;gap:10px;padding:14px 16px 12px}.hdr-user-fullname{font-size:13px;font-weight:700;color:var(--txt-hi);margin:0}.hdr-user-email{font-size:11.5px;color:var(--txt-lo);margin:2px 0 0}.hdr-menu-list{list-style:none;padding:4px 0;margin:0}.hdr-menu-item{display:block;padding:9px 16px;font-size:13px;font-weight:500;color:var(--txt-hi);text-decoration:none;transition:background var(--t),color var(--t)}.hdr-menu-item:hover{background:color-mix(in srgb,var(--ind, #2563eb) 8%,transparent);color:var(--ind, #2563eb)}.hdr-signout-btn{display:block;width:100%;padding:10px 16px;text-align:left;font-size:13px;font-weight:500;color:#ef4444;background:transparent;border:none;cursor:pointer;font-family:var(--font);transition:background var(--t)}.hdr-signout-btn:hover{background:#fef2f2}@media(max-width:900px){.hdr-search{max-width:200px}.hdr-user-info{display:none}}@media(max-width:640px){.header{padding:0 12px;gap:6px}.hdr-badge,.hdr-mode{display:none}.hdr-search{max-width:160px}}@media(max-width:420px){.hdr-search,.hdr-new-btn span{display:none}.hdr-new-btn{padding:0;width:34px;justify-content:center}}.hdr-business-pill{display:flex;align-items:center;gap:10px;padding:6px 20px;background:#f8fafc;border-radius:100px;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000008}.hdr-business-dot{width:8px;height:8px;border-radius:50%;opacity:.9}.hdr-business-name{margin:0;font-size:16px;font-weight:800;color:#0f172a;letter-spacing:1.2px;text-transform:uppercase}.layout-trial-banner{background:linear-gradient(90deg,#f97316,#ea580c);color:#fff;padding:10px 20px;text-align:center;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;box-shadow:0 2px 8px #ea580c33}.layout-trial-btn{background:#fff;color:#ea580c;padding:4px 12px;border-radius:4px;text-decoration:none;font-weight:600;font-size:13px}@media(max-width:768px){.hdr-business-pill{padding:4px 10px;gap:6px}.hdr-business-name{font-size:13px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left,.header-center,.header-right{gap:6px}.header-right{flex:unset}.hdr-user-btn{padding:4px;gap:0}.hdr-user-info{display:none}.layout-trial-banner{padding:8px 10px;font-size:13px;flex-direction:column;gap:6px}}.app-switcher-container{position:relative;display:flex;align-items:center;margin-right:15px}.app-switcher-trigger{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:#64748b}.app-switcher-trigger:hover{background-color:#f1f5f9;color:#0f172a}.app-switcher-dropdown{position:absolute;top:100%;right:-160px;margin-top:15px;width:650px;max-height:85vh;background-color:#fff;border-radius:12px;box-shadow:0 20px 50px -10px #00000026,0 0 1px #0000001a;display:flex;flex-direction:column;z-index:9999;overflow:hidden;border:1px solid #e2e8f0;animation:app-switcher-slide-down .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top right}@keyframes app-switcher-slide-down{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-switcher-header{padding:16px 24px;display:flex;align-items:center;gap:15px;background-color:#fff;border-bottom:1px solid #f1f5f9}.app-switcher-search-bar{flex:1;position:relative;display:flex;align-items:center}.app-switcher-search-icon{position:absolute;left:14px;color:#94a3b8;transition:color .3s ease}.app-switcher-search-bar input{width:100%;padding:12px 14px 12px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#f8fafc}.app-switcher-search-bar input:focus{border-color:#cbd5e1;background-color:#fff;box-shadow:0 0 0 4px #f1f5f9}.app-switcher-search-bar input:focus+.app-switcher-search-icon{color:#64748b}.close-btn{background:#f1f5f9;border:none;cursor:pointer;color:#64748b;padding:8px;border-radius:8px;display:flex;transition:all .2s ease}.close-btn:hover{background-color:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.app-switcher-content{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.app-switcher-content::-webkit-scrollbar{width:6px}.app-switcher-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.section-title{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:1px;margin-bottom:16px;margin-top:0}.featured-section{margin-bottom:24px;animation:fade-in .4s ease-out .1s both}.featured-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:20px;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#fff6,#fff0);transform:translate(-100%);transition:transform .6s ease}.featured-card:hover{background-color:#fff;box-shadow:0 15px 35px -5px #00000014,0 5px 15px -5px #0000000a;border-color:#e2e8f0;transform:translateY(-2px)}.featured-card:hover:before{transform:translate(100%)}.featured-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.featured-card:hover .featured-icon{transform:scale(1.08) rotate(-3deg)}.featured-info h5{margin:0 0 6px;font-size:17px;font-weight:700;color:#1e293b;transition:color .3s}.featured-info p{margin:0 0 12px;font-size:14px;color:#64748b;line-height:1.5}.featured-link{font-size:14px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:all .3s}.featured-link:hover{gap:8px}.all-apps-section{animation:fade-in .4s ease-out .2s both}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.masonry-grid{column-count:3;column-gap:24px}@media(max-width:768px){.app-switcher-dropdown{position:fixed;top:65px;left:10px;right:10px;width:auto;margin:0;max-height:calc(100vh - 80px)}.masonry-grid{column-count:1}}.category-block{break-inside:avoid;margin-bottom:32px}.category-title{font-size:13px;font-weight:800;color:#334155;margin:0 0 12px;padding-bottom:6px;text-transform:uppercase;display:block;width:100%;letter-spacing:.5px}.app-list{list-style:none;padding:0;margin:0}.app-list li{margin-bottom:2px}.app-link{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:6px;text-decoration:none;transition:all .2s ease;margin-left:-10px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;position:relative}.app-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:currentColor;border-radius:4px;opacity:0;transform:scaleY(0);transition:all .3s ease}.app-link:hover,.app-link.active{background-color:#f8fafc;transform:translate(6px)}.app-link:hover:before,.app-link.active:before{opacity:1;transform:scaleY(.7)}.app-name{font-size:14px;color:#475569;font-weight:500;transition:all .2s ease}.app-link:hover .app-name,.app-link.active .app-name{color:#0f172a;font-weight:600}.no-results{text-align:center;padding:40px;color:#64748b;font-size:14px;column-span:all}:root{--bg-primary: #eff6ff;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .7);--bg-hover: rgba(255, 255, 255, .95);--border: rgba(148, 163, 184, .15);--border-strong: rgba(148, 163, 184, .3);--border-hover: rgba(99, 102, 241, .3);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-white: #ffffff;--primary: #6366f1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--pink: #ec4899;--teal: #14b8a6;--orange: #f97316;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-display: "Cabinet Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}@media(max-width:768px){:root{--dash-px: 12px}.dash-topbar__tabs{order:3;width:100%}.dash-topbar__right{margin-left:auto}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}.dash-mini-kpi-grid{grid-template-columns:repeat(4,1fr)}.dash-charts-row{grid-template-columns:1fr}.dash-insight__bar{width:80px}}@media(max-width:480px){:root{--dash-px: 10px}.dash-kpi-row{grid-template-columns:1fr}.dash-mini-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-kpi-card__val{font-size:20px}.dash-brand__name{font-size:13px}.dash-tab{padding:5px 9px;font-size:11px}}.dash-kpi-card,.dash-chart-card,.dash-mini-kpi{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.dash-kpi-card:hover,.dash-chart-card:hover,.dash-mini-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000000f}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dash-tab-content-anim{animation:fadeInScale .5s cubic-bezier(.4,0,.2,1) forwards}.dash-quick-actions{margin-top:24px}.dash-quick-actions__label{font-size:14px;font-weight:800;color:var(--text-primary);text-transform:uppercase;margin-bottom:12px}.dash-quick-actions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.dash-quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#fff;border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000005}.dash-quick-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:var(--q-color)}.dash-quick-btn__icon{font-size:24px;color:var(--q-color);margin-bottom:8px}.dash-quick-btn__label{font-size:13px;font-weight:700;color:var(--text-secondary);text-align:center}.dash-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;animation:bentoFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.dash-bento>*{opacity:0;animation:bentoStagger .6s cubic-bezier(.16,1,.3,1) forwards}.dash-bento-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px -10px #2563eb0f;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.dash-bento-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px -10px #2563eb1f}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bentoStagger{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.row-span-2{grid-row:span 2}@media(max-width:1200px){.col-span-3{grid-column:span 6}.col-span-8,.col-span-4{grid-column:span 12}}@media(max-width:768px){.dash-bento{grid-template-columns:1fr}.dash-bento>*{grid-column:1 / -1!important;grid-row:auto!important}}:root{--bg-primary: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .7);--bg-hover: rgba(255, 255, 255, .95);--border: rgba(148, 163, 184, .15);--border-strong: rgba(148, 163, 184, .3);--border-hover: rgba(99, 102, 241, .3);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-white: #ffffff;--primary: #6366f1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--pink: #ec4899;--teal: #14b8a6;--orange: #f97316;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-display: "Cabinet Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .85);--bg-glass: rgba(30, 41, 59, .6);--bg-hover: rgba(30, 41, 59, .95);--border: rgba(148, 163, 184, .1);--border-strong: rgba(148, 163, 184, .2);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}.dashboard-container{min-height:100vh;width:100%;padding:24px;background:var(--bg-primary);font-family:var(--font-body);color:var(--text-primary);box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;gap:20px;animation:dashboardFadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);animation:slideDown .5s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left{display:flex;align-items:center;gap:16px}.dashboard-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.dashboard-title svg{font-size:32px;color:var(--primary)}.live-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:12px;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.5px}.pulse{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all var(--transition-base);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.icon-btn.notification-btn .badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--danger);color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.icon-btn.refresh-btn:hover{color:var(--success)}.icon-btn.refresh-btn:active svg{animation:rotate360 .6s cubic-bezier(.4,0,.2,1)}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);animation:expandDown .3s cubic-bezier(.4,0,.2,1)}@keyframes expandDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.filter-group select{padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group select:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.insight-banner{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);animation:slideUp .5s cubic-bezier(.4,0,.2,1) .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.insight-content{display:flex;align-items:center;gap:14px}.insight-icon{font-size:28px;color:var(--primary);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.insight-content p{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.target-progress{display:flex;flex-direction:column;gap:8px;min-width:200px}.target-progress span{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:right}.progress-bar{width:100%;height:8px;background:#94a3b833;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-success);border-radius:20px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #10b98180}.kpi-grid.primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:16px}.kpi-card{position:relative;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden;animation:fadeInScale .5s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.kpi-card:hover:before{opacity:1}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.kpi-card.spotlight{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:2px solid rgba(99,102,241,.2)}.kpi-card.spotlight .kpi-value{font-size:36px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.kpi-icon{font-size:24px;color:var(--primary);opacity:.8}.kpi-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;margin-bottom:12px;line-height:1}.kpi-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.trend{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.trend.positive{background:#10b9811a;color:var(--success)}.trend.negative{background:#ef44441a;color:var(--danger)}.kpi-subtitle{font-size:12px;color:var(--text-muted)}.kpi-grid.secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.kpi-card.compact{display:flex;align-items:center;gap:14px;padding:16px 20px}.compact-icon{font-size:28px;color:var(--primary);opacity:.7}.compact-value{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.compact-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.kpi-card:nth-child(1){animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:nth-child(5){animation-delay:.25s}.kpi-card:nth-child(6){animation-delay:.3s}.charts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-base);min-width:0;overflow:hidden;animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .3s both}.chart-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-2px)}.chart-card.large{grid-column:span 7}.chart-card:not(.large):not(.wide){grid-column:span 5}.chart-card.wide{grid-column:span 12}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.chart-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.chart-actions{display:flex;gap:6px}.chart-btn{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chart-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.chart-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.chart-body{height:280px;position:relative}.chart-body canvas{max-width:100%!important;max-height:280px!important}.tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:16px}.data-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-base);animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .4s both}.data-table:hover{box-shadow:var(--shadow-lg)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.table-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.live-badge{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:11px;font-weight:700;color:var(--success);text-transform:uppercase;letter-spacing:.5px}table{width:100%;border-collapse:collapse}thead tr{border-bottom:2px solid var(--border)}th{text-align:left;padding:12px 10px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}td{padding:14px 10px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}.product-name{font-weight:600;color:var(--text-primary)}.revenue{font-family:var(--font-display);font-weight:700;color:var(--success)}.trend-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:12px}.trend-badge.up{background:#10b9811a;color:var(--success)}.trend-badge.down{background:#ef44441a;color:var(--danger)}.orders-feed{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:8px}.order-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-glass);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.order-card:hover{background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}.order-card.priority-vip{border-left-color:var(--purple);background:linear-gradient(90deg,rgba(139,92,246,.05) 0%,transparent 100%)}.order-card.priority-high{border-left-color:var(--danger);background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%)}.order-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.order-meta{font-size:12px;color:var(--text-muted)}.order-status{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-status.status-cooking{background:#fbbf241a;color:var(--warning)}.order-status.status-ready{background:#10b9811a;color:var(--success)}.order-status.status-preparing{background:#3b82f61a;color:var(--info)}.alerts-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .5s both}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.alerts-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.clear-btn{padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-btn:hover{background:var(--bg-hover);border-color:var(--danger);color:var(--danger)}.alerts-grid{display:grid;gap:12px}.alert-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-glass);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius-md);transition:all var(--transition-fast)}.alert-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm);transform:translate(4px)}.alert-card.critical{border-left-color:var(--danger);background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 100%)}.alert-card.warning{border-left-color:var(--warning);background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.alert-card.info{border-left-color:var(--info);background:linear-gradient(90deg,rgba(59,130,246,.05) 0%,transparent 100%)}.alert-card.success{border-left-color:var(--success);background:linear-gradient(90deg,rgba(16,185,129,.05) 0%,transparent 100%)}.alert-icon{font-size:20px;flex-shrink:0;margin-top:2px}.alert-card.critical .alert-icon{color:var(--danger)}.alert-card.warning .alert-icon{color:var(--warning)}.alert-card.info .alert-icon{color:var(--info)}.alert-card.success .alert-icon{color:var(--success)}.alert-content{flex:1}.alert-message{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 6px;line-height:1.5}.alert-time{font-size:12px;color:var(--text-muted)}.quick-actions-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .6s both}.quick-actions-section h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.action-btn.primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px) scale(1.02)}.action-btn svg{font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.large,.chart-card:not(.large):not(.wide),.chart-card.wide{grid-column:span 1}.kpi-grid.primary{grid-template-columns:repeat(2,1fr)}.tables-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{padding:16px;gap:16px}.dashboard-header{flex-direction:column;gap:16px;padding:16px}.header-left{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-title{font-size:22px}.filters-panel{grid-template-columns:1fr;padding:16px}.insight-banner{flex-direction:column;gap:16px;padding:16px}.target-progress{width:100%}.kpi-grid.primary,.kpi-grid.secondary{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.action-btn{font-size:12px;padding:12px 14px}.chart-body{height:220px}}@media(max-width:480px){.actions-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}.kpi-card.spotlight .kpi-value{font-size:32px}}@media print{.dashboard-header,.filters-panel,.quick-actions-section{display:none}.dashboard-container{background:#fff}.kpi-card,.chart-card,.data-table,.alerts-section{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}:root{--dash-bg: #f2f4f8;--dash-surface: #ffffff;--dash-border: #e6eaf1;--dash-text: #0c1225;--dash-muted: #8895aa;--dash-orange: #f97316;--dash-green: #10b981;--dash-blue: #2e90fa;--dash-purple: #8b5cf6;--dash-red: #ef4444;--dash-amber: #f59e0b;--dash-indigo: #6366f1;--dash-mono: "JetBrains Mono", monospace;--dash-sans: "DM Sans", sans-serif;--dash-r: 12px;--dash-r-lg: 16px;--dash-sh-sm: 0 1px 4px rgba(12, 18, 37, .06);--dash-sh-md: 0 4px 16px rgba(12, 18, 37, .09);--dash-px: 20px}.dash-dark{--dash-bg: #0c1225;--dash-surface: #141e33;--dash-border: #1e2d4a;--dash-text: #e4e9f3;--dash-muted: #4e5f7a}.dash-root{font-family:var(--dash-sans);background:#fffaf4;color:var(--dash-text);min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;padding-bottom:72px;transition:background .3s,color .3s}.dash-insight,.dash-kpi-row,.dash-mini-kpi-grid,.dash-charts-row,.dash-section-grid,.dash-quick-actions{margin-left:var(--dash-px);margin-right:var(--dash-px)}.dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px var(--dash-px);background:#fffaf4;border-bottom:1.5px solid var(--dash-border);position:sticky;top:0;z-index:100;box-shadow:var(--dash-sh-sm);flex-wrap:wrap;width:100%}.dash-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.dash-brand__icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #f9731647}.dash-brand__name{font-size:15px;font-weight:600;line-height:1.1}.dash-brand__sub{font-size:10.5px;color:var(--dash-muted);font-weight:600;display:flex;align-items:center;gap:5px;margin-top:2px}.dash-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dash-green);flex-shrink:0;box-shadow:0 0 0 3px #10b98138;animation:dash-pulse 2s infinite}@keyframes dash-pulse{0%,to{box-shadow:0 0 0 3px #10b98138}50%{box-shadow:0 0 0 6px #10b9810f}}.dash-topbar__tabs{display:flex;gap:3px;background:var(--dash-bg);border:1.5px solid var(--dash-border);border-radius:10px;padding:4px;overflow-x:auto;flex-shrink:1;scrollbar-width:none}.dash-topbar__tabs::-webkit-scrollbar{display:none}.dash-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:none;background:transparent;color:var(--dash-muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--dash-sans);white-space:nowrap;flex-shrink:0}.dash-tab:hover{color:var(--dash-text);background:var(--dash-surface)}.dash-tab.active{background:var(--tab-active-bg, var(--dash-orange));color:#fff;box-shadow:var(--tab-active-shadow, 0 3px 10px rgba(249, 115, 22, .28))}.dash-topbar__right{display:flex;align-items:center;gap:7px;flex-shrink:0}.dash-range-sel{padding:6px 10px;border-radius:8px;border:1.5px solid var(--dash-border);background:var(--dash-surface);font-size:11.5px;font-weight:700;color:var(--dash-text);cursor:pointer;outline:none;font-family:var(--dash-sans);max-width:110px}.dash-icon-btn{width:34px;height:34px;border-radius:8px;flex-shrink:0;border:1.5px solid var(--dash-border);background:var(--dash-surface);color:var(--dash-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s}.dash-icon-btn:hover{color:var(--dash-text);border-color:var(--dash-orange)}.dash-insight{display:flex;align-items:center;gap:12px;background:var(--dash-surface);border-left:4px solid var(--dash-orange);border-radius:var(--dash-r);padding:11px 16px;margin-top:16px;box-shadow:var(--dash-sh-sm);flex-wrap:wrap;width:calc(100% - var(--dash-px) * 2)}.dash-insight__text{flex:1;font-size:12.5px;font-weight:700;min-width:160px}.dash-insight__target{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.dash-insight__bar{width:100px;height:6px;background:var(--dash-border);border-radius:999px;overflow:hidden;flex-shrink:0}.dash-insight__fill{height:100%;border-radius:999px;transition:width .8s ease}.dash-kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin-top:16px;width:calc(100% - var(--dash-px) * 2)}.dash-kpi-card{background:var(--dash-surface);border:1.5px solid var(--dash-border);border-radius:var(--dash-r-lg);padding:16px;box-shadow:var(--dash-sh-sm);transition:box-shadow .2s,transform .18s;position:relative;overflow:hidden;min-width:0}.dash-kpi-card:hover{box-shadow:var(--dash-sh-md);transform:translateY(-2px)}.dash-kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,currentColor,transparent);opacity:.35}.dash-kpi-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dash-kpi-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.dash-kpi-card__val{font-size:26px;font-weight:800;line-height:1;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-kpi-card__label{font-size:10.5px;font-weight:700;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.dash-kpi-card__sub{font-size:11px;color:var(--dash-muted);font-weight:600}.dash-kpi-card__spark{margin-top:10px;max-width:100%;overflow:hidden}.dash-mini-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,110px),1fr));gap:10px;margin-top:12px;width:calc(100% - var(--dash-px) * 2)}.dash-mini-kpi-grid--4col{grid-template-columns:repeat(4,1fr)}.dash-mini-kpi-grid--5col{grid-template-columns:repeat(5,1fr)}.dash-kpi-row--4col{grid-template-columns:repeat(4,1fr)}.dash-mini-kpi{background:var(--dash-surface);border:1.5px solid var(--dash-border);border-radius:var(--dash-r);padding:13px 10px;text-align:center;box-shadow:var(--dash-sh-sm);transition:transform .15s;min-width:0}.dash-mini-kpi:hover{transform:translateY(-2px)}.dash-mini-kpi__icon{width:32px;height:32px;border-radius:8px;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;font-size:13px}.dash-mini-kpi__val{font-size:18px;font-weight:600;font-family:sans-serif;line-height:1;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-mini-kpi__label{font-size:9.5px;font-weight:700;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.05em}.dash-charts-row{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:12px;margin-top:12px;width:calc(100% - var(--dash-px) * 2);min-width:0}.dash-chart-card--lg{grid-column:1 / -1}@media(max-width:1080px){.dash-charts-row{grid-template-columns:1fr 1fr}.dash-chart-card--lg{grid-column:1 / -1}}@media(max-width:640px){.dash-charts-row{grid-template-columns:1fr}}.dash-chart-card{background:var(--dash-surface);border:1.5px solid var(--dash-border);border-radius:var(--dash-r-lg);padding:15px 16px;box-shadow:var(--dash-sh-sm);transition:box-shadow .2s;min-width:0;overflow:hidden}.dash-chart-card:hover{box-shadow:var(--dash-sh-md)}.dash-chart-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.dash-chart-hdr__title{font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:6px}.dash-chart-hdr__badge{font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px}.dash-live-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:var(--dash-green);background:#10b9811a;padding:2px 9px;border-radius:999px}.dash-live-feed{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:280px}.dash-live-row{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--dash-bg);border-radius:8px;border:1px solid var(--dash-border);min-width:0}.dash-live-row__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dash-live-row__body{flex:1;min-width:0}.dash-live-row__id{font-size:11.5px;font-weight:800;font-family:var(--dash-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-live-row__type{font-size:10px;color:var(--dash-muted);font-weight:600;margin-top:1px}.dash-live-row__right{text-align:right;flex-shrink:0}.dash-live-row__amt{font-size:12px;font-weight:900;color:var(--dash-orange);font-family:var(--dash-mono)}.dash-live-row__time{font-size:9.5px;color:var(--dash-muted);font-weight:600}.dash-live-row__status{font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:capitalize;flex-shrink:0;white-space:nowrap}.dash-top-sellers{display:flex;flex-direction:column;gap:10px}.dash-seller-row{display:flex;align-items:center;gap:8px;min-width:0}.dash-seller-rank{font-size:11.5px;font-weight:900;font-family:var(--dash-mono);min-width:20px;flex-shrink:0}.dash-seller-emoji{font-size:18px;flex-shrink:0}.dash-seller-info{flex:1;min-width:0}.dash-seller-name{font-size:12px;font-weight:800;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-seller-bar-wrap{height:4px;background:var(--dash-border);border-radius:999px;overflow:hidden}.dash-seller-bar{height:100%;border-radius:999px;transition:width .6s ease}.dash-seller-right{text-align:right;flex-shrink:0}.dash-seller-sold{font-size:12px;font-weight:900;font-family:var(--dash-mono)}.dash-seller-rev{font-size:10px;color:var(--dash-muted);font-weight:700;margin-top:2px}.dash-alerts-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;max-height:320px}.dash-alert-row{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--dash-bg);border-radius:8px;border:1px solid var(--dash-border);min-width:0}.dash-alert-row__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dash-alert-row__dot--critical,.dash-alert-row__dot--out-of-stock{background:var(--dash-red)}.dash-alert-row__dot--low{background:var(--dash-amber)}.dash-alert-row__info{flex:1;min-width:0}.dash-alert-row__name{font-size:11.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-alert-row__meta{font-size:10px;color:var(--dash-muted);font-weight:600;margin-top:2px}.dash-alert-row__badge{font-size:9px;font-weight:900;padding:2px 6px;border-radius:999px;letter-spacing:.04em;flex-shrink:0}.dash-orders-table{width:100%;overflow-x:auto}.dash-orders-table__head,.dash-orders-table__row{display:grid;grid-template-columns:1fr 1fr 1.4fr .7fr .8fr 1fr .9fr;min-width:540px}.dash-orders-table__head{padding:9px 16px;background:var(--dash-bg);font-size:10px;font-weight:800;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--dash-border);position:sticky;top:0}.dash-orders-table__body{max-height:400px;overflow-y:auto}.dash-orders-table__row{padding:10px 16px;align-items:center;border-bottom:1px solid var(--dash-border);font-size:12px;font-weight:600;transition:background .12s}.dash-orders-table__row:hover{background:var(--dash-bg)}.dash-orders-table__id{font-family:var(--dash-mono);font-weight:800;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-orders-table__type{font-size:10.5px;font-weight:700;color:var(--dash-muted)}.dash-orders-table__cust{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-orders-table__total{font-family:var(--dash-mono);font-weight:900;color:var(--dash-orange)}.dash-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:capitalize;white-space:nowrap}.dash-section-grid{margin-top:16px;width:calc(100% - var(--dash-px) * 2)}.dash-type-card{background:var(--dash-surface);border:1.5px solid var(--dash-border);border-radius:var(--dash-r-lg);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--dash-sh-sm);min-width:0}.dash-type-card__icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.dash-type-card__val{font-size:22px;font-weight:900;font-family:var(--dash-mono);line-height:1}.dash-type-card__label{font-size:11px;font-weight:700;color:var(--dash-muted);margin-top:3px}.dash-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px;padding:4px 0}.dash-table-tile{border-radius:10px;padding:9px 7px;text-align:center;border:2px solid;cursor:pointer;transition:transform .15s;min-width:0}.dash-table-tile:hover{transform:scale(1.04)}.dash-table-tile--free{background:#ecfdf5;border-color:#a7f3d0}.dash-table-tile--occupied{background:#fff7ed;border-color:#fed7aa}.dash-table-tile--reserved{background:#eef2ff;border-color:#c7d2fe}.dash-table-tile__label{font-size:14px;font-weight:900;font-family:var(--dash-mono);margin-bottom:3px}.dash-table-tile__cap{font-size:9.5px;color:var(--dash-muted);font-weight:700;display:flex;align-items:center;justify-content:center;gap:2px;margin-bottom:3px}.dash-table-tile__waiter{font-size:10px;color:#f97316;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-table-tile__time{font-size:9.5px;color:var(--dash-muted);font-family:var(--dash-mono)}.dash-table-tile__bill{font-size:11.5px;font-weight:900;color:#f97316;font-family:var(--dash-mono);margin-top:3px}.dash-table-tile__status{font-size:9px;font-weight:800;margin-top:3px}.dash-table-tile--free .dash-table-tile__status{color:#10b981}.dash-table-tile--occupied .dash-table-tile__status{color:#f97316}.dash-table-tile--reserved .dash-table-tile__status{color:#6366f1}.dash-bill-row{display:flex;align-items:center;gap:9px;margin-bottom:10px;min-width:0}.dash-bill-row__icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.dash-bill-row__label{font-size:12px;font-weight:700;min-width:70px;flex-shrink:0}.dash-bill-row__bar-wrap{flex:1;height:5px;background:var(--dash-border);border-radius:999px;overflow:hidden;min-width:0}.dash-bill-row__bar{height:100%;border-radius:999px;transition:width .6s ease;min-width:3px}.dash-bill-row__val{font-size:11.5px;font-weight:900;font-family:var(--dash-mono);min-width:56px;text-align:right;flex-shrink:0}.dash-quick-actions{background:var(--dash-surface);border:1.5px solid var(--dash-border);border-radius:var(--dash-r-lg);padding:14px 16px;margin-top:14px;box-shadow:var(--dash-sh-sm);width:calc(100% - var(--dash-px) * 2)}.dash-quick-actions__label{font-size:10.5px;font-weight:800;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.dash-quick-actions__grid{display:flex;flex-wrap:wrap;gap:7px}.dash-quick-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1.5px solid var(--dash-border);background:var(--dash-bg);color:var(--dash-text);font-size:12px;font-weight:700;cursor:pointer;font-family:var(--dash-sans);transition:all .15s;white-space:nowrap}.dash-quick-btn:hover{border-color:var(--q-color, var(--dash-orange));color:var(--q-color, var(--dash-orange));background:var(--dash-surface);transform:translateY(-1px);box-shadow:0 3px 8px #00000012}.dash-quick-btn__icon{font-size:13px}.dash-orders-table__body::-webkit-scrollbar,.dash-orders-table::-webkit-scrollbar,.dash-live-feed::-webkit-scrollbar,.dash-alerts-list::-webkit-scrollbar,.dash-top-sellers::-webkit-scrollbar{width:3px;height:3px}.dash-orders-table__body::-webkit-scrollbar-thumb,.dash-orders-table::-webkit-scrollbar-thumb,.dash-live-feed::-webkit-scrollbar-thumb,.dash-alerts-list::-webkit-scrollbar-thumb,.dash-top-sellers::-webkit-scrollbar-thumb{background:var(--dash-border);border-radius:2px}@media(max-width:768px){:root{--dash-px: 12px}.dash-topbar{flex-wrap:wrap;padding:10px var(--dash-px)!important}.dash-topbar__tabs{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:4px}.dash-topbar__right{margin-left:auto}.dash-tab{white-space:nowrap;flex-shrink:0}.dash-kpi-row{grid-template-columns:repeat(2,1fr)!important}.dash-kpi-card{padding:14px 12px}.dash-kpi-card__val{font-size:16px;word-break:break-all}.dash-kpi-card__label{font-size:9px}.dash-kpi-card__sub{font-size:10px}.dash-kpi-card__icon{width:34px;height:34px;font-size:14px}.dash-mini-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.dash-mini-kpi__val{font-size:16px}.dash-mini-kpi__label{font-size:8.5px;word-break:break-word;white-space:normal;line-height:1.3}.dash-charts-row{grid-template-columns:1fr!important}.dash-insight{flex-wrap:wrap;gap:8px}.dash-insight__target{width:100%}.dash-insight__bar{width:100%;flex:1}.dash-insight__text{font-size:12px}.dash-orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-orders-table__head,.dash-orders-table__row{min-width:600px}.dash-section-grid{grid-template-columns:1fr!important}.dash-table-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:8px}.dash-table-tile{padding:10px 8px}.dash-table-wrap,.dash-alerts-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-quick-actions__grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.dash-quick-btn{flex-shrink:0}.dash-type-card{padding:12px 14px}.dash-bill-row{gap:6px}.dash-bill-row__label{min-width:50px;font-size:11px}.dash-bill-row__val{font-size:11px;min-width:45px}.dash-live-feed{max-height:260px}.dash-live-row{flex-wrap:wrap;gap:4px}}@media(max-width:480px){:root{--dash-px: 10px}.dash-kpi-row{grid-template-columns:1fr!important}.dash-kpi-card__val{font-size:18px}.dash-mini-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.dash-brand__name{font-size:13px}.dash-tab{padding:5px 9px;font-size:11px;white-space:nowrap}.dash-table-grid{grid-template-columns:repeat(2,1fr)!important}.dash-chart-card{padding:12px}}.dash-kpi-card,.dash-mini-kpi,.dash-chart-card,.dash-type-card{animation:dashFadeUp .3s ease both}.dash-kpi-card:nth-child(1){animation-delay:.04s}.dash-kpi-card:nth-child(2){animation-delay:.08s}.dash-kpi-card:nth-child(3){animation-delay:.12s}.dash-kpi-card:nth-child(4){animation-delay:.16s}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing-page{background:#fffaf4;min-height:100vh;padding:22px 20px;font-family:var(--font);color:var(--text);position:relative;width:100%;overflow-x:hidden;box-sizing:border-box}.billing-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(var(--ind-rgb),.04) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 100%,rgba(var(--ind-rgb),.03) 0%,transparent 60%);pointer-events:none;z-index:0}.billing-page>*{position:relative;z-index:1}.billing-toast{position:fixed;top:22px;left:50%;transform:translate(-50%);padding:11px 22px;border-radius:999px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--sh-md)}.billing-toast.success{background:var(--ind);color:#fff;box-shadow:0 4px 20px var(--ind-glow)}.billing-toast.error{background:var(--red);color:#fff}.billing-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh);overflow:hidden;position:relative}.billing-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ind),var(--ind-dark));border-radius:4px 0 0 4px}.billing-header:after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ind-rgb),.08) 0%,transparent 70%);pointer-events:none}.bh-accent{display:none}.billing-header-left h1{font-size:22px;font-weight:700;letter-spacing:-.5px;font-family:sans-serif;color:var(--text)}.billing-header-left p{font-size:12px;color:var(--text-muted);margin-top:3px}.billing-header-right{display:flex;align-items:center;gap:8px}.industry-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:20px;border:1.5px solid rgba(var(--ind-rgb),.25);background:var(--ind-light);font-size:11.5px;font-weight:700;letter-spacing:.3px;color:var(--ind);margin-bottom:7px;width:fit-content;text-transform:uppercase;letter-spacing:.6px}.bill-btn-primary{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--ind),var(--ind-dark));color:#fff;font-size:13px;font-weight:600;box-shadow:0 3px 12px var(--ind-glow);transition:all .18s}.bill-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--ind-glow)}.bill-btn-secondary{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--border-md);background:var(--surface);color:var(--text-sub);font-size:13px;font-weight:600;box-shadow:var(--sh);transition:all .18s}.bill-btn-secondary:hover{border-color:var(--ind);color:var(--ind);background:var(--ind-soft)}.bill-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.bill-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--sh);transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.bill-stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.bill-stat-card.stat-primary{border-color:rgba(var(--ind-rgb),.2);background:linear-gradient(135deg,var(--ind-light),var(--surface))}.bill-stat-card.stat-primary:after{content:"";position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ind-rgb),.12) 0%,transparent 70%)}.bstat-shine{display:none}.bstat-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.bstat-icon.bstat-ind{background:rgba(var(--ind-rgb),.12);color:var(--ind)}.bstat-val{font-size:21px;font-weight:700;letter-spacing:-.5px;line-height:1.1;font-family:var(--mono)}.stat-primary .bstat-val{color:var(--ind)}.bstat-lbl{font-size:11.5px;color:var(--text-muted);margin-top:3px;font-weight:500}.analytics-panel{margin-bottom:24px}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh);transition:box-shadow .18s}.analytics-card:hover{box-shadow:var(--sh-md)}.analytics-card h3{font-size:13px;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:-.1px;display:flex;align-items:center;gap:8px}.card-h3-dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--ind);flex-shrink:0}.pay-breakdown{display:flex;flex-direction:column;gap:14px}.pay-brow{display:flex;align-items:center;gap:12px}.pay-brow-left{display:flex;align-items:center;gap:8px;width:80px;flex-shrink:0}.pay-brow-icon{font-size:16px}.pay-brow-label{font-size:12.5px;font-weight:600;color:var(--text-sub)}.pay-brow-right{flex:1;display:flex;align-items:center;gap:10px}.pay-brow-bar-wrap{flex:1;height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.pay-brow-bar{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.25,.8,.25,1)}.pay-brow-val{font-size:13px;font-weight:700;min-width:70px;text-align:right;font-family:var(--mono)}.type-breakdown{display:flex;flex-direction:column;gap:14px}.type-row{display:flex;align-items:center;gap:12px}.type-label{font-size:12.5px;font-weight:600;color:var(--text-sub);width:100px;flex-shrink:0}.type-bar-wrap{flex:1;height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.type-bar{height:100%;border-radius:999px;background:var(--ind);transition:width .7s cubic-bezier(.25,.8,.25,1)}.type-stats{display:flex;gap:10px;font-size:12px;color:var(--text-muted);min-width:110px;justify-content:flex-end}.type-rev{font-weight:700;color:var(--text-sub);font-family:var(--mono)}.fin-summary{display:flex;flex-direction:column;gap:10px}.fin-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-sub);padding-bottom:10px;border-bottom:1px solid var(--border)}.fin-row:last-child{border-bottom:none;padding-bottom:0}.fin-row.bold{font-size:14px;font-weight:700;color:var(--text)}.fin-val{font-weight:700;color:var(--text);font-family:var(--mono);font-size:13px}.fin-val.red{color:var(--red)}.fin-val.green{color:var(--green)}.top-items{display:flex;flex-direction:column;gap:8px}.top-item-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid transparent;transition:border-color .15s,background .15s}.top-item-row:hover{border-color:rgba(var(--ind-rgb),.15);background:var(--ind-light)}.top-item-rank{font-size:11px;font-weight:700;color:var(--ind);min-width:24px;font-family:var(--mono)}.top-item-name{flex:1;font-size:13px;font-weight:600;color:var(--text)}.top-item-qty{font-size:11.5px;color:var(--text-muted);min-width:28px;text-align:right}.top-item-rev{font-size:13px;font-weight:700;color:var(--green);font-family:var(--mono);min-width:60px;text-align:right}.bill-toolbar{display:flex;align-items:center;gap:7px;margin-bottom:10px;flex-wrap:wrap}.bill-search{flex:1;min-width:160px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 11px;height:36px;box-shadow:var(--sh);transition:border-color .18s,box-shadow .18s}.bill-search:focus-within{border-color:var(--ind);box-shadow:0 0 0 3px rgba(var(--ind-rgb),.1)}.bill-search-ico{color:var(--text-muted);font-size:12px;flex-shrink:0}.bill-search input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text);outline:none}.bill-search input::placeholder{color:var(--text-muted)}.bill-search-clear{border:none;background:none;color:var(--text-muted);font-size:11px;transition:color .15s}.bill-search-clear:hover{color:var(--red)}.bill-toolbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bill-sel-wrap{position:relative;display:flex;align-items:center}.bill-sel-ico{position:absolute;left:10px;color:var(--text-muted);font-size:11px;pointer-events:none;z-index:1}.bill-sel{height:35px;padding:0 24px 0 10px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:11.5px;font-weight:500;color:var(--text-sub);appearance:none;outline:none;cursor:pointer;box-shadow:var(--sh);transition:border-color .18s,box-shadow .18s;white-space:nowrap}.bill-sel.padl{padding-left:26px}.bill-sel:hover{border-color:rgba(var(--ind-rgb),.4)}.bill-sel:focus{border-color:var(--ind);box-shadow:0 0 0 3px rgba(var(--ind-rgb),.1)}.bill-sel.full{width:100%}.bill-sel-arr{position:absolute;right:7px;color:var(--text-muted);font-size:9px;pointer-events:none}.bill-date-inp{height:35px;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 8px;font-size:11px;color:var(--text-sub);background:var(--surface);outline:none;box-shadow:var(--sh);cursor:pointer;transition:border-color .18s;max-width:130px}.bill-date-inp:focus{border-color:var(--ind);box-shadow:0 0 0 3px rgba(var(--ind-rgb),.1)}.bill-count{font-size:12px;color:var(--text-muted);font-weight:500;white-space:nowrap;padding:0 6px}.bills-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow-x:auto;overflow-y:hidden;box-shadow:var(--sh);width:100%}.bills-table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed}.bills-table th:nth-child(1){width:80px}.bills-table th:nth-child(2){width:100px}.bills-table th:nth-child(3){width:100px}.bills-table th:nth-child(4){width:70px}.bills-table th:nth-child(5){width:50px}.bills-table th:nth-child(6){width:65px}.bills-table th:nth-child(7){width:55px}.bills-table th:nth-child(8){width:70px}.bills-table th:nth-child(9){width:70px}.bills-table th:nth-child(10){width:70px}.bills-table th:nth-child(11){width:80px}.bills-thead-row{border-bottom:1px solid rgba(var(--ind-rgb),.2)}.bills-table thead{background:linear-gradient(90deg,var(--ind) 0%,var(--ind-dark) 100%)}.bills-table th{padding:10px;font-size:9.5px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bills-table thead tr th:first-child{border-radius:var(--r) 0 0 0}.bills-table thead tr th:last-child{border-radius:0 var(--r) 0 0}.bills-table tbody tr.bill-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background .13s;width:1247%}.bills-table tbody tr.bill-row:last-child{border-bottom:none}.bills-table tbody tr.bill-row:hover{background:var(--ind-light)}.bills-table tbody tr.bill-row:hover .bill-id{color:var(--ind)}.bills-table tbody tr.bill-row.void{opacity:.45}.bills-table td{padding:10px;font-size:12px;color:var(--text-sub);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-empty{text-align:center;padding:40px!important;color:var(--text-muted);font-size:13px}.bill-id-cell{display:flex;align-items:center;gap:7px}.bill-id{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ind);transition:color .15s}.copy-btn{border:none;background:none;color:var(--text-muted);font-size:11px;padding:2px;transition:color .15s;opacity:0}.bill-row:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--ind)}.date-cell{display:flex;flex-direction:column;gap:2px}.bill-date{font-size:12px;font-weight:600;color:var(--text)}.bill-time{font-size:11px;color:var(--text-muted)}.cust-cell{display:flex;flex-direction:column;gap:2px}.bill-cust{font-size:12.5px;font-weight:600;color:var(--text)}.bill-cust.muted{color:var(--text-muted);font-style:italic}.bill-ref{font-size:11px;color:var(--ind);font-weight:600}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--ind-soft);color:var(--ind);white-space:nowrap;border:1px solid rgba(var(--ind-rgb),.15)}.items-count{font-size:12px;color:var(--text-muted)}.disc-val{color:var(--red)!important;font-weight:600!important}.muted{color:var(--text-muted)!important}.bill-total{font-size:14px;font-weight:700;color:var(--text);font-family:var(--mono)}.pay-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-sub);text-transform:capitalize}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.row-actions{display:flex;gap:5px}.row-act-btn{width:28px;height:28px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.row-act-btn:hover{background:var(--ind-soft);border-color:rgba(var(--ind-rgb),.25);color:var(--ind)}.row-act-btn.danger:hover{background:var(--red-soft);border-color:#e8364a40;color:var(--red)}.table-summary-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:9px 14px;background:var(--ind-light);border:1px solid rgba(var(--ind-rgb),.12);border-top:none;border-radius:0 0 var(--r) var(--r);font-size:11.5px;color:var(--text-sub);font-weight:500;flex-wrap:wrap}.footer-total{font-weight:700;color:var(--ind);font-size:13px;font-family:var(--mono)}.modal-box{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);display:flex;flex-direction:column;overflow:hidden;animation:modal-pop .24s cubic-bezier(.34,1.56,.64,1);width:100%}.receipt-modal{max-width:520px;max-height:90vh}.large-modal{max-width:620px;max-height:90vh}.small-modal{max-width:420px}.modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-icon-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface-2);font-size:13px;color:var(--text-sub);display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-icon-btn:hover{background:var(--ind-soft);border-color:rgba(var(--ind-rgb),.25);color:var(--ind)}.modal-body{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(var(--ind-rgb),.2) transparent}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 22px;border-top:1px solid var(--border);flex-shrink:0;background:var(--ind-light)}.modal-save-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--ind),var(--ind-dark));color:#fff;font-size:13px;font-weight:700;box-shadow:0 3px 12px var(--ind-glow);transition:all .18s}.modal-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--ind-glow)}.modal-secondary-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--border-md);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-sub);transition:all .15s}.modal-secondary-btn:hover{border-color:var(--ind);color:var(--ind)}.modal-danger-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:none;background:var(--red);color:#fff;font-size:13px;font-weight:700;transition:all .18s}.modal-danger-btn:hover{opacity:.88}.modal-warn-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(247,144,9,.3);background:var(--amber-soft);color:var(--amber);font-size:13px;font-weight:700;transition:all .18s}.modal-close-plain:hover{color:var(--text)}.receipt-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--ind-light);border:1px solid rgba(var(--ind-rgb),.12);border-radius:var(--r-sm);padding:14px 16px}.receipt-meta-item{display:flex;flex-direction:column;gap:3px}.rmeta-lbl{font-size:10px;font-weight:700;color:var(--ind);text-transform:uppercase;letter-spacing:.7px}.rmeta-val{font-size:13px;font-weight:600;color:var(--text)}.receipt-note{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:var(--r-sm);background:var(--amber-soft);border:1px solid rgba(247,144,9,.2);font-size:12.5px;color:var(--amber);font-weight:500}.receipt-items-hdr{display:grid;grid-template-columns:1fr 40px 70px 70px;gap:8px;padding:8px 0 6px;border-bottom:2px solid rgba(var(--ind-rgb),.15);font-size:10px;font-weight:700;color:var(--ind);text-transform:uppercase;letter-spacing:.7px}.receipt-item-row{display:grid;grid-template-columns:1fr 40px 70px 70px;gap:8px;padding:9px 0;border-bottom:1px solid var(--border);align-items:center}.receipt-item-row:last-child{border-bottom:none}.receipt-item-name{font-size:13px;font-weight:500;color:var(--text)}.receipt-item-qty{font-size:12px;color:var(--text-muted);text-align:center}.receipt-item-price{font-size:12.5px;color:var(--text-sub);text-align:right}.receipt-item-total{font-size:13px;font-weight:700;color:var(--text);text-align:right;font-family:var(--mono)}.receipt-totals{background:var(--ind-light);border:1px solid rgba(var(--ind-rgb),.12);border-radius:var(--r-sm);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.rtotal-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-sub)}.rtotal-row.disc{color:var(--red)}.rtotal-row.grand{font-size:16px;font-weight:700;color:var(--ind);padding-top:8px;border-top:2px dashed rgba(var(--ind-rgb),.2);margin-top:2px}.rtotal-row.change{color:var(--green);font-weight:600}.refund-warn{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--amber-soft);border:1px solid rgba(247,144,9,.2);font-size:13px;color:var(--text-sub);line-height:1.5}.refund-detail{background:var(--surface-2);border-radius:var(--r-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.ref-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-sub)}.refund-reason{display:flex;flex-direction:column;gap:6px}.form-label{font-size:10.5px;font-weight:700;color:var(--ind);text-transform:uppercase;letter-spacing:.6px}.form-row{display:flex;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-label-row{display:flex;align-items:center;justify-content:space-between}.form-input{height:40px;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 12px;font-size:13px;color:var(--text);background:var(--surface-2);outline:none;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.form-input:focus{border-color:var(--ind);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--ind-rgb),.1)}.form-input::placeholder{color:var(--text-muted)}.order-type-row{display:flex;gap:8px}.otype-btn{flex:1;padding:9px 12px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text-sub);transition:all .15s}.otype-btn:hover{border-color:rgba(var(--ind-rgb),.4);color:var(--ind);background:var(--ind-soft)}.otype-btn.active{border-color:var(--ind);background:linear-gradient(135deg,var(--ind),var(--ind-dark));color:#fff;box-shadow:0 2px 8px var(--ind-glow)}.nb-items-list{display:flex;flex-direction:column;gap:6px}.nb-items-hdr{display:grid;grid-template-columns:2fr 60px 90px 80px 30px;gap:8px;font-size:10px;font-weight:700;color:var(--ind);text-transform:uppercase;letter-spacing:.6px;padding:0 2px}.nb-item-row{display:grid;grid-template-columns:2fr 60px 90px 80px 30px;gap:8px;align-items:center}.nb-item-total{font-size:13px;font-weight:700;color:var(--ind);font-family:var(--mono);text-align:right}.nb-del-btn{width:28px;height:28px;border-radius:var(--r-xs);border:1.5px solid var(--border);background:var(--surface-2);font-size:10px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.nb-del-btn:hover{background:var(--red-soft);color:var(--red);border-color:#e8364a40}.add-item-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-sm);border:1.5px solid rgba(var(--ind-rgb),.25);background:var(--ind-soft);font-size:12px;font-weight:600;color:var(--ind);transition:all .15s}.add-item-btn:hover{background:var(--ind-mid);border-color:rgba(var(--ind-rgb),.4)}.disc-row{display:flex;gap:7px}.disc-type{height:40px;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 8px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface-2);outline:none;cursor:pointer;transition:border-color .18s}.disc-type:focus{border-color:var(--ind)}.pay-method-row{display:flex;gap:7px}.pm-btn{flex:1;padding:8px 10px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);font-size:12.5px;font-weight:600;color:var(--text-sub);transition:all .15s;text-transform:capitalize}.pm-btn:hover{border-color:rgba(var(--ind-rgb),.4);color:var(--ind);background:var(--ind-soft)}.pm-btn.active{border-color:var(--ind);background:var(--ind-soft);color:var(--ind);box-shadow:0 0 0 1.5px var(--ind);font-weight:700}.nb-summary{background:var(--ind-light);border:1.5px solid rgba(var(--ind-rgb),.18);border-radius:var(--r-sm);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.nbs-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-sub)}.nbs-row.disc{color:var(--red)}.nbs-row.grand{font-size:15px;font-weight:700;color:var(--ind);padding-top:8px;border-top:1.5px dashed rgba(var(--ind-rgb),.25);margin-top:2px}.change-display{height:40px;display:flex;align-items:center;padding:0 12px;background:#0ea66e17;border:1.5px solid rgba(14,166,110,.25);border-radius:var(--r-sm);font-size:16px;font-weight:700;color:var(--green);font-family:var(--mono)}@media(max-width:1280px){.billing-page{padding:16px 14px}.bill-stats-row{gap:8px}.bstat-val{font-size:18px}}@media(max-width:1100px){.bill-stats-row{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.receipt-meta-grid{grid-template-columns:repeat(2,1fr)}.bills-table th:nth-child(6),.bills-table td:nth-child(6){display:none}}@media(max-width:900px){.bills-table th:nth-child(7),.bills-table td:nth-child(7){display:none}}@media(max-width:768px){.billing-page{padding:12px 10px}.billing-header{flex-direction:column;align-items:stretch;gap:12px}.billing-header-right{justify-content:flex-start;flex-wrap:wrap;width:100%;gap:8px}.billing-header-right .bill-btn-primary,.billing-header-right .bill-btn-secondary{flex:1;justify-content:center}.bill-stats-row{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:12px}.bill-stats-row::-webkit-scrollbar{display:none}.bill-stat-card{flex:0 0 85%}.bill-toolbar{flex-direction:column;align-items:stretch;gap:12px}.bill-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.bill-toolbar-right{flex-direction:column;align-items:stretch;width:100%;gap:8px}.bill-search{width:100%;max-width:100%}.bills-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px}.bills-table{min-width:600px}.large-modal{max-width:100%;max-height:95vh}.form-row{flex-direction:column}.nb-items-hdr,.nb-item-row{grid-template-columns:1.5fr 50px 80px 70px 28px}}@media(max-width:500px){.bill-stat-card{flex:0 0 92%}}:root{--ord-orange: #f97316;--ord-orange-light: #fff7ed;--ord-orange-mid: #fed7aa;--ord-orange-dark: #ea580c;--ord-bg: #fafafa;--ord-surface: #ffffff;--ord-surface-2: #f8f9fb;--ord-border: #e8eaef;--ord-border-2: #f0f1f5;--ord-text: #0f1729;--ord-text-sub: #4a5568;--ord-text-muted: #94a3b8;--ord-green: #10b981;--ord-blue: #2563eb;--ord-amber: #d97706;--ord-red: #dc2626;--ord-purple: #7c3aed;--ord-cyan: #0891b2;--ord-font: "DM Sans", system-ui, sans-serif;--ord-mono: "DM Mono", "Fira Mono", monospace;--ord-display: "Fraunces", Georgia, serif;--ord-r-sm: 6px;--ord-r-md: 10px;--ord-r-lg: 14px;--ord-r-xl: 18px;--ord-shadow-sm: 0 1px 3px rgba(15,23,41,.06), 0 1px 2px rgba(15,23,41,.04);--ord-shadow-md: 0 4px 16px rgba(15,23,41,.08), 0 1px 4px rgba(15,23,41,.04);--ord-shadow-lg: 0 12px 40px rgba(15,23,41,.12), 0 4px 12px rgba(15,23,41,.06);--ord-shadow-orange: 0 4px 20px rgba(249,115,22,.22);--ord-transition: all .18s cubic-bezier(.4,0,.2,1);--ord-spring: all .28s cubic-bezier(.34,1.56,.64,1)}.ord-root *{box-sizing:border-box;margin:0;padding:0}.ord-root{font-family:var(--ord-font);background:#fffaf4;color:var(--ord-text);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ord-toast{position:fixed;top:18px;right:22px;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:var(--ord-r-lg);font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ord-shadow-lg);z-index:9999;animation:ord-toast-in .3s cubic-bezier(.34,1.56,.64,1);max-width:320px;pointer-events:none}.ord-toast-success{background:#10b981f2;color:#fff}.ord-toast-error{background:#dc2626f2;color:#fff}.ord-toast-warning{background:#d97706f2;color:#fff}.ord-toast-info{background:#f97316f2;color:#fff}@keyframes ord-toast-in{0%{opacity:0;transform:translate(20px) scale(.93)}to{opacity:1;transform:translate(0) scale(1)}}.ord-overlay{position:fixed;inset:0;background:#0f172975;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:ord-overlay-in .2s ease}@keyframes ord-overlay-in{0%{opacity:0}to{opacity:1}}.void-modal{background:#fffaf4;border-radius:var(--ord-r-xl);box-shadow:0 24px 80px #0f172938,0 8px 24px #0f17291a;border:1.5px solid var(--ord-border);width:100%;max-width:440px;overflow:hidden;animation:ord-modal-in .3s cubic-bezier(.34,1.26,.64,1)}@keyframes ord-modal-in{0%{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.void-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1.5px solid var(--ord-border);font-family:var(--ord-display);font-size:17px;font-weight:700;color:var(--ord-text)}.void-modal-head button{width:32px;height:32px;border-radius:8px;background:none;border:1.5px solid var(--ord-border);color:var(--ord-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ord-transition)}.void-modal-head button:hover{background:var(--ord-surface-2);color:var(--ord-text)}.void-item-row{display:flex;align-items:center;gap:12px;padding:16px 22px;background:var(--ord-surface-2);border-bottom:1px solid var(--ord-border-2)}.void-item-emoji{font-size:28px}.void-item-name{font-size:14px;font-weight:700;color:var(--ord-text)}.void-item-qty{font-size:12px;color:var(--ord-text-muted);font-family:var(--ord-mono);margin-top:2px}.void-item-price{margin-left:auto;font-family:var(--ord-mono);font-size:15px;font-weight:600;color:var(--ord-red)}.void-reasons{display:flex;flex-wrap:wrap;gap:7px;padding:16px 22px}.void-reason{padding:7px 13px;border-radius:999px;border:1.5px solid var(--ord-border);background:var(--ord-surface);font-family:var(--ord-font);font-size:12.5px;font-weight:600;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition)}.void-reason:hover{border-color:var(--ord-orange-mid);color:var(--ord-orange);background:var(--ord-orange-light)}.void-reason.active{background:var(--ord-orange);border-color:var(--ord-orange);color:#fff}.void-confirm-btn{display:flex;align-items:center;gap:7px;width:calc(100% - 44px);margin:0 22px 20px;padding:11px 16px;background:var(--ord-red);color:#fff;border:none;border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:13.5px;font-weight:700;cursor:pointer;justify-content:center;transition:var(--ord-transition);box-shadow:0 2px 10px #dc26264d}.void-confirm-btn:hover{filter:brightness(1.08)}.ord-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#fffaf4;border-bottom:1.5px solid var(--ord-border);flex-wrap:wrap;position:sticky;top:0;z-index:100}.ord-topbar-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.ord-live-clock{display:flex;align-items:center;gap:6px;font-family:var(--ord-mono);font-size:12.5px;font-weight:500;color:var(--ord-text-sub);background:var(--ord-surface-2);border:1.5px solid var(--ord-border);padding:5px 11px;border-radius:999px}.ord-live-dot{width:7px;height:7px;border-radius:50%;background:var(--ord-green);box-shadow:0 0 0 2px #10b98133;animation:ord-pulse 2s infinite}.ord-live-dot.offline{background:var(--ord-text-muted);box-shadow:none;animation:none}@keyframes ord-pulse{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 5px #10b98114}}.ord-page-title{font-family:sans-serif;font-size:22px;font-weight:900;color:var(--ord-text);letter-spacing:-.4px;line-height:1}.ord-offline-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dc262614;color:var(--ord-red);border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid rgba(220,38,38,.2)}.ord-kpi-row{display:flex;align-items:center;gap:4px;background:var(--ord-surface-2);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-lg);padding:5px 8px}.ord-kpi{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--ord-r-md);transition:var(--ord-transition);cursor:default}.ord-kpi:not(:last-child){border-right:1px solid var(--ord-border)}.ord-kpi:hover{background:var(--ord-surface)}.ord-kpi-icon{display:flex;align-items:center}.ord-kpi-val{font-family:var(--ord-mono);font-size:13.5px;font-weight:500;color:var(--ord-text);letter-spacing:-.3px}.ord-kpi-lbl{font-size:10.5px;color:var(--ord-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ord-topbar-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.ord-icon-btn{width:36px;height:36px;border-radius:var(--ord-r-md);background:var(--ord-surface);border:1.5px solid var(--ord-border);color:var(--ord-text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ord-transition);position:relative;flex-shrink:0}.ord-icon-btn:hover{background:var(--ord-surface-2);color:var(--ord-text);border-color:#d4d8e2}.ord-icon-btn.active{background:var(--ord-orange-light);color:var(--ord-orange);border-color:var(--ord-orange-mid)}.ord-notif-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--ord-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fffaf4;font-family:var(--ord-mono)}.ord-notif-wrap{position:relative}.ord-notif-drop{position:absolute;top:calc(100% + 8px);right:0;background:var(--ord-surface);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-xl);box-shadow:var(--ord-shadow-lg);width:300px;z-index:500;overflow:hidden;animation:ord-modal-in .22s cubic-bezier(.34,1.26,.64,1)}.ord-notif-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:12.5px;font-weight:700;color:var(--ord-text);border-bottom:1px solid var(--ord-border-2);background:var(--ord-surface-2)}.ord-notif-hdr button{background:none;border:none;font-size:11.5px;font-weight:600;color:var(--ord-orange);cursor:pointer;font-family:var(--ord-font)}.ord-notif-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;font-size:12.5px;font-weight:500;color:var(--ord-text-sub);border-bottom:1px solid var(--ord-border-2);transition:var(--ord-transition)}.ord-notif-item:last-child{border-bottom:none}.ord-notif-item:hover{background:var(--ord-surface-2)}.ord-notif-ready{border-left:3px solid var(--ord-green)}.ord-notif-warning{border-left:3px solid var(--ord-amber)}.ord-notif-info{border-left:3px solid var(--ord-blue)}.ord-notif-time{font-size:11px;font-family:var(--ord-mono);color:var(--ord-text-muted);white-space:nowrap;flex-shrink:0}.ord-btn-new{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--ord-orange) 0%,var(--ord-orange-dark) 100%);color:#fff;border:none;border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:13px;font-weight:700;cursor:pointer;transition:var(--ord-transition);box-shadow:0 2px 10px #f9731652;white-space:nowrap}.ord-btn-new:hover{box-shadow:var(--ord-shadow-orange);filter:brightness(1.05)}.ord-btn-new:active{transform:scale(.97)}.ord-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 28px;background:#fffaf4;border-bottom:1.5px solid var(--ord-border);flex-wrap:wrap}.ord-tabs{display:flex;align-items:center;gap:3px;background:var(--ord-surface-2);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-lg);padding:4px}.ord-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--ord-r-md);background:none;border:none;font-family:var(--ord-font);font-size:12.5px;font-weight:600;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition);white-space:nowrap}.ord-tab:hover{background:var(--ord-surface);color:var(--ord-text)}.ord-tab.active{background:var(--ord-surface);color:var(--ord-orange);box-shadow:var(--ord-shadow-sm)}.ord-tab-count{background:var(--ord-border);color:var(--ord-text-sub);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;font-family:var(--ord-mono);min-width:20px;text-align:center;transition:var(--ord-transition)}.ord-tab.active .ord-tab-count{background:var(--ord-orange-light);color:var(--ord-orange)}.ord-ctrl-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ord-search{display:flex;align-items:center;gap:8px;background:var(--ord-surface);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);padding:0 12px;min-width:220px;color:var(--ord-text-muted);transition:var(--ord-transition)}.ord-search:focus-within{border-color:var(--ord-orange);box-shadow:0 0 0 3px #f973161a}.ord-search input{flex:1;border:none;outline:none;background:none;font-family:var(--ord-font);font-size:13px;color:var(--ord-text);padding:9px 0}.ord-search input::placeholder{color:var(--ord-text-muted)}.ord-search button{background:none;border:none;cursor:pointer;color:var(--ord-text-muted);padding:2px;display:flex;border-radius:4px;transition:var(--ord-transition)}.ord-search button:hover{color:var(--ord-red);background:#dc262614}.ord-filter-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--ord-orange);border:2px solid #fffaf4}.ord-icon-btn{position:relative}.ord-sort-sel{appearance:none;height:36px;border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);padding:0 28px 0 12px;font-family:var(--ord-font);font-size:12.5px;font-weight:600;color:var(--ord-text-sub);background:var(--ord-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;outline:none;transition:var(--ord-transition)}.ord-sort-sel:focus{border-color:var(--ord-orange);box-shadow:0 0 0 3px #f973161a}.ord-sort-sel:hover{border-color:#d4d8e2}.ord-view-toggle{display:flex;border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);overflow:hidden;background:var(--ord-surface)}.ord-view-toggle button{background:none;border:none;padding:8px 11px;cursor:pointer;color:var(--ord-text-muted);transition:var(--ord-transition);display:flex;align-items:center;justify-content:center}.ord-view-toggle button:hover{background:var(--ord-surface-2);color:var(--ord-text)}.ord-view-toggle button.active{background:var(--ord-orange);color:#fff}.ord-filter-bar{display:flex;align-items:center;gap:20px;padding:12px 28px;background:var(--ord-surface-2);border-bottom:1.5px solid var(--ord-border);flex-wrap:wrap;animation:ord-fade-down .22s both}@keyframes ord-fade-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ord-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ord-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ord-text-muted);margin-right:2px}.ord-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;border:1.5px solid var(--ord-border);background:var(--ord-surface);font-family:var(--ord-font);font-size:12px;font-weight:600;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition);white-space:nowrap}.ord-filter-chip:hover{border-color:var(--ord-orange-mid);color:var(--ord-orange);background:var(--ord-orange-light)}.ord-filter-chip.active{background:var(--ord-orange);border-color:var(--ord-orange);color:#fff}.ord-filter-reset{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;border:1.5px solid rgba(220,38,38,.25);background:#dc26260f;font-family:var(--ord-font);font-size:12px;font-weight:700;color:var(--ord-red);cursor:pointer;transition:var(--ord-transition);margin-left:auto}.ord-filter-reset:hover{background:#dc26261f;border-color:#dc262666}.ord-body{flex:1;padding:22px 28px 60px;overflow-y:auto}.ord-body-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:16px;align-items:start}.ord-body-list{display:flex;flex-direction:column;gap:8px}.ord-body-list .ord-card{flex-direction:row;align-items:center;flex-wrap:wrap;border-radius:var(--ord-r-lg);padding:14px 18px;gap:8px}.ord-body-list .ord-card-head{flex:0 0 200px}.ord-body-list .ord-card-meta{flex:0 0 160px}.ord-body-list .ord-card-items{flex:1;min-width:200px}.ord-body-list .ord-card-foot{flex:0 0 auto;margin-left:auto}.ord-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:100px 20px;text-align:center;color:var(--ord-text-muted);grid-column:1 / -1}.ord-empty p{font-size:14.5px;font-weight:500}.ord-empty button{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--ord-orange-light);color:var(--ord-orange-dark);border:1.5px solid var(--ord-orange-mid);border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:13px;font-weight:700;cursor:pointer;transition:var(--ord-transition)}.ord-empty button:hover{background:#fde8d4}.ord-card{background:var(--ord-surface);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-xl);padding:17px 18px 14px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--ord-shadow-sm);transition:var(--ord-transition);position:relative;overflow:hidden;cursor:pointer;animation:ord-card-in .35s both;animation-delay:calc(var(--idx, 0) * 25ms)}.ord-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(249,115,22,.035) 0%,transparent 55%);opacity:0;transition:var(--ord-transition);pointer-events:none;border-radius:inherit}.ord-card:hover{box-shadow:var(--ord-shadow-md);transform:translateY(-2px);border-color:#dde0ea}.ord-card:hover:before{opacity:1}@keyframes ord-card-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ord-priority-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--ord-r-xl) var(--ord-r-xl) 0 0}.ord-rush-stripe{position:absolute;top:8px;right:10px;display:inline-flex;align-items:center;gap:3px;background:#f97316;color:#fff;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase;z-index:2}.ord-overdue{border-color:#dc26264d!important}.ord-rush{border-color:#f9731666!important}.ord-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ord-order-id{font-family:var(--ord-mono);font-size:12px;font-weight:500;color:var(--ord-text-sub);letter-spacing:.1px}.ord-type-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.1px}.ord-source-tag{font-size:10px;font-weight:700;padding:2px 7px;background:#8b5cf614;color:var(--ord-purple);border-radius:5px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(139,92,246,.2)}.ord-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid;letter-spacing:.15px;white-space:nowrap}.ord-sdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ord-card-meta{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.ord-card-table{font-size:15px;font-weight:800;color:var(--ord-text);letter-spacing:-.2px;font-family:var(--ord-display)}.ord-card-customer{font-size:12.5px;color:var(--ord-text-sub);font-weight:500}.ord-covers{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--ord-text-muted);margin-left:auto}.ord-card-items{display:flex;flex-direction:column;gap:4px;background:var(--ord-surface-2);border-radius:var(--ord-r-md);padding:9px 11px;border:1px solid var(--ord-border-2)}.ord-item-row{display:flex;align-items:center;gap:7px}.ord-iqty{font-family:var(--ord-mono);font-size:11.5px;font-weight:500;color:var(--ord-orange);min-width:22px}.ord-iname{font-size:12.5px;font-weight:600;color:var(--ord-text-sub);flex:1}.ord-idot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ord-items-more{font-size:11.5px;font-weight:700;color:var(--ord-text-muted);padding-top:3px;font-family:var(--ord-mono)}.ord-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--ord-border-2)}.ord-card-total{font-family:var(--ord-mono);font-size:16px;font-weight:500;color:var(--ord-text);letter-spacing:-.3px}.ord-kot-alert{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;background:#d9770614;color:var(--ord-amber);border-radius:6px;font-size:11px;font-weight:700;border:1px solid rgba(217,119,6,.22);width:fit-content}.ord-progress{height:3px;background:var(--ord-border-2);border-radius:999px;overflow:hidden}.ord-progress-fill{height:100%;background:linear-gradient(90deg,var(--ord-orange-mid),var(--ord-orange));border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.ord-ready-hint{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--ord-green);background:#10b98112;border:1px solid rgba(16,185,129,.22);border-radius:6px;padding:4px 10px;width:fit-content}.ord-sb-overlay{position:fixed;inset:0;background:#0f17294d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .28s ease}.ord-sb-overlay.visible{opacity:1;pointer-events:auto}.ord-sidebar{position:fixed;top:0;right:0;bottom:0;width:430px;background:#fffaf4;border-left:1.5px solid var(--ord-border);box-shadow:-8px 0 40px #0f172924;z-index:300;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.ord-sidebar.open{transform:translate(0)}.sb-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 20px 14px;border-bottom:1.5px solid var(--ord-border);background:var(--ord-surface);flex-shrink:0}.sb-hdr-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sb-oid{font-family:var(--ord-mono);font-size:13.5px;font-weight:500;color:var(--ord-text);background:var(--ord-surface-2);border:1px solid var(--ord-border);padding:3px 9px;border-radius:6px;letter-spacing:.1px}.sb-type{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:700}.sb-rush-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:var(--ord-orange);color:#fff;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.sb-priority-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:#ea580c14;border-radius:999px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.sb-rush-toggle{width:32px;height:32px;border-radius:8px;background:none;border:1.5px solid var(--ord-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ord-transition)}.sb-rush-toggle:hover{background:var(--ord-orange-light);border-color:var(--ord-orange-mid)}.sb-close{width:34px;height:34px;border-radius:var(--ord-r-md);background:none;border:1.5px solid var(--ord-border);color:var(--ord-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ord-transition);flex-shrink:0}.sb-close:hover{background:var(--ord-surface-2);color:var(--ord-text);border-color:#d4d8e2}.sb-journey{display:flex;align-items:center;padding:14px 18px;border-bottom:1.5px solid var(--ord-border);background:var(--ord-surface-2);gap:0;flex-shrink:0;overflow-x:auto}.sb-jstep{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.sb-jstep span{font-size:10px;font-weight:700;color:var(--ord-text-muted);letter-spacing:.2px;text-transform:uppercase}.sb-jstep.active span{color:var(--ord-text-sub)}.sb-jdot{width:30px;height:30px;border-radius:50%;border:2px solid var(--ord-border);background:var(--ord-surface);display:flex;align-items:center;justify-content:center;color:var(--ord-text-muted);transition:var(--ord-transition)}.sb-jstep.active .sb-jdot{color:#fff;box-shadow:0 2px 8px #00000026}.sb-jline{flex:1;height:2px;background:var(--ord-border);margin:0 4px 14px;min-width:14px;transition:var(--ord-transition)}.sb-jline.done{background:var(--ord-green)}.sb-tabs{display:flex;gap:0;padding:0 18px;border-bottom:1.5px solid var(--ord-border);background:var(--ord-surface);flex-shrink:0;overflow-x:auto}.sb-tab{display:inline-flex;align-items:center;gap:5px;padding:11px 14px;background:none;border:none;border-bottom:2.5px solid transparent;font-family:var(--ord-font);font-size:12.5px;font-weight:600;color:var(--ord-text-muted);cursor:pointer;transition:var(--ord-transition);margin-bottom:-1.5px;white-space:nowrap}.sb-tab:hover{color:var(--ord-text)}.sb-tab.active{color:var(--ord-orange);border-bottom-color:var(--ord-orange)}.sb-body{flex:1;overflow-y:auto;padding:18px}.sb-body::-webkit-scrollbar{width:5px}.sb-body::-webkit-scrollbar-track{background:transparent}.sb-body::-webkit-scrollbar-thumb{background:var(--ord-border);border-radius:99px}.sb-sec{margin-bottom:20px}.sb-sec-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ord-text-muted);margin-bottom:12px}.sb-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.sb-info-cell{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--ord-surface-2);border:1px solid var(--ord-border-2);border-radius:var(--ord-r-md)}.sb-ic-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ord-text-muted)}.sb-ic-val{font-size:13.5px;font-weight:700;color:var(--ord-text);font-family:var(--ord-mono)}.sb-ic-val.text-warn{color:var(--ord-amber)}.sb-contact{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ord-text-sub);margin-top:8px;padding:8px 11px;background:var(--ord-surface-2);border-radius:var(--ord-r-md);border:1px solid var(--ord-border-2)}.sb-special-note{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;font-weight:500;color:var(--ord-text-sub);margin-top:8px;padding:9px 11px;background:var(--ord-orange-light);border:1px solid var(--ord-orange-mid);border-radius:var(--ord-r-md);line-height:1.5}.sb-btn-primary{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:14px;font-weight:700;cursor:pointer;transition:var(--ord-transition);justify-content:center;margin-bottom:10px}.sb-btn-primary:active{transform:scale(.98)}.sb-btn-start{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 2px 12px #f973164d}.sb-btn-ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 12px #10b9814d}.sb-btn-serve{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 12px #2563eb4d}.sb-btn-complete{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 2px 12px #7c3aed4d}.sb-btn-primary:hover{filter:brightness(1.06)}.sb-sec-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.sb-sec-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;background:var(--ord-surface-2);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:12px;font-weight:600;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition);position:relative}.sb-sec-btn:hover{background:var(--ord-surface);color:var(--ord-text);border-color:#d4d8e2}.sb-dot-alert{position:absolute;top:-4px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--ord-amber);border:2px solid #fffaf4}.sb-cancel-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#dc26260d;color:var(--ord-red);border:1.5px solid rgba(220,38,38,.2);border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:12.5px;font-weight:700;cursor:pointer;transition:var(--ord-transition);width:100%;justify-content:center;margin-top:4px}.sb-cancel-btn:hover{background:#dc26261a;border-color:#dc262666}.sb-cat-group{margin-bottom:14px}.sb-cat-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ord-text-muted);margin-bottom:7px;padding:0 2px}.sb-item-row{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--ord-surface-2);border:1px solid var(--ord-border-2);border-radius:var(--ord-r-md);margin-bottom:5px;transition:var(--ord-transition)}.sb-item-row:hover{border-color:var(--ord-orange-mid);background:var(--ord-orange-light)}.sb-item-emoji{font-size:20px;flex-shrink:0}.sb-item-qty{font-family:var(--ord-mono);font-size:12px;font-weight:700;color:var(--ord-orange);min-width:22px}.sb-item-info{flex:1;min-width:0}.sb-item-name{font-size:13px;font-weight:700;color:var(--ord-text)}.sb-item-note{font-size:11.5px;color:var(--ord-text-muted);margin-top:1px;font-style:italic;display:block}.sb-item-price{font-family:var(--ord-mono);font-size:13px;font-weight:500;color:var(--ord-text-sub);flex-shrink:0}.sb-item-status-sel{appearance:none;border:1.5px solid;border-radius:6px;padding:4px 8px;font-family:var(--ord-font);font-size:11px;font-weight:700;cursor:pointer;outline:none;transition:var(--ord-transition);flex-shrink:0}.sb-void-btn{width:26px;height:26px;border-radius:6px;background:#dc26260f;border:1.5px solid rgba(220,38,38,.18);color:var(--ord-red);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ord-transition);flex-shrink:0}.sb-void-btn:hover{background:#dc262624}.sb-void-history{margin-top:14px}.sb-voided-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#dc26260a;border:1px solid rgba(220,38,38,.15);border-radius:var(--ord-r-md);margin-bottom:5px;font-size:12px;font-weight:500;color:var(--ord-text-sub)}.sb-voided-reason{font-style:italic;color:var(--ord-text-muted);font-size:11px}.sb-voided-time{margin-left:auto;font-family:var(--ord-mono);font-size:10.5px;color:var(--ord-text-muted);flex-shrink:0}.sb-bill-rows{background:var(--ord-surface-2);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-lg);overflow:hidden}.sb-bill-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;font-weight:500;color:var(--ord-text-sub);border-bottom:1px solid var(--ord-border-2)}.sb-bill-row:last-child{border-bottom:none}.sb-bill-row span:first-child{display:flex;align-items:center;gap:5px}.sb-bill-row span:last-child{font-family:var(--ord-mono);font-weight:600}.sb-bill-disc span:last-child{color:var(--ord-green)}.sb-bill-tip span:last-child{color:var(--ord-orange)}.sb-bill-total{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--ord-orange-light);border-top:2px solid var(--ord-orange-mid)}.sb-bill-total span:first-child{font-size:13.5px;font-weight:800;color:var(--ord-orange-dark);text-transform:uppercase;letter-spacing:.3px}.sb-bill-total span:last-child{font-family:var(--ord-mono);font-size:20px;font-weight:500;color:var(--ord-text)}.sb-quick-row{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap}.sb-quick-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:var(--ord-surface);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:12.5px;font-weight:600;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition);flex:1;justify-content:center}.sb-quick-btn:hover{background:var(--ord-orange-light);color:var(--ord-orange-dark);border-color:var(--ord-orange-mid)}.sb-discount-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px;background:var(--ord-surface-2);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);margin-top:8px;animation:ord-fade-down .2s both}.sb-disc-type{appearance:none;height:36px;border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);padding:0 10px;font-family:var(--ord-font);font-size:13px;font-weight:700;color:var(--ord-text-sub);background:var(--ord-surface);cursor:pointer;outline:none;min-width:52px}.sb-disc-input{flex:1;height:36px;border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);padding:0 12px;font-family:var(--ord-mono);font-size:13.5px;color:var(--ord-text);background:var(--ord-surface);outline:none;transition:var(--ord-transition);min-width:70px}.sb-disc-input:focus{border-color:var(--ord-orange);box-shadow:0 0 0 3px #f973161a}.sb-disc-apply{height:36px;padding:0 14px;background:var(--ord-orange);color:#fff;border:none;border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:13px;font-weight:700;cursor:pointer;transition:var(--ord-transition);white-space:nowrap}.sb-disc-apply:hover{background:var(--ord-orange-dark)}.sb-tip-presets{display:flex;gap:5px;flex-wrap:wrap}.sb-tip-preset{padding:5px 10px;border-radius:999px;border:1.5px solid var(--ord-border);background:var(--ord-surface);font-family:var(--ord-mono);font-size:12px;font-weight:700;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition)}.sb-tip-preset:hover{background:var(--ord-orange);color:#fff;border-color:var(--ord-orange)}.sb-split-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sb-split-adj{width:34px;height:34px;border-radius:50%;background:var(--ord-surface-2);border:1.5px solid var(--ord-border);font-size:18px;font-weight:700;color:var(--ord-text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ord-transition);flex-shrink:0}.sb-split-adj:hover{background:var(--ord-orange);color:#fff;border-color:var(--ord-orange)}.sb-split-num{font-size:14px;font-weight:700;color:var(--ord-text);flex:1;text-align:center}.sb-split-amount{font-family:var(--ord-mono);font-size:22px;font-weight:500;color:var(--ord-text);letter-spacing:-.5px;text-align:center}.sb-split-amount span{font-size:13px;color:var(--ord-text-muted);font-weight:500;margin-left:5px}.sb-pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.sb-pay-btn{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);background:var(--ord-surface);font-family:var(--ord-font);font-size:13px;font-weight:700;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition)}.sb-pay-btn:hover{background:var(--ord-surface-2);border-color:#d4d8e2}.sb-pay-btn.active{box-shadow:0 2px 8px #0000001a}.sb-cash-calc{background:var(--ord-surface-2);border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);padding:12px;margin-bottom:10px}.sb-cash-input{width:100%;height:40px;border:1.5px solid var(--ord-border);border-radius:var(--ord-r-md);padding:0 14px;font-family:var(--ord-mono);font-size:15px;font-weight:500;color:var(--ord-text);background:var(--ord-surface);outline:none;transition:var(--ord-transition);margin-bottom:8px}.sb-cash-input:focus{border-color:var(--ord-orange);box-shadow:0 0 0 3px #f973161a}.sb-cash-change{font-size:13px;font-weight:600;color:var(--ord-green);margin-bottom:8px;display:flex;align-items:center;gap:5px}.sb-cash-change strong{font-family:var(--ord-mono);font-size:15px}.sb-quick-cash{display:flex;gap:6px;flex-wrap:wrap}.sb-quick-cash button{padding:5px 10px;border-radius:6px;border:1.5px solid var(--ord-border);background:var(--ord-surface);font-family:var(--ord-mono);font-size:11.5px;font-weight:600;color:var(--ord-text-sub);cursor:pointer;transition:var(--ord-transition)}.sb-quick-cash button:hover{background:var(--ord-orange);color:#fff;border-color:var(--ord-orange)}.sb-collect-btn{display:flex;align-items:center;gap:8px;width:100%;padding:13px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:14px;font-weight:700;cursor:pointer;transition:var(--ord-transition);justify-content:center;box-shadow:0 2px 14px #10b9814d}.sb-collect-btn:hover{filter:brightness(1.06);box-shadow:0 4px 18px #10b98166}.sb-collect-btn:active{transform:scale(.98)}.sb-paid-badge{display:flex;align-items:center;gap:7px;padding:13px 16px;background:#10b98112;color:var(--ord-green);border:1.5px solid rgba(16,185,129,.25);border-radius:var(--ord-r-md);font-size:14px;font-weight:700;justify-content:center;text-transform:capitalize}.sb-timeline{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:12px}.sb-timeline:before{content:"";position:absolute;top:16px;bottom:16px;left:14px;width:1.5px;background:var(--ord-border);z-index:0}.sb-timeline-item{display:flex;align-items:center;gap:12px;padding:7px 0;position:relative;z-index:1}.sb-tl-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 0 0 3px #fffaf4,0 0 0 4px #00000014}.sb-tl-info{flex:1}.sb-tl-label{font-size:13px;font-weight:700;color:var(--ord-text);display:block}.sb-tl-time{font-size:11.5px;color:var(--ord-text-muted);font-family:var(--ord-mono)}.sb-fin-row{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--ord-border-2);color:var(--ord-text-sub);font-weight:500}.sb-fin-row span:last-child{font-family:var(--ord-mono);font-weight:600}.kds-screen{position:fixed;inset:0;background:#0f1729;z-index:9999;display:flex;flex-direction:column;font-family:var(--ord-font);-webkit-font-smoothing:antialiased}.kds-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.kds-brand{display:flex;align-items:center;gap:10px;font-family:var(--ord-display);font-size:18px;font-weight:900;color:var(--ord-orange)}.kds-clock{font-family:var(--ord-mono);font-size:22px;font-weight:500;color:#fff;letter-spacing:1px}.kds-exit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--ord-r-md);color:#ffffffb3;font-family:var(--ord-font);font-size:13px;font-weight:600;cursor:pointer;transition:var(--ord-transition)}.kds-exit-btn:hover{background:#ffffff24;color:#fff}.kds-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px 24px;overflow-y:auto;align-content:start}.kds-ticket{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--ord-r-xl);padding:16px;display:flex;flex-direction:column;gap:10px;transition:var(--ord-transition)}.kds-ticket:hover{background:#ffffff12;border-color:#ffffff2e}.kds-rush{border-color:#f9731680!important;background:#f973160f!important}.kds-ticket-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kds-tid{font-family:var(--ord-mono);font-size:13px;font-weight:500;color:#fff9}.kds-table{font-family:var(--ord-display);font-size:16px;font-weight:900;color:#fff}.kds-rush-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:var(--ord-orange);color:#fff;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.kds-ticket-server{font-size:12px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.4px}.kds-ticket-note{font-size:12.5px;font-weight:500;color:#f97316e6;background:#f973161a;border-radius:var(--ord-r-md);padding:8px 11px;border:1px solid rgba(249,115,22,.2)}.kds-ticket-items{display:flex;flex-direction:column;gap:5px}.kds-item{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#ffffff0d;border-radius:var(--ord-r-md);cursor:pointer;transition:var(--ord-transition);border:1px solid transparent}.kds-item:hover{background:#ffffff17;border-color:#ffffff1f}.kds-item-done{background:#10b9811a!important;border-color:#10b98140!important}.kds-iq{font-family:var(--ord-mono);font-size:12.5px;font-weight:700;color:var(--ord-orange);min-width:24px}.kds-iname{font-size:13px;font-weight:600;color:#fff;flex:1}.kds-inote{font-size:11px;color:#fff6;font-style:italic}.kds-icheck{color:#ffffff4d;display:flex}.kds-item-done .kds-icheck{color:var(--ord-green)}.kds-item-done .kds-iname{text-decoration:line-through;color:#ffffff73}.kds-ticket-actions{display:flex;gap:8px}.kds-btn-start,.kds-btn-ready{display:inline-flex;align-items:center;gap:6px;flex:1;justify-content:center;padding:10px 12px;border:none;border-radius:var(--ord-r-md);font-family:var(--ord-font);font-size:13px;font-weight:700;cursor:pointer;transition:var(--ord-transition)}.kds-btn-start{background:var(--ord-orange);color:#fff}.kds-btn-ready{background:var(--ord-green);color:#fff}.kds-btn-start:hover{background:var(--ord-orange-dark)}.kds-btn-ready:hover{filter:brightness(1.1)}@keyframes ord-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ord-body::-webkit-scrollbar{width:5px}.ord-body::-webkit-scrollbar-track{background:transparent}.ord-body::-webkit-scrollbar-thumb{background:var(--ord-border);border-radius:99px}.ord-body::-webkit-scrollbar-thumb:hover{background:#d4d8e2}@media(max-width:1100px){.ord-topbar,.ord-controls{padding:12px 18px}.ord-body{padding:18px 18px 50px}.ord-sidebar{width:380px}}@media(max-width:860px){.ord-topbar{gap:10px}.ord-page-title{font-size:18px}.ord-tabs{overflow-x:auto;padding:4px}.ord-sidebar{width:100%;right:0}.ord-body-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ord-topbar{padding:12px;gap:12px;align-items:stretch;flex-direction:column}.ord-topbar-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.ord-topbar-right{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:8px;overflow:visible;padding-bottom:0}.ord-topbar-right .ord-btn-new{flex:1;justify-content:center}.ord-kpi-row{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%}.ord-kpi-row::-webkit-scrollbar{display:none}.ord-kpi{flex-shrink:0}.ord-controls{padding:12px;gap:12px;flex-direction:column;align-items:stretch}.ord-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start}.ord-tabs::-webkit-scrollbar{display:none}.ord-tab{flex-shrink:0}.ord-ctrl-right{flex-direction:column;width:100%;justify-content:flex-start;gap:10px}.ord-search,.ord-sort-sel{width:100%}.ord-body{padding:12px 12px 60px}.ord-body-grid{grid-template-columns:1fr}.ord-body-list .ord-card{flex-direction:column;align-items:stretch;gap:12px}.ord-body-list .ord-card-head,.ord-body-list .ord-card-meta,.ord-body-list .ord-card-items,.ord-body-list .ord-card-foot{flex:unset;width:100%;margin-left:0}.sb-pay-methods,.sb-info-grid,.sb-sec-actions{grid-template-columns:1fr}}:root{--bg: #f4f5f9;--surface: #ffffff;--surface-2: #f0f1f7;--surface-3: #e8eaf2;--border: rgba(0,0,0,.07);--border-md: rgba(0,0,0,.12);--text: #0d0f18;--text-sub: #5c6070;--text-muted: #9ea5b8;--green: #0ea66e;--green-soft: rgba(14,166,110,.09);--red: #e8364a;--red-soft: rgba(232,54,74,.09);--amber: #f79009;--amber-soft: rgba(247,144,9,.09);--r: 13px;--r-sm: 9px;--r-xs: 6px;--r-lg: 18px;--sh: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--sh-md: 0 4px 16px rgba(0,0,0,.09);--sh-lg: 0 12px 44px rgba(0,0,0,.14);--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--ind: #4f52e8;--ind-light: rgba(79,82,232,.07);--ind-dark: #3e41cc;--ind-rgb: 79,82,232;--ind-glow: rgba(var(--ind-rgb), .22);--ind-soft: rgba(var(--ind-rgb), .08);--ind-mid: rgba(var(--ind-rgb), .15)}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.reports-page{background:#fffaf4;min-height:100vh;padding:22px 20px;font-family:var(--font);color:var(--text);position:relative;width:100%;overflow-x:hidden;box-sizing:border-box}.reports-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(var(--ind-rgb),.04) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 100%,rgba(var(--ind-rgb),.03) 0%,transparent 60%);pointer-events:none;z-index:0}.reports-page>*{position:relative;z-index:1}.report-toast{position:fixed;top:22px;left:50%;transform:translate(-50%);padding:11px 22px;border-radius:999px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--sh-md)}.report-toast.success{background:var(--ind);color:#fff;box-shadow:0 4px 20px var(--ind-glow)}.report-toast.error{background:var(--red);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.reports-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 22px;box-shadow:var(--sh);overflow:hidden;position:relative}.reports-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ind),var(--ind-dark));border-radius:4px 0 0 4px}.reports-header:after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ind-rgb),.08) 0%,transparent 70%);pointer-events:none}.reports-header-left h1{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text);display:flex;align-items:center;gap:9px}.reports-header-left h1 svg{color:var(--ind);font-size:18px}.reports-header-left p{font-size:12px;color:var(--text-muted);margin-top:3px}.reports-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.industry-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:20px;border:1.5px solid rgba(var(--ind-rgb),.25);background:var(--ind-light);font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--ind);margin-bottom:7px;width:fit-content;text-transform:uppercase}.ind-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--ind);flex-shrink:0;box-shadow:0 0 0 2px rgba(var(--ind-rgb),.2)}.report-btn-primary{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--ind),var(--ind-dark));color:#fff;font-size:13px;font-weight:600;box-shadow:0 3px 12px var(--ind-glow);transition:all .18s}.report-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--ind-glow)}.report-btn-secondary{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--border-md);background:var(--surface);color:var(--text-sub);font-size:13px;font-weight:600;box-shadow:var(--sh);transition:all .18s}.report-btn-secondary:hover{border-color:var(--ind);color:var(--ind);background:var(--ind-soft)}.rpt-sel-wrap{position:relative;display:flex;align-items:center}.rpt-sel-ico{position:absolute;left:10px;color:var(--ind);font-size:12px;pointer-events:none;z-index:1}.rpt-sel{height:36px;padding:0 14px 0 30px;border:1.5px solid rgba(var(--ind-rgb),.25);border-radius:999px;background:var(--ind-light);color:var(--ind);font-size:12px;font-weight:700;appearance:none;outline:none;cursor:pointer;transition:border-color .18s,box-shadow .18s}.rpt-sel:focus{border-color:var(--ind);box-shadow:0 0 0 3px rgba(var(--ind-rgb),.1)}.reports-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;margin-bottom:12px;box-shadow:var(--sh)}.filter-group{display:flex;flex-direction:column;gap:7px}.filter-label{font-size:10.5px;font-weight:700;color:var(--ind);text-transform:uppercase;letter-spacing:.6px}.date-range-tabs{display:flex;gap:5px}.date-tab{padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--text-sub);transition:all .15s}.date-tab:hover{border-color:rgba(var(--ind-rgb),.4);color:var(--ind);background:var(--ind-soft)}.date-tab.active{border-color:var(--ind);background:linear-gradient(135deg,var(--ind),var(--ind-dark));color:#fff;box-shadow:0 2px 8px var(--ind-glow)}.custom-date-inputs{display:flex;align-items:center;gap:8px;margin-top:4px}.custom-date-inputs span{font-size:12px;color:var(--text-muted)}.date-input{height:34px;padding:0 10px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:12px;color:var(--text);outline:none;cursor:pointer;transition:border-color .18s}.date-input:focus{border-color:var(--ind);box-shadow:0 0 0 3px rgba(var(--ind-rgb),.1)}.reports-tabs{display:flex;gap:4px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:8px;margin-bottom:14px;box-shadow:var(--sh);position:relative}.reports-tabs:before{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--border);border-radius:999px;pointer-events:none}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-sm);border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--text-sub);transition:all .15s;position:relative}.tab-btn svg{font-size:13px}.tab-btn:hover{background:var(--ind-soft);color:var(--ind)}.tab-btn.active{background:linear-gradient(135deg,var(--ind),var(--ind-dark));color:#fff;box-shadow:0 2px 8px var(--ind-glow)}.tab-btn.active svg{color:#ffffffe6}.tab-content{display:flex;flex-direction:column;gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh);transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.kpi-card.primary{border-color:rgba(var(--ind-rgb),.2);background:linear-gradient(135deg,var(--ind-light),var(--surface))}.kpi-card.primary:after{content:"";position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ind-rgb),.12) 0%,transparent 70%)}.kpi-card.success{border-left:3px solid var(--green)}.kpi-card.warning{border-left:3px solid var(--amber)}.kpi-card.info{border-left:3px solid #06b6d4}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.kpi-card.primary .kpi-icon{background:rgba(var(--ind-rgb),.12);color:var(--ind)}.kpi-card.success .kpi-icon{background:#0ea66e1a;color:#0ea66e}.kpi-card.warning .kpi-icon{background:#f790091a;color:#f79009}.kpi-card.info .kpi-icon{background:#06b6d41a;color:#06b6d4}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}.kpi-trend.up{background:#0ea66e1a;color:#0ea66e}.kpi-trend.down{background:#e8364a1a;color:#e8364a}.kpi-value{font-size:22px;font-weight:700;letter-spacing:-.5px;font-family:var(--mono);line-height:1.1}.kpi-card.primary .kpi-value{color:var(--ind)}.kpi-card.success .kpi-value{color:#0ea66e}.kpi-card.warning .kpi-value{color:#f79009}.kpi-card.info .kpi-value{color:#06b6d4}.kpi-label{font-size:12px;color:var(--text-muted);margin-top:3px;font-weight:500}.kpi-footer{font-size:11px;color:var(--text-muted);margin-top:4px}.extra-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.extra-metric-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ind);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.extra-metric-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.extra-metric-card:after{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ind-rgb),.07) 0%,transparent 70%);pointer-events:none}.em-value{font-size:20px;font-weight:700;font-family:var(--mono);color:var(--ind);line-height:1.1}.em-label{font-size:12px;font-weight:600;color:var(--text);margin-top:5px}.em-note{font-size:11px;color:var(--text-muted);margin-top:3px}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh);transition:box-shadow .18s}.chart-card:hover{box-shadow:var(--sh-md)}.chart-card.large,.chart-card.wide{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.chart-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.chart-title svg{color:var(--ind);font-size:14px}.chart-controls{display:flex;gap:5px}.chart-type-btn{width:30px;height:30px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.chart-type-btn:hover{border-color:rgba(var(--ind-rgb),.4);color:var(--ind)}.chart-type-btn.active{background:var(--ind-soft);color:var(--ind);border-color:rgba(var(--ind-rgb),.3)}.simple-bar-chart{display:flex;align-items:flex-end;gap:8px;height:180px;padding-top:30px}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.bar-value{font-size:9px;color:var(--text-muted);font-family:var(--mono);white-space:nowrap;transform:rotate(-30deg);transform-origin:center}.bar{width:100%;background:rgba(var(--ind-rgb),.08);border-radius:5px 5px 0 0;position:relative;overflow:hidden;min-height:4px}.bar-fill{position:absolute;inset:0;background:linear-gradient(180deg,var(--ind),var(--ind-dark));opacity:.85;transition:opacity .2s}.bar:hover .bar-fill{opacity:1}.bar-label{font-size:11px;color:var(--text-muted);font-weight:600}.category-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;flex-direction:column;gap:5px}.cat-info{display:flex;align-items:center;gap:8px}.cat-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.cat-name{font-size:12.5px;font-weight:600;color:var(--text)}.cat-metrics{display:flex;align-items:center;gap:8px}.cat-bar-wrap{flex:1;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.cat-bar{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.25,.8,.25,1)}.cat-revenue{font-size:12px;font-weight:700;font-family:var(--mono);min-width:70px;text-align:right;color:var(--text)}.cat-pct{font-size:11px;color:var(--text-muted);min-width:36px}.payment-breakdown{display:flex;flex-direction:column;gap:14px}.payment-item{display:flex;flex-direction:column;gap:5px}.payment-header{display:flex;justify-content:space-between}.payment-method{font-size:13px;font-weight:600;color:var(--text)}.payment-amount{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--text)}.payment-bar-wrap{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.payment-bar{height:100%;border-radius:999px}.payment-footer{display:flex;justify-content:flex-end;font-size:11px}.payment-pct{font-weight:700;color:var(--text-muted)}.order-types-grid{display:flex;flex-direction:column;gap:12px}.order-type-card{display:flex;align-items:center;gap:14px;padding:11px 14px;background:var(--surface-2);border-radius:var(--r-sm);border:1px solid transparent;transition:border-color .15s,background .15s}.order-type-card:hover{border-color:rgba(var(--ind-rgb),.15);background:var(--ind-light)}.ot-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.ot-type{font-size:13px;font-weight:600;color:var(--text)}.ot-revenue{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--ind);margin-top:2px}.revenue-breakdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh)}.breakdown-header h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:14px}.breakdown-header h3 svg{color:var(--ind)}.breakdown-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.breakdown-item{padding:12px 14px;border-radius:var(--r-sm);display:flex;flex-direction:column;gap:5px}.breakdown-item.positive{background:#0ea66e12;border-left:2px solid #0ea66e}.breakdown-item.negative{background:#e8364a12;border-left:2px solid #e8364a}.breakdown-item.neutral{background:#f7900912;border-left:2px solid #f79009}.breakdown-item.total{background:rgba(var(--ind-rgb),.09);border-left:2px solid var(--ind)}.breakdown-label{font-size:11px;color:var(--text-muted);font-weight:600}.breakdown-value{font-size:15px;font-weight:700;font-family:var(--mono);color:var(--text)}.breakdown-item.total .breakdown-value{color:var(--ind);font-size:16px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--ind-light),var(--surface))}.table-header h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.table-header h3 svg{color:var(--ind)}.export-table-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1.5px solid rgba(var(--ind-rgb),.3);background:var(--ind-soft);color:var(--ind);font-size:12px;font-weight:600;transition:all .15s}.export-table-btn:hover{background:var(--ind-mid);border-color:rgba(var(--ind-rgb),.5)}.report-table-wrap{overflow-x:auto}.report-table{width:100%;border-collapse:collapse}.report-table thead{background:linear-gradient(90deg,var(--ind) 0%,var(--ind-dark) 100%)}.report-table th{padding:10px 14px;font-size:10px;font-weight:700;color:#ffffffe6;text-align:left;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.report-table thead tr th:first-child{border-radius:0}.report-table tbody tr{border-bottom:1px solid var(--border);transition:background .13s}.report-table tbody tr:last-child{border-bottom:none}.report-table tbody tr:hover{background:var(--ind-light)}.report-table td{padding:10px 14px;font-size:12.5px;color:var(--text-sub);white-space:nowrap}.date-col{font-weight:600;color:var(--text);font-family:var(--mono)}.revenue-col{font-weight:700;font-family:var(--mono);color:var(--ind)}.growth-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.growth-badge.positive{background:#0ea66e1a;color:#0ea66e}.growth-badge.negative{background:#e8364a1a;color:#e8364a}.green{color:var(--green)!important}.metrics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh)}.metrics-card h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:14px}.metrics-card h3 svg{color:var(--ind)}.metrics-list{display:flex;flex-direction:column;gap:0}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-sub);padding:10px 0;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:none;padding-bottom:0}.metric-row:first-child{padding-top:0}.metric-value{font-weight:700;color:var(--text);font-family:var(--mono)}.metric-value.green{color:var(--green)}.top-items-list{display:flex;flex-direction:column;gap:8px}.top-item-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid transparent;transition:all .15s}.top-item-row:hover{border-color:rgba(var(--ind-rgb),.15);background:var(--ind-light);transform:translate(2px)}.item-rank{font-size:13px;font-weight:700;color:var(--ind);min-width:28px;font-family:var(--mono)}.item-info{flex:1}.item-name{font-size:13px;font-weight:600;color:var(--text)}.item-stats{font-size:11.5px;color:var(--text-muted);margin-top:2px;display:flex;gap:6px}.item-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.item-revenue{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--green)}.item-growth{display:flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700}.item-growth.positive{color:var(--green)}.item-growth.negative{color:var(--red)}.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.insight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh);display:flex;align-items:flex-start;gap:12px;transition:box-shadow .18s,transform .18s}.insight-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.insight-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.insight-icon.success{background:#0ea66e1a;color:#0ea66e}.insight-icon.primary{background:rgba(var(--ind-rgb),.1);color:var(--ind)}.insight-icon.warning{background:#f790091a;color:#f79009}.insight-icon.danger{background:#e8364a1a;color:#e8364a}.insight-value{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.insight-label{font-size:11px;color:var(--text-muted);font-weight:600;margin-top:3px;text-transform:uppercase;letter-spacing:.4px}.insight-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.staff-performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.waiter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:box-shadow .18s,transform .18s}.waiter-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.waiter-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ind),var(--ind-dark))}.waiter-rank{position:absolute;top:14px;right:16px;font-size:28px;font-weight:700;color:rgba(var(--ind-rgb),.1);font-family:var(--mono);line-height:1}.waiter-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--ind),var(--ind-dark));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;box-shadow:0 3px 10px var(--ind-glow)}.waiter-name{font-size:15px;font-weight:700;color:var(--text)}.waiter-rating{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px;margin-top:3px}.waiter-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.waiter-stat{display:flex;flex-direction:column;gap:2px}.waiter-stat span:first-child{font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.waiter-stat span:last-child{font-size:14px;font-weight:700;color:var(--text);font-family:var(--mono)}.waiter-stat .green{color:var(--green)}.waiter-efficiency{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);font-weight:600}.efficiency-bar-wrap{flex:1;height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.efficiency-bar{height:100%;background:linear-gradient(90deg,var(--ind),var(--ind-dark));border-radius:999px}.customer-insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.insight-card.large{flex-direction:column;align-items:flex-start;padding:18px 16px;gap:0}.ci-primary{border-left:3px solid var(--ind);background:linear-gradient(135deg,var(--ind-light),var(--surface))}.ci-success{border-left:3px solid var(--green);background:linear-gradient(135deg,rgba(14,166,110,.06),var(--surface))}.ci-warning{border-left:3px solid var(--amber);background:linear-gradient(135deg,rgba(247,144,9,.06),var(--surface))}.ci-info{border-left:3px solid #06b6d4;background:linear-gradient(135deg,rgba(6,182,212,.06),var(--surface))}.insight-value-large{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--ind);line-height:1.1}.ci-success .insight-value-large{color:var(--green)}.ci-warning .insight-value-large{color:var(--amber)}.ci-info .insight-value-large{color:#06b6d4}.insight-label-large{font-size:13px;font-weight:700;color:var(--text);margin-top:6px}.insight-desc-large{font-size:11px;color:var(--text-muted);margin-top:3px}.inventory-alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.inventory-alerts-header h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.inventory-alerts-header h3 svg{color:var(--amber)}.alert-legend{display:flex;gap:14px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-item.critical .legend-dot{background:var(--red)}.legend-item.low .legend-dot{background:var(--amber)}.legend-item.ok .legend-dot{background:var(--green)}.legend-item.critical{color:var(--red)}.legend-item.low{color:var(--amber)}.legend-item.ok{color:var(--green)}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inventory-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:9px;transition:box-shadow .18s,transform .18s}.inventory-card:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.inventory-card.critical{border-left:3px solid var(--red);background:linear-gradient(135deg,rgba(232,54,74,.04),var(--surface))}.inventory-card.low{border-left:3px solid var(--amber);background:linear-gradient(135deg,rgba(247,144,9,.04),var(--surface))}.inventory-card.ok{border-left:3px solid var(--green);background:linear-gradient(135deg,rgba(14,166,110,.04),var(--surface))}.inv-status-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.inventory-card.critical .inv-status-badge{color:var(--red)}.inventory-card.low .inv-status-badge{color:var(--amber)}.inventory-card.ok .inv-status-badge{color:var(--green)}.inv-item-name{font-size:14px;font-weight:700;color:var(--text)}.inv-stock-info{display:flex;align-items:baseline;gap:4px;font-size:13px}.current-stock{font-size:24px;font-weight:700;font-family:var(--mono);color:var(--text)}.stock-separator{color:var(--text-muted);font-size:16px}.reorder-level{color:var(--text-muted)}.inv-progress-wrap{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.inv-progress{height:100%;border-radius:999px;background:var(--ind)}.inventory-card.critical .inv-progress{background:var(--red)}.inventory-card.low .inv-progress{background:var(--amber)}.inventory-card.ok .inv-progress{background:var(--green)}.inv-cost{font-size:11.5px;color:var(--text-muted)}.reorder-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);border:1.5px solid rgba(var(--ind-rgb),.25);background:var(--ind-soft);color:var(--ind);font-size:12px;font-weight:600;transition:all .15s;width:fit-content}.reorder-btn:hover{background:var(--ind-mid);border-color:rgba(var(--ind-rgb),.45)}.forecast-header{margin-bottom:4px}.forecast-header h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.forecast-header h3 svg{color:var(--ind)}.forecast-desc{font-size:12.5px;color:var(--text-muted);margin-top:4px}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.forecast-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.forecast-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.forecast-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ind),var(--ind-dark))}.forecast-period{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ind)}.forecast-value{font-size:26px;font-weight:700;font-family:var(--mono);color:var(--text);line-height:1}.forecast-confidence{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);font-weight:600}.confidence-bar-wrap{flex:1;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.confidence-bar{height:100%;background:linear-gradient(90deg,var(--ind),var(--ind-dark));border-radius:999px}.trend-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700}.trend-badge.up{background:#0ea66e1a;color:#0ea66e}.trend-badge.stable{background:#f790091a;color:#f79009}.trend-badge.down{background:#e8364a1a;color:#e8364a}.recommendations-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh)}.recommendations-header h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:14px}.recommendations-header h3 svg{color:var(--ind)}.recommendations-list{display:flex;flex-direction:column;gap:10px}.recommendation-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:var(--r-sm);border:1px solid transparent;transition:border-color .15s}.recommendation-item:hover{border-color:rgba(var(--ind-rgb),.12)}.rec-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.rec-icon.success{background:#0ea66e1a;color:#0ea66e}.rec-icon.warning{background:#f790091a;color:#f79009}.rec-icon.primary{background:rgba(var(--ind-rgb),.1);color:var(--ind)}.rec-title{font-size:13px;font-weight:700;color:var(--text)}.rec-desc{font-size:12px;color:var(--text-muted);margin-top:3px;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#0d0f1880;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:ov-in .2s ease}@keyframes ov-in{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);display:flex;flex-direction:column;overflow:hidden;animation:modal-pop .24s cubic-bezier(.34,1.56,.64,1);width:100%;max-width:440px}@keyframes modal-pop{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-color-strip{height:4px;background:linear-gradient(90deg,var(--ind),var(--ind-dark));flex-shrink:0}.modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border)}.modal-title{font-size:17px;font-weight:700;letter-spacing:-.3px}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:3px;font-family:var(--mono)}.modal-close-btn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-sub);transition:all .15s;flex-shrink:0}.modal-close-btn:hover{background:var(--red-soft);color:var(--red)}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 22px;border-top:1px solid var(--border);background:var(--ind-light)}.modal-close-plain{padding:9px 18px;border-radius:999px;border:1.5px solid var(--border-md);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-muted);transition:all .15s}.modal-close-plain:hover{color:var(--text);border-color:var(--border-md)}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-option{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;transition:all .15s}.export-option:hover{border-color:rgba(var(--ind-rgb),.3);background:var(--ind-light);transform:translateY(-1px);box-shadow:var(--sh)}.export-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.export-format{font-size:14px;font-weight:700;color:var(--text)}.export-desc{font-size:11px;color:var(--text-muted);margin-top:2px}@media(max-width:1280px){.reports-page{padding:16px 14px}.kpi-grid,.extra-metrics-row{grid-template-columns:repeat(2,1fr)}.breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.charts-grid{grid-template-columns:1fr}.insights-grid,.customer-insights-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}.forecast-grid{grid-template-columns:1fr 1fr}.staff-performance-grid{grid-template-columns:1fr}}@media(max-width:900px){.reports-page{padding:14px 10px}.breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reports-header{flex-direction:column;align-items:stretch;gap:12px}.reports-header-left{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.reports-header-right{width:100%;justify-content:flex-start;gap:8px;flex-wrap:wrap}.reports-header-right button{flex:1;justify-content:center}.reports-filters{flex-direction:column;align-items:stretch;gap:12px}.filter-group{width:100%}.date-range-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.date-range-tabs::-webkit-scrollbar{display:none}.date-tab{flex-shrink:0}.reports-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;justify-content:flex-start}.reports-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0}.kpi-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-bottom:8px}.kpi-grid::-webkit-scrollbar{display:none}.kpi-card{flex:0 0 85%}.extra-metrics-row{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px}.extra-metrics-row::-webkit-scrollbar{display:none}.metric-pill{flex:0 0 85%}.forecast-grid,.inventory-grid,.breakdown-grid,.export-options{grid-template-columns:1fr}}@media(max-width:500px){.kpi-card,.metric-pill{flex:0 0 92%}.insights-grid,.customer-insights-grid{grid-template-columns:1fr}}.rpt-live-indicator{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:1px;color:#10b981;margin-left:10px;text-transform:uppercase}.rpt-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:rpt-pulse 1.6s ease-in-out infinite}@keyframes rpt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.rpt-sync-banner{display:flex;align-items:center;gap:12px;padding:11px 18px;background:linear-gradient(90deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0;border-radius:12px;margin-bottom:18px;font-size:13px;color:#065f46;font-weight:500}.rpt-sync-icon{color:#10b981;font-size:14px;flex-shrink:0;animation:rpt-spin 3s linear infinite}@keyframes rpt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rpt-live-chip{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.8px;color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 8px;margin-left:8px;text-transform:uppercase;vertical-align:middle}.rpt-status-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.rpt-status-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid transparent;font-size:12.5px;font-weight:600}.rpt-sp-count{font-size:16px;font-weight:800;font-family:var(--mono, monospace);line-height:1}.rpt-sp-lbl{color:#6b7280;font-weight:500;font-size:11.5px}.rpt-pending-rev{background:#fffbeb!important;border-color:#fcd34d!important;gap:8px;font-size:12.5px;font-weight:700}.rpt-no-data-chip{font-size:11px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:3px 10px;font-weight:600}.rpt-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#94a3b8;font-size:13px;font-weight:500;text-align:center}.rpt-chart-placeholder p{max-width:200px;line-height:1.5}.rpt-bar-chart{display:flex;align-items:flex-end;gap:6px;height:160px;padding:0 4px}.rpt-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.rpt-bar-val-label{font-size:9px;font-weight:700;color:var(--ind, #f97316);font-family:monospace;white-space:nowrap;transition:opacity .2s}.rpt-bar-outer{flex:1;width:100%;display:flex;align-items:flex-end}.rpt-bar-inner{width:100%;border-radius:5px 5px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1);animation:rpt-bar-grow .7s cubic-bezier(.4,0,.2,1) both;opacity:.9}.rpt-bar-inner:hover{opacity:1;transform:scaleX(1.05);cursor:pointer}@keyframes rpt-bar-grow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.rpt-bar-x-label{font-size:10px;color:#94a3b8;font-weight:600;white-space:nowrap}.rpt-donut-wrap{display:flex;justify-content:center;padding:16px}.rpt-donut{width:120px;height:120px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.rpt-donut-hole{width:70px;height:70px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000000f}.rpt-donut-center-val{font-size:18px;font-weight:800;color:#0d0f18;font-family:monospace}.rpt-donut-center-lbl{font-size:10px;color:#94a3b8;font-weight:600}.rpt-order-id{font-family:monospace;font-weight:700;font-size:12px;color:var(--ind, #f97316);display:inline-flex;align-items:center;gap:4px}.rpt-rush-tag{font-size:11px}.rpt-type-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;background:#f9731614;color:#f97316;border:1px solid rgba(249,115,22,.2);border-radius:999px;padding:2px 8px}.rpt-items-count{font-size:11.5px;font-weight:600;color:#6b7280}.rpt-pay-pill{font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;text-transform:capitalize}.rpt-status-chip{display:inline-block;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:capitalize;letter-spacing:.2px}.rpt-status-pending{background:#fffbeb;color:#d97706;border:1px solid #fcd34d}.rpt-status-preparing{background:#fff7ed;color:#ea580c;border:1px solid #fdba74}.rpt-status-ready{background:#ecfdf5;color:#059669;border:1px solid #6ee7b7}.rpt-status-served{background:#f5f3ff;color:#7c3aed;border:1px solid #c4b5fd}.rpt-status-completed{background:#f8fafc;color:#475569;border:1px solid #cbd5e1}.rpt-status-cancelled{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.rpt-order-summary-bar{display:flex;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-top:12px;box-shadow:0 1px 4px #0000000d}.rpt-osb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 12px;border-right:1px solid #f0f2f8;transition:background .15s}.rpt-osb-item:last-child{border-right:none}.rpt-osb-item:hover{background:#fafbff}.rpt-osb-lbl{font-size:10.5px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rpt-osb-val{font-size:15px;font-weight:800;color:#0d0f18;font-family:monospace}.rpt-osb-warn .rpt-osb-lbl,.rpt-osb-warn .rpt-osb-val{color:#d97706}.rpt-void-reason{display:inline-block;font-size:11px;font-weight:600;background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;border-radius:6px;padding:2px 8px}.rpt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px;text-align:center;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:8px 0}.rpt-empty-icon{font-size:52px;line-height:1;filter:grayscale(.3)}.rpt-empty-title{font-size:20px;font-weight:800;color:#0d0f18;margin:0}.rpt-empty-desc{font-size:13.5px;color:#6b7280;max-width:380px;line-height:1.6;margin:0}.rpt-empty-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.rpt-empty-step{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:7px 12px}.rpt-step-num{width:20px;height:20px;border-radius:50%;background:var(--ind, #f97316);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpt-empty-step-arrow{font-size:16px;color:#d1d5db;font-weight:300}.cat-orders-badge{font-size:10.5px;font-weight:600;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:1px 7px;margin-left:4px}.waiter-avatar{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0}.rpt-restaurant .industry-badge{display:inline-flex;align-items:center}.medicines-page{background:var(--bg);min-height:100vh;padding:32px 28px;font-family:Segoe UI,sans-serif;color:var(--text);position:relative}.med-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:14px}.med-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}.med-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.header-actions{display:flex;gap:10px}.btn-primary.full-width{width:100%;padding:13px;font-size:15px;margin-top:8px}.btn-outline{background:var(--white);color:var(--purple);border:1.5px solid var(--purple);padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-outline:hover{background:var(--purple-light)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--white);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);border-left:4px solid var(--border)}.stat-card.warn{border-left-color:var(--orange)}.stat-card.success{border-left-color:var(--green)}.stat-card.purple{border-left-color:var(--purple)}.stat-num{font-size:24px;font-weight:700;color:var(--text)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.search-sort-bar{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none}.sort-select{padding:11px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;background:var(--white);color:var(--text);outline:none;cursor:pointer}.sort-select:focus{border-color:var(--purple)}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pill{background:var(--white);border:1.5px solid var(--border);color:var(--text-muted);padding:7px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pill:hover{border-color:var(--purple);color:var(--purple)}.medicine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-bottom:100px}.med-card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1.5px solid var(--border);transition:box-shadow .2s,transform .15s;display:flex;flex-direction:column;gap:8px}.med-card:hover{box-shadow:0 6px 28px #5b5ef426;transform:translateY(-2px)}.low-stock-card{border-color:#fde68a;background:#fffdf2}.med-card-top{display:flex;justify-content:space-between;align-items:center}.med-icon{font-size:32px}.badge-low{background:#fff3cd;color:#b45309;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid #fde68a}.med-name{font-size:15px;font-weight:700;color:var(--text)}.med-category{font-size:12px;color:var(--text-muted)}.med-info-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.exp-warn{color:var(--red);font-weight:600}.exp-ok{color:var(--green)}.med-price{font-size:20px;font-weight:700;color:var(--purple)}.med-actions{display:flex;gap:8px;margin-top:4px}.btn-add{flex:1;background:var(--purple);color:#fff;border:none;padding:9px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-add:hover{background:var(--purple-dark)}.btn-info{background:var(--purple-light);color:var(--purple);border:none;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-info:hover{background:#dddeff}.empty-state{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:15px;padding:48px}.cart-panel{position:fixed;bottom:0;left:260px;right:0;background:var(--white);border-top:2px solid var(--purple-light);box-shadow:0 -4px 24px #5b5ef41f;padding:16px 28px;z-index:100}.cart-title{font-size:15px;font-weight:700;margin-bottom:10px;color:var(--purple)}.cart-items{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.cart-item{display:flex;align-items:center;gap:8px;background:var(--purple-light);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:500;color:var(--purple-dark)}.cart-remove{background:none;border:none;color:var(--red);cursor:pointer;font-size:12px;font-weight:700;padding:0}.cart-footer{display:flex;justify-content:space-between;align-items:center}.btn-checkout{background:var(--purple);color:#fff;border:none;padding:10px 28px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.btn-checkout:hover{background:var(--purple-dark)}.modal-box{background:var(--white);border-radius:18px;padding:32px 28px 24px;width:340px;position:relative;box-shadow:0 8px 40px #5b5ef42e;text-align:center}.modal-icon{font-size:52px;margin-bottom:10px}.modal-box h2{font-size:20px;font-weight:700;margin-bottom:4px}.modal-cat{font-size:13px;color:var(--text-muted);margin-bottom:18px}.modal-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;text-align:left}.modal-details div{background:var(--bg);border-radius:10px;padding:10px 14px}.modal-details span{font-size:11px;color:var(--text-muted);display:block;margin-bottom:2px}.modal-details strong{font-size:14px;color:var(--text)}@media(max-width:768px){.stats-bar{grid-template-columns:repeat(2,1fr)}.cart-panel{left:0}.medicines-page{padding:20px 14px}}:root{--purple: #5b5ef4;--purple-light: #ededff;--purple-dark: #3b3db8;--white: #ffffff;--bg: #f4f5fb;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--green: #22c55e;--red: #ef4444;--orange: #f97316;--shadow: 0 2px 16px rgba(91, 94, 244, .08);--radius: 14px}.presc-page{background:var(--bg);min-height:100vh;padding:32px 28px;font-family:Segoe UI,sans-serif;color:var(--text);position:relative}.toast{position:fixed;top:24px;right:28px;background:var(--purple);color:#fff;padding:12px 22px;border-radius:30px;font-size:14px;font-weight:500;box-shadow:0 4px 20px #5b5ef44d;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.presc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:14px}.presc-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}.presc-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.btn-primary{background:var(--purple);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.btn-primary.full-width{width:100%;padding:13px;font-size:15px}.mt-12{margin-top:12px}.presc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.pstat-card{background:var(--white);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);border-left:4px solid var(--border)}.pstat-card.pending{border-left-color:var(--orange)}.pstat-card.dispensed{border-left-color:var(--green)}.pstat-card.revenue{border-left-color:var(--purple)}.pstat-num{font-size:24px;font-weight:700;color:var(--text)}.pstat-label{font-size:12px;color:var(--text-muted);font-weight:500}.presc-controls{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-wrap{flex:1;min-width:220px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.search-input{width:100%;padding:11px 16px 11px 40px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;background:var(--white);color:var(--text);outline:none;transition:border .2s}.search-input:focus{border-color:var(--purple)}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{background:var(--white);border:1.5px solid var(--border);color:var(--text-muted);padding:7px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-pill:hover{border-color:var(--purple);color:var(--purple)}.pill-active{background:var(--purple);border-color:var(--purple);color:#fff}.presc-table-wrap{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto;border:1.5px solid var(--border)}.presc-table{width:100%;border-collapse:collapse;min-width:700px}.presc-table thead{background:#fafafe;border-bottom:1.5px solid var(--border)}.presc-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.presc-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.presc-row:hover{background:#fafafe}.presc-row:last-child{border-bottom:none}.presc-table td{padding:14px 16px;font-size:14px;vertical-align:middle}.rx-id{font-family:monospace;font-size:13px;font-weight:700;color:var(--purple);background:var(--purple-light);padding:3px 9px;border-radius:6px}.patient-name{font-weight:600}.doctor-name,.date-cell{color:var(--text-muted);font-size:13px}.med-count{background:var(--bg);padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.action-btns{display:flex;gap:6px}.btn-dispense{background:#dcfce7;color:#15803d;border:none;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-dispense:hover{background:#bbf7d0}.btn-dispense.full{flex:1;padding:11px;font-size:14px}.btn-cancel-rx{background:#fee2e2;color:#b91c1c;border:none;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-cancel-rx:hover{background:#fecaca}.btn-cancel-rx.full{flex:1;padding:11px;font-size:14px}.empty-row{text-align:center;color:var(--text-muted);padding:40px;font-size:15px}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:200}.modal-box{background:var(--white);border-radius:18px;padding:28px 24px;width:380px;position:relative;box-shadow:0 8px 40px #5b5ef42e}.modal-close{position:absolute;top:14px;right:16px;background:var(--bg);border:none;width:30px;height:30px;border-radius:50%;font-size:14px;cursor:pointer;color:var(--text-muted)}.modal-rx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-rx-id{font-size:20px;font-weight:800;color:var(--purple);font-family:monospace}.modal-info{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.modal-info div{display:flex;justify-content:space-between;font-size:14px;padding:8px 12px;background:var(--bg);border-radius:8px}.modal-info span{color:var(--text-muted)}.modal-info strong{color:var(--text)}.modal-med-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.modal-meds{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.modal-med-item{display:flex;justify-content:space-between;align-items:center;background:var(--purple-light);padding:9px 14px;border-radius:9px;font-size:13px;color:var(--purple-dark)}.modal-total{text-align:right;font-size:15px;color:var(--text-muted);margin-bottom:14px}.modal-total strong{color:var(--purple);font-size:18px}.modal-actions{display:flex;gap:8px}.form-modal{width:440px}.form-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-col{grid-column:1 / -1}.form-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.form-group input{padding:10px 13px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;background:var(--bg);color:var(--text);outline:none;transition:border .2s}.form-group input:focus{border-color:var(--purple);background:var(--white)}@media(max-width:768px){.presc-stats{grid-template-columns:repeat(2,1fr)}.presc-page{padding:20px 14px}.form-grid{grid-template-columns:1fr}.form-group.full-col{grid-column:auto}.modal-box,.form-modal{width:95vw}}:root{--ws-bg: #f0fdf4;--ws-surface: #ffffff;--ws-primary: #16a34a;--ws-primary-lt: #dcfce7;--ws-primary-dk: #14532d;--ws-accent: #4ade80;--ws-blue: #2563eb;--ws-blue-lt: #dbeafe;--ws-warn: #d97706;--ws-warn-lt: #fef3c7;--ws-danger: #dc2626;--ws-gold: #b45309;--ws-gold-lt: #fef9c3;--ws-text: #052e16;--ws-text-secondary: #4b5563;--ws-text-muted: #9ca3af;--ws-border: #d1fae5;--ws-border-dark: #86efac;--ws-shadow: 0 1px 3px rgba(22,163,74,.08);--ws-shadow-md: 0 4px 16px rgba(22,163,74,.15);--ws-radius: 10px;--ws-radius-lg: 14px;--font: "Plus Jakarta Sans", sans-serif}.ws-wrapper{font-family:var(--font);background:var(--ws-bg);min-height:100vh;display:flex;flex-direction:column}.ws-topbar{background:var(--ws-primary-dk);padding:0 24px;height:58px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:100}.ws-logo{display:flex;align-items:center;gap:10px}.ws-logo-icon{width:36px;height:36px;background:var(--ws-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.ws-logo-text{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.5px}.ws-topbar-divider{width:1px;height:24px;background:#ffffff26}.ws-topbar-pill{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;background:#ffffff1f;color:#ffffffe6;border:1px solid rgba(255,255,255,.15)}.ws-topbar-pill.active{background:var(--ws-accent);color:var(--ws-primary-dk);border-color:transparent}.ws-topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.ws-topbar-stat{text-align:right}.ws-topbar-stat-label{font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.6px}.ws-topbar-stat-val{font-size:14px;font-weight:700;color:var(--ws-accent)}.ws-layout{display:flex;flex:1;height:calc(100vh - 58px);overflow:hidden}.ws-left{flex:1;display:flex;flex-direction:column;overflow:hidden}.ws-left-header{background:var(--ws-surface);border-bottom:1px solid var(--ws-border);padding:14px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.ws-left-header h2{font-size:16px;font-weight:800;color:var(--ws-text);flex-shrink:0}.ws-search{position:relative;flex:1}.ws-search input{width:100%;padding:9px 14px 9px 38px;border:1.5px solid var(--ws-border);border-radius:var(--ws-radius);font-family:var(--font);font-size:13px;color:var(--ws-text);background:var(--ws-bg);outline:none;transition:.2s}.ws-search input:focus{border-color:var(--ws-primary);background:#fff;box-shadow:0 0 0 3px #16a34a1a}.ws-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--ws-text-muted);pointer-events:none}.ws-cats{padding:10px 20px;background:var(--ws-surface);border-bottom:1px solid var(--ws-border);display:flex;gap:8px;flex-shrink:0}.ws-cat{padding:5px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--ws-border);background:var(--ws-bg);color:var(--ws-text-secondary);transition:.15s}.ws-cat:hover{border-color:var(--ws-primary);color:var(--ws-primary)}.ws-cat.active{background:var(--ws-primary);border-color:var(--ws-primary);color:#fff}.ws-table-wrap{flex:1;overflow-y:auto;padding:16px}.ws-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--ws-radius-lg);overflow:hidden;box-shadow:var(--ws-shadow)}.ws-table thead{background:var(--ws-primary-dk);color:#fff}.ws-table thead th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ws-table tbody tr{border-bottom:1px solid var(--ws-border);transition:.15s;cursor:pointer}.ws-table tbody tr:last-child{border-bottom:none}.ws-table tbody tr:hover{background:var(--ws-primary-lt)}.ws-table td{padding:11px 14px;font-size:13px;color:var(--ws-text)}.ws-product-icon{font-size:22px}.ws-product-name{font-weight:600;line-height:1.3}.ws-product-sku{font-size:11px;color:var(--ws-text-muted);margin-top:1px}.ws-tier-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}.tier-standard{background:#f3f4f6;color:#374151}.tier-silver{background:#e2e8f0;color:#334155}.tier-gold{background:var(--ws-gold-lt);color:var(--ws-gold)}.tier-platinum{background:#ede9fe;color:#6d28d9}.ws-stock-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.stock-ok{background:var(--ws-primary-lt);color:var(--ws-primary)}.stock-low{background:var(--ws-warn-lt);color:var(--ws-warn)}.ws-add-row-btn{padding:5px 14px;background:var(--ws-primary-lt);border:1.5px solid var(--ws-primary);border-radius:var(--ws-radius);color:var(--ws-primary);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}.ws-add-row-btn:hover{background:var(--ws-primary);color:#fff}.ws-right{width:380px;flex-shrink:0;background:var(--ws-surface);border-left:1px solid var(--ws-border);display:flex;flex-direction:column;height:100%}.ws-panel-title{padding:16px 18px 14px;border-bottom:1px solid var(--ws-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ws-panel-title h3{font-size:15px;font-weight:800;color:var(--ws-text)}.ws-order-num{font-size:11px;color:var(--ws-text-muted);font-weight:600}.ws-fields{padding:12px 16px;border-bottom:1px solid var(--ws-border);display:flex;flex-direction:column;gap:9px;flex-shrink:0}.ws-field-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ws-field{display:flex;flex-direction:column;gap:3px}.ws-label{font-size:10px;font-weight:700;color:var(--ws-text-muted);text-transform:uppercase;letter-spacing:.6px}.ws-input,.ws-select{padding:8px 10px;border:1.5px solid var(--ws-border);border-radius:var(--ws-radius);font-family:var(--font);font-size:13px;color:var(--ws-text);background:var(--ws-bg);outline:none;transition:.15s;width:100%}.ws-input:focus,.ws-select:focus{border-color:var(--ws-primary);background:#fff;box-shadow:0 0 0 3px #16a34a1a}.ws-tier-indicator{display:flex;gap:6px;align-items:center;padding:8px 12px;background:var(--ws-gold-lt);border:1px solid #fde68a;border-radius:var(--ws-radius);font-size:12px;font-weight:600;color:var(--ws-gold)}.ws-cart{flex:1;overflow-y:auto;padding:8px 12px}.ws-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ws-text-muted);gap:10px}.ws-cart-empty-icon{font-size:40px;opacity:.5}.ws-cart-empty p{font-size:13px;font-style:italic}.ws-cart-row{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid var(--ws-border)}.ws-cart-row:last-child{border-bottom:none}.ws-cart-row:hover{background:var(--ws-bg)}.ws-cart-info{flex:1}.ws-cart-name{font-size:13px;font-weight:600;color:var(--ws-text)}.ws-cart-sku{font-size:11px;color:var(--ws-text-muted)}.ws-qty{display:flex;align-items:center;gap:4px}.ws-qty-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--ws-border);background:var(--ws-bg);color:var(--ws-text);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.ws-qty-btn:hover{background:var(--ws-primary);border-color:var(--ws-primary);color:#fff}.ws-qty-input{width:46px;text-align:center;padding:4px 6px;border:1.5px solid var(--ws-border);border-radius:6px;font-family:var(--font);font-size:13px;font-weight:700;color:var(--ws-text);background:#fff;outline:none}.ws-cart-total{font-size:13px;font-weight:700;color:var(--ws-primary);min-width:55px;text-align:right}.ws-del-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--ws-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.ws-del-btn:hover{background:#fee2e2;color:var(--ws-danger)}.ws-totals{padding:14px 16px;border-top:1px solid var(--ws-border);flex-shrink:0}.ws-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:var(--ws-text-secondary)}.ws-total-row.discount{color:var(--ws-primary);font-weight:600}.ws-total-row.tax{color:var(--ws-text-muted)}.ws-total-main{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:2px solid var(--ws-primary);margin:6px 0 12px}.ws-total-main span:first-child{font-size:14px;font-weight:700;color:var(--ws-text)}.ws-total-main span:last-child{font-size:20px;font-weight:800;color:var(--ws-primary-dk)}.ws-pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.ws-pay-opt{padding:7px 4px;border:1.5px solid var(--ws-border);border-radius:var(--ws-radius);font-size:11px;font-weight:700;text-align:center;cursor:pointer;color:var(--ws-text-secondary);background:var(--ws-bg);transition:.15s}.ws-pay-opt:hover{border-color:var(--ws-primary);color:var(--ws-primary)}.ws-pay-opt.active{background:var(--ws-primary);border-color:var(--ws-primary);color:#fff}.ws-checkout-btn{width:100%;padding:13px;background:var(--ws-primary);border:none;border-radius:var(--ws-radius);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:.2s}.ws-checkout-btn:hover{background:var(--ws-primary-dk);transform:translateY(-1px);box-shadow:var(--ws-shadow-md)}.ws-checkout-btn:active{transform:scale(.99)}.ws-toast{position:fixed;bottom:24px;right:24px;background:var(--ws-primary-dk);color:#fff;padding:10px 20px;border-radius:var(--ws-radius);font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:9999;font-family:var(--font)}.ws-toast.show{opacity:1;transform:translateY(0)}.ws-table-wrap::-webkit-scrollbar{width:5px}.ws-table-wrap::-webkit-scrollbar-thumb{background:var(--ws-border-dark);border-radius:10px}.ws-cart::-webkit-scrollbar{width:5px}.ws-cart::-webkit-scrollbar-thumb{background:var(--ws-border-dark);border-radius:10px}:root{--svc-bg: #F4F6FB;--svc-white: #FFFFFF;--svc-border: #E5E7EB;--svc-border-2: #F0F1F6;--svc-text-1: #111827;--svc-text-2: #374151;--svc-text-3: #6B7280;--svc-text-4: #9CA3AF;--svc-primary: #1E293B;--svc-blue: #2563EB;--svc-radius: 10px;--svc-shadow: 0 1px 4px rgba(0,0,0,.06);--svc-shadow-md: 0 4px 20px rgba(0,0,0,.08);--salon-bg: #EDE9FE;--salon-text: #7C3AED;--salon-border: #C4B5FD;--repair-bg: #FEF3C7;--repair-text: #D97706;--repair-border: #FDE68A;--it-bg: #DBEAFE;--it-text: #2563EB;--it-border: #BFDBFE;--cleaning-bg: #D1FAE5;--cleaning-text: #059669;--cleaning-border:#A7F3D0}.svc-root{font-family:DM Sans,Segoe UI,sans-serif;background:var(--svc-bg);min-height:100vh;display:flex;flex-direction:column}.svc-header{background:var(--svc-white);border-bottom:1px solid var(--svc-border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--svc-shadow);flex-wrap:wrap;gap:10px}.svc-header-left{display:flex;align-items:center;gap:14px}.svc-logo-mark{background:var(--svc-primary);color:#fff;font-weight:800;font-size:12px;padding:7px 10px;border-radius:8px;letter-spacing:1.5px}.svc-header-title{font-size:16px;font-weight:700;color:var(--svc-text-1)}.svc-header-sub{font-size:12px;color:var(--svc-text-4);margin-top:2px}.svc-header-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.svc-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.svc-chip.green{background:#f0fdf4;color:#166534;border:1px solid #BBF7D0}.svc-chip.blue{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.svc-chip.orange{background:#fff7ed;color:#c2410c;border:1px solid #FED7AA}.svc-layout{display:flex;flex:1;gap:14px;padding:16px;min-height:0}.svc-catalog{flex:1;background:var(--svc-white);border-radius:12px;border:1px solid var(--svc-border);display:flex;flex-direction:column;overflow:hidden;min-width:0}.svc-catalog-top{padding:14px 16px 10px;border-bottom:1px solid var(--svc-border-2);display:flex;flex-direction:column;gap:10px}.svc-search-wrap{display:flex;align-items:center;background:#f9fafb;border:1px solid var(--svc-border);border-radius:8px;padding:0 12px}.svc-search-icon{font-size:13px;opacity:.45;margin-right:8px}.svc-search-input{flex:1;border:none;background:transparent;padding:9px 0;font-size:13px;font-family:inherit;outline:none;color:var(--svc-text-2)}.svc-cat-tabs{display:flex;gap:6px;flex-wrap:wrap}.svc-cat-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:20px;border:1px solid var(--svc-border);background:var(--svc-white);font-family:inherit;font-size:12px;font-weight:600;color:var(--svc-text-3);cursor:pointer;transition:all .12s}.svc-cat-tab:hover{background:#f5f6fa}.svc-cat-tab.active{background:var(--svc-primary);color:#fff;border-color:var(--svc-primary)}.svc-cat-tab.cat-salon.active{background:var(--salon-bg);color:var(--salon-text);border-color:var(--salon-border)}.svc-cat-tab.cat-repair.active{background:var(--repair-bg);color:var(--repair-text);border-color:var(--repair-border)}.svc-cat-tab.cat-it.active{background:var(--it-bg);color:var(--it-text);border-color:var(--it-border)}.svc-cat-tab.cat-cleaning.active{background:var(--cleaning-bg);color:var(--cleaning-text);border-color:var(--cleaning-border)}.svc-cat-count{background:#0000001a;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;padding:14px;overflow-y:auto;flex:1}.svc-grid-empty{grid-column:1 / -1;text-align:center;padding:50px 20px;color:var(--svc-text-4);font-size:14px}.svc-card{border:1.5px solid var(--svc-border);border-radius:10px;background:var(--svc-white);padding:12px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .12s,border-color .12s;cursor:default}.svc-card:hover{box-shadow:var(--svc-shadow-md)}.svc-card.in-cart{border-color:var(--svc-blue);background:#f8faff}.svc-card.cat-salon.in-cart{border-color:var(--salon-border)}.svc-card.cat-repair.in-cart{border-color:var(--repair-border)}.svc-card.cat-it.in-cart{border-color:var(--it-border)}.svc-card.cat-cleaning.in-cart{border-color:var(--cleaning-border)}.svc-card-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}.icon-salon{background:var(--salon-bg);color:var(--salon-text)}.icon-repair{background:var(--repair-bg);color:var(--repair-text)}.icon-it{background:var(--it-bg);color:var(--it-text)}.icon-cleaning{background:var(--cleaning-bg);color:var(--cleaning-text)}.svc-card-body{flex:1}.svc-card-name{font-size:13px;font-weight:700;color:var(--svc-text-1);line-height:1.3;margin-bottom:5px}.svc-card-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.svc-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.badge-salon{background:var(--salon-bg);color:var(--salon-text)}.badge-repair{background:var(--repair-bg);color:var(--repair-text)}.badge-it{background:var(--it-bg);color:var(--it-text)}.badge-cleaning{background:var(--cleaning-bg);color:var(--cleaning-text)}.svc-dur{font-size:10px;color:var(--svc-text-4);font-weight:600;background:#f3f4f6;padding:2px 7px;border-radius:20px}.svc-card-footer{display:flex;align-items:center;justify-content:space-between}.svc-card-price{font-size:14px;font-weight:800;color:var(--svc-text-1);font-family:DM Mono,monospace}.svc-add-btn{padding:5px 13px;background:var(--svc-primary);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .12s,transform .1s}.svc-add-btn:hover{background:#374151;transform:translateY(-1px)}.svc-qty-ctrl{display:flex;align-items:center;gap:4px}.svc-qty-btn{width:27px;height:27px;border:1px solid var(--svc-border);background:#f9fafb;border-radius:6px;cursor:pointer;font-weight:700;font-size:15px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .12s}.svc-qty-btn:hover{background:var(--svc-primary);color:#fff;border-color:var(--svc-primary)}.plus-salon{background:var(--salon-bg);color:var(--salon-text);border-color:var(--salon-border)}.plus-repair{background:var(--repair-bg);color:var(--repair-text);border-color:var(--repair-border)}.plus-it{background:var(--it-bg);color:var(--it-text);border-color:var(--it-border)}.plus-cleaning{background:var(--cleaning-bg);color:var(--cleaning-text);border-color:var(--cleaning-border)}.svc-qty-num{font-size:13px;font-weight:700;min-width:18px;text-align:center;font-family:DM Mono,monospace}.svc-bill{width:310px;flex-shrink:0;background:var(--svc-white);border-radius:12px;border:1px solid var(--svc-border);display:flex;flex-direction:column;overflow:hidden}.svc-bill-sec{padding:12px 16px;border-bottom:1px solid var(--svc-border-2);display:flex;flex-direction:column;gap:8px}.svc-sec-label{font-size:10px;font-weight:800;color:var(--svc-text-4);text-transform:uppercase;letter-spacing:.7px}.svc-sec-label-row{display:flex;align-items:center;justify-content:space-between}.svc-input{padding:8px 10px;border:1px solid var(--svc-border);border-radius:8px;font-size:13px;font-family:inherit;outline:none;color:var(--svc-text-2);background:#fafafa;width:100%;transition:border-color .15s}.svc-input:focus{border-color:var(--svc-blue)}.svc-note{resize:none}.svc-clear-btn{font-size:11px;color:#ef4444;background:#fef2f2;border:1px solid #FECACA;border-radius:6px;padding:3px 8px;cursor:pointer;font-family:inherit;font-weight:600}.svc-cart-empty{text-align:center;padding:20px 0}.svc-cart-empty-icon{font-size:30px;opacity:.25;margin-bottom:6px}.svc-cart-empty-text{font-size:13px;font-weight:600;color:var(--svc-text-4)}.svc-cart-empty-sub{font-size:11px;color:#d1d5db;margin-top:3px}.svc-cart-list{display:flex;flex-direction:column;gap:7px;max-height:240px;overflow-y:auto}.svc-cart-item{display:flex;justify-content:space-between;background:#f9fafb;border-radius:8px;padding:8px 10px;gap:8px}.svc-cart-left{flex:1;min-width:0}.svc-cart-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.svc-cart-name{font-size:12px;font-weight:700;color:var(--svc-text-1);margin-bottom:2px}.svc-cart-meta{font-size:11px;color:var(--svc-text-4);display:flex;gap:6px}.svc-cart-dur{color:#a78bfa;font-weight:600}.svc-cart-total{font-size:13px;font-weight:800;color:var(--svc-text-1);font-family:DM Mono,monospace}.svc-cart-actions{display:flex;align-items:center;gap:3px}.svc-cart-qty-btn{width:22px;height:22px;border:1px solid var(--svc-border);background:#fff;border-radius:5px;cursor:pointer;font-size:13px;font-family:inherit;display:flex;align-items:center;justify-content:center}.svc-cart-qty-num{font-size:11px;font-weight:700;min-width:14px;text-align:center}.svc-cart-remove{width:22px;height:22px;border:1px solid #FECACA;background:#fef2f2;border-radius:5px;cursor:pointer;font-size:10px;color:#ef4444;font-family:inherit;display:flex;align-items:center;justify-content:center}.svc-sum-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.svc-sum-label{font-size:13px;color:var(--svc-text-3)}.svc-sum-val{font-size:13px;font-weight:600;color:var(--svc-text-2);font-family:DM Mono,monospace}.svc-sum-val.red{color:#dc2626}.svc-sum-val.purple{color:#7c3aed}.svc-disc-wrap{display:flex;align-items:center;background:#f9fafb;border:1px solid var(--svc-border);border-radius:7px;overflow:hidden;flex:1;max-width:80px}.svc-disc-input{width:100%;border:none;background:transparent;padding:5px 8px;font-size:13px;font-family:inherit;outline:none;text-align:right}.svc-disc-suffix{padding:0 8px;font-size:12px;color:var(--svc-text-4);font-weight:700}.svc-divider{height:1px;background:var(--svc-border-2);margin:2px 0}.svc-total-row{display:flex;justify-content:space-between;align-items:center}.svc-total-label{font-size:12px;font-weight:800;color:var(--svc-text-2);letter-spacing:.5px}.svc-total-amt{font-size:22px;font-weight:900;color:var(--svc-text-1);font-family:DM Mono,monospace}.svc-pay-methods{display:flex;gap:7px}.svc-pay-method{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1.5px solid var(--svc-border);border-radius:8px;background:#f9fafb;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;color:var(--svc-text-3);transition:all .12s}.svc-pay-method:hover{background:#f0f4ff;border-color:var(--svc-blue);color:var(--svc-blue)}.svc-pay-method.active{background:#eff3ff;border-color:var(--svc-blue);color:var(--svc-blue)}.svc-pay-icon{font-size:18px}.svc-pay-btn{margin:12px 16px;padding:13px 0;background:linear-gradient(135deg,#1e293b,#2563eb);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;letter-spacing:.3px;transition:opacity .15s,transform .1s}.svc-pay-btn:hover:not(.disabled){transform:translateY(-1px);opacity:.95}.svc-pay-btn.disabled{opacity:.45;cursor:not-allowed}.svc-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.svc-receipt{background:var(--svc-white);border-radius:14px;width:340px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 24px 60px #0000002e;animation:svcReceiptIn .2s ease}@keyframes svcReceiptIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.svc-receipt-header{text-align:center;margin-bottom:12px}.svc-receipt-logo{font-size:20px;font-weight:900;color:var(--svc-primary);letter-spacing:2px}.svc-receipt-date{font-size:11px;color:var(--svc-text-4);margin-top:3px}.svc-receipt-info{font-size:12px;color:var(--svc-text-2);margin-top:4px}.svc-receipt-divider{border-top:1px dashed #E5E7EB;margin:10px 0}.svc-receipt-line{display:flex;justify-content:space-between;font-size:13px;color:var(--svc-text-2);margin-bottom:5px}.svc-receipt-line.red{color:#dc2626}.svc-receipt-line.bold{font-weight:700;font-size:15px;margin-top:6px}.svc-receipt-pay{font-size:12px;color:var(--svc-text-3);text-align:center;margin-top:4px}.svc-receipt-note{font-size:11px;color:var(--svc-text-4);text-align:center;margin-top:4px;font-style:italic}.svc-receipt-thanks{text-align:center;font-size:13px;color:var(--svc-text-4);margin:12px 0 8px}.svc-receipt-btns{display:flex;gap:8px}.svc-receipt-print{flex:1;padding:9px 0;border:1px solid var(--svc-border);background:#f9fafb;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.svc-receipt-done{flex:1;padding:9px 0;border:none;background:var(--svc-primary);color:#fff;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700}@media(max-width:860px){.svc-layout{flex-direction:column;padding:10px}.svc-bill{width:100%}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:500px){.svc-header{padding:12px 14px}.svc-grid{grid-template-columns:1fr 1fr}}:root{--apt-bg: #F4F6FB;--apt-white: #FFFFFF;--apt-border: #E5E7EB;--apt-border-2: #F0F1F6;--apt-text-1: #111827;--apt-text-2: #374151;--apt-text-3: #6B7280;--apt-text-4: #9CA3AF;--apt-primary: #7C3AED;--apt-radius: 10px;--apt-shadow: 0 1px 4px rgba(0,0,0,.06);--apt-shadow-md:0 4px 20px rgba(0,0,0,.08);--confirmed-bg: #D1FAE5;--confirmed-text: #065F46;--confirmed-dot: #10B981;--pending-bg: #FEF3C7;--pending-text: #92400E;--pending-dot: #F59E0B;--completed-bg: #DBEAFE;--completed-text: #1E40AF;--completed-dot: #2563EB;--cancelled-bg: #FEE2E2;--cancelled-text: #991B1B;--cancelled-dot: #EF4444}.apt-root{font-family:DM Sans,Segoe UI,sans-serif;background:var(--apt-bg);min-height:100vh;display:flex;flex-direction:column}.apt-header{background:var(--apt-white);border-bottom:1px solid var(--apt-border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--apt-shadow);flex-wrap:wrap;gap:10px}.apt-header-left{display:flex;align-items:center;gap:14px}.apt-logo-mark{background:var(--apt-primary);color:#fff;font-weight:800;font-size:11px;padding:7px 9px;border-radius:8px;letter-spacing:1.5px}.apt-header-title{font-size:16px;font-weight:700;color:var(--apt-text-1)}.apt-header-sub{font-size:12px;color:var(--apt-text-4);margin-top:2px}.apt-new-btn{padding:9px 18px;background:var(--apt-primary);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s,transform .1s}.apt-new-btn:hover{background:#6d28d9;transform:translateY(-1px)}.apt-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 20px 8px}.apt-kpi-card{border-radius:10px;padding:14px 18px;border:1px solid var(--apt-border);transition:box-shadow .12s}.apt-kpi-card:hover{box-shadow:var(--apt-shadow-md)}.kpi-total{background:#f8fafc}.kpi-confirmed{background:var(--confirmed-bg);border-color:#a7f3d0}.kpi-pending{background:var(--pending-bg);border-color:#fde68a}.kpi-completed{background:var(--completed-bg);border-color:#bfdbfe}.apt-kpi-val{font-size:26px;font-weight:900;color:var(--apt-text-1);font-family:DM Mono,monospace;letter-spacing:-.5px}.kpi-confirmed .apt-kpi-val{color:var(--confirmed-text)}.kpi-pending .apt-kpi-val{color:var(--pending-text)}.kpi-completed .apt-kpi-val{color:var(--completed-text)}.apt-kpi-label{font-size:11px;color:var(--apt-text-4);margin-top:3px;font-weight:600}.apt-layout{display:flex;flex:1;gap:14px;padding:8px 20px 20px;min-height:0}.apt-form-panel{width:295px;flex-shrink:0;background:var(--apt-white);border-radius:12px;border:1px solid var(--apt-border);display:flex;flex-direction:column;overflow:hidden;align-self:flex-start;box-shadow:var(--apt-shadow-md);animation:aptFormIn .18s ease}@keyframes aptFormIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.apt-form-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--apt-border-2);background:#fafafa}.apt-form-title{font-size:14px;font-weight:700;color:var(--apt-text-1)}.apt-form-close{width:26px;height:26px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:12px;color:var(--apt-text-3);display:flex;align-items:center;justify-content:center;transition:background .12s}.apt-form-close:hover{background:#e5e7eb}.apt-form-body{padding:14px 16px;display:flex;flex-direction:column;gap:11px;overflow-y:auto}.apt-form-footer{padding:12px 16px;border-top:1px solid var(--apt-border-2);display:flex;gap:8px;background:#fafafa}.apt-cancel-btn{flex:1;padding:9px 0;background:#f9fafb;border:1px solid var(--apt-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--apt-text-3);transition:background .12s}.apt-cancel-btn:hover{background:#f3f4f6}.apt-save-btn{flex:2;padding:9px 0;background:var(--apt-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.apt-save-btn:hover{background:#6d28d9}.apt-field-group{display:flex;flex-direction:column;gap:5px}.apt-field-row{display:flex;gap:8px}.apt-field-half{flex:1}.apt-field-label{font-size:10px;font-weight:800;color:var(--apt-text-4);text-transform:uppercase;letter-spacing:.6px}.apt-input{padding:8px 10px;border:1px solid var(--apt-border);border-radius:8px;font-size:13px;font-family:inherit;outline:none;color:var(--apt-text-2);background:#fafafa;width:100%;transition:border-color .15s}.apt-input:focus{border-color:var(--apt-primary)}.apt-textarea{resize:none}.apt-staff-preview{display:flex;align-items:center;gap:8px;background:#f5f3ff;border-radius:8px;padding:7px 10px;margin-top:2px}.apt-staff-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.apt-staff-name{font-size:12px;font-weight:700;color:var(--apt-text-2)}.apt-staff-role{font-size:10px;color:var(--apt-text-4)}.apt-status-btns{display:flex;flex-wrap:wrap;gap:5px}.apt-status-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--apt-border);border-radius:20px;background:#f9fafb;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--apt-text-3);transition:all .12s}.apt-status-btn.status-confirmed.active{background:var(--confirmed-bg);color:var(--confirmed-text);border-color:var(--confirmed-dot)}.apt-status-btn.status-pending.active{background:var(--pending-bg);color:var(--pending-text);border-color:var(--pending-dot)}.apt-status-btn.status-completed.active{background:var(--completed-bg);color:var(--completed-text);border-color:var(--completed-dot)}.apt-status-btn.status-cancelled.active{background:var(--cancelled-bg);color:var(--cancelled-text);border-color:var(--cancelled-dot)}.apt-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-confirmed{background:var(--confirmed-dot)}.dot-pending{background:var(--pending-dot)}.dot-completed{background:var(--completed-dot)}.dot-cancelled{background:var(--cancelled-dot)}.apt-list-panel{flex:1;min-width:0;background:var(--apt-white);border-radius:12px;border:1px solid var(--apt-border);display:flex;flex-direction:column;overflow:hidden}.apt-controls{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--apt-border-2);flex-wrap:wrap}.apt-search-wrap{flex:1;min-width:160px;display:flex;align-items:center;background:#f9fafb;border:1px solid var(--apt-border);border-radius:8px;padding:0 10px}.apt-search-icon{font-size:12px;opacity:.4;margin-right:7px}.apt-search-input{flex:1;border:none;background:transparent;padding:8px 0;font-size:13px;font-family:inherit;outline:none;color:var(--apt-text-2)}.apt-filter-select{padding:8px 10px;border:1px solid var(--apt-border);border-radius:8px;font-size:12px;background:var(--apt-white);font-family:inherit;cursor:pointer;color:var(--apt-text-2);outline:none}.apt-list{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.apt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:8px}.apt-empty-icon{font-size:42px;opacity:.25}.apt-empty-text{font-size:14px;font-weight:600;color:var(--apt-text-4)}.apt-empty-btn{margin-top:4px;padding:8px 18px;background:var(--apt-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.apt-card{display:flex;border:1px solid var(--apt-border);border-radius:10px;overflow:hidden;background:#fafafa;transition:box-shadow .12s}.apt-card:hover{box-shadow:var(--apt-shadow-md)}.apt-color-bar{width:4px;flex-shrink:0}.bar-confirmed{background:var(--confirmed-dot)}.bar-pending{background:var(--pending-dot)}.bar-completed{background:var(--completed-dot)}.bar-cancelled{background:var(--cancelled-dot)}.apt-card-body{flex:1;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.apt-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.apt-customer-name{font-size:14px;font-weight:800;color:var(--apt-text-1)}.apt-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.pill-confirmed{background:var(--confirmed-bg);color:var(--confirmed-text)}.pill-pending{background:var(--pending-bg);color:var(--pending-text)}.pill-completed{background:var(--completed-bg);color:var(--completed-text)}.pill-cancelled{background:var(--cancelled-bg);color:var(--cancelled-text)}.apt-meta{display:flex;gap:6px;flex-wrap:wrap}.apt-meta-chip{font-size:11px;color:var(--apt-text-3);background:#f3f4f6;padding:3px 8px;border-radius:20px;font-weight:600}.apt-card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.apt-staff-row{display:flex;align-items:center;gap:6px}.apt-mini-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex-shrink:0}.apt-staff-name-sm{font-size:12px;font-weight:700;color:var(--apt-text-2)}.apt-staff-role-sm{font-size:10px;color:var(--apt-text-4);margin-left:2px}.apt-unassigned{font-size:11px;color:#d1d5db;font-style:italic}.apt-card-actions{display:flex;gap:4px;flex-wrap:wrap}.apt-action-chip{padding:4px 10px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;font-family:inherit;transition:opacity .12s}.chip-confirm{background:var(--confirmed-bg);color:var(--confirmed-text)}.chip-complete{background:var(--completed-bg);color:var(--completed-text)}.apt-edit-chip{padding:4px 10px;border:1px solid var(--apt-border);background:var(--apt-white);border-radius:6px;cursor:pointer;font-size:11px;color:var(--apt-text-2);font-family:inherit;transition:background .12s}.apt-edit-chip:hover{background:#f3f4f6}.apt-delete-chip{padding:4px 8px;border:1px solid #FECACA;background:#fef2f2;border-radius:6px;cursor:pointer;font-size:11px;color:#ef4444;font-family:inherit}.apt-note{font-size:11px;color:var(--apt-text-4);background:#f9fafb;border-radius:6px;padding:4px 8px;border-left:2px solid var(--apt-border)}.apt-list-footer{padding:10px 16px;border-top:1px solid var(--apt-border-2);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.apt-footer-text{font-size:12px;color:var(--apt-text-4)}.apt-footer-badges{display:flex;gap:6px;flex-wrap:wrap}.apt-footer-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.badge-confirmed{background:var(--confirmed-bg);color:var(--confirmed-text)}.badge-pending{background:var(--pending-bg);color:var(--pending-text)}.badge-completed{background:var(--completed-bg);color:var(--completed-text)}.badge-cancelled{background:var(--cancelled-bg);color:var(--cancelled-text)}@media(max-width:860px){.apt-kpi-strip{grid-template-columns:repeat(2,1fr)}.apt-layout{flex-direction:column;padding:8px 12px 20px}.apt-form-panel{width:100%}}@media(max-width:500px){.apt-header{padding:12px 14px}.apt-kpi-strip{padding:10px 12px 6px;gap:8px}}:root{--po-primary: #6c5ce7;--po-primary-light: #a29bfe;--po-bg: #f6f8fc;--po-white: #ffffff;--po-text: #2d3436;--po-muted: #636e72;--po-border: #e5e7eb;--po-success: #00b894;--po-warning: #fdcb6e}.ws-wrapper{background:var(--po-bg);min-height:100vh;padding:24px;font-family:Inter,sans-serif}h2{font-size:22px;font-weight:600;margin-bottom:20px;color:var(--po-text)}.ws-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;background:var(--po-white);padding:18px;border-radius:16px;box-shadow:0 6px 20px #0000000d;margin-bottom:25px}.ws-fields input,.ws-fields select{padding:11px 12px;border-radius:10px;border:1px solid var(--po-border);font-size:14px;transition:all .2s ease}.ws-fields input:focus,.ws-fields select:focus{border-color:var(--po-primary);box-shadow:0 0 0 3px #6c5ce726;outline:none}.ws-fields button{background:linear-gradient(135deg,#6c5ce7,#8e7dff);color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:.2s}.ws-fields button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #6c5ce74d}.ws-table{width:100%;border-collapse:collapse;background:var(--po-white);border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000000d}.ws-table th{text-align:left;padding:14px;background:#f1f3ff;font-size:13px;color:var(--po-muted)}.ws-table td{padding:14px;border-top:1px solid var(--po-border);font-size:14px}.ws-table tr:hover{background:#fafaff}.po-badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500}.po-pending{background:#fdcb6e40;color:#d68910}.po-success{background:#00b89426;color:var(--po-success)}.po-btn{padding:6px 10px;border-radius:8px;background:var(--po-primary);color:#fff;font-size:12px;border:none;cursor:pointer;transition:.2s}.po-btn:hover{background:#5a4bd6}.po-empty{text-align:center;padding:30px;color:var(--po-muted)}@media(max-width:768px){.ws-fields{grid-template-columns:1fr}.ws-table th,.ws-table td{font-size:12px;padding:10px}}:root{--cp-bg: #F8FAFC;--cp-surface: #FFFFFF;--cp-surface-2: #F1F5F9;--cp-border: #E2E8F0;--cp-border-2: #CBD5E1;--cp-text: #0F172A;--cp-text-2: #475569;--cp-text-3: #94A3B8;--cp-shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--cp-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--cp-shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--cp-radius-sm: 8px;--cp-radius-md: 12px;--cp-radius-lg: 16px;--cp-radius-xl: 20px;--cp-transition: all .18s cubic-bezier(.4,0,.2,1);--ind-color: #2563eb;--ind-color-light: #EFF6FF;--ind-color-dark: #1D4ED8;--ind-grad: linear-gradient(135deg,#2563eb,#1D4ED8)}.cp-root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#fffaf4;min-height:100%;width:100%;min-width:0;max-width:100%;margin:0;padding:0 0 40px;box-sizing:border-box;color:var(--cp-text);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}.cp-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 14px;background:#fffaf4;border-bottom:1px solid var(--cp-border);flex-wrap:wrap;box-sizing:border-box;width:100%;min-width:0}.cp-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 200px}.cp-header-icon{width:38px;height:38px;border-radius:var(--cp-radius-md);background:var(--ind-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--ind-color) 30%,transparent)}.cp-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:var(--cp-text);margin:0 0 2px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-subtitle{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;font-size:11px}.cp-sub-chip{display:inline-flex;align-items:center;gap:3px;background:var(--cp-surface-2);color:var(--cp-text-2);padding:2px 7px;border-radius:100px;font-size:11px;font-weight:500;white-space:nowrap}.cp-sub-chip--ind{background:var(--ind-color-light);color:var(--ind-color-dark)}.cp-sub-chip--vip{background:#fffbeb;color:#b45309}.cp-sub-chip--bd{background:#fdf2f8;color:#db2777}.cp-sub-chip--intl{background:#eef2ff;color:#4f46e5}.cp-header-right{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex-shrink:0;min-width:0;max-width:100%}.cp-btn-primary{display:inline-flex;align-items:center;gap:5px;background:var(--ind-grad);color:#fff;border:none;padding:7px 12px;border-radius:var(--cp-radius-sm);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--cp-transition);white-space:nowrap;box-shadow:0 2px 8px color-mix(in srgb,var(--ind-color) 25%,transparent);flex-shrink:0}.cp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--ind-color) 35%,transparent)}.cp-btn-outline{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--cp-text-2);border:1.5px solid var(--cp-border-2);padding:6px 10px;border-radius:var(--cp-radius-sm);font-size:12.5px;font-weight:500;cursor:pointer;transition:var(--cp-transition);white-space:nowrap;flex-shrink:0}.cp-btn-outline:hover{background:var(--cp-surface-2);border-color:var(--cp-text-3)}.cp-btn-danger{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;color:#dc2626;border:1.5px solid #FECACA;padding:6px 10px;border-radius:var(--cp-radius-sm);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--cp-transition)}.cp-btn-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.cp-icon-btn{height:32px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text-2);border-radius:var(--cp-radius-sm);cursor:pointer;transition:var(--cp-transition);font-size:12px;gap:4px;padding:0 8px;white-space:nowrap;min-width:32px;flex-shrink:0}.cp-icon-btn:hover{background:var(--cp-surface-2);color:var(--cp-text);border-color:var(--cp-border-2)}.cp-icon-btn--del:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.cp-currency-wrap{position:relative;flex-shrink:0}.cp-currency-btn{min-width:66px;padding:0 8px;font-size:11.5px;font-weight:600}.cp-currency-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:var(--cp-surface);border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-md);box-shadow:var(--cp-shadow-lg);z-index:300;min-width:180px;overflow:hidden;animation:dropDown .15s ease}@keyframes dropDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-currency-opt{display:flex;align-items:center;gap:7px;padding:8px 12px;width:100%;border:none;background:transparent;cursor:pointer;font-size:12px;text-align:left;transition:var(--cp-transition);color:var(--cp-text);box-sizing:border-box}.cp-currency-opt strong{font-size:14px;color:var(--ind-color);min-width:16px}.cp-currency-opt span{color:var(--cp-text-3);margin-left:auto;font-size:10.5px}.cp-currency-opt:hover{background:var(--ind-color-light)}.cp-currency-opt.active{background:var(--ind-color-light);font-weight:600}.cp-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 16px;box-sizing:border-box;width:100%}@media(max-width:1100px){.cp-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.cp-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 12px}}.cp-kpi-card{background:var(--cp-surface);border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:14px 16px;transition:var(--cp-transition);position:relative;overflow:hidden;min-width:0;box-sizing:border-box}.cp-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ind-grad);opacity:0;transition:var(--cp-transition)}.cp-kpi-card:hover{box-shadow:var(--cp-shadow-md);transform:translateY(-2px)}.cp-kpi-card:hover:before{opacity:1}.cp-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cp-kpi-icon{width:34px;height:34px;border-radius:var(--cp-radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.cp-kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:100px;white-space:nowrap}.cp-kpi-trend.up{background:#ecfdf5;color:#059669}.cp-kpi-trend.down{background:#fef2f2;color:#dc2626}.cp-kpi-value{font-family:Syne,sans-serif;font-size:20px;font-weight:700;color:var(--cp-text);line-height:1;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-kpi-label{font-size:11.5px;color:var(--cp-text-2);font-weight:500;margin-bottom:2px}.cp-kpi-sub{font-size:10.5px;color:var(--cp-text-3)}.cp-tabs{display:flex;gap:0;padding:0 16px;background:var(--cp-surface);border-bottom:1.5px solid var(--cp-border);overflow-x:auto;width:100%;box-sizing:border-box;scrollbar-width:none}.cp-tabs::-webkit-scrollbar{display:none}.cp-tab{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;border:none;background:transparent;color:var(--cp-text-2);font-size:12.5px;font-weight:500;cursor:pointer;border-bottom:2.5px solid transparent;transition:var(--cp-transition);white-space:nowrap;font-family:DM Sans,sans-serif}.cp-tab:hover{color:var(--cp-text);background:var(--cp-surface-2)}.cp-tab--active{color:var(--ind-color);border-bottom-color:var(--ind-color);font-weight:600}.cp-tab-badge{background:var(--cp-surface-2);color:var(--cp-text-3);font-size:10.5px;padding:1px 5px;border-radius:100px;font-weight:600}.cp-tab-badge.active{background:var(--ind-color-light);color:var(--ind-color-dark)}.cp-toolbar{display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--cp-surface);border-bottom:1.5px solid var(--cp-border);flex-wrap:wrap;width:100%;box-sizing:border-box}.cp-search-wrap{position:relative;flex:1 1 160px;min-width:140px;max-width:320px}.cp-search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--cp-text-3);font-size:12px;pointer-events:none}.cp-search-input{width:100%;padding:7px 30px;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-bg);color:var(--cp-text);font-size:12.5px;font-family:DM Sans,sans-serif;outline:none;transition:var(--cp-transition);box-sizing:border-box}.cp-search-input:focus{border-color:var(--ind-color);background:var(--cp-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--ind-color) 12%,transparent)}.cp-search-input::placeholder{color:var(--cp-text-3)}.cp-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--cp-text-3);cursor:pointer;padding:2px;font-size:11px;transition:var(--cp-transition)}.cp-search-clear:hover{color:var(--cp-text)}.cp-toolbar-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex-shrink:0}.cp-filter-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1.5px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text-2);border-radius:var(--cp-radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:var(--cp-transition);position:relative;font-family:DM Sans,sans-serif;white-space:nowrap}.cp-filter-btn:hover{background:var(--cp-surface-2);border-color:var(--cp-border-2)}.cp-filter-btn.active{background:var(--ind-color-light);border-color:var(--ind-color);color:var(--ind-color-dark)}.cp-filter-dot{width:6px;height:6px;background:var(--ind-color);border-radius:50%;position:absolute;top:-3px;right:-3px}.cp-select{padding:6px 8px;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-surface);color:var(--cp-text);font-size:12px;font-family:DM Sans,sans-serif;cursor:pointer;outline:none;transition:var(--cp-transition);white-space:nowrap;max-width:140px}.cp-select:focus{border-color:var(--ind-color)}.cp-view-toggle{display:flex;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);overflow:hidden;flex-shrink:0}.cp-view-btn{padding:5px 8px;border:none;background:var(--cp-surface);color:var(--cp-text-3);cursor:pointer;font-size:12px;transition:var(--cp-transition)}.cp-view-btn:hover{background:var(--cp-surface-2);color:var(--cp-text)}.cp-view-btn.active{background:var(--ind-color-light);color:var(--ind-color)}.cp-result-count{font-size:11.5px;color:var(--cp-text-3);font-weight:500;white-space:nowrap}.cp-filter-panel{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:12px 16px;background:#fffaf4;border-bottom:1.5px solid var(--cp-border);animation:dropDown .15s ease;width:100%;box-sizing:border-box}.cp-fp-group{display:flex;flex-direction:column;gap:6px}.cp-fp-label{font-size:10.5px;font-weight:600;color:var(--cp-text-3);text-transform:uppercase;letter-spacing:.6px}.cp-fp-chips{display:flex;flex-wrap:wrap;gap:4px}.cp-fp-chip{padding:3px 10px;border:1.5px solid var(--cp-border);border-radius:100px;background:var(--cp-surface);color:var(--cp-text-2);font-size:11.5px;font-weight:500;cursor:pointer;transition:var(--cp-transition);font-family:DM Sans,sans-serif;white-space:nowrap}.cp-fp-chip:hover{border-color:var(--ind-color);color:var(--ind-color)}.cp-fp-chip.active{background:var(--ind-color);border-color:var(--ind-color);color:#fff}.cp-fp-clear{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px dashed #FECACA;border-radius:var(--cp-radius-sm);background:transparent;color:#dc2626;font-size:11.5px;cursor:pointer;transition:var(--cp-transition);font-family:DM Sans,sans-serif;align-self:flex-end;white-space:nowrap}.cp-fp-clear:hover{background:#fef2f2}.cp-quick-bar{display:flex;align-items:center;gap:5px;padding:8px 16px;background:var(--cp-surface);border-bottom:1.5px solid var(--cp-border);flex-wrap:wrap;width:100%;box-sizing:border-box}.cp-quick-label{font-size:11px;font-weight:600;color:var(--cp-text-3);display:flex;align-items:center;gap:4px;padding-right:3px;white-space:nowrap}.cp-quick-label svg{color:var(--ind-color)}.cp-quick-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid color-mix(in srgb,var(--qa) 30%,transparent);background:color-mix(in srgb,var(--qa) 8%,transparent);color:var(--qa);border-radius:100px;font-size:11.5px;font-weight:600;cursor:pointer;transition:var(--cp-transition);font-family:DM Sans,sans-serif;white-space:nowrap;--qa: #6b7280}.cp-quick-btn:hover{background:color-mix(in srgb,var(--qa) 15%,transparent);transform:translateY(-1px)}.cp-quick-sel{margin-left:auto;font-size:11px;font-weight:600;color:var(--ind-color);background:var(--ind-color-light);padding:2px 8px;border-radius:100px;white-space:nowrap}.cp-bulk-bar{display:flex;align-items:center;gap:7px;padding:8px 16px;background:var(--ind-color-light);border-bottom:1.5px solid color-mix(in srgb,var(--ind-color) 20%,transparent);flex-wrap:wrap;animation:dropDown .15s ease;width:100%;box-sizing:border-box}.cp-bulk-info{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ind-color-dark);white-space:nowrap}.cp-bulk-actions{display:flex;gap:5px;flex-wrap:wrap}.cp-bulk-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-surface);color:var(--cp-text-2);font-size:11.5px;font-weight:500;cursor:pointer;transition:var(--cp-transition);font-family:DM Sans,sans-serif;white-space:nowrap}.cp-bulk-btn:hover{background:var(--cp-surface-2)}.cp-bulk-btn--green{border-color:#dcfce7;color:#16a34a}.cp-bulk-btn--green:hover{background:#ecfdf5}.cp-bulk-btn--red{border-color:#fecaca;color:#dc2626}.cp-bulk-btn--red:hover{background:#fef2f2}.cp-bulk-clear{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 7px;border:none;background:transparent;color:var(--ind-color-dark);font-size:11.5px;cursor:pointer;font-family:DM Sans,sans-serif}.cp-table-wrap{margin:12px 16px 0;background:var(--cp-surface);border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-lg);overflow-x:auto;overflow-y:visible;box-shadow:var(--cp-shadow-sm);box-sizing:border-box;width:calc(100% - 32px);max-width:calc(100% - 32px);-webkit-overflow-scrolling:touch}.cp-table{width:100%;min-width:680px;border-collapse:collapse;font-size:12.5px;table-layout:auto}.cp-table thead{background:#f1641b}.cp-table th{padding:10px 12px;text-align:left;font-size:10.5px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--cp-border);white-space:nowrap}.cp-th-check{width:36px}.cp-th-act{text-align:right;width:96px}.cp-table tbody tr{border-bottom:1px solid var(--cp-border);transition:var(--cp-transition)}.cp-table tbody tr:last-child{border-bottom:none}.cp-table tbody tr:hover{background:color-mix(in srgb,var(--ind-color) 3%,transparent)}.cp-row--sel{background:var(--ind-color-light)!important}.cp-table td{padding:10px 12px;vertical-align:middle;color:var(--cp-text);overflow:hidden}.cp-td-date{font-size:11.5px;color:var(--cp-text-2);white-space:nowrap}.cp-td-money{font-family:Syne,sans-serif;font-weight:600;color:var(--cp-text);white-space:nowrap}.cp-td-num{font-weight:600;text-align:center}.cp-td-check{width:36px}.cp-checkbox{width:14px;height:14px;accent-color:var(--ind-color);cursor:pointer}.cp-name-cell{display:flex;align-items:center;gap:8px;min-width:0}.cp-avatar{width:32px;height:32px;border-radius:8px;background:var(--ind-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.4px}.cp-cname{font-weight:600;font-size:12.5px;color:var(--cp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.cp-cid-row{display:flex;align-items:center;gap:3px;margin-top:1px}.cp-cid{font-size:10.5px;color:var(--cp-text-3);font-family:Courier New,monospace}.cp-copy-btn{border:none;background:none;color:var(--cp-text-3);cursor:pointer;font-size:10px;padding:1px 2px;transition:var(--cp-transition)}.cp-copy-btn:hover{color:var(--ind-color)}.cp-contact-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.cp-contact-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--cp-text-2);font-size:11.5px;padding:0;font-family:DM Sans,sans-serif;transition:var(--cp-transition);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.cp-contact-link:hover{color:var(--ind-color)}.cp-contact-link--wa:hover{color:#25d366}.cp-country-badge{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:var(--cp-text-2);background:var(--cp-surface-2);padding:2px 7px;border-radius:100px;white-space:nowrap}.cp-insight-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:10.5px;font-weight:600;white-space:nowrap}.cp-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap}.cp-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cp-row-actions{display:flex;gap:3px;justify-content:flex-end}.cp-act-btn{width:26px;height:26px;border:1.5px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text-3);border-radius:var(--cp-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:var(--cp-transition)}.cp-act-btn:hover{background:var(--ind-color-light);border-color:var(--ind-color);color:var(--ind-color)}.cp-act-btn--del:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.cp-empty-row td{padding:50px 0}.cp-empty-inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--cp-text-3)}.cp-empty-icon{font-size:32px}.cp-empty-inner p{font-size:13px;color:var(--cp-text-2);font-weight:500;margin:0}.cp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:12px 16px 0;width:100%;box-sizing:border-box}.cp-empty-cards{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 0;color:var(--cp-text-3);font-size:13px;grid-column:1/-1}.cp-card{background:var(--cp-surface);border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-lg);overflow:hidden;transition:var(--cp-transition);position:relative;min-width:0}.cp-card:hover{box-shadow:var(--cp-shadow-md);transform:translateY(-3px)}.cp-card-accent{height:3px;background:var(--ind-grad)}.cp-card-head{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 0;position:relative}.cp-card-avatar{width:38px;height:38px;border-radius:10px;background:var(--ind-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.cp-card-meta{flex:1;min-width:0}.cp-card-name{font-weight:700;font-size:13px;color:var(--cp-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-card-id{font-size:10.5px;color:var(--cp-text-3);font-family:monospace;margin-top:2px}.cp-card-country{font-size:11px;color:var(--cp-text-2);margin-top:2px}.cp-card-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.cp-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--cp-border);margin:10px 12px;border-radius:var(--cp-radius-sm);overflow:hidden}.cp-cs{background:var(--cp-bg);padding:8px 5px;text-align:center;min-width:0}.cp-cs-label{font-size:9.5px;color:var(--cp-text-3);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.cp-cs-value{font-family:Syne,sans-serif;font-size:12.5px;font-weight:700;color:var(--cp-text);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-card-progress{padding:0 12px 9px}.cp-card-prog-bar{height:3px;background:var(--cp-border);border-radius:100px;overflow:hidden;margin-bottom:6px}.cp-card-prog-fill{height:100%;background:var(--ind-grad);border-radius:100px;transition:width .4s ease}.cp-card-prog-labels{display:flex;justify-content:space-between;align-items:center}.cp-card-prog-pct{font-size:10.5px;color:var(--cp-text-3)}.cp-card-foot{display:flex;gap:4px;padding:9px 12px;border-top:1px solid var(--cp-border)}.cp-card-btn{flex:1;padding:5px 6px;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-surface);color:var(--cp-text-2);font-size:11.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;transition:var(--cp-transition);font-family:DM Sans,sans-serif}.cp-card-btn:hover{background:var(--ind-color-light);border-color:var(--ind-color);color:var(--ind-color)}.cp-card-btn--wa:hover{background:#dcfce7;border-color:#86efac;color:#16a34a}.cp-card-btn--mail:hover{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5}.cp-pagination{display:flex;align-items:center;gap:4px;padding:12px 16px;flex-wrap:wrap;width:100%;box-sizing:border-box}.cp-page-btn{min-width:30px;height:30px;padding:0 8px;border:1.5px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text-2);border-radius:var(--cp-radius-sm);cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:var(--cp-transition);font-family:DM Sans,sans-serif}.cp-page-btn:hover:not(:disabled){background:var(--ind-color-light);border-color:var(--ind-color);color:var(--ind-color)}.cp-page-btn--active{background:var(--ind-color)!important;border-color:var(--ind-color)!important;color:#fff!important;font-weight:700}.cp-page-btn:disabled{opacity:.4;cursor:not-allowed}.cp-page-info{margin-left:6px;font-size:11.5px;color:var(--cp-text-3);white-space:nowrap}.cp-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease}.cp-modal{background:var(--cp-surface);border-radius:var(--cp-radius-xl);box-shadow:var(--cp-shadow-lg);width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.cp-modal--detail{max-width:640px}.cp-modal--form{max-width:560px}.cp-modal--small{max-width:380px}.cp-modal-bar{height:4px;background:var(--ind-grad);border-radius:var(--cp-radius-xl) var(--cp-radius-xl) 0 0}.cp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 20px 13px}.cp-modal-head h2{font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin:0 0 2px;color:var(--cp-text)}.cp-modal-sub{font-size:11.5px;color:var(--cp-text-3);font-family:monospace}.cp-modal-head-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.cp-modal-tabs{display:flex;border-bottom:1.5px solid var(--cp-border);padding:0 20px;overflow-x:auto;scrollbar-width:none}.cp-modal-tabs::-webkit-scrollbar{display:none}.cp-modal-tab{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border:none;background:none;color:var(--cp-text-2);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2.5px solid transparent;transition:var(--cp-transition);font-family:DM Sans,sans-serif;white-space:nowrap}.cp-modal-tab:hover{color:var(--cp-text)}.cp-modal-tab.active{color:var(--ind-color);border-bottom-color:var(--ind-color);font-weight:600}.cp-detail-hero{display:flex;align-items:center;gap:12px;padding:16px 20px 13px;border-bottom:1.5px solid var(--cp-border);background:var(--cp-bg)}.cp-detail-avatar{width:50px;height:50px;border-radius:12px;background:var(--ind-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.cp-detail-hero-info h3{font-family:Syne,sans-serif;font-size:17px;font-weight:700;margin:0 0 6px;color:var(--cp-text)}.cp-detail-badges{display:flex;flex-wrap:wrap;gap:5px}.cp-seg-badge{background:var(--cp-surface-2);color:var(--cp-text-2);padding:2px 8px;border-radius:100px;font-size:10.5px;font-weight:500}.cp-tag-badge{background:var(--ind-color-light);color:var(--ind-color-dark);padding:2px 8px;border-radius:100px;font-size:10.5px;font-weight:500}.cp-detail-body{padding:16px 20px}.cp-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}@media(max-width:480px){.cp-detail-grid{grid-template-columns:1fr}}.cp-di{background:var(--cp-bg);border-radius:var(--cp-radius-sm);padding:9px 11px;min-width:0}.cp-dl{font-size:10px;color:var(--cp-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;margin-bottom:3px}.cp-dv{font-size:12.5px;font-weight:500;color:var(--cp-text);word-break:break-all}.cp-detail-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.cp-dk{display:flex;align-items:center;gap:9px;background:var(--cp-bg);border-radius:var(--cp-radius-md);padding:11px;min-width:0}.cp-dk-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.cp-dk-val{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:var(--cp-text);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-dk-lbl{font-size:10.5px;color:var(--cp-text-3);margin-top:2px}.cp-loyalty-section{background:var(--cp-bg);border-radius:var(--cp-radius-md);padding:11px 13px}.cp-loyalty-head{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--cp-text-2);margin-bottom:8px;flex-wrap:wrap;gap:4px}.cp-loyalty-bar{display:flex;gap:3px}.cp-lt{flex:1;text-align:center;padding:4px 0;border-radius:var(--cp-radius-sm);font-size:9.5px;font-weight:600;background:var(--cp-border);color:var(--cp-text-3);transition:var(--cp-transition)}.cp-lt.active{color:#fff}.cp-activity{display:flex;flex-direction:column}.cp-activity-item{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid var(--cp-border)}.cp-activity-item:last-child{border-bottom:none}.cp-activity-dot{width:8px;height:8px;border-radius:50%;background:var(--ind-color);flex-shrink:0;margin-top:4px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ind-color) 20%,transparent)}.cp-activity-content{flex:1;min-width:0}.cp-activity-type{display:block;font-size:12.5px;font-weight:600;color:var(--cp-text)}.cp-activity-amount{display:block;font-size:12px;color:var(--ind-color-dark);font-weight:600}.cp-activity-note{display:block;font-size:10.5px;color:var(--cp-text-3)}.cp-activity-date{font-size:10.5px;color:var(--cp-text-3);white-space:nowrap}.cp-notes-box{background:var(--cp-bg);border-radius:var(--cp-radius-md);padding:13px;font-size:12.5px;color:var(--cp-text);min-height:65px;line-height:1.6}.cp-notes-empty{color:var(--cp-text-3);font-style:italic}.cp-modal-foot{display:flex;justify-content:flex-end;gap:7px;padding:13px 20px;border-top:1.5px solid var(--cp-border)}.cp-delete-warn{display:flex;align-items:flex-start;gap:11px;background:#fef2f2;border-radius:var(--cp-radius-md);padding:13px}.cp-del-icon{font-size:22px;color:#dc2626;flex-shrink:0}.cp-delete-warn p{font-size:12.5px;color:var(--cp-text);margin:0;line-height:1.6}.cp-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:11px}.cp-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}@media(max-width:480px){.cp-form-row{grid-template-columns:1fr}}.cp-fg{display:flex;flex-direction:column;gap:4px;min-width:0}.cp-fl{font-size:11px;font-weight:600;color:var(--cp-text-2);text-transform:uppercase;letter-spacing:.4px}.cp-fl .req{color:#dc2626;margin-left:2px}.cp-fi{padding:7px 11px;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-bg);color:var(--cp-text);font-size:12.5px;font-family:DM Sans,sans-serif;outline:none;transition:var(--cp-transition);box-sizing:border-box;width:100%}.cp-fi:focus{border-color:var(--ind-color);background:var(--cp-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--ind-color) 12%,transparent)}.cp-fta{padding:7px 11px;border:1.5px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-bg);color:var(--cp-text);font-size:12.5px;font-family:DM Sans,sans-serif;outline:none;resize:vertical;transition:var(--cp-transition);box-sizing:border-box;width:100%}.cp-fta:focus{border-color:var(--ind-color);background:var(--cp-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--ind-color) 12%,transparent)}.cp-toast{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--cp-radius-md);font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;box-shadow:var(--cp-shadow-lg);animation:toastIn .2s cubic-bezier(.4,0,.2,1);max-width:300px}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.cp-toast--success{background:#ecfdf5;color:#065f46;border:1.5px solid #A7F3D0}.cp-toast--error{background:#fef2f2;color:#991b1b;border:1.5px solid #FECACA}.cp-toast--warn{background:#fffbeb;color:#92400e;border:1.5px solid #FDE68A}@media(max-width:1200px){.cp-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.cp-table th:nth-child(4),.cp-table td:nth-child(4){display:none}}@media(max-width:900px){.cp-header{padding:12px 12px 10px}.cp-kpi-row{padding:10px 12px;gap:8px}.cp-tabs{padding:0 12px}.cp-toolbar{padding:8px 12px}.cp-quick-bar,.cp-bulk-bar{padding:7px 12px}.cp-table-wrap{margin:8px 12px 0;width:calc(100% - 24px);max-width:calc(100% - 24px)}.cp-cards-grid{padding:8px 12px 0}.cp-pagination,.cp-filter-panel{padding:10px 12px}.cp-table th:nth-child(5),.cp-table td:nth-child(5){display:none}}@media(max-width:768px){.cp-header{flex-direction:column;align-items:stretch;gap:12px}.cp-header-left{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.cp-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.cp-header-right .cp-btn-primary,.cp-header-right .cp-btn-outline{flex:1;justify-content:center}.cp-toolbar{flex-direction:column;align-items:stretch;gap:10px}.cp-search-wrap{width:100%;max-width:100%}.cp-toolbar-controls{width:100%;flex-direction:column;align-items:stretch;gap:8px}.cp-toolbar-controls select,.cp-toolbar-controls .cp-filter-btn{width:100%}.cp-kpi-row{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cp-kpi-row::-webkit-scrollbar{display:none}.cp-kpi-card{flex:0 0 85%}.cp-kpi-value{font-size:17px}.cp-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cp-table{min-width:600px}}@media(max-width:560px){.cp-title{font-size:16px}.cp-kpi-value{font-size:15px}.cp-kpi-card{padding:10px;flex:0 0 92%}.cp-cards-grid{grid-template-columns:1fr}.cp-header{padding:10px 10px 8px}.cp-table th:nth-child(7),.cp-table td:nth-child(7){display:none}}.cp-table-wrap::-webkit-scrollbar,.cp-modal::-webkit-scrollbar{width:4px;height:4px}.cp-table-wrap::-webkit-scrollbar-track,.cp-modal::-webkit-scrollbar-track{background:var(--cp-bg)}.cp-table-wrap::-webkit-scrollbar-thumb,.cp-modal::-webkit-scrollbar-thumb{background:var(--cp-border-2);border-radius:100px}.cp-table-wrap::-webkit-scrollbar-thumb:hover,.cp-modal::-webkit-scrollbar-thumb:hover{background:var(--ind-color)}:root{--inv-color: #2563eb;--inv-color-light: #EFF6FF;--inv-color-dark: #1D4ED8;--inv-color-rgb: 37,99,235;--inv-bg: #f0f2f7;--inv-surface: #ffffff;--inv-surface-2: #f8f9fc;--inv-border: #e5e8ef;--inv-border-light: #f0f2f7;--inv-text: #0f1117;--inv-text-secondary: #6b7280;--inv-text-muted: #9ca3af;--inv-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--inv-shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--inv-shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--inv-shadow-xl: 0 24px 64px rgba(0,0,0,.15), 0 8px 20px rgba(0,0,0,.08);--inv-radius-sm: 8px;--inv-radius-md: 12px;--inv-radius-lg: 16px;--inv-radius-xl: 20px;--inv-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--inv-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--inv-transition: all .18s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}.inv-page{font-family:var(--inv-font);background:#fffaf4;min-height:100%;width:100%;min-width:0;max-width:100%;padding:18px 16px;color:var(--inv-text);position:relative;-webkit-font-smoothing:antialiased;overflow-x:hidden;box-sizing:border-box}.inv-page.inv-fullscreen{position:fixed;inset:0;z-index:9999;overflow-y:auto;overflow-x:hidden;padding:18px 16px;background:var(--inv-bg)}.inv-toast{position:fixed;top:18px;right:18px;z-index:99999;display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:var(--inv-radius-md);font-size:.84rem;font-weight:500;box-shadow:var(--inv-shadow-lg);animation:invToastIn .3s cubic-bezier(.4,0,.2,1);max-width:340px}.inv-toast--success{background:#0ea66e;color:#fff}.inv-toast--error{background:#e8364a;color:#fff}.inv-toast--info{background:var(--inv-color);color:#fff}@keyframes invToastIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.inv-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.inv-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 180px}.inv-header-icon{width:42px;height:42px;border-radius:var(--inv-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.inv-title{font-size:1.35rem;font-weight:700;color:var(--inv-text);margin:0 0 3px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-subtitle{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--inv-text-secondary);margin:0;flex-wrap:wrap}.inv-industry-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:.74rem;font-weight:600;white-space:nowrap}.inv-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;min-width:0;max-width:100%}.inv-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--inv-radius-sm);font-size:.82rem;font-weight:600;color:#fff;cursor:pointer;transition:var(--inv-transition);white-space:nowrap;flex-shrink:0}.inv-btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.inv-btn-primary:active{transform:translateY(0)}.inv-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.82rem;font-weight:500;color:var(--inv-text-secondary);background:var(--inv-surface);cursor:pointer;transition:var(--inv-transition);white-space:nowrap;flex-shrink:0}.inv-btn-secondary:hover{border-color:var(--inv-color);color:var(--inv-color);background:var(--inv-color-light)}.inv-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);background:var(--inv-surface);color:var(--inv-text-secondary);cursor:pointer;transition:var(--inv-transition);flex-shrink:0}.inv-btn-icon:hover{border-color:var(--inv-color);color:var(--inv-color);background:var(--inv-color-light)}.inv-btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--inv-radius-sm);font-size:.82rem;font-weight:600;color:#fff;background:#e8364a;cursor:pointer;transition:var(--inv-transition);white-space:nowrap}.inv-btn-danger:hover{opacity:.88;transform:translateY(-1px)}.inv-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:1200px){.inv-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.inv-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(max-width:480px){.inv-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}.inv-stat-card{background:var(--inv-surface);border:1.5px solid var(--inv-border-light);border-radius:var(--inv-radius-lg);padding:14px 15px;display:flex;align-items:center;gap:10px;box-shadow:var(--inv-shadow-sm);transition:var(--inv-transition);position:relative;overflow:hidden;min-width:0;box-sizing:border-box}.inv-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(var(--inv-color-rgb),.6),transparent);opacity:0;transition:var(--inv-transition)}.inv-stat-card:hover{box-shadow:var(--inv-shadow-md);transform:translateY(-2px)}.inv-stat-card:hover:before{opacity:1}.inv-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.inv-stat-body{flex:1;min-width:0}.inv-stat-val{font-size:1.1rem;font-weight:700;color:var(--inv-text);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-stat-lbl{font-size:.68rem;color:var(--inv-text-muted);font-weight:500;margin-top:2px;white-space:nowrap}.inv-stat-trend{font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:2px;white-space:nowrap;padding:2px 5px;border-radius:100px;flex-shrink:0}.inv-stat-trend.up{color:#0ea66e;background:#0ea66e1a}.inv-stat-trend.down{color:#e8364a;background:#e8364a1a}.inv-tabs{display:flex;align-items:center;gap:5px;margin-bottom:14px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;scrollbar-width:none}.inv-tabs::-webkit-scrollbar{display:none}.inv-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border:1.5px solid var(--inv-border);border-radius:100px;font-size:.78rem;font-weight:500;color:var(--inv-text-secondary);background:var(--inv-surface);cursor:pointer;transition:var(--inv-transition);white-space:nowrap;flex-shrink:0}.inv-tab:hover{border-color:var(--inv-color);color:var(--inv-color)}.inv-tab--active{font-weight:600}.inv-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;font-size:.68rem;font-weight:700;background:var(--inv-bg);color:var(--inv-text-secondary)}.inv-tab--active .inv-tab-count{background:rgba(var(--inv-color-rgb),.15);color:var(--inv-color)}.inv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.inv-search{position:relative;flex:1 1 160px;min-width:140px;max-width:320px}.inv-search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--inv-text-muted);font-size:.8rem;pointer-events:none}.inv-search input{width:100%;padding:9px 34px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.82rem;font-family:var(--inv-font);color:var(--inv-text);background:var(--inv-surface);outline:none;transition:var(--inv-transition);box-sizing:border-box}.inv-search input:focus{border-color:var(--inv-color);box-shadow:0 0 0 3px rgba(var(--inv-color-rgb),.1)}.inv-search input::placeholder{color:var(--inv-text-muted)}.inv-search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--inv-text-muted);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;font-size:.72rem;transition:var(--inv-transition)}.inv-search-clear:hover{color:var(--inv-text)}.inv-toolbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;min-width:0;max-width:100%}.inv-sel{padding:8px 10px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.78rem;font-family:var(--inv-font);color:var(--inv-text);background:var(--inv-surface);outline:none;cursor:pointer;transition:var(--inv-transition);max-width:130px}.inv-sel:focus{border-color:var(--inv-color)}.inv-view-toggle{display:flex;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);overflow:hidden;flex-shrink:0}.inv-view-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:var(--inv-surface);color:var(--inv-text-muted);cursor:pointer;transition:var(--inv-transition);font-size:.82rem}.inv-view-btn+.inv-view-btn{border-left:1.5px solid var(--inv-border)}.inv-view-btn.active{background:rgba(var(--inv-color-rgb),.1);color:var(--inv-color)}.inv-view-btn:hover:not(.active){background:var(--inv-surface-2)}.inv-result-count{font-size:.76rem;font-weight:600;white-space:nowrap}.inv-bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(var(--inv-color-rgb),.08);border:1.5px solid rgba(var(--inv-color-rgb),.2);border-radius:var(--inv-radius-md);margin-bottom:10px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.inv-bulk-count{font-size:.82rem;font-weight:600;color:var(--inv-color);white-space:nowrap}.inv-bulk-actions{display:flex;gap:5px;flex:1;flex-wrap:wrap;min-width:0}.inv-bulk-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.76rem;font-weight:500;color:var(--inv-text-secondary);background:var(--inv-surface);cursor:pointer;transition:var(--inv-transition);white-space:nowrap}.inv-bulk-btn:hover{border-color:var(--inv-color);color:var(--inv-color)}.inv-bulk-btn.danger:hover{border-color:#e8364a;color:#e8364a}.inv-bulk-clear{border:none;background:none;color:var(--inv-text-muted);cursor:pointer;padding:5px;border-radius:var(--inv-radius-sm);display:flex;align-items:center;font-size:.82rem;transition:var(--inv-transition);flex-shrink:0}.inv-bulk-clear:hover{color:var(--inv-text)}.inv-table-wrap{background:var(--inv-surface);border:1.5px solid var(--inv-border-light);border-radius:var(--inv-radius-lg);box-shadow:var(--inv-shadow-sm);overflow-x:auto;overflow-y:visible;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.inv-table{width:100%;table-layout:auto;border-collapse:collapse;font-size:.795rem;min-width:600px}.inv-table thead tr{background:#f1641b;border-bottom:1.5px solid var(--inv-border)}.inv-table thead th{padding:10px 9px;text-align:left;font-size:.68rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.inv-table thead th:first-child{padding-left:14px;width:34px}.inv-table thead th:last-child{padding-right:14px;width:110px}.inv-table thead th:nth-child(2){min-width:160px}.inv-table thead th:nth-child(3){min-width:80px}.inv-table thead th:nth-child(4){min-width:130px}.inv-table thead th:nth-child(5){min-width:72px}.inv-table thead th:nth-child(6){min-width:72px}.inv-table thead th:nth-child(7){min-width:60px}.inv-table thead th:nth-child(8){min-width:80px}.inv-table thead th:nth-child(9){min-width:90px}.inv-table thead th:nth-child(10){min-width:72px}.inv-table thead th:nth-child(11){min-width:90px}.inv-table input[type=checkbox]{width:14px;height:14px;accent-color:var(--inv-color);cursor:pointer}.inv-row{border-bottom:1px solid var(--inv-border-light);transition:var(--inv-transition)}.inv-row:last-child{border-bottom:none}.inv-row:hover{background:var(--inv-surface-2)}.inv-row--selected{background:rgba(var(--inv-color-rgb),.04)}.inv-row--selected:hover{background:rgba(var(--inv-color-rgb),.07)}.inv-row td{padding:10px 0%;vertical-align:middle;overflow:hidden}.inv-row td:first-child{padding-left:14px}.inv-row td:last-child{padding-right:14px}.inv-item-cell{display:flex;align-items:center;gap:7px;min-width:0}.inv-item-avatar{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}.inv-item-name{font-weight:600;color:var(--inv-text);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.inv-item-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.inv-sku{font-size:.67rem;color:var(--inv-text-muted);font-family:var(--inv-font-mono);white-space:nowrap}.inv-id{font-size:.62rem;color:var(--inv-text-muted);padding:1px 4px;background:var(--inv-bg);border-radius:4px;font-family:var(--inv-font-mono);white-space:nowrap}.inv-cat-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:100px;font-size:.67rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.inv-stock-cell{min-width:120px}.inv-stock-nums{display:flex;align-items:baseline;gap:2px;margin-bottom:4px}.inv-stock-cur{font-size:.84rem;font-weight:700;color:var(--inv-text);font-family:var(--inv-font-mono)}.inv-stock-sep{color:var(--inv-text-muted);font-size:.68rem}.inv-stock-max{font-size:.68rem;color:var(--inv-text-muted);font-family:var(--inv-font-mono)}.inv-stock-unit{font-size:.64rem;color:var(--inv-text-muted);margin-left:2px}.inv-stock-pct{font-size:.64rem;color:var(--inv-text-muted);margin-top:2px;display:block;text-align:right}.inv-bar-track{height:4px;background:var(--inv-bg);border-radius:100px;overflow:hidden;width:100%}.inv-bar-fill{height:100%;border-radius:100px;transition:width .5s ease}.inv-mono{font-family:var(--inv-font-mono);font-size:.76rem}.inv-price{color:var(--inv-text);font-weight:500}.inv-bold{font-weight:700}.inv-margin{font-family:var(--inv-font-mono);font-size:.76rem;font-weight:700}.inv-supplier{font-size:.74rem;color:var(--inv-text-secondary);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.inv-expiry{font-size:.72rem;color:var(--inv-text-secondary);font-family:var(--inv-font-mono);white-space:nowrap}.inv-expiry--warn{color:#f59e0b;font-weight:600}.inv-expiry--danger{color:#e8364a;font-weight:700}.inv-na{color:var(--inv-text-muted);font-size:.74rem}.inv-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:100px;font-size:.68rem;font-weight:600;white-space:nowrap}.inv-status-dot{width:6px;height:6px;border-radius:100px;flex-shrink:0}.inv-row-actions{display:flex;align-items:center;gap:2px}.inv-act-btn{width:15px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--inv-radius-sm);background:transparent;color:var(--inv-text-muted);cursor:pointer;transition:var(--inv-transition);font-size:.74rem;flex-shrink:0}.inv-act-btn:hover{background:var(--inv-bg);color:var(--inv-text)}.inv-act-btn.danger:hover{background:#e8364a1a;color:#e8364a}.inv-empty{text-align:center;padding:50px 20px;color:var(--inv-text-muted)}.inv-empty p{margin-top:10px;font-size:.86rem}.inv-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;width:100%;max-width:100%;box-sizing:border-box}.inv-cards-empty{grid-column:1/-1;text-align:center;padding:50px;color:var(--inv-text-muted);background:var(--inv-surface);border-radius:var(--inv-radius-lg);border:1.5px dashed var(--inv-border)}.inv-card{background:var(--inv-surface);border:1.5px solid var(--inv-border-light);border-radius:var(--inv-radius-lg);padding:16px;transition:var(--inv-transition);box-shadow:var(--inv-shadow-sm);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;min-width:0;box-sizing:border-box}.inv-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--card-color, var(--inv-color));opacity:0;transition:var(--inv-transition)}.inv-card:hover{box-shadow:var(--inv-shadow-md);transform:translateY(-3px);border-color:rgba(var(--inv-color-rgb),.25)}.inv-card:hover:after{opacity:1}.inv-card-top{display:flex;align-items:flex-start;justify-content:space-between}.inv-card-avatar{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.inv-card-body{flex:1;min-width:0}.inv-card-name{font-size:.86rem;font-weight:700;color:var(--inv-text);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-card-sku{font-size:.72rem;color:var(--inv-text-muted);font-family:var(--inv-font-mono);margin:0 0 7px}.inv-card-stock{margin-bottom:10px}.inv-stock-label-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.72rem;color:var(--inv-text-muted);gap:7px}.inv-stock-val{font-weight:600;color:var(--inv-text);white-space:nowrap}.inv-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inv-cstat-lbl{font-size:.66rem;color:var(--inv-text-muted);font-weight:500;margin-bottom:2px}.inv-cstat-val{font-size:.82rem;font-weight:700;color:var(--inv-text);font-family:var(--inv-font-mono)}.inv-card-footer{display:flex;gap:7px;margin-top:auto}.inv-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.76rem;font-weight:500;color:var(--inv-text-secondary);background:transparent;cursor:pointer;transition:var(--inv-transition);white-space:nowrap}.inv-card-btn:hover{border-color:var(--inv-color);color:var(--inv-color)}.inv-card-btn.primary{color:#fff!important;border-color:transparent}.inv-card-btn.primary:hover{opacity:.85}.inv-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px;animation:overlayIn .2s ease}.inv-modal{background:var(--inv-surface);border-radius:var(--inv-radius-xl);box-shadow:var(--inv-shadow-xl);width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .25s cubic-bezier(.4,0,.2,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.inv-modal--sm{max-width:420px}.inv-modal--md{max-width:560px}.inv-modal--lg{max-width:680px}.inv-modal--xl{max-width:800px}.inv-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1.5px solid var(--inv-border-light);flex-shrink:0;gap:10px}.inv-modal-title{font-size:1rem;font-weight:700;color:var(--inv-text);margin:0 0 3px}.inv-modal-sub{font-size:.76rem;color:var(--inv-text-muted);margin:0}.inv-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--inv-radius-sm);background:var(--inv-bg);color:var(--inv-text-muted);cursor:pointer;transition:var(--inv-transition);flex-shrink:0;font-size:.82rem}.inv-modal-close:hover{background:#e8364a1a;color:#e8364a}.inv-modal-body{padding:18px 22px;overflow-y:auto;flex:1}.inv-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1.5px solid var(--inv-border-light);flex-shrink:0;flex-wrap:wrap}.inv-detail-status-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:16px}.inv-detail-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}@media(max-width:520px){.inv-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.inv-detail-kpi{background:var(--inv-surface-2);border:1.5px solid var(--inv-border-light);border-radius:var(--inv-radius-md);padding:12px;text-align:center;min-width:0}.inv-detail-kpi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin:0 auto 7px}.inv-detail-kpi-val{font-size:.9rem;font-weight:700;color:var(--inv-text);font-family:var(--inv-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-detail-kpi-lbl{font-size:.67rem;color:var(--inv-text-muted);margin-top:2px}.inv-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:480px){.inv-detail-grid{grid-template-columns:1fr}}.inv-detail-field{background:var(--inv-surface-2);border:1.5px solid var(--inv-border-light);border-radius:var(--inv-radius-md);padding:11px 12px;min-width:0}.inv-detail-field-lbl{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--inv-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.inv-detail-field-val{font-size:.84rem;color:var(--inv-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-form-section{margin-bottom:20px}.inv-form-section:last-child{margin-bottom:0}.inv-form-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--inv-text-muted);margin-bottom:10px;padding-bottom:7px;border-bottom:1.5px solid var(--inv-border-light)}.inv-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:540px){.inv-form-grid{grid-template-columns:1fr}}.inv-form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.inv-col-2{grid-column:span 2}@media(max-width:540px){.inv-col-2{grid-column:span 1}}.inv-form-group label{font-size:.74rem;font-weight:600;color:var(--inv-text-secondary)}.inv-form-group label .req{color:#e8364a}.inv-form-group input,.inv-form-group select{padding:8px 11px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.82rem;font-family:var(--inv-font);color:var(--inv-text);background:var(--inv-surface);outline:none;transition:var(--inv-transition);width:100%;box-sizing:border-box}.inv-form-group input:focus,.inv-form-group select:focus{border-color:var(--inv-color);box-shadow:0 0 0 3px rgba(var(--inv-color-rgb),.1)}.inv-form-group input::placeholder{color:var(--inv-text-muted)}.inv-margin-val{font-size:1.3rem;font-weight:800;font-family:var(--inv-font-mono);padding:7px 11px;background:var(--inv-bg);border-radius:var(--inv-radius-sm)}.inv-reorder-info{background:var(--inv-surface-2);border:1.5px solid var(--inv-border-light);border-radius:var(--inv-radius-md);padding:13px;display:flex;flex-direction:column;gap:7px}.inv-reorder-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:var(--inv-text-secondary);gap:10px}.inv-reorder-row strong{color:var(--inv-text);font-weight:600;white-space:nowrap}.inv-adjust-type{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.inv-adj-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:1.5px solid var(--inv-border);border-radius:var(--inv-radius-sm);font-size:.78rem;font-weight:500;color:var(--inv-text-secondary);background:var(--inv-surface);cursor:pointer;transition:var(--inv-transition);white-space:nowrap}.inv-adj-btn:hover{border-color:var(--inv-color);color:var(--inv-color)}@media(max-width:1280px){.inv-table thead th:nth-child(7),.inv-row td:nth-child(7){display:none}}@media(max-width:1100px){.inv-table thead th:nth-child(8),.inv-row td:nth-child(8){display:none}.inv-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.inv-page{padding:14px 12px}.inv-header{margin-bottom:14px}.inv-stats{gap:8px}.inv-table thead th:nth-child(9),.inv-row td:nth-child(9){display:none}}@media(max-width:860px){.inv-table thead th:nth-child(10),.inv-row td:nth-child(10){display:none}.inv-table thead th:nth-child(5),.inv-row td:nth-child(5){display:none}}@media(max-width:768px){.inv-page{padding:12px 10px}.inv-header{flex-direction:column;align-items:stretch;gap:12px}.inv-header-left{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.inv-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.inv-header-actions .inv-btn-primary,.inv-header-actions .inv-btn-secondary{flex:1;justify-content:center}.inv-toolbar{flex-direction:column;align-items:stretch;gap:10px}.inv-search{width:100%;max-width:100%}.inv-toolbar-right{width:100%;flex-direction:column;align-items:stretch;gap:8px}.inv-sel{width:100%;max-width:100%}.inv-stats{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px}.inv-stats::-webkit-scrollbar{display:none}.inv-stat-card{flex:0 0 85%}.inv-table thead th:nth-child(6),.inv-row td:nth-child(6){display:none}.inv-table{min-width:600px}.inv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:600px){.inv-title{font-size:1.1rem}.inv-cards-grid{grid-template-columns:1fr}.inv-stat-card{flex:0 0 92%}}@media(max-width:480px){.inv-page{padding:10px 8px}}@media print{.inv-header-actions,.inv-toolbar-right,.inv-tabs,.inv-bulk-bar,.inv-row-actions,.inv-btn-primary,.inv-btn-secondary{display:none!important}.inv-page{padding:0;background:#fff;overflow:visible}.inv-table-wrap{box-shadow:none;border:1px solid #e5e8ef;overflow:visible;max-width:100%}.inv-stats{break-inside:avoid}.inv-table{min-width:unset;font-size:.72rem}}.inv-modal-body::-webkit-scrollbar,.inv-table-wrap::-webkit-scrollbar{width:4px;height:4px}.inv-modal-body::-webkit-scrollbar-track,.inv-table-wrap::-webkit-scrollbar-track{background:transparent}.inv-modal-body::-webkit-scrollbar-thumb,.inv-table-wrap::-webkit-scrollbar-thumb{background:var(--inv-border);border-radius:100px}.inv-modal-body::-webkit-scrollbar-thumb:hover,.inv-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--inv-text-muted)}:root{--s-accent: #2563eb;--s-accent-soft: rgba(37,99,235,.08);--s-accent-glow: rgba(37,99,235,.18);--s-accent-border: rgba(37,99,235,.25);--s-accent-light: #EFF6FF;--s-bg: #f8fafc;--s-surface: #ffffff;--s-border: #e2e8f0;--s-border2: #f1f5f9;--s-text: #0f172a;--s-text2: #64748b;--s-text3: #94a3b8;--s-shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--s-shadow-md: 0 4px 16px rgba(0,0,0,.08);--s-radius: 12px;--s-radius-sm: 8px;--s-radius-lg: 16px}.s-page{min-height:100vh;background:var(--s-bg);font-family:Geist,DM Sans,Inter,system-ui,sans-serif;color:var(--s-text);position:relative}.s-toast{position:fixed;top:20px;right:24px;z-index:9999;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:500;border-left:4px solid transparent;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;animation:s-toast-in .35s cubic-bezier(.175,.885,.32,1.275) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:340px}@keyframes s-toast-in{0%{opacity:0;transform:translate(28px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.s-toast--success{background:#fffffff7;color:#0f172a}.s-toast--info{background:#fffffff7;color:#0f172a;border-left-color:#64748b!important}.s-toast--error{background:#fffffff7;color:#dc2626;border-left-color:#dc2626!important}.s-toast-icon{font-size:16px}.s-toast--success .s-toast-icon{color:var(--s-accent)}.s-toast--error .s-toast-icon{color:#dc2626}.s-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 20px;background:var(--s-surface);border-bottom:1px solid var(--s-border);gap:16px;flex-wrap:wrap}.s-header-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.s-header-title{font-size:22px;font-weight:700;color:var(--s-text);margin:0 0 3px;letter-spacing:-.02em}.s-header-sub{font-size:13px;color:var(--s-text2);margin:0}.s-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--s-radius-sm);border:1px solid var(--s-border);background:var(--s-surface);color:var(--s-text2);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap}.s-btn-ghost:hover{background:var(--s-bg);color:var(--s-text);border-color:var(--s-accent)}.s-layout{display:flex;min-height:calc(100vh - 80px)}.s-sidebar{width:228px;flex-shrink:0;background:var(--s-surface);border-right:1px solid var(--s-border);position:sticky;top:0;height:calc(100vh - 80px);overflow-y:auto}.s-sidebar::-webkit-scrollbar{width:4px}.s-sidebar::-webkit-scrollbar-track{background:transparent}.s-sidebar::-webkit-scrollbar-thumb{background:var(--s-border);border-radius:4px}.s-sidebar-inner{padding:16px 10px}.s-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--s-radius-sm);border:none;border-left:2px solid transparent;background:transparent;color:var(--s-text2);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s;position:relative;margin-bottom:2px}.s-nav-item:hover{background:var(--s-accent-soft);color:var(--s-text)}.s-nav-item.active{font-weight:600}.s-nav-icon{font-size:14px;flex-shrink:0;width:18px;display:flex;align-items:center;justify-content:center}.s-nav-label{flex:1}.s-nav-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.s-content{flex:1;padding:28px 32px;overflow-y:auto;min-width:0}.s-section{max-width:820px}.s-sec-head{margin-bottom:22px}.s-sec-head h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--s-text);margin:0 0 5px;letter-spacing:-.015em}.s-sec-head p{font-size:13px;color:var(--s-text2);margin:0}.s-card{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);overflow:hidden;margin-bottom:18px;box-shadow:var(--s-shadow);transition:box-shadow .2s}.s-card:hover{box-shadow:var(--s-shadow-md)}.s-card-head{display:flex;align-items:center;gap:10px;padding:16px 20px 14px;border-bottom:1px solid var(--s-border2);border-left:3px solid transparent}.s-card-icon{font-size:15px}.s-card-title{font-size:14px;font-weight:600;color:var(--s-text);margin:0;letter-spacing:-.01em}.s-card-body{padding:16px 20px 18px}.s-toggle-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--s-border2);transition:background .12s}.s-toggle-row:last-child{border-bottom:none}.s-toggle-row:hover{background:transparent}.s-toggle-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.s-toggle-info{flex:1;min-width:0}.s-toggle-label{font-size:13.5px;font-weight:600;color:var(--s-text);margin-bottom:1px}.s-toggle-desc{font-size:12px;color:var(--s-text2);line-height:1.4}.s-toggle{position:relative;display:inline-block;flex-shrink:0}.s-toggle input{opacity:0;width:0;height:0;position:absolute}.s-toggle-track{display:block;width:42px;height:24px;background:#cbd5e1;border-radius:12px;cursor:pointer;transition:background .22s;position:relative}.s-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.s-toggle input:checked~.s-toggle-track .s-toggle-thumb{transform:translate(18px)}.s-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}@media(max-width:680px){.s-form-grid{grid-template-columns:1fr}}.s-field{display:flex;flex-direction:column;gap:5px}.s-field--full{grid-column:1 / -1}.s-label{font-size:12px;font-weight:600;color:var(--s-text2);display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.04em}.s-label-icon{font-size:11px}.s-input{height:40px;padding:0 12px;border:1.5px solid var(--s-border);border-radius:var(--s-radius-sm);background:var(--s-bg);color:var(--s-text);font-size:13.5px;font-family:inherit;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.s-input:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-accent-soft);background:var(--s-surface)}.s-input:hover:not(:focus){border-color:#94a3b8}select.s-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.s-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.s-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;border-radius:var(--s-radius);border:1.5px solid var(--s-accent-border, var(--s-border));background:var(--s-accent-soft, var(--s-bg));color:var(--s-accent, var(--s-text2));font-size:12.5px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.s-action-btn:hover{background:var(--s-accent, var(--s-accent));color:#fff;border-color:var(--s-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.s-action-btn svg{font-size:18px}.s-action-btn--danger{border-color:#dc262640;background:#dc26260f;color:#dc2626;--a-clr: #dc2626}.s-action-btn--danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.s-info-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--s-radius-sm);border-left:3px solid;font-size:13px;margin-bottom:4px}.s-info-banner strong{display:block;font-size:13.5px;font-weight:600;color:var(--s-text);margin-bottom:2px}.s-info-banner p{margin:0;color:var(--s-text2);line-height:1.45}.s-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.s-info-item{padding:14px 16px;background:var(--s-bg);border-radius:var(--s-radius-sm);border:1px solid var(--s-border2)}.s-info-label{font-size:11px;font-weight:600;color:var(--s-text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.s-info-value{font-size:15px;font-weight:700;letter-spacing:-.01em}.s-footer{margin-top:6px;padding-top:18px;border-top:1px solid var(--s-border2);display:flex;gap:10px}.s-btn-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--s-radius-sm);border:none;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s;letter-spacing:.01em;box-shadow:0 2px 8px #0000001f}.s-btn-save:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 6px 20px #0000002e}.s-btn-save:active{transform:translateY(0)}.s-role-guide{display:flex;flex-direction:column;gap:10px}.s-role-guide-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--s-bg);border-radius:var(--s-radius-sm);border:1px solid var(--s-border2)}.s-role-guide-desc{font-size:13px;color:var(--s-text2);line-height:1.45;padding-top:2px}.s-role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:800;border:1px solid;white-space:nowrap;flex-shrink:0}.s-staff-toolbar{margin-bottom:16px}.s-btn-add-staff{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:none;border-radius:var(--s-radius-sm);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.s-staff-form{margin-bottom:20px;padding:18px;background:var(--s-bg);border-radius:var(--s-radius-sm);border:1px dashed var(--s-border)}.s-staff-form-hint{font-size:12px;color:var(--s-text3);margin:10px 0 14px}.s-staff-table-wrap{overflow-x:auto;border:1px solid var(--s-border2);border-radius:var(--s-radius-sm)}.s-staff-table{width:100%;border-collapse:collapse;font-size:13px}.s-staff-table th{text-align:left;padding:10px 14px;background:var(--s-bg);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--s-text3);border-bottom:1px solid var(--s-border2)}.s-staff-table td{padding:12px 14px;border-bottom:1px solid var(--s-border2);vertical-align:middle}.s-staff-table tr:last-child td{border-bottom:none}.s-staff-row--inactive{opacity:.55}.s-staff-name{font-weight:700;color:var(--s-text)}.s-staff-email{font-size:12px;color:var(--s-text3);margin-top:2px}.s-staff-muted{font-size:12px;color:var(--s-text3)}.s-role-select{min-width:140px;padding:6px 10px!important;font-size:12px!important}.s-staff-status{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800}.s-staff-status--active{background:#10b9811f;color:#059669}.s-staff-status--off{background:#6b72801f;color:#6b7280}.s-staff-deactivate{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(239,68,68,.3);background:#ef44440f;color:#dc2626;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.s-staff-deactivate:hover{background:#ef44441f}.s-staff-empty{padding:32px 16px;text-align:center;color:var(--s-text3);font-size:14px}@media(max-width:900px){.s-content{padding:20px 18px}.s-header{padding:18px 18px 16px}}@media(max-width:768px){.s-layout{flex-direction:column}.s-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--s-border);display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.s-sidebar::-webkit-scrollbar{display:none}.s-sidebar-inner{display:flex;flex-direction:row;padding:10px 12px;gap:8px;width:max-content}.s-nav-item{margin-bottom:0;padding:8px 14px;border-left:none;border-bottom:2px solid transparent;white-space:nowrap;flex:0 0 auto;width:auto}.s-nav-item.active{border-left:none;border-bottom:2px solid var(--s-accent);background:var(--s-accent-soft)}.s-action-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.s-header-title{font-size:18px}.s-content{padding:16px 12px}.s-action-grid,.s-info-grid{grid-template-columns:1fr}}.s-staff-activate{background:#f0fdf4!important;color:#16a34a!important;border-color:#bbf7d0!important}.s-staff-activate:hover{background:#dcfce7!important}.s-staff-pin-reset{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1px solid #e0e7ff;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.s-staff-pin-reset:hover{background:#e0e7ff}.rr-dashboard{padding:32px;background:#f8fafc;min-height:calc(100vh - 70px);font-family:Inter,Segoe UI,sans-serif}.rr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.rr-header-title h2{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 8px;display:flex;align-items:center;letter-spacing:-.02em}.rr-header-title p{color:#6b7280;margin:0;font-size:15px}.rr-controls{display:flex;gap:10px;align-items:center}.rr-date-dropdown{padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;outline:none;cursor:pointer;height:38px;box-shadow:0 1px 2px #0000000d}.rr-btn-secondary{display:flex;align-items:center;gap:6px;padding:0 16px;height:38px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.rr-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.rr-btn-export{display:flex;align-items:center;gap:6px;padding:0 18px;height:38px;background:var(--ind-main);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--accent-glow, rgba(0,0,0,.1));white-space:nowrap}.rr-btn-export:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--accent-glow, rgba(0,0,0,.2))}.rr-tabs-container{display:flex;gap:32px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.rr-tab{padding:12px 0;font-size:15px;font-weight:600;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.rr-tab:hover{color:#374151}.rr-tab.active{color:var(--ind-main);border-bottom-color:var(--ind-main)}.rr-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.rr-kpi-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.rr-kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.rr-kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rr-kpi-title{color:#64748b;font-size:15px;font-weight:600}.rr-kpi-icon{width:48px;height:48px;border-radius:12px;background:var(--ind-light);color:var(--ind-main);display:flex;align-items:center;justify-content:center;font-size:22px}.rr-kpi-value{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em}.rr-kpi-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.rr-trend-up{color:#10b981}.rr-trend-down{color:#ef4444}.rr-trend-text{color:#9ca3af;font-weight:500;margin-left:4px}.rr-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.rr-chart-box{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.rr-chart-header{margin-bottom:20px}.rr-chart-header h3{margin:0;font-size:18px;color:#111827}.rr-table-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.rr-table-section h3{margin:0 0 20px;font-size:18px;color:#111827}.rr-table{width:100%;border-collapse:separate;border-spacing:0}.rr-table th{background:#f8fafc;color:#4b5563;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}.rr-table td{padding:16px;color:#334155;font-size:14px;border-bottom:1px solid #f1f5f9;background:#fff;transition:all .2s}.rr-table tbody tr{cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.rr-table tbody tr:hover td{background:var(--ind-light, #f8fafc);transform:translateY(-1px)}.rr-table tbody tr:hover{box-shadow:0 4px 15px var(--accent-glow, rgba(0,0,0,.05));z-index:10}.rr-product-name{font-weight:600;color:#111827}.rr-sku{color:#6b7280;font-size:12px}.rr-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.rr-badge-warning{background:#fef3c7;color:#d97706}.rr-badge-danger{background:#fee2e2;color:#dc2626}.rr-badge-success{background:#d1fae5;color:#059669}.rr-staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rr-staff-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000005}.rr-staff-avatar{width:50px;height:50px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#6b7280;font-weight:700}.rr-staff-info h4{margin:0 0 4px;color:#111827}.rr-staff-info p{margin:0;color:#6b7280;font-size:13px}.rr-pulse-container{margin-top:24px}.rr-pulse-row{margin-bottom:16px}.rr-pulse-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;color:#475569}.rr-pulse-bar-bg{width:100%;height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}.rr-pulse-bar-fill{height:100%;background:var(--ind-main);border-radius:99px}.retail-cust-page{padding:32px;background:#f8fafc;min-height:calc(100vh - 70px);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.rc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.rc-header-left h1{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.03em}.rc-header-left p{margin:0;color:#64748b;font-size:15px}.rc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:12px}.rc-btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow, rgba(0,0,0,.1));transition:all .3s ease}.rc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow, rgba(0,0,0,.2))}.rc-btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.rc-btn-secondary:hover{background:#f8fafc}.rc-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.rc-kpi-card{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000005;transition:transform .2s ease,box-shadow .2s ease}.rc-kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -2px #0000000d}.rc-kpi-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.rc-kpi-info p{margin:0 0 4px;font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rc-kpi-info h3{margin:0;font-size:24px;font-weight:800;color:#0f172a}.rc-toolbar{margin-bottom:24px}.rc-search-wrap{flex:1;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:99px;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.rc-search-wrap:focus-within{border-color:var(--ind-main);box-shadow:0 0 0 3px var(--accent-glow, rgba(0,0,0,.1))}.rc-search-wrap svg{color:#94a3b8}.rc-search-input{width:100%;border:none;outline:none;padding:12px;font-size:14px}.rc-table-wrap{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.rc-table{width:100%;border-collapse:separate;border-spacing:0}.rc-table th{background:#f8fafc;padding:16px;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.rc-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;vertical-align:middle;background:#fff;transition:all .2s}.rc-table tbody tr{cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.rc-table tbody tr:hover td{background:var(--ind-light);transform:translateY(-1px)}.rc-table tbody tr:hover{box-shadow:0 4px 15px var(--accent-glow, rgba(0,0,0,.05));z-index:10}.rc-name{font-weight:800;color:#0f172a}.rc-email{font-size:13px;color:#64748b;margin-top:4px}.rc-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 2px 4px #0000000d}.rc-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;color:#334155}.rc-tier-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tier-gold{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.tier-silver{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.tier-bronze{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.tier-vip{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.rc-drawer-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:flex-end;animation:fadeIn .3s ease}.rc-drawer{width:550px;background:#f8fafc;height:100vh;box-shadow:-10px 0 30px #0003;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.rc-drawer-hero{background:linear-gradient(135deg,var(--ind-main) 0%,var(--ind-dark, #4438C4) 100%);padding:40px 32px 32px;position:relative;box-shadow:0 4px 10px #0000001a}.rc-drawer-close-hero{position:absolute;top:16px;right:16px;background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.rc-drawer-close-hero:hover{background:#fff6}.rc-hero-avatar{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:var(--ind-main);box-shadow:0 10px 20px #0003}.rc-drawer-body{flex:1;overflow-y:auto;padding:32px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.rc-drawer-body::-webkit-scrollbar{width:6px}.rc-drawer-body::-webkit-scrollbar-track{background:transparent}.rc-drawer-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.rc-drawer-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.rc-metric-box{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e2e8f0}.rc-metric-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:4px}.rc-metric-value{font-size:24px;font-weight:800;color:#0f172a}.rc-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 16px;display:flex;align-items:center;gap:8px}.rc-timeline{border-left:2px solid #e2e8f0;margin-left:12px;padding-left:24px}.rc-timeline-item{position:relative;margin-bottom:24px}.rc-timeline-dot{position:absolute;left:-31px;top:0;width:12px;height:12px;background:var(--ind-main);border-radius:50%;border:2px solid white}.dot-red{background:#ef4444}.rc-timeline-content{background:#fff;border:1px solid #e2e8f0;padding:16px;border-radius:12px;box-shadow:0 1px 2px #00000005}.rc-timeline-content h4{margin:0 0 4px;font-size:14px;color:#0f172a}.rc-timeline-content p{margin:0;font-size:13px;color:#64748b}.rc-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.rc-modal-large{background:#fff;width:700px;max-width:95vw;border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.rc-modal-head{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.rc-modal-head h2{margin:0;font-size:20px;font-weight:800;color:#0f172a}.rc-modal-head p{margin:4px 0 0;font-size:13px;color:#64748b}.rc-btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b}.rc-btn-close:hover{color:#ef4444}.rc-modal-body{padding:32px;overflow-y:auto}.rc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rc-form-section-title{grid-column:1 / -1;font-size:14px;font-weight:700;color:#0f172a;text-transform:uppercase;margin:12px 0 4px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.rc-field{margin-bottom:16px}.rc-field-full{grid-column:1 / -1;margin-bottom:16px}.rc-field label,.rc-field-full label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#475569}.rc-field input,.rc-field-full input,.rc-field select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.rc-field input:focus,.rc-field-full input:focus,.rc-field select:focus{border-color:var(--ind-main);box-shadow:0 0 0 3px var(--accent-glow, rgba(0,0,0,.1))}.rc-checkbox-wrap{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;cursor:pointer;margin-top:8px}.rc-checkbox-wrap input{width:18px;height:18px;cursor:pointer;accent-color:var(--ind-main)}.rc-modal-foot{padding:24px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.reg-container{padding:32px;background:var(--ind-light, #eff6ff);min-height:calc(100vh - 70px);font-family:Inter,Segoe UI,sans-serif;animation:regFadeIn .5s ease-out forwards}@keyframes regFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reg-card{background:#fff;border-radius:20px;box-shadow:0 4px 12px #2563eb0d;border:1px solid rgba(148,163,184,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.reg-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2563eb1a}.reg-stat-box{border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:regSlideUp .5s ease-out forwards;opacity:0;transform:translateY(15px)}@keyframes regSlideUp{to{opacity:1;transform:translateY(0)}}.reg-stat-box:nth-child(1){animation-delay:.1s}.reg-stat-box:nth-child(2){animation-delay:.2s}.reg-stat-box:nth-child(3){animation-delay:.3s}.reg-stat-box:nth-child(4){animation-delay:.4s}.reg-stat-box:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 20px #0000000a}.reg-btn{border:none;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);padding:14px;animation:regSlideUp .5s ease-out forwards;opacity:0}.reg-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #2563eb26}.reg-btn:nth-child(1){animation-delay:.1s}.reg-btn:nth-child(2){animation-delay:.15s}.reg-btn:nth-child(3){animation-delay:.2s}.reg-btn:nth-child(4){animation-delay:.25s}.reg-btn:nth-child(5){animation-delay:.3s}.reg-btn-primary{background:linear-gradient(135deg,var(--ind-main),var(--ind-dark));color:#fff}.reg-btn-primary:hover{box-shadow:0 6px 16px #2563eb66}.reg-btn-danger{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.reg-btn-danger:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 4px 12px #ef444433}.reg-table{width:100%;border-collapse:collapse;text-align:left}.reg-table th{background:#f9fafbf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4b5563;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:16px 24px;text-align:left;border-bottom:1px solid #e5e7eb}.reg-table td{padding:16px 24px;color:#1f2937;font-size:14px;font-weight:500;border-bottom:1px solid #f3f4f6;vertical-align:middle}.reg-table tbody tr{transition:all .3s cubic-bezier(.25,.8,.25,1);animation:regFadeInRow .4s ease-out forwards;opacity:0;transform:translate(-10px)}.reg-table tbody tr:nth-child(1){animation-delay:.1s}.reg-table tbody tr:nth-child(2){animation-delay:.2s}.reg-table tbody tr:nth-child(3){animation-delay:.3s}@keyframes regFadeInRow{to{opacity:1;transform:translate(0)}}.reg-table tbody tr:hover{background-color:var(--ind-light);transform:scale(1.005) translate(4px);box-shadow:0 4px 12px #2563eb14;border-radius:12px;position:relative;z-index:2}.reg-modal-overlay{position:fixed;inset:0;background-color:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.reg-modal-content{background:#fff;border-radius:24px;box-shadow:0 32px 64px #0003;overflow:hidden;animation:regModalPop .4s cubic-bezier(.34,1.56,.64,1) forwards;transform:scale(.8) translateY(20px);opacity:0}@keyframes regModalPop{to{opacity:1;transform:scale(1) translateY(0)}}.reg-highlight-box{padding:24px;background:var(--ind-main);border-radius:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #2563eb33;animation:regPulse 2s infinite ease-in-out;transform-origin:center}@keyframes regPulse{0%{transform:scale(1);box-shadow:0 10px 25px #2563eb33}50%{transform:scale(1.02);box-shadow:0 15px 35px #2563eb4d}to{transform:scale(1);box-shadow:0 10px 25px #2563eb33}}.ret-prod-layout{padding:32px;background:var(--ind-light, #eff6ff);min-height:calc(100vh - 70px);display:flex;flex-direction:column;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif;color:#0f172a;animation:prodFadeIn .5s ease-out forwards}@keyframes prodFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ret-prod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ret-prod-title{margin:0;font-size:28px;font-weight:800;color:#0f172a}.header-actions{display:flex;gap:12px}.ret-prod-btn-primary{background:linear-gradient(135deg,var(--ind-main),var(--ind-dark));color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #2563eb33;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.ret-prod-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #2563eb4d}.ret-prod-btn-outline{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:10px 20px;border-radius:8px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.ret-prod-btn-outline:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.ret-prod-tabs{display:flex;gap:32px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.tab-item{background:none;border:none;padding:0 0 12px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .3s ease}.tab-item:hover{color:#0f172a}.tab-item.active{color:var(--ind-main);font-weight:800}.tab-item.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--ind-main);border-radius:3px 3px 0 0}.ret-prod-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;overflow:hidden;position:relative;flex:1;display:flex;flex-direction:column}.ret-prod-toolbar{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0;gap:16px;background:#f8fafc}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;padding:0 16px;border-radius:8px;flex:1;max-width:400px;transition:all .3s ease}.search-bar:focus-within{border-color:var(--ind-main);box-shadow:0 0 0 3px var(--ind-light)}.search-icon{color:#94a3b8;margin-right:12px;font-size:16px}.search-bar input{border:none;outline:none;padding:12px 0;width:100%;font-size:14px;background:transparent;color:#0f172a}.filters select{padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;outline:none;cursor:pointer;font-weight:600}.adv-filter-select{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;color:#0f172a;background:#fff;outline:none;cursor:pointer;font-weight:600;transition:all .3s ease}.adv-filter-select:focus{border-color:var(--ind-main);box-shadow:0 0 0 3px var(--ind-light)}.bulk-actions-bar{background:var(--ind-light);border-bottom:1px solid #bfdbfe;padding:12px 24px;display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700;color:var(--ind-main);animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-buttons{display:flex;gap:12px}.bulk-buttons button{padding:8px 16px;border:1px solid var(--ind-main);background:#fff;color:var(--ind-main);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease}.bulk-buttons button:hover{background:var(--ind-main);color:#fff}.bulk-buttons button.danger{color:#ef4444;border-color:#ef4444;display:flex;align-items:center;gap:6px}.bulk-buttons button.danger:hover{background:#ef4444;color:#fff}.rp-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--ind-main)}.ret-prod-table{width:100%;border-collapse:collapse}.ret-prod-table th{padding:16px 24px;text-align:left;font-size:13px;font-weight:800;color:#64748b;border-bottom:2px solid #e2e8f0;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:#f8fafc;z-index:10;text-transform:uppercase;letter-spacing:.05em}.ret-prod-table td{padding:16px 24px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.clickable-row{cursor:pointer;transition:all .3s ease;animation:prodFadeInRow .4s ease-out forwards;opacity:0}@keyframes prodFadeInRow{to{opacity:1}}.clickable-row:nth-child(1){animation-delay:.05s}.clickable-row:nth-child(2){animation-delay:.1s}.clickable-row:nth-child(3){animation-delay:.15s}.clickable-row:nth-child(4){animation-delay:.2s}.clickable-row:nth-child(5){animation-delay:.25s}.clickable-row:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.clickable-row:hover .row-actions{opacity:1!important}.icon-btn-action{background:#fff;border:1px solid #cbd5e1;color:#64748b;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn-action:hover{background:var(--ind-main);color:#fff;border-color:var(--ind-main)}.prod-name-cell{display:flex;align-items:center;gap:16px}.prod-image-placeholder{width:56px;height:56px;background:var(--ind-light);border:1px solid var(--ind-main);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ind-main);font-size:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;flex-shrink:0}.prod-name{font-weight:800;color:#0f172a;font-size:15px;margin-bottom:4px}.prod-sku{font-size:13px;color:#64748b;margin-bottom:8px}.prod-badges{display:flex;gap:8px;flex-wrap:wrap}.tag-chip{font-size:11px;font-weight:700;color:#475569;background:#f1f5f9;padding:4px 10px;border-radius:12px}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.badge-purple{background:#f3e8ff;color:#7e22ce}.badge-blue{background:var(--ind-light);color:var(--ind-main)}.badge-green{background:#dcfce7;color:#15803d}.badge-orange{background:#ffedd5;color:#c2410c}.badge-gray{background:#f1f5f9;color:#475569}.prod-stock-bold{font-weight:800;font-size:16px;color:#0f172a}.stock-low{color:#ef4444}.stock-ok{color:#10b981}.prod-price-sub{font-size:13px;color:#64748b;font-weight:600;margin-top:4px}.cat-text,.vendor-text{font-size:14px;color:#0f172a;font-weight:600}.table-toggle{position:relative;display:inline-block;width:44px;height:24px}.table-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.table-toggle input:checked+.toggle-slider{background-color:var(--ind-main)}.table-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.drawer-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease-out}.drawer-panel{width:600px;background:#f8fafc;height:100%;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a;animation:drawerSlideLeft .4s cubic-bezier(.16,1,.3,1) forwards;transform:translate(100%)}.drawer-large{width:750px}@keyframes drawerSlideLeft{to{transform:translate(0)}}.drawer-header{padding:24px 32px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.drawer-header h2{margin:0;font-size:22px;font-weight:800;color:#0f172a}.drawer-close{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;color:#64748b;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.drawer-close:hover{background:#e2e8f0;color:#0f172a}.drawer-body{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #00000005;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px;animation:prodFadeInRow .5s ease-out forwards;opacity:0}.form-section:nth-child(1){animation-delay:.1s}.form-section:nth-child(2){animation-delay:.15s}.form-section:nth-child(3){animation-delay:.2s}.form-section:nth-child(4){animation-delay:.25s}.form-section:nth-child(5){animation-delay:.3s}.form-section h3{margin:0;font-size:16px;font-weight:800;color:#0f172a;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.form-group label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;outline:none;background:#fff;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:var(--ind-main);box-shadow:0 0 0 3px var(--ind-light)}.form-group input:disabled{background:#f8fafc;color:#94a3b8}.image-upload-area{width:160px;display:flex;flex-direction:column}.upload-placeholder{flex:1;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.upload-placeholder:hover{background:var(--ind-light);border-color:var(--ind-main)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease}.toggle-row:hover{background:#f8fafc}.toggle-row strong{display:block;font-size:14px;font-weight:800;color:#0f172a}.toggle-row p{margin:4px 0 0;font-size:13px;color:#64748b}.composite-builder{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;padding:20px}.composite-search-results div:hover{background:var(--ind-light)}.drawer-footer{padding:20px 32px;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px}.matrix-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.matrix-table th{background:#f1f5f9;padding:12px;text-align:left;font-size:12px;font-weight:800;color:#475569}.matrix-table td{padding:12px;border-top:1px solid #e2e8f0;font-size:13px;color:#0f172a;font-weight:600}.matrix-input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px}.oo-container{padding:32px;background:var(--ind-light, #eff6ff);min-height:calc(100vh - 70px);font-family:Inter,Segoe UI,sans-serif;animation:ooFadeIn .5s ease-out forwards}@keyframes ooFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.oo-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.oo-simulate-btn{background:linear-gradient(135deg,var(--ind-main),var(--ind-dark));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #2563eb33}.oo-simulate-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #2563eb4d}.oo-kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:flex-start}.oo-kanban-column{background:#fff;padding:20px;border-radius:20px;min-height:70vh;box-shadow:0 4px 12px #2563eb0d;border:1px solid rgba(148,163,184,.1);transition:all .3s ease;animation:ooSlideUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.oo-kanban-column:nth-child(1){animation-delay:.1s;border-top:4px solid var(--ind-main)}.oo-kanban-column:nth-child(2){animation-delay:.2s;border-top:4px solid #8b5cf6}.oo-kanban-column:nth-child(3){animation-delay:.3s;border-top:4px solid #0ea5e9}@keyframes ooSlideUp{to{opacity:1;transform:translateY(0)}}.oo-kanban-column-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-weight:800;font-size:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.oo-order-card{background:#f8fafc;padding:16px;border-radius:12px;box-shadow:0 2px 4px #00000008;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-bottom:16px;animation:ooFadeInRow .4s ease-out forwards;position:relative;overflow:hidden}.oo-order-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #0000000f;border-color:#cbd5e1}@keyframes ooFadeInRow{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.oo-action-btn{flex:1;padding:10px;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.oo-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 10px #0000001a}.oo-drawer-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease-out}.oo-drawer{width:450px;background:#fff;height:100%;box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;animation:ooSlideLeft .4s cubic-bezier(.16,1,.3,1) forwards;transform:translate(100%)}@keyframes ooSlideLeft{to{transform:translate(0)}}.rsh-container{padding:24px;background:var(--ind-light, #eff6ff);min-height:calc(100vh - 70px);font-family:Inter,Segoe UI,sans-serif;animation:rshFadeIn .5s ease-out forwards}@keyframes rshFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rsh-header{margin-bottom:24px}.rsh-header h2{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.rsh-header-top{display:flex;justify-content:space-between;align-items:center}.rsh-export-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.rsh-export-btn:hover{background:#f9fafb;border-color:#9ca3af}.rsh-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.rsh-summary-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 12px #2563eb0d;border:1px solid rgba(148,163,184,.1);border-left:4px solid var(--ind-main);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;animation:rshSlideUpCard .6s ease-out forwards;opacity:0;transform:translateY(20px)}.rsh-summary-card:nth-child(1){animation-delay:.1s}.rsh-summary-card:nth-child(2){animation-delay:.2s}.rsh-summary-card:nth-child(3){animation-delay:.3s}@keyframes rshSlideUpCard{to{opacity:1;transform:translateY(0)}}.rsh-summary-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(37,99,235,.02));pointer-events:none}.rsh-summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2563eb1a}.rsh-summary-card.rsh-card-refunds{border-left-color:#ef4444}.rsh-summary-card.rsh-card-net{border-left-color:#10b981}.rsh-card-title{color:#6b7280;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-bottom:8px}.rsh-card-value{color:#111827;font-size:28px;font-weight:800;letter-spacing:-.5px}.rsh-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rsh-header p{color:#6b7280;margin:0;font-size:15px}.rsh-toolbar{display:flex;justify-content:space-between;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;border-radius:16px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 12px #00000005;margin-bottom:24px;animation:rshFadeInDown .5s ease-out .4s forwards;opacity:0;transform:translateY(-10px)}@keyframes rshFadeInDown{to{opacity:1;transform:translateY(0)}}.rsh-search{display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;padding:12px 20px;border-radius:9999px;width:350px;transition:all .3s ease}.rsh-search:focus-within{border-color:var(--ind-main);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.rsh-search input{border:none;background:transparent;outline:none;width:100%;margin-left:10px;font-size:14.5px;font-weight:500;color:#111827}.rsh-search input::placeholder{color:#9ca3af;font-weight:400}.rsh-search-icon{color:#9ca3af}.rsh-filter-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:10px 20px;border-radius:8px;color:#374151;font-weight:600;cursor:pointer;transition:all .2s ease}.rsh-filter-btn:hover{background:#f3f4f6}.rsh-table-card{background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(148,163,184,.1);overflow:hidden;animation:rshFadeIn .6s ease-out .5s forwards;opacity:0}.rsh-table{width:100%;border-collapse:collapse}.rsh-table th{background:#f9fafbf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4b5563;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:16px 24px;text-align:left;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.rsh-table td{padding:20px 24px;color:#1f2937;font-size:14px;font-weight:500;border-bottom:1px solid #f3f4f6;vertical-align:middle}.rsh-table tbody tr{transition:all .3s cubic-bezier(.25,.8,.25,1);animation:rshFadeInRow .5s ease-out forwards;animation-fill-mode:both;opacity:0;transform:translate(-10px)}@keyframes rshFadeInRow{to{opacity:1;transform:translate(0)}}.rsh-table tbody tr:nth-child(1){animation-delay:.6s}.rsh-table tbody tr:nth-child(2){animation-delay:.65s}.rsh-table tbody tr:nth-child(3){animation-delay:.7s}.rsh-table tbody tr:nth-child(4){animation-delay:.75s}.rsh-table tbody tr:nth-child(5){animation-delay:.8s}.rsh-table tbody tr:nth-child(6){animation-delay:.85s}.rsh-table tbody tr:hover{background-color:var(--ind-light);transform:scale(1.005) translate(4px);box-shadow:0 8px 24px #2563eb14;position:relative;z-index:2;border-radius:12px}.rsh-receipt-no{font-weight:800;color:var(--ind-main)}.rsh-total{font-weight:700;color:#111827}.rsh-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.rsh-badge-paid{background:#dcfce7;color:#166534}.rsh-badge-refunded{background:#fee2e2;color:#991b1b}.rsh-action-btn{background:#f1f5f9;border:none;color:#475569;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.rsh-action-btn:hover{background:var(--ind-main);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #2563eb33}.rsh-modal-overlay{position:fixed;inset:0;background-color:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.rsh-modal-content{background:#fff;width:450px;border-radius:24px;box-shadow:0 32px 64px #0003;overflow:hidden;animation:rshModalPop .4s cubic-bezier(.34,1.56,.64,1) forwards;transform:scale(.8) translateY(20px);opacity:0}@keyframes rshModalPop{to{opacity:1;transform:scale(1) translateY(0)}}.rsh-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6;background:#fff}.rsh-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.rsh-close-btn{color:#9ca3af;cursor:pointer;transition:color .2s}.rsh-close-btn:hover{color:#ef4444}.rsh-receipt-body{padding:32px;background:#fdfdfd;font-family:Courier New,Courier,monospace;font-size:14px;color:#374151;max-height:400px;overflow-y:auto}.rsh-receipt-store{text-align:center;margin-bottom:24px}.rsh-receipt-store h2{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:1px}.rsh-receipt-store p{margin:4px 0;color:#6b7280}.rsh-divider{border-top:1px dashed #d1d5db;margin:16px 0}.rsh-receipt-meta p{margin:6px 0;display:flex;justify-content:space-between}.rsh-receipt-items{margin:16px 0}.rsh-item-row{display:flex;justify-content:space-between;margin-bottom:8px}.rsh-receipt-totals{margin-top:16px}.rsh-total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-top:12px}.rsh-modal-actions{display:flex;gap:12px;padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.rsh-btn-print{flex:1;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:#eef2ff;color:#4f46e5;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.rsh-btn-print:hover{background:#bfdbfe}.rsh-btn-pdf{flex:1;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s}.rsh-btn-pdf:hover{background:#fee2e2;border-color:#fca5a5}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rsh-filters-group{display:flex;gap:12px}.rsh-dropdown{padding:10px 16px;border-radius:9999px;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;font-size:14px;font-weight:500;outline:none;cursor:pointer;transition:all .3s}.rsh-dropdown:focus{border-color:var(--ind-main);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.rsh-sync-icon{margin-left:8px;color:#10b981;font-size:12px}.rsh-sync-icon.unsynced{color:#9ca3af}.rsh-btn-refund{width:100%;padding:12px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--ind-main),var(--ind-dark));color:#fff;border:none;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.rsh-btn-refund:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.rsh-btn-secondary-action{flex:1;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.rsh-btn-secondary-action:hover{background:#e5e7eb;color:#1f2937}.rsh-modal-secondary-actions{display:flex;gap:8px;padding:16px 24px 0;background:#f9fafb}.rsh-date-picker{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;outline:none;cursor:pointer}.rsh-date-picker:focus{border-color:var(--ind-main)}.rsh-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb}.rsh-page-info{color:#6b7280;font-size:14px}.rsh-page-controls{display:flex;gap:8px}.rsh-page-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.rsh-page-btn:hover:not(:disabled){background:#f3f4f6}.rsh-page-btn:disabled{opacity:.5;cursor:not-allowed}.rsh-action-menu-container{position:relative}.rsh-action-menu{position:absolute;right:100%;top:0;margin-right:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;width:170px;z-index:10;padding:8px 0;animation:rshMenuPop .2s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:top right;opacity:0;transform:scale(.9)}@keyframes rshMenuPop{to{opacity:1;transform:scale(1)}}.rsh-action-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#374151;font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all .2s ease}.rsh-action-item:hover{background:var(--ind-light);color:var(--ind-main);padding-left:20px}.rsh-action-item.danger{color:#dc2626}.rsh-action-item.danger:hover{background:#fef2f2}.rsh-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--ind-main)}.rsh-customer-link{color:var(--ind-main);font-weight:700;cursor:pointer}.rsh-customer-link:hover{text-decoration:underline}.rsh-drawer-overlay{position:fixed;inset:0;background-color:#11182766;z-index:10000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.rsh-drawer{width:400px;background:#fff;height:100%;box-shadow:-4px 0 15px #0000001a;animation:slideLeft .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.rsh-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6}.rsh-drawer-header h3{margin:0;font-size:18px;color:#111827}.rsh-drawer-body{padding:24px;flex:1;overflow-y:auto}.rsh-drawer-profile{text-align:center;margin-bottom:24px}.rsh-drawer-avatar{width:80px;height:80px;background:var(--ind-light);color:var(--ind-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 16px}.rsh-drawer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.rsh-stat-box{background:#f9fafb;border:1px solid #e5e7eb;padding:16px;border-radius:8px;text-align:center}.rsh-stat-value{font-size:20px;font-weight:700;color:#111827}.rsh-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;margin-top:4px}.rsh-bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ind-main);color:#fff;padding:12px 24px;border-radius:9999px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px #2563eb66;z-index:1000;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.rsh-bulk-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .2s}.rsh-bulk-btn:hover{background:#fff3;transform:scale(1.05)}.rsh-timeline{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;font-family:Inter,sans-serif}.rsh-timeline h4{margin:0 0 16px;font-size:14px;color:#374151}.rsh-timeline-item{display:flex;gap:12px;margin-bottom:16px;position:relative}.rsh-timeline-item:before{content:"";position:absolute;left:5px;top:12px;bottom:-16px;width:2px;background:#e5e7eb}.rsh-timeline-item:last-child:before{display:none}.rsh-timeline-dot{width:12px;height:12px;background:var(--ind-main);border-radius:50%;z-index:1;margin-top:4px}.rsh-timeline-content{flex:1}.rsh-timeline-title{font-weight:600;font-size:13px;color:#111827}.rsh-timeline-time{font-size:12px;color:#6b7280}:root{--mp-orange: #f97316;--mp-orange-light: #fff7ed;--mp-orange-mid: #fed7aa;--mp-orange-dark: #ea580c;--mp-bg: #fafafa;--mp-surface: #ffffff;--mp-surface-2: #f8f9fb;--mp-border: #e8eaef;--mp-border-2: #f0f1f5;--mp-text: #0f1729;--mp-text-sub: #4a5568;--mp-text-muted: #94a3b8;--mp-green: #10b981;--mp-blue: #3b82f6;--mp-amber: #f59e0b;--mp-red: #ef4444;--mp-purple: #8b5cf6;--mp-font: "DM Sans", system-ui, sans-serif;--mp-mono: "DM Mono", "Fira Mono", monospace;--mp-display: "Fraunces", Georgia, serif;--mp-r-sm: 8px;--mp-r-md: 12px;--mp-r-lg: 16px;--mp-r-xl: 20px;--mp-shadow-sm: 0 1px 3px rgba(15,23,41,.06), 0 1px 2px rgba(15,23,41,.04);--mp-shadow-md: 0 4px 16px rgba(15,23,41,.08), 0 1px 4px rgba(15,23,41,.04);--mp-shadow-lg: 0 12px 40px rgba(15,23,41,.12), 0 4px 12px rgba(15,23,41,.06);--mp-shadow-orange: 0 4px 20px rgba(249,115,22,.22);--mp-transition: all .18s cubic-bezier(.4,0,.2,1);--mp-spring: all .28s cubic-bezier(.34,1.56,.64,1)}.mp-root *{box-sizing:border-box;margin:0;padding:0}.mp-root{font-family:var(--mp-font);background:#fffaf4;color:var(--mp-text);min-height:100vh;padding:28px 32px 60px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mp-toast{position:fixed;top:20px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--mp-r-md);font-size:13.5px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--mp-shadow-lg);z-index:9999;animation:mp-toast-in .32s cubic-bezier(.34,1.56,.64,1);max-width:340px}.mp-toast--success{background:#10b981f2;color:#fff}.mp-toast--error{background:#ef4444f2;color:#fff}.mp-toast--info{background:#f97316f2;color:#fff}.mp-toast__icon{display:flex;align-items:center;font-size:15px}@keyframes mp-toast-in{0%{opacity:0;transform:translate(24px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.mp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px;flex-wrap:wrap}.mp-header__brand{display:flex;align-items:center;gap:14px}.mp-header__brand-icon{width:46px;height:46px;background:linear-gradient(135deg,var(--mp-orange),var(--mp-orange-dark));border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:var(--mp-shadow-orange);flex-shrink:0}.mp-header__title{font-size:26px;font-weight:900;color:var(--mp-text);letter-spacing:-.5px;line-height:1}.mp-header__sub{font-size:12.5px;color:var(--mp-text-muted);font-weight:500;margin-top:3px;font-family:sans-serif}.mp-header__right{display:flex;align-items:center;gap:8px}.mp-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--mp-r-md);font-family:var(--mp-font);font-size:13.5px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:var(--mp-transition);white-space:nowrap;letter-spacing:-.1px}.mp-btn:active{transform:scale(.97)}.mp-btn--primary{background:linear-gradient(135deg,var(--mp-orange) 0%,var(--mp-orange-dark) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 10px #f9731652}.mp-btn--primary:hover{box-shadow:var(--mp-shadow-orange);filter:brightness(1.05)}.mp-btn--secondary{background:var(--mp-orange-light);color:var(--mp-orange-dark);border-color:var(--mp-orange-mid)}.mp-btn--secondary:hover{background:#fde8d4}.mp-btn--ghost{background:var(--mp-surface);color:var(--mp-text-sub);border-color:var(--mp-border)}.mp-btn--ghost:hover{background:var(--mp-surface-2);color:var(--mp-text);border-color:#d4d8e2}.mp-btn--danger{background:var(--mp-red);color:#fff;border-color:transparent;box-shadow:0 2px 10px #ef444447}.mp-btn--danger:hover{filter:brightness(1.07)}.mp-btn--sm{padding:7px 13px;font-size:12.5px}.mp-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}@media(max-width:1200px){.mp-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.mp-stats{grid-template-columns:repeat(2,1fr)}}.mp-stat{background:var(--mp-surface);border:1.5px solid var(--mp-border);border-radius:var(--mp-r-lg);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--mp-shadow-sm);transition:var(--mp-transition);animation:mp-fade-up .4s both}.mp-stat:hover{box-shadow:var(--mp-shadow-md);transform:translateY(-1px)}.mp-stat:nth-child(1){animation-delay:.04s}.mp-stat:nth-child(2){animation-delay:.08s}.mp-stat:nth-child(3){animation-delay:.12s}.mp-stat:nth-child(4){animation-delay:.16s}.mp-stat:nth-child(5){animation-delay:.2s}.mp-stat__icon{width:42px;height:42px;border-radius:var(--mp-r-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.mp-stat__icon--orange{background:var(--mp-orange-light);color:var(--mp-orange)}.mp-stat__icon--green{background:#10b98114;color:var(--mp-green)}.mp-stat__icon--amber{background:#f59e0b14;color:var(--mp-amber)}.mp-stat__icon--blue{background:#3b82f614;color:var(--mp-blue)}.mp-stat__icon--purple{background:#8b5cf614;color:var(--mp-purple)}.mp-stat__body{flex:1;min-width:0}.mp-stat__val{font-family:sans-serif;font-size:26px;font-weight:600;color:var(--mp-text);line-height:1;letter-spacing:-.5px}.mp-stat__lbl{font-size:11.5px;color:var(--mp-text-muted);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.mp-stat__trend{font-size:11px;font-weight:700;display:flex;align-items:center;gap:2px;padding:3px 7px;border-radius:20px;white-space:nowrap}.mp-stat__trend--up{background:#10b98114;color:var(--mp-green)}.mp-stat__trend--down{background:#ef444414;color:var(--mp-red)}.mp-analytics{background:var(--mp-surface);border:1.5px solid var(--mp-border);border-radius:var(--mp-r-xl);padding:24px;margin-bottom:24px;box-shadow:var(--mp-shadow-md);animation:mp-fade-down .3s both}.mp-analytics__hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;font-weight:700;color:var(--mp-text)}.mp-analytics__hdr button{background:none;border:none;cursor:pointer;color:var(--mp-text-muted);font-size:14px;padding:4px;border-radius:6px;transition:var(--mp-transition)}.mp-analytics__hdr button:hover{color:var(--mp-text);background:var(--mp-surface-2)}.mp-analytics__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:768px){.mp-analytics__grid{grid-template-columns:1fr}}.mp-analytics__section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mp-text-muted);margin-bottom:14px}.mp-analytics__bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mp-analytics__rank{font-family:var(--mp-mono);font-size:11px;color:var(--mp-text-muted);font-weight:500;width:20px;flex-shrink:0}.mp-analytics__bar-emoji{font-size:16px;width:22px;flex-shrink:0}.mp-analytics__bar-name{font-size:12.5px;font-weight:600;width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-analytics__bar-track{flex:1;height:6px;background:var(--mp-border-2);border-radius:999px;overflow:hidden}.mp-analytics__bar-fill{height:100%;background:linear-gradient(90deg,var(--mp-orange-mid),var(--mp-orange));border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.mp-analytics__bar-val{font-family:var(--mp-mono);font-size:12px;font-weight:500;color:var(--mp-text-sub);width:32px;text-align:right}.mp-analytics__margin-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mp-analytics__margin-pct{font-family:var(--mp-mono);font-weight:700;font-size:13px;margin-left:auto}.mp-analytics__profit{font-size:11px;color:var(--mp-text-muted);font-weight:500;font-family:var(--mp-mono)}.mp-cats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mp-cat{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--mp-border);background:var(--mp-surface);font-family:var(--mp-font);font-size:13px;font-weight:600;color:var(--mp-text-sub);cursor:pointer;transition:var(--mp-transition);white-space:nowrap}.mp-cat:hover{border-color:var(--mp-orange-mid);color:var(--mp-orange);background:var(--mp-orange-light)}.mp-cat--active{background:var(--mp-orange);border-color:var(--mp-orange);color:#fff;box-shadow:0 2px 10px #f9731647}.mp-cat__count{background:#00000014;color:inherit;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;font-family:var(--mp-mono);min-width:22px;text-align:center}.mp-cat--active .mp-cat__count{background:#ffffff38}.mp-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.mp-toolbar__search{display:flex;align-items:center;gap:10px;background:var(--mp-surface);border:1.5px solid var(--mp-border);border-radius:var(--mp-r-md);padding:0 14px;flex:1;min-width:240px;transition:var(--mp-transition)}.mp-toolbar__search:focus-within{border-color:var(--mp-orange);box-shadow:0 0 0 3px #f973161a}.mp-toolbar__search-ico{color:var(--mp-text-muted);font-size:13px;flex-shrink:0}.mp-toolbar__search input{flex:1;border:none;outline:none;background:none;font-family:var(--mp-font);font-size:13.5px;color:var(--mp-text);padding:10px 0}.mp-toolbar__search input::placeholder{color:var(--mp-text-muted)}.mp-toolbar__clear{background:none;border:none;cursor:pointer;color:var(--mp-text-muted);padding:4px;border-radius:6px;display:flex;transition:var(--mp-transition)}.mp-toolbar__clear:hover{color:var(--mp-red);background:#ef444414}.mp-toolbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mp-select-wrap{position:relative;display:flex;align-items:center}.mp-select-ico{position:absolute;left:11px;color:var(--mp-text-muted);font-size:12px;pointer-events:none;z-index:1}.mp-select-arrow{position:absolute;right:10px;color:var(--mp-text-muted);font-size:10px;pointer-events:none}.mp-select{appearance:none;border:1.5px solid var(--mp-border);background:var(--mp-surface);border-radius:var(--mp-r-md);font-family:var(--mp-font);font-size:13px;font-weight:600;color:var(--mp-text-sub);padding:9px 32px 9px 30px;cursor:pointer;transition:var(--mp-transition);outline:none}.mp-select:focus{border-color:var(--mp-orange);box-shadow:0 0 0 3px #f973161a}.mp-select:hover{border-color:#d4d8e2}.mp-view-toggle{display:flex;border:1.5px solid var(--mp-border);border-radius:var(--mp-r-md);overflow:hidden;background:var(--mp-surface)}.mp-view-toggle button{background:none;border:none;padding:9px 13px;cursor:pointer;font-size:15px;color:var(--mp-text-muted);transition:var(--mp-transition);line-height:1}.mp-view-toggle button:hover{background:var(--mp-surface-2);color:var(--mp-text)}.mp-view-toggle button.active{background:var(--mp-orange);color:#fff}.mp-result-count{font-size:12px;font-family:var(--mp-mono);font-weight:500;color:var(--mp-text-muted);white-space:nowrap}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;text-align:center}.mp-empty__icon{font-size:56px;opacity:.4}.mp-empty__title{font-family:var(--mp-display);font-size:22px;font-weight:700;color:var(--mp-text)}.mp-empty__sub{font-size:14px;color:var(--mp-text-muted)}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.mp-card{background:var(--mp-surface);border:1.5px solid var(--mp-border);border-radius:var(--mp-r-xl);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--mp-shadow-sm);transition:var(--mp-transition);position:relative;overflow:hidden;animation:mp-card-in .38s both;animation-delay:calc(var(--idx, 0) * .03s)}.mp-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(249,115,22,.04) 0%,transparent 60%);opacity:0;transition:var(--mp-transition);pointer-events:none}.mp-card:hover{box-shadow:var(--mp-shadow-md);transform:translateY(-2px);border-color:#dde0ea}.mp-card:hover:before{opacity:1}.mp-card--unavail{opacity:.62}.mp-card--unavail:hover{opacity:.8}.mp-card--featured{border-color:var(--mp-orange-mid);background:linear-gradient(180deg,#fff7ed 0%,var(--mp-surface) 50%)}.mp-card--featured:hover{border-color:var(--mp-orange)}.mp-card__ribbon{position:absolute;top:-1px;right:16px;background:linear-gradient(135deg,var(--mp-orange),var(--mp-orange-dark));color:#fff;font-size:11px;width:28px;height:36px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;border-radius:0 0 6px 6px;box-shadow:0 3px 10px #f9731652;font-weight:700}.mp-card__top{display:flex;align-items:flex-start;justify-content:space-between}.mp-card__emoji-wrap{width:52px;height:52px;border-radius:var(--mp-r-md);display:flex;align-items:center;justify-content:center;border:1.5px solid;flex-shrink:0}.mp-card__emoji{font-size:26px;line-height:1}.mp-card__actions-top{display:flex;align-items:center;gap:4px}.mp-card__star{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--mp-border);background:var(--mp-surface);color:var(--mp-text-muted);font-size:16px;cursor:pointer;transition:var(--mp-transition);display:flex;align-items:center;justify-content:center;line-height:1}.mp-card__star:hover{background:#fff7ed;border-color:var(--mp-orange-mid);color:var(--mp-orange)}.mp-card__star--on{background:var(--mp-orange-light);border-color:var(--mp-orange-mid);color:var(--mp-orange)}.mp-card__avail{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--mp-border);background:var(--mp-surface);font-size:13px;cursor:pointer;transition:var(--mp-transition);display:flex;align-items:center;justify-content:center}.mp-card__avail--on{color:var(--mp-green)}.mp-card__avail--off{color:var(--mp-text-muted)}.mp-card__avail:hover{background:var(--mp-surface-2)}.mp-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;align-self:flex-start}.mp-card__name{font-size:15px;font-weight:700;color:var(--mp-text);letter-spacing:-.2px;margin-bottom:3px;line-height:1.3}.mp-card__cat{font-size:11.5px;font-weight:700;margin-bottom:5px;letter-spacing:.1px}.mp-card__desc{font-size:12.5px;color:var(--mp-text-muted);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.mp-card__meta{display:flex;flex-wrap:wrap;gap:5px}.mp-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--mp-surface-2);color:var(--mp-text-sub);border:1px solid var(--mp-border-2)}.mp-chip--active{background:#10b98114;color:var(--mp-green);border-color:#10b98133}.mp-chip--hidden{background:#94a3b814;color:var(--mp-text-muted)}.mp-chip--warn{background:#f59e0b14;color:var(--mp-amber);border-color:#f59e0b33}.mp-chip--sales{background:#f9731614;color:var(--mp-orange);border-color:#f9731633}.mp-card__pricing{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.mp-card__price{font-family:sans-serif;font-size:20px;font-weight:560;color:var(--mp-text);letter-spacing:-.5px}.mp-card__cost{font-size:11.5px;color:var(--mp-text-muted);font-family:var(--mp-mono);font-weight:500;margin-top:1px}.mp-margin-pill{font-size:12px;font-family:var(--mp-mono);font-weight:700;padding:5px 10px;border-radius:8px}.mp-card__margin-bar{height:4px;background:var(--mp-border-2);border-radius:999px;overflow:hidden}.mp-card__margin-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.mp-card__footer{display:flex;gap:6px;padding-top:4px;border-top:1px solid var(--mp-border-2)}.mp-card__btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--mp-r-sm);font-family:var(--mp-font);font-size:12.5px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:var(--mp-transition)}.mp-card__btn:active{transform:scale(.96)}.mp-card__btn--edit{flex:1;background:var(--mp-orange-light);color:var(--mp-orange-dark);border-color:var(--mp-orange-mid)}.mp-card__btn--edit:hover{background:#fde8d4;border-color:var(--mp-orange)}.mp-card__btn--dup{background:var(--mp-surface-2);color:var(--mp-text-sub);border-color:var(--mp-border)}.mp-card__btn--dup:hover{background:#eef2ff;color:#4f52e8;border-color:#c7d2fe}.mp-card__btn--del{background:#ef44440d;color:var(--mp-red);border-color:#ef444426}.mp-card__btn--del:hover{background:#ef44441a;border-color:#ef44444d}.mp-list{background:var(--mp-surface);border:1.5px solid var(--mp-border);border-radius:var(--mp-r-xl);overflow:hidden;box-shadow:var(--mp-shadow-sm)}.mp-list__header{display:grid;grid-template-columns:2fr 1fr .8fr .8fr .6fr .5fr .8fr .8fr;gap:12px;padding:11px 20px;background:var(--mp-surface-2);border-bottom:1.5px solid var(--mp-border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--mp-text-muted)}.mp-list__row{display:grid;grid-template-columns:2fr 1fr .8fr .8fr .6fr .5fr .8fr .8fr;gap:12px;padding:14px 20px;align-items:center;border-bottom:1px solid var(--mp-border-2);transition:var(--mp-transition);animation:mp-fade-up .3s both;animation-delay:calc(var(--idx, 0) * .02s)}.mp-list__row:last-child{border-bottom:none}.mp-list__row:hover{background:#fafbff}.mp-list__row--unavail{opacity:.58}.mp-list__row--unavail:hover{opacity:.72}.mp-list__item-col{display:flex;align-items:center;gap:12px}.mp-list__emoji{font-size:22px;flex-shrink:0}.mp-list__name{font-size:13.5px;font-weight:700;color:var(--mp-text);display:flex;align-items:center;gap:5px}.mp-list__star{color:var(--mp-orange);font-size:13px}.mp-list__desc{font-size:11.5px;color:var(--mp-text-muted);margin-top:1px;font-weight:400}.mp-list__cat{font-size:12px;font-weight:700}.mp-list__price{font-family:sans-serif;font-size:14px;font-weight:500;color:var(--mp-text)}.mp-list__sales{font-family:sans-serif;font-size:13px;color:var(--mp-orange);font-weight:600}.mp-list__prep{font-size:12px;color:var(--mp-text-muted);font-weight:500}.mp-list__actions{display:flex;gap:5px}.mp-status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px}.mp-status-pill--active{background:#10b98114;color:var(--mp-green)}.mp-status-pill--hidden{background:#94a3b814;color:var(--mp-text-muted)}.mp-overlay{position:fixed;inset:0;background:#0f17297a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:mp-overlay-in .2s ease}@keyframes mp-overlay-in{0%{opacity:0}to{opacity:1}}.mp-modal{background:#fffaf4;border-radius:var(--mp-r-xl);box-shadow:0 24px 80px #0f172938,0 8px 24px #0f17291a;overflow:hidden;display:flex;flex-direction:column;max-height:92vh;width:100%;animation:mp-modal-in .3s cubic-bezier(.34,1.26,.64,1);border:1.5px solid var(--mp-border)}.mp-modal--large{max-width:660px}.mp-modal--small{max-width:460px}@keyframes mp-modal-in{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-modal__hdr{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 0}.mp-modal__hdr-left{display:flex;align-items:center;gap:14px}.mp-modal__hdr-icon{width:48px;height:48px;border-radius:var(--mp-r-md);background:var(--mp-orange-light);border:1.5px solid var(--mp-orange-mid);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.mp-modal__hdr-icon--danger{background:#ef444414;border-color:#ef444433}.mp-modal__title{font-family:var(--mp-display);font-size:20px;font-weight:700;color:var(--mp-text);letter-spacing:-.3px}.mp-modal__sub{font-size:12.5px;color:var(--mp-text-muted);margin-top:2px;font-weight:500}.mp-modal__close{width:36px;height:36px;border-radius:10px;background:none;border:1.5px solid var(--mp-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mp-text-muted);font-size:14px;transition:var(--mp-transition);flex-shrink:0}.mp-modal__close:hover{background:var(--mp-surface-2);color:var(--mp-text);border-color:#d4d8e2}.mp-modal__tabs{display:flex;gap:0;padding:18px 26px 0;border-bottom:1.5px solid var(--mp-border);margin-top:18px}.mp-modal__tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2.5px solid transparent;font-family:var(--mp-font);font-size:13px;font-weight:600;color:var(--mp-text-muted);cursor:pointer;transition:var(--mp-transition);margin-bottom:-1.5px;white-space:nowrap}.mp-modal__tab:hover{color:var(--mp-text)}.mp-modal__tab--active{color:var(--mp-orange);border-bottom-color:var(--mp-orange)}.mp-modal__body{flex:1;overflow-y:auto;padding:24px 26px}.mp-modal__body::-webkit-scrollbar{width:5px}.mp-modal__body::-webkit-scrollbar-track{background:transparent}.mp-modal__body::-webkit-scrollbar-thumb{background:var(--mp-border);border-radius:99px}.mp-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1.5px solid var(--mp-border);background:var(--mp-surface-2)}.mp-tab-content{display:flex;flex-direction:column;gap:18px}.mp-form-row{display:flex;gap:14px}.mp-form-group{display:flex;flex-direction:column;gap:6px;flex:1}.mp-form-label{font-size:12.5px;font-weight:700;color:var(--mp-text-sub);letter-spacing:.1px}.mp-form-sub{font-size:12px;color:var(--mp-text-muted);margin-top:-2px}.mp-required{color:var(--mp-orange)}.mp-hint-inline{font-weight:400;color:var(--mp-text-muted);font-size:11.5px}.mp-form-input{height:42px;border:1.5px solid var(--mp-border);border-radius:var(--mp-r-md);padding:0 14px;font-family:var(--mp-font);font-size:14px;color:var(--mp-text);background:var(--mp-surface);outline:none;transition:var(--mp-transition);width:100%}.mp-form-input:focus{border-color:var(--mp-orange);box-shadow:0 0 0 3px #f973161a}.mp-form-input:hover:not(:focus){border-color:#d4d8e2}.mp-form-input::placeholder{color:var(--mp-text-muted)}.mp-emoji-input{text-align:center;font-size:22px;padding:0 10px}.mp-form-textarea{border:1.5px solid var(--mp-border);border-radius:var(--mp-r-md);padding:12px 14px;font-family:var(--mp-font);font-size:13.5px;color:var(--mp-text);background:var(--mp-surface);outline:none;resize:vertical;transition:var(--mp-transition);width:100%;line-height:1.5}.mp-form-textarea:focus{border-color:var(--mp-orange);box-shadow:0 0 0 3px #f973161a}.mp-form-hint{font-size:11.5px;color:var(--mp-text-muted);text-align:right;font-family:var(--mp-mono);font-weight:500}.mp-form-select{appearance:none;height:42px;border:1.5px solid var(--mp-border);border-radius:var(--mp-r-md);padding:0 32px 0 14px;font-family:var(--mp-font);font-size:13.5px;color:var(--mp-text);background:var(--mp-surface);outline:none;transition:var(--mp-transition);width:100%;cursor:pointer}.mp-form-select:focus{border-color:var(--mp-orange);box-shadow:0 0 0 3px #f973161a}.mp-form-group .mp-select-wrap{position:relative}.mp-form-group .mp-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:10px;color:var(--mp-text-muted)}.mp-toggles-row{display:flex;gap:12px}.mp-toggle-card{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--mp-surface-2);border:1.5px solid var(--mp-border);border-radius:var(--mp-r-lg)}.mp-toggle-label{font-size:13.5px;font-weight:700;color:var(--mp-text);margin-bottom:2px}.mp-toggle-sub{font-size:11.5px;color:var(--mp-text-muted);font-weight:400}.mp-toggle-switch{width:46px;height:26px;border-radius:999px;background:#e3e6ed;border:none;cursor:pointer;position:relative;transition:background .22s ease;flex-shrink:0;padding:0}.mp-toggle-switch--on{background:var(--mp-orange)}.mp-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:block}.mp-toggle-switch--on .mp-toggle-knob{transform:translate(20px)}.mp-price-wrap{position:relative;display:flex;align-items:center}.mp-price-prefix{position:absolute;left:14px;font-family:var(--mp-mono);font-size:15px;color:var(--mp-text-muted);z-index:1;pointer-events:none}.mp-form-input--price{padding-left:28px;font-family:var(--mp-mono);font-size:16px;font-weight:500}.mp-margin-card{border:1.5px solid;border-radius:var(--mp-r-lg);padding:16px 18px;display:flex;gap:18px;align-items:flex-start}.mp-margin-card__left{text-align:center;min-width:72px}.mp-margin-card__pct{font-family:var(--mp-mono);font-size:32px;font-weight:500;line-height:1;letter-spacing:-1px}.mp-margin-card__lbl{font-size:11px;color:var(--mp-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.mp-margin-card__right{flex:1}.mp-margin-card__profit{font-family:var(--mp-mono);font-size:15px;font-weight:600;color:var(--mp-text);margin-bottom:4px}.mp-margin-card__status{font-size:12.5px;color:var(--mp-text-sub);margin-bottom:8px;font-weight:500}.mp-margin-bar-track{height:6px;background:var(--mp-border-2);border-radius:999px;overflow:hidden}.mp-margin-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.mp-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--mp-orange-light);border:1px solid var(--mp-orange-mid);border-radius:var(--mp-r-md);font-size:12.5px;color:var(--mp-text-sub);line-height:1.5;font-weight:500}.mp-tab-section-hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mp-tab-section-title{font-size:14px;font-weight:700;color:var(--mp-text)}.mp-tab-section-sub{font-size:12px;color:var(--mp-text-muted);margin-top:2px}.mp-mods-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px;text-align:center;color:var(--mp-text-muted);font-size:13px;background:var(--mp-surface-2);border-radius:var(--mp-r-lg);border:1.5px dashed var(--mp-border)}.mp-mods-empty__icon{font-size:28px;opacity:.5}.mp-mods-list{display:flex;flex-direction:column;gap:8px}.mp-mod-row{display:flex;align-items:center;gap:8px}.mp-mod-handle{color:var(--mp-text-muted);font-size:14px;cursor:grab;flex-shrink:0}.mp-mod-input{flex:1}.mp-mod-del{width:32px;height:32px;border-radius:8px;background:none;border:1.5px solid var(--mp-border);cursor:pointer;color:var(--mp-text-muted);font-size:12px;display:flex;align-items:center;justify-content:center;transition:var(--mp-transition);flex-shrink:0}.mp-mod-del:hover{background:#ef444414;border-color:#ef44444d;color:var(--mp-red)}.mp-allergen-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.mp-allergen-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--mp-r-sm);background:var(--mp-surface-2);border:1.5px solid var(--mp-border);font-family:var(--mp-font);font-size:12.5px;font-weight:600;color:var(--mp-text-sub);cursor:pointer;transition:var(--mp-transition)}.mp-allergen-btn:hover{border-color:#d4d8e2;background:var(--mp-surface)}.mp-allergen-btn--on{background:#f9731614;border-color:var(--mp-orange-mid);color:var(--mp-orange-dark)}.mp-color-row{display:flex;gap:8px;flex-wrap:wrap}.mp-color-swatch{width:30px;height:30px;border-radius:8px;border:2.5px solid transparent;cursor:pointer;transition:var(--mp-spring)}.mp-color-swatch--on{transform:scale(1.18);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.mp-delete-text{font-size:13.5px;color:var(--mp-text-sub);line-height:1.6}@keyframes mp-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.mp-root{padding:20px 20px 40px}.mp-header{flex-direction:column;align-items:flex-start}.mp-list__header,.mp-list__row{grid-template-columns:2fr 1fr .8fr .8fr .7fr .8fr}.mp-list__sales{display:none}}@media(max-width:640px){.mp-root{padding:16px 14px 40px}.mp-header__right{flex-wrap:wrap}.mp-form-row{flex-direction:column;gap:12px}.mp-toggles-row{flex-direction:column}.mp-modal--large,.mp-modal--small{max-width:100%;border-radius:var(--mp-r-lg)}.mp-modal__tabs{overflow-x:auto;padding-bottom:0}.mp-grid{grid-template-columns:1fr}}.mp-cat__img{width:18px;height:18px;border-radius:4px;object-fit:cover;margin-right:2px;vertical-align:middle;flex-shrink:0}.mp-card__photo{width:100%;height:100%;object-fit:cover;border-radius:10px}.mp-list__img-wrap{width:38px;height:38px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--mp-surface-2);border:1px solid var(--mp-border)}.mp-list__img{width:100%;height:100%;object-fit:cover}.mp-img-zone{border:2px dashed var(--mp-border);border-radius:var(--mp-r-lg);background:var(--mp-surface-2);min-height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden;position:relative}.mp-img-zone:hover,.mp-img-zone--drag{border-color:var(--mp-accent);background:var(--mp-accent-light);box-shadow:0 0 0 4px var(--mp-accent-glow, rgba(249,115,22,.1))}.mp-img-zone--drag{transform:scale(1.01)}.mp-img-zone__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;text-align:center}.mp-img-zone__icon{width:52px;height:52px;border-radius:14px;background:var(--mp-accent-light);color:var(--mp-accent);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px}.mp-img-zone__text{font-size:14px;font-weight:700;color:var(--mp-text-primary)}.mp-img-zone__hint{font-size:12px;color:var(--mp-text-muted);font-weight:500}.mp-img-zone__hint span{color:var(--mp-accent);text-decoration:underline}.mp-img-zone__preview{width:100%;height:100%;min-height:160px;position:relative}.mp-img-zone__preview img{width:100%;height:100%;min-height:160px;object-fit:cover;display:block}.mp-img-zone__overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .18s ease}.mp-img-zone__preview:hover .mp-img-zone__overlay{opacity:1}.mp-img-zone__change,.mp-img-zone__remove{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s ease}.mp-img-zone__change{background:#fff;color:var(--mp-text-primary)}.mp-img-zone__remove{background:#ef4444e6;color:#fff}.mp-img-zone__change:hover{background:var(--mp-accent-light)}.mp-img-zone__remove:hover{background:#ef4444}.mp-img-compact{width:86px;height:86px;border-radius:12px;border:2px dashed var(--mp-border);background:var(--mp-surface-2);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.mp-img-compact:hover{border-color:var(--mp-accent);background:var(--mp-accent-light)}.mp-img-compact__preview{width:100%;height:100%;object-fit:cover}.mp-img-compact__placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--mp-text-muted);font-size:11px;font-weight:600}.mp-img-compact__placeholder svg{font-size:18px}.mp-img-preview-info{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:600;color:var(--mp-text-secondary);padding:10px 14px;background:var(--mp-green-light, #d1fae5);border-radius:10px;border:1px solid #a7f3d0}.mp-card--selected{border-color:var(--mp-accent)!important;box-shadow:0 0 0 3px #f973162e!important;background:var(--mp-accent-light, #fff7ed)!important}.mp-card__checkbox{position:absolute;top:10px;left:10px;width:22px;height:22px;border-radius:6px;border:2px solid var(--mp-border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;z-index:3;transition:all .15s ease}.mp-card__checkbox--on{background:var(--mp-accent);border-color:var(--mp-accent)}.mp-list__row--selected{background:var(--mp-accent-light, #fff7ed)!important;border-color:var(--mp-accent-mid, #fed7aa)!important}.mp-list__checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--mp-border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;flex-shrink:0;transition:all .15s ease}.mp-list__checkbox--on{background:var(--mp-accent);border-color:var(--mp-accent)}.mp-bulk-wrap{position:relative}.mp-bulk-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:14px;box-shadow:0 12px 36px #00000024;z-index:200;min-width:200px;overflow:hidden;animation:bulkMenuIn .15s cubic-bezier(.34,1.56,.64,1)}@keyframes bulkMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.mp-bulk-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:11px 16px;background:none;border:none;font-size:13px;font-weight:600;color:var(--mp-text-secondary);cursor:pointer;transition:background .12s;text-align:left}.mp-bulk-menu button:hover{background:var(--mp-surface-2);color:var(--mp-accent)}.mp-bulk-menu__sep{height:1px;background:var(--mp-border-soft);margin:4px 0}.mp-bulk-menu__danger{color:#ef4444!important}.mp-bulk-menu__danger:hover{background:#fee2e2!important}.mp-bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--mp-text-primary, #0c1225);color:#fff;border-radius:16px;padding:12px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 40px #00000047;z-index:300;animation:bulkBarIn .2s cubic-bezier(.34,1.56,.64,1);min-width:460px}@keyframes bulkBarIn{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mp-bulk-bar__count{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#fffc;white-space:nowrap}.mp-bulk-bar__actions{display:flex;gap:6px;flex:1;justify-content:center}.mp-bulk-bar__actions button{display:flex;align-items:center;gap:5px;padding:7px 13px;border-radius:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}.mp-bulk-bar__actions button:hover{background:#ffffff38}.mp-bulk-bar__del{background:#ef44444d!important;border-color:#ef444466!important}.mp-bulk-bar__del:hover{background:#ef4444!important}.mp-bulk-bar__close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px;transition:color .12s}.mp-bulk-bar__close:hover{color:#fff}.mp-modal--qr .mp-modal__body{padding:20px 24px}.mp-qr-card{background:#fff;border:2px solid var(--mp-border);border-radius:18px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.mp-qr-card__item-info{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding-bottom:16px;border-bottom:1px solid var(--mp-border-soft)}.mp-qr-card__emoji{font-size:34px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-qr-card__img{width:48px;height:48px;border-radius:10px;object-fit:cover}.mp-qr-card__name{font-size:15px;font-weight:700;color:var(--mp-text-primary)}.mp-qr-card__price{font-family:var(--mp-mono);font-size:16px;font-weight:800;color:var(--mp-accent);margin-top:2px}.mp-qr-svg-wrap svg{border:1px solid var(--mp-border-soft);border-radius:10px}.mp-qr-card__id{font-family:var(--mp-mono);font-size:11px;color:var(--mp-text-muted);font-weight:600}.mp-qr-info{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--mp-text-muted);font-weight:500;text-align:center;justify-content:center}.mp-card__btn--qr{background:var(--mp-indigo-light, #eef2ff);color:#6366f1;border:1px solid #c7d2fe}.mp-card__btn--qr:hover{background:#6366f1;color:#fff;border-color:#6366f1}.mp-nutrition-preview{background:linear-gradient(135deg,#f8f9fb,#fff);border:1.5px solid var(--mp-border-soft);border-radius:16px;padding:18px;margin-bottom:22px}.mp-nutrition-preview__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mp-text-muted);margin-bottom:14px}.mp-nutrition-preview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.mp-nutr-tile{border-radius:12px;padding:12px 10px;text-align:center;position:relative;overflow:hidden;border:1px solid transparent}.mp-nutr-tile--cal{background:#fff7ed;border-color:#fed7aa}.mp-nutr-tile--prot{background:#eff6ff;border-color:#bfdbfe}.mp-nutr-tile--carb{background:#fffbeb;border-color:#fde68a}.mp-nutr-tile--fat{background:#fef2f2;border-color:#fecaca}.mp-nutr-tile__val{font-family:var(--mp-mono);font-size:18px;font-weight:800;color:var(--mp-text-primary)}.mp-nutr-tile__lbl{font-size:10px;font-weight:700;color:var(--mp-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.mp-nutr-tile__icon{position:absolute;bottom:6px;right:8px;font-size:16px;opacity:.35}.mp-macro-bar{height:8px;border-radius:6px;background:var(--mp-border);display:flex;overflow:hidden;margin-bottom:8px}.mp-macro-legend{display:flex;gap:14px;font-size:11px;font-weight:600;color:var(--mp-text-muted)}.mp-macro-legend span{display:flex;align-items:center;gap:5px}.mp-macro-legend span span{width:10px;height:10px;border-radius:3px;display:inline-block}.mp-schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.mp-schedule-card{border:2px solid var(--mp-border);border-radius:16px;padding:18px 16px;text-align:left;background:var(--mp-surface);cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;flex-direction:column;gap:4px}.mp-schedule-card:hover{border-color:var(--mp-accent);transform:translateY(-2px);box-shadow:0 6px 20px #f973161f}.mp-schedule-card--on{border-color:var(--mp-accent);background:var(--mp-accent-light, #fff7ed);box-shadow:0 4px 16px #f9731624}.mp-schedule-card__icon{font-size:24px;margin-bottom:4px}.mp-schedule-card__label{font-size:14px;font-weight:700;color:var(--mp-text-primary)}.mp-schedule-card__time{font-family:var(--mp-mono);font-size:11px;font-weight:600;color:var(--mp-text-muted)}.mp-schedule-card__dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;border:2px solid var(--mp-border);background:var(--mp-surface-2);transition:all .15s}.mp-schedule-card__dot--on{background:var(--mp-accent);border-color:var(--mp-accent);box-shadow:0 0 0 3px #f9731633}.mp-schedule-summary{display:flex;align-items:center;gap:10px;padding:13px 16px;background:var(--mp-accent-light, #fff7ed);border:1.5px solid var(--mp-accent-mid, #fed7aa);border-radius:12px;font-size:13px;font-weight:600;color:var(--mp-text-secondary);margin-bottom:16px}.mp-schedule-summary strong{color:var(--mp-accent)}.mp-card__schedule{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--mp-text-muted);margin:4px 0 2px;padding:3px 8px;background:var(--mp-surface-2);border-radius:6px;border:1px solid var(--mp-border-soft);width:fit-content}.mp-list__schedule-cell{display:flex;align-items:center;gap:5px}.mp-card__img-wrap{width:100%;height:110px;border-radius:10px;overflow:hidden;margin-bottom:10px;background:#f8fafc}.mp-card__photo{width:100%;height:100%;object-fit:cover;display:block}.mp-card__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px}.mp-qr-card__img-wrap{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0}.mp-qr-card__img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.mp-root{padding:16px 12px 60px}.mp-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.mp-header__title{font-size:22px}.mp-header__right{width:100%;flex-wrap:wrap}.mp-header__right .mp-btn{flex:1;justify-content:center}.mp-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.mp-stat{padding:14px 12px;gap:10px}.mp-stat__val{font-size:20px}.mp-stat__icon{width:36px;height:36px;font-size:14px}.mp-analytics{padding:16px;margin-bottom:16px}.mp-analytics__grid{grid-template-columns:1fr;gap:20px}.mp-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:12px}.mp-cats::-webkit-scrollbar{display:none}.mp-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.mp-toolbar__search{width:100%;min-width:0}.mp-toolbar__actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-select,.mp-view-toggle{width:100%;justify-content:center}.mp-view-toggle button{flex:1;text-align:center}.mp-grid{grid-template-columns:1fr;gap:12px}.mp-card{padding:16px}.mp-bulk-bar{width:calc(100% - 24px);left:12px;flex-direction:column;gap:12px;bottom:16px;padding:16px}.mp-bulk-bar__actions{width:100%;flex-wrap:wrap}.mp-bulk-bar__actions button{flex:1;justify-content:center}.mp-modal{width:95%;max-height:90vh;padding:20px}.mp-modal__grid{grid-template-columns:1fr}.mp-modal__footer{flex-direction:column;gap:10px}.mp-modal__footer button{width:100%}}:root{--brand: #6B63D4;--brand-dark: #4E46B4;--brand-light: #EFEEFC;--brand-mid: #9B95E8;--brand-glow: rgba(107, 99, 212, .22);--bg: #F7F8FC;--bg2: #FFFFFF;--card: #FFFFFF;--border: #E2E4EF;--border2: #C5C8DC;--text: #14172B;--muted: #5C6070;--muted2: #9CA3AF;--white: #FFFFFF;--green: #16A34A;--green-bg: #F0FDF4;--gold: #D97706;--font: "Inter", sans-serif;--display: "Sora", sans-serif;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .07);--shadow-md: 0 4px 20px rgba(0, 0, 0, .09), 0 2px 6px rgba(0, 0, 0, .05);--shadow-brand: 0 4px 24px rgba(107, 99, 212, .35);--shadow-brand-lg: 0 8px 40px rgba(107, 99, 212, .4);--radius: 12px;--radius-lg: 18px}.nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 52px;height:68px;background:#fffffff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:box-shadow .3s}.nav.scrolled{box-shadow:0 2px 20px #6b63d41f}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-img{width:130px;height:52px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:34px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:hover{color:var(--brand)}.nav-links a.has-badge:after{content:"NEW";position:absolute;top:-8px;right:-28px;background:var(--brand);color:#fff;font-size:.46rem;font-weight:700;letter-spacing:.8px;padding:2px 5px;border-radius:4px}.nav-links a.nav-active{color:var(--brand);font-weight:600}.nav-actions{display:flex;align-items:center;gap:10px}.btn-ghost{background:none;border:1px solid var(--border2);color:var(--muted);padding:8px 22px;border-radius:8px;font-family:var(--font);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.btn-ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.btn-cta{background:var(--brand);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-family:var(--font);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:var(--shadow-brand)}.btn-cta:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-brand-lg)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:140px 5% 80px;position:relative;overflow:hidden;background:linear-gradient(175deg,#fff,#f0effc 40%,#f7f8fc)}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,99,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(107,99,212,.05) 1px,transparent 1px);background-size:52px 52px}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18}.orb1{width:720px;height:720px;top:-200px;left:50%;transform:translate(-50%);background:var(--brand);animation:o1 10s ease-in-out infinite}.orb2{width:420px;height:420px;bottom:-100px;right:-80px;background:#a89cf5;animation:o2 8s ease-in-out infinite}.orb3{width:320px;height:320px;top:25%;left:-80px;background:#7b6fe0;animation:o3 12s ease-in-out infinite}@keyframes o1{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-28px)}}@keyframes o2{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes o3{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.hero-content{position:relative;z-index:1;max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-text-col{animation:fadeDown .6s ease both}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-light);border:1px solid rgba(107,99,212,.22);border-radius:999px;padding:7px 20px;font-size:.7rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand);margin-bottom:28px}.ey-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.hero-h1{font-family:var(--display);font-size:clamp(2.5rem,4.5vw,4.2rem);font-weight:800;line-height:1.08;letter-spacing:-1.5px;color:var(--text);margin-bottom:12px}.hero-h1 .serif{background:linear-gradient(130deg,var(--brand) 10%,#A78BFA 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-p{font-size:clamp(.95rem,1.4vw,1.1rem);color:var(--muted);line-height:1.75;margin:24px 0 36px;font-weight:400;max-width:540px}.hero-p strong{color:var(--text);font-weight:600}.hero-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;border:none;padding:15px 36px;border-radius:10px;font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:var(--shadow-brand)}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand-lg);background:var(--brand-dark)}.btn-hero-primary .arr{transition:transform .2s}.btn-hero-primary:hover .arr{transform:translate(4px)}.btn-hero-sec{display:inline-flex;align-items:center;gap:9px;background:var(--white);color:var(--text);border:1px solid var(--border2);padding:15px 30px;border-radius:10px;font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.btn-hero-sec:hover{border-color:var(--brand);box-shadow:var(--shadow-md)}.play-icon{width:26px;height:26px;border-radius:50%;background:var(--brand-light);border:1px solid rgba(107,99,212,.2);display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--brand)}.hero-trust{margin-top:40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ht-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted)}.ht-check{width:16px;height:16px;border-radius:50%;background:var(--green-bg);border:1px solid rgba(22,163,74,.25);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--green);font-weight:700}.ht-sep{width:1px;height:12px;background:var(--border)}.hero-img-wrapper{position:relative;animation:fadeDown .8s .2s ease both;perspective:1000px}.hero-mockup-img{width:100%;height:auto;border-radius:16px;box-shadow:0 24px 60px #6b63d440,0 4px 12px #00000014;border:1px solid rgba(255,255,255,.4);transform:rotateY(-5deg) rotateX(2deg);transition:transform .4s ease}.hero-img-wrapper:hover .hero-mockup-img{transform:rotateY(0) rotateX(0) scale(1.02)}.cat-slider-sec{padding:50px 0;background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.cat-slider-sec:before,.cat-slider-sec:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.cat-slider-sec:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.cat-slider-sec:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.cat-slider-container{display:flex;width:max-content}.cat-slider-track{display:flex;gap:24px;padding:0 12px;animation:marquee 25s linear infinite}.cat-slider-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cat-slide-item{display:flex;align-items:center;gap:12px;padding:14px 28px;background:var(--bg);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color .3s,transform .3s,box-shadow .3s,background .3s}.cat-slide-item:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--white)}.cat-slide-icon{width:32px;height:32px;border-radius:8px;background:#6b63d414;display:flex;align-items:center;justify-content:center;color:var(--brand)}.cat-slide-item:hover .cat-slide-icon{background:var(--brand);color:#fff!important}.cat-slide-name{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--text);white-space:nowrap}.ind-sec{padding:96px 5%;background:var(--white);border-top:1px solid var(--border)}.ind-sec-inner{max-width:1200px;margin:0 auto;text-align:center}.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ind-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px 22px;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}.ind-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--card-color, var(--brand)) 0%,transparent 60%);opacity:0;transition:opacity .3s;border-radius:var(--radius-lg)}.ind-card:hover{transform:translateY(-5px);border-color:var(--card-color, var(--brand));box-shadow:0 12px 40px #0000001a;background:#fff}.ind-card:hover:before{opacity:.04}.ind-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#6b63d41a;color:var(--card-color, var(--brand));transition:background .3s,color .3s;position:relative;z-index:1}.ind-card:hover .ind-card-icon{background:var(--card-color, var(--brand));color:#fff}.ind-card-body{position:relative;text-align:start;z-index:1}.ind-card-name{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:5px}.ind-card-desc{font-size:.76rem;color:var(--muted);line-height:1.6;margin-bottom:10px}.ind-card-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-top:auto}.ind-card-users{font-size:.68rem;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.ind-card-arrow{width:28px;height:28px;border-radius:8px;background:var(--brand-light);border:1px solid rgba(107,99,212,.18);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:.8rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s}.ind-card:hover .ind-card-arrow{background:var(--card-color, var(--brand));color:#fff;border-color:transparent;transform:translate(2px)}.ind-cta-row{text-align:center;margin-top:44px}.feat-sec{padding:96px 5%;background:var(--bg);border-top:1px solid var(--border)}.feat-inner{max-width:1200px;margin:0 auto}.sec-tag{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--brand);display:block;margin-bottom:10px}.sec-title{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:800;color:var(--text);letter-spacing:-1px;margin-bottom:12px}.sec-sub{font-size:.95rem;color:var(--muted);max-width:1096px;line-height:1.72;margin-bottom:52px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feat-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s}.feat-card:hover{border-color:#6b63d447;transform:translateY(-4px);box-shadow:var(--shadow-md)}.feat-icon-wrap{width:44px;height:44px;border-radius:11px;background:var(--brand-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--brand);flex-shrink:0}.feat-title{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:7px}.feat-desc{font-size:.79rem;color:var(--muted);line-height:1.67}.feat-tag{display:inline-block;margin-top:13px;font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--green-bg);color:var(--green);border:1px solid rgba(22,163,74,.2)}.how-sec{padding:96px 5%;background:linear-gradient(170deg,#f0effc,#fff);border-top:1px solid var(--border)}.how-inner{max-width:1100px;margin:0 auto}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px;position:relative}.how-steps:before{content:"";position:absolute;top:28px;left:calc(12.5% + 12px);right:calc(12.5% + 12px);height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-mid));z-index:0;opacity:.25}.how-step{text-align:center;position:relative;z-index:1}.how-step-num{width:56px;height:56px;border-radius:14px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.3rem;font-weight:800;margin:0 auto 18px;box-shadow:var(--shadow-brand)}.how-step-title{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:8px}.how-step-desc{font-size:.77rem;color:var(--muted);line-height:1.65}.cta-sec{padding:0 5% 96px;max-width:1200px;margin:0 auto}.cta-box{background:linear-gradient(130deg,var(--brand) 0%,#4E46B4 100%);border-radius:24px;padding:72px 10%;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-box:after{content:"";position:absolute;top:-40px;right:-40px;width:220px;height:220px;border-radius:50%;background:#ffffff0d;pointer-events:none}.cta-title{font-family:var(--display);font-size:clamp(1.8rem,3.8vw,3rem);font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:14px;position:relative}.cta-sub{color:#ffffffc7;font-size:1rem;margin-bottom:36px;position:relative}.cta-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}.footer-modern{background:var(--white);color:var(--text);padding:60px 5% 40px;border-top:1px solid var(--border);margin-top:20px}.footer-cta-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:60px 5%;text-align:center;max-width:1200px;margin:0 auto 80px}.footer-cta-title{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;margin-bottom:16px;letter-spacing:-1px;color:var(--text)}.footer-cta-sub{font-size:1.05rem;color:var(--muted);margin-bottom:30px}.footer-modern-main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid var(--border)}.fm-logo{height:48px;margin-bottom:20px}.fm-desc{font-size:.85rem;color:var(--muted);line-height:1.7;max-width:320px}.fm-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;color:var(--text);font-weight:700}.fm-socials{display:flex;gap:12px;margin-top:24px}.fm-soc-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .3s ease}.fm-soc-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6b63d44d}.fm-list{list-style:none;display:flex;flex-direction:column;gap:14px}.fm-list a{color:var(--muted);text-decoration:none;font-size:.85rem;transition:color .2s;font-weight:500}.fm-list a:hover{color:var(--brand)}.footer-modern-bottom{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:.8rem;color:var(--muted2);flex-wrap:wrap;gap:16px}.footer-modern-bottom .cert-pill{background:var(--bg);border:1px solid var(--border);color:var(--muted)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.pricing-page{padding-top:68px;background:var(--bg)}.pricing-back-wrap{max-width:1200px;margin:0 auto;padding:30px 5% 0}.pricing-back-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:8px;font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.pricing-back-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.pricing-header{text-align:center;padding:56px 5% 48px;max-width:900px;margin:0 auto}.pricing-h1{font-family:var(--display);font-size:clamp(2rem,4.5vw,3.6rem);font-weight:800;color:var(--text);letter-spacing:-2px;line-height:1.1;margin-bottom:14px}.pricing-h1-accent{background:linear-gradient(135deg,var(--brand),var(--brand-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-sub{font-size:1rem;color:var(--muted);line-height:1.72;margin-bottom:36px}.pricing-toggle-wrap{display:inline-flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:999px;padding:8px 22px}.pricing-toggle-label{font-size:.82rem;color:var(--muted);font-weight:500;transition:color .2s;display:flex;align-items:center;gap:8px}.pricing-toggle-label.active{color:var(--text);font-weight:600}.pricing-toggle{position:relative;width:44px;height:24px;border-radius:999px;background:var(--border2);border:none;cursor:pointer;transition:background .25s;padding:0;flex-shrink:0}.pricing-toggle.on{background:var(--brand)}.pricing-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 1px 4px #0000002e}.pricing-toggle.on .pricing-toggle-knob{transform:translate(20px)}.pricing-save-badge{background:var(--green-bg);color:var(--green);border:1px solid rgba(22,163,74,.2);font-size:.6rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 7px;border-radius:999px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto 52px;padding:0 5%}.pricing-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:30px 26px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.pricing-card--featured{border:2px solid var(--brand);box-shadow:0 8px 36px #6b63d433}.pricing-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 16px;border-radius:999px;white-space:nowrap}.pricing-plan-name{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:18px}.pricing-price-row{display:flex;align-items:baseline;gap:2px;margin-bottom:4px}.pricing-price-currency{font-size:1.3rem;font-weight:700;color:var(--brand);line-height:1;margin-top:4px}.pricing-price-num{font-family:var(--display);font-size:3rem;font-weight:800;color:var(--brand);letter-spacing:-2px;line-height:1}.pricing-price-period{font-size:.85rem;color:var(--muted);font-weight:500;margin-left:2px}.pricing-price-custom{font-family:var(--display);font-size:2.2rem;font-weight:800;color:var(--brand);letter-spacing:-1px}.pricing-price-note{font-size:.72rem;color:var(--muted2);margin-bottom:14px}.pricing-plan-desc{font-size:.8rem;color:var(--muted);line-height:1.62;margin-bottom:22px}.pricing-cta-btn{width:100%;padding:13px;border-radius:9px;font-family:var(--font);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;border:1px solid var(--border2);background:var(--bg);color:var(--text);margin-bottom:22px}.pricing-cta-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.pricing-cta-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-brand)}.pricing-cta-btn--primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-brand-lg)}.pricing-divider{border:none;border-top:1px solid var(--border);margin-bottom:22px}.pricing-features-list{list-style:none;display:flex;flex-direction:column;gap:11px}.pricing-feature-item{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:var(--text);line-height:1.45}.pricing-feature-item--no{color:var(--muted2)}.pricing-feature-icon{width:18px;height:18px;border-radius:50%;background:var(--green-bg);border:1px solid rgba(22,163,74,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green);margin-top:1px}.pricing-feature-icon--no{background:var(--bg);border:1px solid var(--border);color:var(--muted2)}.pricing-trust-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:0 5% 64px}.pricing-compare-wrap{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:76px 5%;text-align:center}.pricing-compare-title{font-family:var(--display);font-size:clamp(1.4rem,2.8vw,2.2rem);font-weight:800;color:var(--text);letter-spacing:-1px;margin-bottom:44px}.pricing-table-wrap{overflow-x:auto;max-width:900px;margin:0 auto}.pricing-table{width:100%;border-collapse:collapse;font-size:.82rem}.pricing-table thead tr{border-bottom:2px solid var(--border)}.pricing-table th{padding:12px 18px;font-weight:700;color:var(--text);text-align:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.8px;background:var(--bg)}.pricing-table th.pt-feature-col{text-align:left}.pricing-table th.pt-featured-col{background:var(--brand-light);color:var(--brand);border-left:2px solid rgba(107,99,212,.25);border-right:2px solid rgba(107,99,212,.25)}.pricing-table td{padding:11px 18px;text-align:center;border-bottom:1px solid var(--border)}.pricing-table td.pt-feature-name{text-align:left;font-weight:500;color:var(--text)}.pricing-table td.pt-featured-cell{background:#6b63d408;border-left:2px solid rgba(107,99,212,.25);border-right:2px solid rgba(107,99,212,.25)}.pricing-table tbody tr:hover{background:var(--bg)}.pt-yes{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green-bg);border:1px solid rgba(22,163,74,.2);color:var(--green)}.pt-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--muted2)}.pt-val{font-size:.8rem;color:var(--text);font-weight:500}.pricing-social-proof{padding:68px 5%;background:var(--brand-light);border-top:1px solid rgba(107,99,212,.14);border-bottom:1px solid rgba(107,99,212,.14);text-align:center}.psp-inner{max-width:640px;margin:0 auto}.psp-stars{color:var(--gold);font-size:1rem;letter-spacing:4px;margin-bottom:18px}.psp-quote{font-size:1rem;color:var(--text);line-height:1.74;font-style:italic;margin-bottom:22px}.psp-author{display:inline-flex;align-items:center;gap:12px;justify-content:center}.pricing-faq-wrap{padding:76px 5%;max-width:760px;margin:0 auto;text-align:center}.pricing-faq-list{margin-top:38px;text-align:left}.pricing-faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden;background:var(--white);transition:border-color .2s}.pricing-faq-item.open{border-color:#6b63d44d}.pricing-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:.88rem;font-weight:600;color:var(--text);text-align:left;gap:12px}.pricing-faq-arrow{font-size:1.2rem;color:var(--brand);font-weight:400;flex-shrink:0}.pricing-faq-a{padding:0 20px 16px;font-size:.82rem;color:var(--muted);line-height:1.72}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:5px}.mobile-menu-overlay{display:none}@media(max-width:1100px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-p{margin:24px auto 36px}.hero-btns,.hero-trust{justify-content:center}.hero-img-wrapper{margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto}.ind-grid,.feat-grid,.how-steps,.pricing-grid{grid-template-columns:repeat(2,1fr)}.how-steps:before{display:none}.footer-modern-main{grid-template-columns:repeat(2,1fr);gap:40px}}@media(max-width:768px){.nav{padding:0 20px}.nav-links,.nav-actions{display:none}.mobile-menu-toggle{display:block}.mobile-menu-overlay{display:flex;flex-direction:column;position:fixed;inset:0;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;padding:20px;animation:fadeIn .3s ease}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.mobile-menu-close{background:var(--bg);border:none;padding:8px;border-radius:8px;color:var(--muted);cursor:pointer}.mobile-menu-links{list-style:none;display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.mobile-menu-links a{text-decoration:none;font-size:1.25rem;font-weight:600;color:var(--text)}.mobile-menu-actions{display:flex;flex-direction:column;gap:16px}.mobile-menu-actions .btn-cta,.mobile-menu-actions .btn-ghost{width:100%;text-align:center;padding:14px;font-size:1rem}.hero{padding:100px 5% 50px}.hero-h1{font-size:clamp(2rem,8vw,2.5rem)}.hero-btns{flex-direction:row;flex-wrap:nowrap;gap:10px}.hero-btns button{width:100%;padding:14px 10px;font-size:.85rem;justify-content:center}.ind-grid,.feat-grid,.how-steps,.pricing-grid{grid-template-columns:1fr}.feat-sec,.ind-sec,.how-sec{padding:60px 5%}.sec-title{font-size:1.8rem}.cta-box{text-align:center}.cta-btns{flex-direction:column;gap:16px;justify-content:center;align-items:center}.cta-btns button{width:100%;transform:none!important;margin-top:0!important}.hero-trust{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.ht-sep{display:block}.pricing-toggle-wrap{flex-wrap:wrap;justify-content:center;gap:10px}.pricing-header{padding-top:40px}.footer-modern{padding:40px 5% 20px}.footer-modern-main{display:grid;grid-template-columns:1fr 1fr;gap:30px 15px}.fm-brand-col{grid-column:span 2;display:flex;flex-direction:column;align-items:center;text-align:center}.fm-brand-col .fm-socials{justify-content:center}.footer-cta-box{padding:40px 5%;margin-bottom:40px}}.contact-modal-overlay{position:fixed;inset:0;background:#14172b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.contact-modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #6b63d426,0 4px 12px #00000014;position:relative;overflow:hidden;animation:slideUp .4s ease cubic-bezier(.16,1,.3,1);border:1px solid rgba(107,99,212,.1)}.contact-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--brand) 0%,#A78BFA 100%)}.contact-modal-header{padding:35px 35px 25px;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;z-index:10}.contact-modal-title{font-family:var(--display);font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.contact-modal-title-icon{color:var(--brand);background:var(--brand-light);padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center}.contact-form-desc{font-size:.85rem;color:var(--muted);margin-top:8px;line-height:1.5}.contact-modal-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg)}.contact-modal-close:hover{background:var(--brand-light);color:var(--brand);transform:rotate(90deg)}.contact-modal-body{padding:0 35px 35px;overflow-y:auto}.contact-modal-body::-webkit-scrollbar{width:6px}.contact-modal-body::-webkit-scrollbar-track{background:transparent}.contact-modal-body::-webkit-scrollbar-thumb{background:#6b63d433;border-radius:10px}.contact-modal-body::-webkit-scrollbar-thumb:hover{background:#6b63d466}.contact-form-group{margin-bottom:22px}.contact-form-label{display:block;font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:8px}.contact-form-input,.contact-form-textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--font);font-size:.95rem;color:var(--text);transition:all .25s ease;background:#fafbfc}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow);background:var(--white)}.contact-form-textarea{resize:vertical;min-height:120px}.contact-form-submit{width:100%;background:linear-gradient(135deg,var(--brand) 0%,#7B6FE0 100%);color:#fff;border:none;padding:16px;border-radius:10px;font-family:var(--font);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #6b63d440;margin-top:15px}.contact-form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6b63d459;background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%)}.contact-form-success{text-align:center;padding:40px 20px}.contact-success-icon{width:60px;height:60px;background:var(--green-bg);color:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.contact-success-title{font-family:var(--display);font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--text)}.contact-success-desc{font-size:.95rem;color:var(--muted);line-height:1.6}:root{--brand:#5B4EE8;--brand-dark:#4438C4;--brand-light:#EEF0FD;--brand-mid:#7B70EF;--bg:#F8F9FC;--bg2:#FFFFFF;--card:#FFFFFF;--border:#E4E7EF;--border2:#C9CEDF;--text:#1A1D2E;--muted:#6B7280;--muted2:#9CA3AF;--white:#FFFFFF;--green:#16A34A;--green-bg:#F0FDF4;--gold:#D97706;--font:"Inter",sans-serif;--display:"Sora",sans-serif;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);--shadow-brand:0 4px 20px rgba(91,78,232,.28)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.tb{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:60px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.tb-logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.tb-logo-img{width:130px;height:60px;object-fit:contain}.tb-right{display:flex;align-items:center;gap:10px}.tb-step{font-size:.75rem;color:var(--muted);font-weight:500;padding:5px 12px;background:var(--bg);border:1px solid var(--border);border-radius:999px}.tb-step strong{color:var(--brand)}.btn-back{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:8px;font-family:var(--font);font-size:.78rem;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.btn-back:hover{color:var(--brand);border-color:#5b4ee84d;background:var(--brand-light)}.si-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg)}.si-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,78,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(91,78,232,.04) 1px,transparent 1px);background-size:48px 48px}.si-bg-orb1{position:absolute;width:700px;height:700px;top:-250px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(91,78,232,.12),transparent 65%);border-radius:50%;filter:blur(70px);animation:orb1 10s ease-in-out infinite}.si-bg-orb2{position:absolute;width:400px;height:400px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(123,112,239,.1),transparent 65%);border-radius:50%;filter:blur(70px);animation:orb2 8s ease-in-out infinite}@keyframes orb1{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-30px)}}@keyframes orb2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.si-main{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:88px 40px 80px}.si-head{text-align:center;margin-bottom:48px;animation:fadeUp .5s ease both}.si-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-light);border:1px solid rgba(91,78,232,.2);border-radius:999px;padding:6px 16px;font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand);margin-bottom:18px}.eyebrow-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.si-title{font-family:var(--display);font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:800;color:var(--text);letter-spacing:-1.2px;line-height:1.1;margin-bottom:12px}.si-title .serif-word{background:linear-gradient(135deg,var(--brand),var(--brand-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.si-sub{font-size:.95rem;color:var(--muted);max-width:460px;margin:0 auto 24px;line-height:1.65}.si-breadcrumb{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:44px;animation:fadeUp .5s .05s ease both}.bc-item{display:flex;align-items:center;gap:8px}.bc-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1.5px solid var(--border2);color:var(--muted);background:var(--white);transition:all .3s}.bc-num.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 16px #5b4ee859}.bc-num.done{background:var(--green-bg);border-color:var(--green);color:var(--green)}.bc-label{font-size:.76rem;font-weight:500;color:var(--muted)}.bc-label.active{color:var(--text);font-weight:600}.bc-sep{width:52px;height:1px;background:var(--border);margin:0 10px}.si-proof{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:44px;animation:fadeUp .5s .08s ease both}.proof-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted)}.proof-icon{font-size:13px}.proof-sep{width:1px;height:13px;background:var(--border)}.si-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;animation:fadeUp .5s .12s ease both}.si-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:22px 18px 18px;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s,box-shadow .22s}.si-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--clr);opacity:0;transition:opacity .22s;border-radius:14px 14px 0 0}.si-card:hover:before{opacity:1}.si-card:hover{transform:translateY(-6px);border-color:var(--clr);box-shadow:0 8px 28px color-mix(in srgb,var(--clr) 22%,transparent)}.si-card>*{position:relative;z-index:1}.c-badge{position:absolute;top:12px;right:12px;z-index:2;padding:3px 9px;border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:#d977061a;border:1px solid rgba(217,119,6,.25);color:var(--gold)}.c-emoji{width:44px;height:44px;border-radius:11px;background:var(--brand-light);display:flex;align-items:center;justify-content:center;margin-bottom:13px;transition:transform .22s,background .22s;color:var(--brand)}.si-card:hover .c-emoji{transform:scale(1.1) rotate(-4deg);background:var(--clr-light);color:var(--clr)}.c-tag{font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand);margin-bottom:5px;transition:color .22s}.si-card:hover .c-tag{color:var(--clr)}.c-name{font-size:.96rem;font-weight:700;color:var(--text);margin-bottom:5px;letter-spacing:-.2px}.c-desc{font-size:.76rem;color:var(--muted);line-height:1.55;margin-bottom:13px}.c-features{list-style:none;margin-bottom:14px}.c-features li{font-size:.71rem;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:4px}.c-features li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);flex-shrink:0;opacity:.7;transition:background .22s}.si-card:hover .c-features li:before{background:var(--clr)}.c-users{display:flex;align-items:center;gap:6px;font-size:.69rem;color:var(--muted);margin-bottom:13px}.c-avatars{display:flex}.c-av{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--white);background:var(--brand-light);margin-left:-5px}.c-av:first-child{margin-left:0}.c-btn{width:100%;padding:9px 13px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-family:var(--font);font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s,border-color .2s,color .2s}.si-card:hover .c-btn{background:var(--clr);border-color:var(--clr);color:#fff}.c-btn-arrow{transition:transform .2s}.si-card:hover .c-btn-arrow{transform:translate(4px)}.si-bottom{margin-top:48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;animation:fadeUp .5s .18s ease both}.sb-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;align-items:flex-start;gap:13px}.sb-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-light);color:var(--brand)}.sb-title{font-size:.86rem;font-weight:700;color:var(--text);margin-bottom:3px}.sb-desc{font-size:.75rem;color:var(--muted);line-height:1.55}.si-note{text-align:center;margin-top:28px;font-size:.78rem;color:var(--muted2);display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;animation:fadeUp .5s .25s ease both}.note-item{display:flex;align-items:center;gap:5px}.note-check{color:var(--green);font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.si-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.si-grid{grid-template-columns:repeat(2,1fr)}.si-bottom{grid-template-columns:1fr}.tb{padding:0 20px}.si-main{padding:80px 20px 60px}}@media(max-width:500px){.si-grid{grid-template-columns:1fr}}:root{--lp-pri: #5b4ee8;--lp-pri-hover: #4a3ed0;--lp-pri-active: #3b30b8;--lp-pri-light: #eeecfd;--lp-pri-xlight: #f6f5ff;--lp-pri-glow: rgba(91, 78, 232, .14);--lp-pri-shadow: rgba(91, 78, 232, .28);--lp-pri-border: rgba(91, 78, 232, .18);--lp-pri-subtle: rgba(91, 78, 232, .06);--lp-white: #ffffff;--lp-bg: #fafafa;--lp-card: #ffffff;--lp-text-dark: #0f0e1a;--lp-text-body: #3d3a52;--lp-text-muted: #8e8ba8;--lp-text-hint: #c4c1d8;--lp-border: #ebebf2;--lp-border-md: #dddae8;--lp-success: #16a34a;--lp-error: #dc2626;--lp-error-bg: #fff5f5;--lp-error-bdr: #fecaca;--lp-r-sm: 8px;--lp-r-md: 12px;--lp-r-lg: 18px;--lp-r-xl: 24px;--lp-r-pill: 999px;--lp-dur: .18s;--lp-ease: cubic-bezier(.16, 1, .3, 1)}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--lp-bg);background-image:radial-gradient(ellipse 800px 600px at 70% -10%,rgba(91,78,232,.06) 0%,transparent 65%),radial-gradient(ellipse 500px 400px at -5% 100%,rgba(91,78,232,.04) 0%,transparent 55%);font-family:DM Sans,sans-serif;padding:32px 16px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(91,78,232,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.login-page:after{content:"";position:absolute;width:340px;height:340px;top:-80px;right:-80px;background:radial-gradient(circle,rgba(91,78,232,.07) 0%,transparent 60%);border-radius:50%;animation:lp-float 10s ease-in-out infinite alternate;pointer-events:none}@keyframes lp-float{0%{transform:translate(0)}to{transform:translate(-14px,18px)}}.login-back{position:absolute;top:20px;left:20px;z-index:20;display:inline-flex;align-items:center;gap:5px;background:var(--lp-white);border:1.5px solid var(--lp-border);color:var(--lp-text-muted);font-family:DM Sans,sans-serif;font-size:.81rem;font-weight:600;letter-spacing:.01em;padding:7px 15px 7px 11px;border-radius:var(--lp-r-pill);cursor:pointer;box-shadow:0 1px 8px #0000000f;transition:all var(--lp-dur) var(--lp-ease)}.login-back svg{width:14px;height:14px;transition:transform var(--lp-dur) var(--lp-ease);flex-shrink:0}.login-back:hover{background:var(--lp-pri-xlight);border-color:var(--lp-pri-border);color:var(--lp-pri);box-shadow:0 4px 16px var(--lp-pri-glow)}.login-back:hover svg{transform:translate(-3px)}.login-card{position:relative;z-index:1;width:100%;max-width:448px;background:var(--lp-card);border-radius:var(--lp-r-xl);border:1px solid rgba(91,78,232,.08);padding:42px 38px 34px;box-shadow:0 0 0 1px #5b4ee80a,0 2px 12px #0000000a,0 20px 50px #5b4ee814,0 1px #fff inset;animation:lp-card-in .44s var(--lp-ease) both}.login-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--lp-pri) 38%,rgba(91,78,232,.4) 62%,transparent);border-radius:2px}@keyframes lp-card-in{0%{opacity:0;transform:translateY(22px) scale(.978);filter:blur(1.5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.login-logo-img{width:130px;height:56px;object-fit:contain}.login-pos-badge{display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;margin:0 auto 18px;background:var(--lp-pri-xlight);border:1px solid var(--lp-pri-border);color:var(--lp-pri);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:var(--lp-r-pill)}.login-pos-badge svg{width:12px;height:12px;flex-shrink:0}.login-heading{font-family:Plus Jakarta Sans,sans-serif;font-size:1.55rem;font-weight:800;color:var(--lp-text-dark);text-align:center;margin:0 0 5px;letter-spacing:-.4px;line-height:1.2}.login-subhead{font-size:.86rem;font-weight:400;color:var(--lp-text-muted);text-align:center;margin:0 0 26px;line-height:1.55}.field-hint-inline{font-size:.7rem;font-weight:400;color:var(--lp-text-hint);text-transform:none;letter-spacing:0;margin-left:3px}.login-error{display:flex;align-items:center;gap:9px;background:var(--lp-error-bg);border:1px solid var(--lp-error-bdr);color:var(--lp-error);border-radius:var(--lp-r-md);padding:10px 13px;font-size:.83rem;font-weight:600;margin-bottom:18px;animation:lp-shake .36s ease}.login-error svg{width:15px;height:15px;flex-shrink:0}@keyframes lp-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.73rem;font-weight:700;color:var(--lp-text-body);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center}.login-field.field-error .login-input-wrap input{border-color:var(--lp-error)!important;background:#fff9f9!important;box-shadow:0 0 0 3px #dc262614!important}.login-field.field-ok .login-input-wrap input{border-color:var(--lp-success)!important;background:var(--lp-white)!important}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:13px;display:flex;align-items:center;justify-content:center;color:var(--lp-text-hint);pointer-events:none;transition:color var(--lp-dur)}.login-input-icon svg{width:16px;height:16px}.login-input-wrap:focus-within .login-input-icon{color:var(--lp-pri)}.login-input-wrap input{width:100%;padding:11px 42px 11px 40px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;color:var(--lp-text-dark);background:var(--lp-pri-xlight);border:1.5px solid transparent;border-radius:var(--lp-r-md);outline:none;transition:border-color var(--lp-dur) var(--lp-ease),background var(--lp-dur) var(--lp-ease),box-shadow var(--lp-dur) var(--lp-ease);box-sizing:border-box}.login-input-wrap input::placeholder{color:var(--lp-text-hint);font-weight:400}.login-input-wrap input:hover{border-color:var(--lp-border-md);background:#f3f2fe}.login-input-wrap input:focus{border-color:var(--lp-pri);background:var(--lp-white);box-shadow:0 0 0 3.5px var(--lp-pri-glow)}.field-valid-icon{position:absolute;right:13px;display:flex;align-items:center;animation:lp-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes lp-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.field-error-msg{display:flex;align-items:center;gap:5px;font-size:.77rem;font-weight:600;color:var(--lp-error);margin:0;animation:lp-fade-in .2s ease}@keyframes lp-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.field-char-counter{font-size:.72rem;font-weight:600;letter-spacing:.02em}.cnt-weak{color:var(--lp-error)}.cnt-ok{color:var(--lp-success)}.cnt-maxlabel{color:var(--lp-text-hint)}.field-req-list{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:4px}.req-item{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--lp-text-hint);transition:color .2s}.req-item.req-met{color:var(--lp-success)}.login-pass-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:var(--lp-text-hint);display:flex;align-items:center;border-radius:var(--lp-r-sm);transition:color var(--lp-dur)}.login-pass-toggle svg{width:16px;height:16px}.login-pass-toggle:hover{color:var(--lp-pri)}.login-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 0}.login-remember{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--lp-pri);cursor:pointer;flex-shrink:0}.login-remember span{font-size:.81rem;font-weight:500;color:var(--lp-text-muted)}.login-forgot{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.81rem;font-weight:600;color:var(--lp-pri);cursor:pointer;padding:0;transition:opacity var(--lp-dur)}.login-forgot:hover{opacity:.7;text-decoration:underline}.login-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12.5px 20px;margin-top:4px;background:linear-gradient(135deg,var(--lp-pri) 0%,var(--lp-pri-hover) 100%);color:#fff;border:none;border-radius:var(--lp-r-md);font-family:Plus Jakarta Sans,sans-serif;font-size:.94rem;font-weight:700;letter-spacing:.02em;cursor:pointer;overflow:hidden;box-shadow:0 4px 16px var(--lp-pri-shadow),0 1px #ffffff1f inset;transition:transform var(--lp-dur) var(--lp-ease),box-shadow var(--lp-dur) var(--lp-ease),opacity var(--lp-dur)}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);opacity:0;transition:opacity var(--lp-dur)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--lp-pri-shadow),0 1px #ffffff1f inset}.login-btn:hover:before{opacity:1}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.login-btn svg{width:17px;height:17px;flex-shrink:0}.login-spinner-wrap{display:flex;align-items:center;gap:8px}@keyframes lp-spin{to{transform:rotate(360deg)}}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lp-spin .6s linear infinite;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:10px;margin:6px 0 4px;font-size:.73rem;font-weight:600;color:var(--lp-text-hint);letter-spacing:.05em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--lp-border)}.login-socials{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:4px}.login-social-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;background:var(--lp-white);border:1.5px solid var(--lp-border);border-radius:var(--lp-r-md);font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;color:var(--lp-text-body);cursor:pointer;transition:background var(--lp-dur) var(--lp-ease),border-color var(--lp-dur) var(--lp-ease),box-shadow var(--lp-dur) var(--lp-ease),transform var(--lp-dur) var(--lp-ease)}.login-social-btn:hover{background:var(--lp-pri-xlight);border-color:var(--lp-pri-border);color:var(--lp-pri);transform:translateY(-1px);box-shadow:0 3px 12px var(--lp-pri-glow)}.login-switch{text-align:center;font-size:.83rem;font-weight:500;color:var(--lp-text-muted);margin:16px 0 0}.login-switch-btn{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:700;color:var(--lp-pri);cursor:pointer;padding:0 0 0 4px;transition:opacity var(--lp-dur)}.login-switch-btn:hover{opacity:.7;text-decoration:underline}.login-trust{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--lp-border);flex-wrap:wrap}.login-trust-item{display:inline-flex;align-items:center;gap:4px;font-size:.69rem;font-weight:700;color:var(--lp-text-hint);letter-spacing:.04em;text-transform:uppercase}.login-trust-item svg{width:12px;height:12px;color:var(--lp-pri);opacity:.7;flex-shrink:0}@media(max-width:480px){.login-card{padding:28px 18px 24px;border-radius:var(--lp-r-lg)}.login-back{top:12px;left:12px;font-size:.78rem}.login-socials{grid-template-columns:1fr}.login-trust{gap:10px}}:root{--sp-pri: #5b4ee8;--sp-pri-hover: #4a3ed0;--sp-pri-active: #3b30b8;--sp-pri-light: #eeecfd;--sp-pri-xlight: #f6f5ff;--sp-pri-glow: rgba(91, 78, 232, .13);--sp-pri-shadow: rgba(91, 78, 232, .26);--sp-pri-border: rgba(91, 78, 232, .18);--sp-pri-subtle: rgba(91, 78, 232, .05);--sp-white: #ffffff;--sp-bg: #fafafa;--sp-card: #ffffff;--sp-text-dark: #0f0e1a;--sp-text-body: #3d3a52;--sp-text-muted: #8e8ba8;--sp-text-hint: #c4c1d8;--sp-border: #ebebf2;--sp-border-md: #dddae8;--sp-success: #16a34a;--sp-success-bg: #f0fdf4;--sp-success-bdr: #bbf7d0;--sp-error: #dc2626;--sp-error-bg: #fff5f5;--sp-error-bdr: #fecaca;--sp-r-sm: 8px;--sp-r-md: 12px;--sp-r-lg: 18px;--sp-r-xl: 24px;--sp-r-pill: 999px;--sp-dur: .18s;--sp-ease: cubic-bezier(.16, 1, .3, 1);--sp-bounce: cubic-bezier(.34, 1.56, .64, 1)}.signup-page{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;background-color:var(--sp-bg);background-image:radial-gradient(ellipse 900px 650px at 80% -8%,rgba(91,78,232,.07) 0%,transparent 60%),radial-gradient(ellipse 600px 500px at -8% 100%,rgba(91,78,232,.05) 0%,transparent 55%),radial-gradient(ellipse 400px 300px at 50% 55%,rgba(140,130,255,.03) 0%,transparent 50%);font-family:DM Sans,sans-serif;padding:72px 16px 40px;position:relative;overflow:hidden}.signup-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(91,78,232,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.signup-page:after{content:"";position:absolute;width:300px;height:300px;bottom:-70px;left:-60px;background:radial-gradient(circle,rgba(91,78,232,.07) 0%,transparent 60%);border-radius:50%;animation:sp-drift 12s ease-in-out infinite alternate;pointer-events:none}@keyframes sp-drift{0%{transform:translate(0)}to{transform:translate(16px,-20px)}}.signup-back{position:fixed;top:20px;left:20px;z-index:50;display:inline-flex;align-items:center;gap:5px;background:var(--sp-white);border:1.5px solid var(--sp-border);color:var(--sp-text-muted);font-family:DM Sans,sans-serif;font-size:.81rem;font-weight:600;letter-spacing:.01em;padding:7px 15px 7px 11px;border-radius:var(--sp-r-pill);cursor:pointer;box-shadow:0 1px 8px #0000000f;transition:all var(--sp-dur) var(--sp-ease)}.signup-back svg{width:14px;height:14px;transition:transform var(--sp-dur) var(--sp-ease);flex-shrink:0}.signup-back:hover{background:var(--sp-pri-xlight);border-color:var(--sp-pri-border);color:var(--sp-pri);box-shadow:0 4px 16px var(--sp-pri-glow)}.signup-back:hover svg{transform:translate(-3px)}.signup-card{position:relative;z-index:1;width:100%;max-width:488px;background:var(--sp-card);border-radius:var(--sp-r-xl);border:1px solid rgba(91,78,232,.07);padding:38px 36px 34px;box-shadow:0 0 0 1px #5b4ee80a,0 2px 10px #0000000a,0 24px 52px #5b4ee812,0 1px #fff inset;animation:sp-card-in .46s var(--sp-ease) both}.signup-card:before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,var(--sp-pri) 35%,rgba(91,78,232,.5) 65%,transparent);border-radius:2px}@keyframes sp-card-in{0%{opacity:0;transform:translateY(26px) scale(.975);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.signup-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.signup-logo-img{width:120px;height:56px;object-fit:contain}.signup-progress{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:18px}.signup-progress-dot{width:7px;height:7px;border-radius:50%;background:var(--sp-border);transition:all .3s var(--sp-ease)}.signup-progress-dot.active{width:24px;border-radius:4px;background:var(--sp-pri);box-shadow:0 0 7px var(--sp-pri-glow)}.signup-progress-dot.done{background:var(--sp-pri);opacity:.3}.signup-heading{font-family:Plus Jakarta Sans,sans-serif;font-size:1.48rem;font-weight:800;color:var(--sp-text-dark);text-align:center;margin:0 0 5px;letter-spacing:-.4px;line-height:1.2}.signup-subhead{font-size:.86rem;font-weight:400;color:var(--sp-text-muted);text-align:center;margin:0 0 14px;line-height:1.6}.signup-badge{display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;margin:0 auto 20px;background:var(--sp-pri-xlight);border:1px solid var(--sp-pri-border);color:var(--sp-pri);font-size:.69rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:var(--sp-r-pill)}.signup-badge svg{width:11px;height:11px;flex-shrink:0}.signup-section-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-pri);padding:0 0 2px;border-bottom:1.5px solid var(--sp-pri-light);margin-bottom:2px}.signup-error{display:flex;align-items:flex-start;gap:8px;background:var(--sp-error-bg);border:1px solid var(--sp-error-bdr);color:var(--sp-error);border-radius:var(--sp-r-md);padding:10px 13px;font-size:.82rem;font-weight:600;margin-bottom:16px;animation:sp-shake .36s ease}.signup-error svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}@keyframes sp-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.signup-form{display:flex;flex-direction:column;gap:14px}.signup-row-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.signup-field{display:flex;flex-direction:column;gap:6px}.signup-field label{font-size:.72rem;font-weight:700;color:var(--sp-text-body);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:3px}.signup-required{color:var(--sp-pri);font-size:.85rem;line-height:1}.field-hint-inline{font-size:.68rem;font-weight:400;color:var(--sp-text-hint);text-transform:none;letter-spacing:0;margin-left:2px}.signup-field.field-error .signup-input-wrap input,.signup-field.field-error .signup-select{border-color:var(--sp-error)!important;background:#fff9f9!important;box-shadow:0 0 0 3px #dc262612!important}.signup-field.field-ok .signup-input-wrap input,.signup-field.field-ok .signup-select{border-color:var(--sp-success)!important;background:var(--sp-white)!important}.signup-input-wrap{position:relative;display:flex;align-items:center}.signup-input-icon{position:absolute;left:12px;display:flex;align-items:center;justify-content:center;color:var(--sp-text-hint);pointer-events:none;transition:color var(--sp-dur);z-index:1}.signup-input-icon svg{width:15px;height:15px}.signup-input-wrap:focus-within .signup-input-icon{color:var(--sp-pri)}.signup-input-wrap input{width:100%;padding:11px 40px 11px 36px;font-family:DM Sans,sans-serif;font-size:.89rem;font-weight:500;color:var(--sp-text-dark);background:var(--sp-pri-xlight);border:1.5px solid transparent;border-radius:var(--sp-r-md);outline:none;transition:border-color var(--sp-dur) var(--sp-ease),background var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease);box-sizing:border-box}.signup-input-wrap input::placeholder{color:var(--sp-text-hint);font-weight:400}.signup-input-wrap input:hover{border-color:var(--sp-border-md);background:#f3f2fe}.signup-input-wrap input:focus{border-color:var(--sp-pri);background:var(--sp-white);box-shadow:0 0 0 3.5px var(--sp-pri-glow)}.field-valid-icon{position:absolute;right:12px;display:flex;align-items:center;animation:sp-pop .24s var(--sp-bounce)}@keyframes sp-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.field-error-msg{display:flex;align-items:center;gap:5px;font-size:.76rem;font-weight:600;color:var(--sp-error);margin:0;animation:sp-fade-in .2s ease}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.field-char-counter{font-size:.71rem;font-weight:600;letter-spacing:.02em}.cnt-weak{color:var(--sp-error)}.cnt-ok{color:var(--sp-success)}.cnt-max{color:#f59e0b}.cnt-maxlabel{color:var(--sp-text-hint)}.field-req-list{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:4px}.req-item{display:inline-flex;align-items:center;gap:4px;font-size:.71rem;font-weight:600;color:var(--sp-text-hint);transition:color .2s}.req-item.req-met{color:var(--sp-success)}.signup-select-wrap{position:relative}.signup-select{width:100%;padding:11px 36px;font-family:DM Sans,sans-serif;font-size:.89rem;font-weight:500;color:var(--sp-text-dark);background:var(--sp-pri-xlight);border:1.5px solid transparent;border-radius:var(--sp-r-md);outline:none;appearance:none;cursor:pointer;transition:border-color var(--sp-dur) var(--sp-ease),background var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease);box-sizing:border-box}.signup-select:hover{border-color:var(--sp-border-md);background:#f3f2fe}.signup-select:focus{border-color:var(--sp-pri);background:var(--sp-white);box-shadow:0 0 0 3.5px var(--sp-pri-glow)}.signup-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--sp-text-hint);display:flex;align-items:center}.signup-phone-wrap{display:flex;align-items:center;gap:0}.signup-dial-select{flex-shrink:0;padding:11px 28px 11px 36px;font-family:DM Sans,sans-serif;font-size:.86rem;font-weight:600;color:var(--sp-text-body);background:var(--sp-pri-xlight);border:1.5px solid transparent;border-right:none;border-radius:var(--sp-r-md) 0 0 var(--sp-r-md);outline:none;appearance:none;cursor:pointer;transition:border-color var(--sp-dur),background var(--sp-dur);min-width:85px}.signup-dial-select:focus{border-color:var(--sp-pri);background:var(--sp-white)}.signup-phone-input{flex:1;border-radius:0 var(--sp-r-md) var(--sp-r-md) 0!important;padding-left:14px!important}.signup-pass-toggle{position:absolute;right:11px;background:none;border:none;padding:4px;cursor:pointer;color:var(--sp-text-hint);display:flex;align-items:center;border-radius:var(--sp-r-sm);transition:color var(--sp-dur)}.signup-pass-toggle svg{width:15px;height:15px}.signup-pass-toggle:hover{color:var(--sp-pri)}.signup-match-icon{position:absolute;right:12px;display:flex;align-items:center;animation:sp-pop .26s var(--sp-bounce)}.signup-match-icon svg{width:16px;height:16px}.signup-strength{display:flex;flex-direction:column;gap:5px;margin-top:4px}.signup-strength-track{display:flex;gap:4px}.signup-strength-seg{flex:1;height:4px;border-radius:4px;background:var(--sp-border);transition:background .32s var(--sp-ease),transform .18s var(--sp-ease)}.signup-strength-seg.filled{transform:scaleY(1.2)}.signup-strength-label{font-size:.71rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.signup-terms{display:flex;align-items:flex-start;gap:8px;margin:2px 0}.signup-terms.terms-error .signup-terms-text{color:var(--sp-error)}.signup-terms input[type=checkbox]{width:15px;height:15px;accent-color:var(--sp-pri);cursor:pointer;margin-top:3px;flex-shrink:0}.signup-terms-text{font-size:.77rem;font-weight:400;color:var(--sp-text-muted);line-height:1.6;cursor:pointer;-webkit-user-select:none;user-select:none}.signup-terms-text a{color:var(--sp-pri);font-weight:600;text-decoration:none;transition:opacity var(--sp-dur)}.signup-terms-text a:hover{opacity:.7;text-decoration:underline}.signup-features{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:2px 0}.signup-feature-pill{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--sp-text-muted)}.signup-feature-pill svg{width:12px;height:12px;color:var(--sp-pri);opacity:.75;flex-shrink:0}.signup-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12.5px 20px;margin-top:4px;background:linear-gradient(135deg,var(--sp-pri) 0%,var(--sp-pri-hover) 100%);color:#fff;border:none;border-radius:var(--sp-r-md);overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;font-size:.94rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 16px var(--sp-pri-shadow),0 1px #ffffff1f inset;transition:transform var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease),opacity var(--sp-dur)}.signup-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);opacity:0;transition:opacity var(--sp-dur)}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--sp-pri-shadow),0 1px #ffffff1f inset}.signup-btn:hover:before{opacity:1}.signup-btn:active{transform:translateY(0)}.signup-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.signup-btn svg{width:17px;height:17px;flex-shrink:0}.signup-spinner-wrap{display:flex;align-items:center;gap:8px}@keyframes sp-spin{to{transform:rotate(360deg)}}.signup-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp-spin .6s linear infinite;flex-shrink:0}.signup-switch{text-align:center;font-size:.83rem;font-weight:500;color:var(--sp-text-muted);margin:16px 0 0}.signup-switch-btn{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:700;color:var(--sp-pri);cursor:pointer;padding:0 0 0 4px;transition:opacity var(--sp-dur)}.signup-switch-btn:hover{opacity:.7;text-decoration:underline}.signup-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 0 12px;text-align:center}.signup-success-ring{width:76px;height:76px;border-radius:50%;background:var(--sp-success-bg);border:2px solid var(--sp-success-bdr);display:flex;align-items:center;justify-content:center;animation:sp-pop .48s var(--sp-bounce) both}.signup-success-ring svg{width:38px;height:38px}.signup-success h2{font-family:Plus Jakarta Sans,sans-serif;font-size:1.42rem;font-weight:800;color:var(--sp-text-dark);margin:0;letter-spacing:-.3px}.signup-success p{font-size:.86rem;font-weight:400;color:var(--sp-text-muted);margin:0;max-width:280px;line-height:1.65}.signup-success .signup-btn{width:auto;padding:11px 34px;margin-top:6px}@media(max-width:520px){.signup-card{padding:28px 16px 26px;border-radius:var(--sp-r-lg)}.signup-row-2{grid-template-columns:1fr}.signup-back{top:12px;left:12px;font-size:.78rem}.signup-features{gap:9px}}button{cursor:pointer;font-family:var(--font-body)}input,select{font-family:var(--font-body)}a{text-decoration:none}:root{--brand: #5B4EE8;--brand-dark: #4438C4;--brand-light: rgba(91,78,232,.09);--brand-glow: rgba(91,78,232,.22);--brand-mid: rgba(91,78,232,.15);--ink: #0c0f1a;--ink-2: #1e2333;--ink-3: #64748b;--ink-4: #94a3b8;--surface: #ffffff;--surface-2: #f8f7ff;--border: #e8ecf4;--border-2: #d0d7e6;--left-bg: #ffffff;--left-text: #0c0f1a;--left-sub: #64748b;--left-border: rgba(91,78,232,.12);--left-card: rgba(91,78,232,.05);--error: #ef4444;--success: #22c55e;--warn: #f59e0b;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(91,78,232,.08);--shadow-md: 0 4px 16px rgba(91,78,232,.1), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 40px rgba(91,78,232,.12), 0 2px 8px rgba(0,0,0,.05);--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--font-display: "Syne", sans-serif;--transition: all .18s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}.ob-root{min-height:100vh;background:#f8f7ff;font-family:var(--font-body);color:var(--ink);position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ob-bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 0% 50%,rgba(91,78,232,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 100% 20%,rgba(91,78,232,.04) 0%,transparent 60%),linear-gradient(160deg,#f8f7ff,#fff 60%,#f3f0ff)}.ob-layout{position:relative;z-index:1;display:flex;min-height:100vh}.ob-left{width:360px;flex-shrink:0;background:var(--left-bg);border-right:1px solid rgba(91,78,232,.1);position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.ob-left::-webkit-scrollbar{width:4px}.ob-left::-webkit-scrollbar-track{background:transparent}.ob-left::-webkit-scrollbar-thumb{background:#5b4ee826;border-radius:4px}.ob-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 45% at 50% 0%,rgba(91,78,232,.08) 0%,transparent 60%),radial-gradient(ellipse 70% 35% at 0% 100%,rgba(91,78,232,.05) 0%,transparent 60%);z-index:0}.ob-left:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(91,78,232,.06) 1px,transparent 1px);background-size:28px 28px;z-index:0;pointer-events:none}.ob-left-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:1}.ob-left-orb1{width:300px;height:300px;top:-60px;left:-60px;background:#5b4ee814;animation:ob-orb1 9s ease-in-out infinite}.ob-left-orb2{width:220px;height:220px;bottom:40px;right:-40px;background:color-mix(in srgb,var(--ind-clr, #5B4EE8) 8%,transparent);animation:ob-orb2 7s ease-in-out infinite}@keyframes ob-orb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.1)}}@keyframes ob-orb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,20px) scale(1.08)}}.ob-left-inner{position:relative;z-index:2;padding:36px 28px 48px;display:flex;flex-direction:column;gap:24px;min-height:100%}.ob-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ob-brand-icon{width:38px;height:38px;border-radius:11px;background:var(--brand);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #5b4ee859;flex-shrink:0}.ob-brand-name{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.4px}.ob-brand-tag{font-size:11px;color:var(--brand);font-weight:600;letter-spacing:.2px}.ob-left-icon-ring{width:68px;height:68px;border-radius:20px;border:2px solid color-mix(in srgb,var(--ind-clr,#5B4EE8) 25%,transparent);background:color-mix(in srgb,var(--ind-clr,#5B4EE8) 10%,white);display:flex;align-items:center;justify-content:center;color:var(--ind-clr,var(--brand));margin-bottom:14px;animation:ob-float 3.5s ease-in-out infinite;box-shadow:0 8px 28px color-mix(in srgb,var(--ind-clr,#5B4EE8) 18%,transparent);font-size:32px}@keyframes ob-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}.ob-left-title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--ink);line-height:1.22;letter-spacing:-.5px;margin-bottom:7px}.ob-left-sub{font-size:13px;color:var(--ink-3);line-height:1.65}.ob-left-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ob-left-stat{background:var(--left-card);border:1.5px solid rgba(91,78,232,.1);border-radius:10px;padding:12px 14px;transition:background .2s,border-color .2s}.ob-left-stat:hover{background:#5b4ee814;border-color:#5b4ee833}.ob-left-stat-val{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--brand);margin-bottom:2px}.ob-left-stat-lbl{font-size:10.5px;color:var(--ink-3);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ob-testimonial{background:#faf9ff;border:1.5px solid rgba(91,78,232,.1);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.ob-testimonial:before{content:'"';position:absolute;top:-10px;right:14px;font-size:70px;color:#5b4ee814;font-family:serif;line-height:1}.ob-t-stars{display:flex;gap:2px;margin-bottom:8px}.ob-t-text{font-size:12.5px;color:var(--ink-3);line-height:1.65;margin-bottom:12px;font-style:italic;position:relative;z-index:1}.ob-t-author{display:flex;align-items:center;gap:10px}.ob-t-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.ob-t-name{font-size:12px;font-weight:700;color:var(--ink)}.ob-t-role{font-size:10.5px;color:var(--ink-3)}.ob-left-features{display:flex;flex-direction:column;gap:8px}.ob-left-feat{font-size:12.5px;color:var(--ink-3);display:flex;align-items:flex-start;gap:8px;line-height:1.5}.ob-feat-check{color:var(--brand);flex-shrink:0;margin-top:1px}.ob-left-badges{display:flex;flex-wrap:wrap;gap:6px}.ob-l-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border:1.5px solid rgba(91,78,232,.15);border-radius:999px;font-size:10.5px;color:var(--brand);font-weight:700;letter-spacing:.3px;background:#5b4ee80a}.ob-left-industry-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--ind-clr,#5B4EE8) 25%,transparent);background:color-mix(in srgb,var(--ind-clr,#5B4EE8) 8%,white);font-size:12px;font-weight:700;color:var(--ind-clr,var(--brand));margin-bottom:4px}.ob-right{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0;background:#fff;height:100vh}.ob-right::-webkit-scrollbar{width:6px}.ob-right::-webkit-scrollbar-track{background:#f8f7ff}.ob-right::-webkit-scrollbar-thumb{background:#5b4ee833;border-radius:4px}.ob-right-top{display:flex;align-items:center;justify-content:space-between;padding:14px 44px;border-bottom:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.ob-back-btn{background:transparent;border:1.5px solid var(--border-2);color:var(--ink-3);border-radius:var(--radius-sm);padding:7px 16px;font-size:13px;font-weight:500;transition:var(--transition)}.ob-back-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.ob-trial-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;border:1.5px solid rgba(91,78,232,.2);border-radius:20px;padding:5px 14px;color:var(--brand);background:var(--brand-light)}.ob-steps{display:flex;align-items:center;justify-content:center;padding:22px 44px 0}.ob-step{display:flex;align-items:center;gap:8px}.ob-step-bubble{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;transition:var(--transition)}.ob-step-active{color:#fff}.ob-step-done{background:var(--success);color:#fff}.ob-step-pending{background:#fff;color:var(--ink-4);border:2px solid var(--border-2)}.ob-step-txt{font-size:12px;font-weight:600;white-space:nowrap}.ob-stxt-done{color:var(--success)}.ob-stxt-pending{color:var(--ink-4)}.ob-step-line{width:52px;height:2px;background:var(--border);margin:0 8px;border-radius:2px;flex-shrink:0;transition:background .4s}.ob-right-content{flex:1;padding:28px 44px;max-width:680px;width:100%;margin:0 auto}.ob-right-bottom{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 44px;border-top:1px solid var(--border);font-size:11.5px;color:var(--ink-4);font-weight:500}.ob-right-bottom span{display:flex;align-items:center;gap:5px}.ob-animate-in{animation:ob-slide-in .38s cubic-bezier(.22,.68,0,1.15) both}@keyframes ob-slide-in{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.ob-form-header{margin-bottom:20px}.ob-form-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--brand-light);color:var(--brand);border:1.5px solid rgba(91,78,232,.18);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px}.ob-form-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.5px;margin-bottom:5px}.ob-form-sub{font-size:13px;color:var(--ink-3);line-height:1.6}.ob-industry-section{margin-bottom:16px}.ob-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ob-ind-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px 10px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.ob-ind-card:before{content:"";position:absolute;inset:0;background:var(--ic-lt, rgba(91,78,232,.06));opacity:0;transition:opacity .2s}.ob-ind-card:hover{border-color:var(--ic,var(--brand));transform:translateY(-3px)}.ob-ind-card:hover:before{opacity:1}.ob-ind-active{border-color:var(--ic,var(--brand))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ic,var(--brand)) 18%,transparent)!important}.ob-ind-active:before{opacity:1!important}.ob-ind-tag{position:absolute;top:4px;right:4px;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 5px;border-radius:4px;background:#d977061f;color:#b45309;z-index:1}.ob-ind-emoji{font-size:20px;position:relative;z-index:1;transition:transform .2s}.ob-ind-card:hover .ob-ind-emoji{transform:scale(1.2) rotate(-5deg)}.ob-ind-label{font-size:10.5px;font-weight:700;color:var(--ink-2);text-align:center;position:relative;z-index:1;transition:color .2s}.ob-ind-card:hover .ob-ind-label,.ob-ind-active .ob-ind-label{color:var(--ic,var(--brand))}.ob-ind-disabled{opacity:.32;cursor:not-allowed;pointer-events:none;filter:grayscale(.7);transform:none!important;box-shadow:none!important}.ob-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px}.ob-divider:before,.ob-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(91,78,232,.15),transparent)}.ob-divider span{font-size:10.5px;font-weight:700;color:var(--brand);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;opacity:.8}.ob-fields{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.ob-field-wrap{display:flex;flex-direction:column;gap:5px}.ob-field-full{flex:1 1 100%}.ob-field-half{flex:1 1 calc(50% - 5px);min-width:180px}.ob-field-label{font-size:11.5px;font-weight:700;color:var(--ink-2);letter-spacing:.1px}.ob-req-dot{color:var(--brand);margin-left:2px}.ob-err{font-size:11px;color:var(--error);font-weight:500;display:flex;align-items:center;gap:4px}.ob-field-hint{font-size:10.5px;color:var(--ink-4);font-weight:500;line-height:1.4}.ob-input-wrap{position:relative;display:flex;align-items:center}.ob-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--brand);pointer-events:none;z-index:1;display:flex;opacity:.5}.ob-input{width:100%;background:#faf9ff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;color:var(--ink);outline:none;transition:var(--transition);appearance:none;-webkit-appearance:none}.ob-input::placeholder{color:#b8bfcc}.ob-input-padl{padding-left:34px}.ob-input-padr{padding-right:40px}.ob-input:hover{border-color:#5b4ee84d;background:#fff}.ob-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5b4ee81a;background:#fff}.ob-input-invalid{border-color:var(--error)!important;background:#fff8f8!important}.ob-select{cursor:pointer}.ob-select-caret{position:absolute;right:10px;color:var(--brand);pointer-events:none;display:flex;opacity:.5}.ob-phone-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#faf9ff;transition:border-color .18s,box-shadow .18s;overflow:hidden;height:42px}.ob-phone-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #5b4ee81a;background:#fff}.ob-phone-wrap.ob-input-invalid{border-color:var(--error);box-shadow:0 0 0 3px #fee2e2}.ob-phone-code-wrap{display:flex;align-items:center;gap:4px;padding:0 10px;background:#f1f5f9;border-right:1.5px solid var(--border);height:100%;flex-shrink:0;min-width:88px}.ob-phone-icon{color:#94a3b8;flex-shrink:0}.ob-phone-code-select{border:none;background:transparent;font-size:12.5px;font-weight:600;color:#334155;cursor:pointer;outline:none;min-width:48px;padding:0;appearance:none;-webkit-appearance:none}.ob-phone-divider{display:none}.ob-phone-number-input{flex:1;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--ink);padding:0 12px;height:100%;min-width:0}.ob-phone-number-input::placeholder{color:#b8bfcc}.ob-pass-field{position:relative}.ob-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--brand);cursor:pointer;padding:4px;display:flex;opacity:.5;transition:opacity .15s;z-index:2}.ob-eye:hover{opacity:1}.ob-pw-strength-block{margin-top:8px;background:#faf9ff;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;animation:ob-slide-in .22s ease both}.ob-strength-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ob-strength-bars{display:flex;gap:4px;flex:1}.ob-strength-seg{flex:1;height:4px;border-radius:4px;transition:background .3s}.ob-strength-label{font-size:11px;font-weight:800;min-width:56px;text-align:right;letter-spacing:.3px;text-transform:uppercase}.ob-pw-reqs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ob-pw-req{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.4;padding:4px 6px;border-radius:6px;transition:background .18s,color .18s}.ob-pw-req--ok{color:#15803d;background:#f0fdf4}.ob-pw-req--no{color:var(--ink-4);background:transparent}.ob-req-icon{flex-shrink:0}.ob-req-ok{color:#22c55e}.ob-req-no{color:#cbd5e1}.ob-match-ok{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:600;color:#16a34a}.ob-char-count{font-size:11px;color:var(--ink-4);text-align:right;display:block;margin-top:4px}.ob-terms-row{margin:14px 0}.ob-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.ob-checkbox{display:none}.ob-checkbox-custom{width:18px;height:18px;border:1.5px solid var(--border-2);border-radius:5px;flex-shrink:0;margin-top:1px;transition:var(--transition);background:var(--surface);position:relative}.ob-checkbox:checked+.ob-checkbox-custom{background:var(--brand);border-color:var(--brand)}.ob-checkbox:checked+.ob-checkbox-custom:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900}.ob-terms-text{font-size:13px;color:var(--ink-3);line-height:1.6}.ob-tlink{color:var(--brand);font-weight:600}.ob-tlink:hover{text-decoration:underline}.ob-terms-err .ob-checkbox-custom{border-color:var(--error)}.ob-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius);font-size:14.5px;font-weight:700;cursor:pointer;transition:background .18s,transform .1s,box-shadow .18s;box-shadow:0 4px 20px #5b4ee84d;margin-top:4px;letter-spacing:-.1px}.ob-submit-btn:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 6px 28px #5b4ee866;transform:translateY(-1px)}.ob-submit-btn:active:not(:disabled){transform:scale(.99) translateY(0)}.ob-submit-btn:disabled{opacity:.55;cursor:not-allowed}.ob-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ob-spin .65s linear infinite;flex-shrink:0}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-security-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:12px}.ob-sec-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--brand);opacity:.65}.ob-locked-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.04em;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:2px 8px;margin-left:8px;vertical-align:middle}.ob-otp-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 20px;max-width:480px;margin:0 auto}.ob-email-card{width:100%;background:var(--surface);border:1.5px solid rgba(91,78,232,.18);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 4px #5b4ee80f,0 12px 40px #5b4ee81a;animation:ob-email-drop .5s cubic-bezier(.22,.68,0,1.3) both;margin-bottom:12px}@keyframes ob-email-drop{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ob-email-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:#5b4ee80a;border-bottom:1px solid rgba(91,78,232,.08)}.ob-email-from{display:flex;align-items:center;gap:10px}.ob-email-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand);box-shadow:0 4px 12px #5b4ee84d}.ob-email-sender{font-size:12.5px;font-weight:700;color:var(--ink)}.ob-email-addr{font-size:11px;color:var(--ink-3)}.ob-email-badge{font-size:11px;font-weight:600;color:var(--success);background:#f0fdf4;border:1px solid rgba(34,197,94,.2);border-radius:999px;padding:3px 10px}.ob-email-subject{padding:12px 16px 0;font-size:13px;font-weight:700;color:var(--ink);text-align:left}.ob-email-body{padding:6px 16px 0;font-size:12.5px;color:var(--ink-3);line-height:1.6;text-align:left}.ob-email-otp-row{margin:12px 16px;display:flex;align-items:center;gap:10px}.ob-email-otp{flex:1;font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:10px;text-align:center;padding:14px 16px;border-radius:12px;border:2px dashed var(--brand);color:var(--brand);background:#5b4ee80d;animation:ob-pulse-otp 2s ease-in-out infinite}@keyframes ob-pulse-otp{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 6px #5b4ee81a}}.ob-copy-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1.5px solid rgba(91,78,232,.2);background:#5b4ee80f;color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.ob-copy-btn:hover{background:#5b4ee81f;border-color:var(--brand)}.ob-email-note{padding:0 16px 10px;font-size:11px;color:var(--ink-4);text-align:center}.ob-email-autofill{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 32px);margin:0 16px 16px;padding:11px 16px;color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .18s,transform .1s;box-shadow:0 4px 14px #5b4ee84d}.ob-email-autofill:hover{opacity:.88;transform:translateY(-1px)}.ob-otp-icon-wrap{margin:8px 0 14px}.ob-otp-icon{width:80px;height:80px;border-radius:24px;border:2px solid rgba(91,78,232,.2);background:#5b4ee80f;display:flex;align-items:center;justify-content:center;transition:var(--transition);animation:ob-pop .4s cubic-bezier(.22,.68,0,1.4) both;box-shadow:0 8px 28px #5b4ee81f}@keyframes ob-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.ob-otp-icon--verified{border-color:#22c55e4d;background:#f0fdf4;box-shadow:0 8px 28px #22c55e26;animation:ob-pop .4s cubic-bezier(.22,.68,0,1.4),ob-verified-bounce .5s .2s ease both}@keyframes ob-verified-bounce{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.ob-otp-title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.4px}.ob-otp-sub{font-size:13.5px;color:var(--ink-3);line-height:1.65;margin-bottom:4px}.ob-otp-sub strong{color:var(--ink)}.ob-timer-row{display:flex;justify-content:center;margin:12px 0 4px}.ob-timer-badge{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;border:1.5px solid;font-size:14px;font-weight:700;transition:color .5s,background .5s,border-color .5s}.ob-otp-row{display:flex;gap:10px;justify-content:center;margin:18px 0 8px}.ob-otp-box{width:54px;height:62px;border:2px solid var(--border-2);border-radius:var(--radius);text-align:center;font-size:26px;font-weight:800;font-family:var(--font-display);color:var(--ink);background:#faf9ff;outline:none;transition:var(--transition);caret-color:var(--brand)}.ob-otp-box:focus{border-color:var(--brand);box-shadow:0 0 0 4px #5b4ee81a;transform:scale(1.06);background:#fff}.ob-otp-invalid{border-color:var(--error)!important;animation:ob-shake .32s}@keyframes ob-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.ob-otp-err{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--error);font-weight:500;margin-bottom:4px}.ob-resend-section{display:flex;flex-direction:column;align-items:center;margin:14px 0 8px;gap:6px}.ob-resend-wait{font-size:13px;color:var(--ink-4);font-weight:500}.ob-resend-available{display:flex;flex-direction:column;align-items:center;gap:6px}.ob-resend-prompt{font-size:12.5px;color:var(--ink-4);font-weight:500}.ob-resend-btn{display:flex;align-items:center;gap:6px;background:#5b4ee812;border:1.5px solid rgba(91,78,232,.2);color:var(--brand);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);animation:ob-slide-in .2s ease}.ob-resend-btn:hover{background:#5b4ee81f;border-color:var(--brand);transform:translateY(-1px)}.ob-resend-count{font-size:11px;opacity:.6}.ob-otp-channels{display:flex;gap:16px;margin-top:10px}.ob-otp-channel{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--brand);opacity:.6;font-weight:600}.ob-otp-loading-bar{width:100%;max-width:300px;height:4px;background:#5b4ee81a;border-radius:4px;overflow:hidden;margin-top:24px}.ob-otp-loading-fill{height:100%;border-radius:4px;animation:ob-fill .9s ease forwards}@keyframes ob-fill{0%{width:0}to{width:100%}}.ob-success-page{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;margin:0 auto;padding-bottom:24px}.ob-success-top{position:relative;margin-bottom:20px}.ob-success-icon-ring{width:92px;height:92px;border-radius:26px;border:2px solid color-mix(in srgb,var(--ind-clr,#5B4EE8) 25%,transparent);display:flex;align-items:center;justify-content:center;animation:ob-pop .5s cubic-bezier(.22,.68,0,1.4);font-size:44px}.ob-success-confetti{position:absolute;top:-14px;right:-14px;font-size:28px;animation:ob-spin-s 3s linear infinite}@keyframes ob-spin-s{to{transform:rotate(360deg)}}.ob-success-title{font-family:var(--font-display);font-size:27px;font-weight:800;color:var(--ink);letter-spacing:-.5px;margin-bottom:8px}.ob-success-sub{font-size:14px;color:var(--ink-3);line-height:1.65;margin-bottom:22px}.ob-success-sub strong{color:var(--ink)}.ob-preview-card{width:100%;background:#fff;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:22px;box-shadow:0 4px 32px #5b4ee81f,0 1px 4px #0000000f;border:1.5px solid var(--border)}.ob-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8f7ff;border-bottom:1px solid var(--border)}.ob-preview-header-left{display:flex;align-items:center;gap:10px}.ob-preview-dots{display:flex;gap:5px}.ob-preview-dots span{width:10px;height:10px;border-radius:50%;display:block}.ob-preview-title-bar{font-size:12px;color:var(--ink-2);font-weight:600;display:flex;align-items:center;gap:5px}.ob-preview-header-right{display:flex;align-items:center;gap:5px}.ob-preview-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:ob-live-pulse 1.5s ease-in-out infinite;display:block}@keyframes ob-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.ob-preview-nav{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--border);overflow-x:auto}.ob-preview-nav::-webkit-scrollbar{display:none}.ob-preview-nav-item{display:flex;align-items:center;gap:4px;padding:10px 12px;font-size:11px;font-weight:600;color:var(--ink-4);white-space:nowrap;cursor:default;border-bottom:2px solid transparent;transition:color .15s}.ob-preview-nav-active{border-bottom-color:var(--ind-clr,var(--brand));color:var(--ind-clr,var(--brand))}.ob-preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.ob-preview-stat-box{background:#f8f9fc;border:1.5px solid var(--border);border-radius:10px;padding:12px 10px;transition:border-color .18s,box-shadow .18s}.ob-preview-stat-box:hover{border-color:var(--stat-clr, var(--brand));box-shadow:0 4px 12px color-mix(in srgb,var(--stat-clr,var(--brand)) 12%,transparent)}.ob-preview-stat-emoji{font-size:18px;text-align:center;margin-bottom:5px}.ob-preview-stat-num{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);text-align:center;margin-bottom:3px}.ob-preview-stat-lbl{font-size:9.5px;color:var(--ink-4);font-weight:600;text-transform:uppercase;letter-spacing:.4px;text-align:center}.ob-preview-actions{display:flex;gap:8px;padding:0 14px 14px}.ob-preview-action{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 10px;border-radius:8px;font-size:11.5px;font-weight:700;cursor:default;border:none}.ob-success-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:24px;text-align:left}.ob-sc-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);font-weight:500}.ob-sc-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(91,78,232,.2);background:#5b4ee80f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand)}.ob-launch-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:opacity .18s,transform .12s;letter-spacing:-.1px}.ob-launch-btn:hover{opacity:.9;transform:translateY(-2px)}.ob-launch-btn:active{transform:scale(.99)}.ob-onboard-note{font-size:12px;color:var(--ink-4);margin-top:14px;font-weight:500}@media(max-width:960px){.ob-left{display:none}.ob-right-content{padding:24px 28px}.ob-right-top{padding:14px 20px}.ob-steps{padding:20px 20px 0}}@media(max-width:640px){.ob-right-content{padding:20px 16px}.ob-right-top{padding:12px 16px}.ob-industry-grid{grid-template-columns:repeat(4,1fr);gap:6px}.ob-ind-card{padding:9px 4px 8px}.ob-field-half{flex:1 1 100%}.ob-otp-box{width:44px;height:54px;font-size:21px}.ob-otp-row{gap:7px}.ob-preview-stats{grid-template-columns:repeat(2,1fr)}.ob-success-checks{grid-template-columns:1fr}.ob-step-txt{display:none}.ob-step-line{width:32px;margin:0 4px}.ob-email-otp{font-size:28px;letter-spacing:5px}.ob-pw-reqs{grid-template-columns:1fr}.ob-preview-actions{flex-direction:column}}@media(max-width:380px){.ob-industry-grid{grid-template-columns:repeat(4,1fr);gap:4px}.ob-ind-card{padding:8px 2px 6px}.ob-otp-box{width:38px;height:48px;font-size:18px}.ob-otp-row{gap:5px}}.biz-selector-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:biz-fade-in .4s ease}@keyframes biz-fade-in{0%{opacity:0}to{opacity:1}}.biz-selector-overlay:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(249,115,22,.1) 0%,transparent 50%);pointer-events:none}.biz-selector-card{background:#ffffff0a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 36px;width:100%;max-width:540px;box-shadow:0 0 0 1px #ffffff0d,0 32px 80px #00000080,0 0 120px #6366f11f;animation:biz-card-up .45s cubic-bezier(.34,1.56,.64,1)}@keyframes biz-card-up{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.biz-selector-logo{text-align:center;margin-bottom:28px}.biz-selector-logo img{height:44px;object-fit:contain;filter:brightness(1.1)}.biz-selector-title{font-size:22px;font-weight:800;color:#fff;text-align:center;margin:0 0 6px;letter-spacing:-.5px}.biz-selector-sub{font-size:13.5px;color:#ffffff80;text-align:center;margin:0 0 28px}.biz-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.biz-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1.5px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.biz-card:before{content:"";position:absolute;inset:0;background:var(--biz-color, #6366f1);opacity:0;transition:opacity .2s}.biz-card:hover:before{opacity:.06}.biz-card:hover{border-color:var(--biz-color, #6366f1);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px var(--biz-color, #6366f1)}.biz-card:active{transform:translateY(0)}.biz-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:var(--biz-color-soft, rgba(99,102,241,.15));border:1px solid var(--biz-color-border, rgba(99,102,241,.2));position:relative;z-index:1}.biz-card-info{flex:1;min-width:0;position:relative;z-index:1}.biz-card-name{font-size:15px;font-weight:700;color:#fff;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biz-card-type{font-size:12px;color:#ffffff73;margin:0}.biz-card-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;position:relative;z-index:1}.biz-card-badge.default{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.biz-card-arrow{color:#fff3;font-size:18px;position:relative;z-index:1;transition:transform .2s,color .2s}.biz-card:hover .biz-card-arrow{color:#ffffffb3;transform:translate(4px)}.biz-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.15);background:transparent;color:#ffffff73;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:24px}.biz-add-btn:hover{border-color:#6366f180;color:#a5b4fc;background:#6366f114}.biz-add-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:20px;animation:biz-fade-in .3s ease}.biz-add-form h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 16px}.biz-form-field{margin-bottom:12px}.biz-form-field label{display:block;font-size:11.5px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.biz-form-field input,.biz-form-field select{width:100%;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-size:13.5px;outline:none;transition:border-color .2s;box-sizing:border-box}.biz-form-field input::placeholder{color:#ffffff40}.biz-form-field select option{background:#1e1b4b;color:#fff}.biz-form-field input:focus,.biz-form-field select:focus{border-color:#6366f199}.biz-form-btns{display:flex;gap:8px;margin-top:14px}.biz-form-submit{flex:1;padding:10px;border-radius:9px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.biz-form-submit:hover{opacity:.9}.biz-form-submit:disabled{opacity:.5;cursor:not-allowed}.biz-form-cancel{padding:10px 16px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.biz-form-cancel:hover{border-color:#fff3;color:#fffc}.biz-form-error{font-size:12px;color:#f87171;margin-top:8px;text-align:center}.biz-divider{display:flex;align-items:center;gap:10px;margin-bottom:16px}.biz-divider-line{flex:1;height:1px;background:#ffffff12}.biz-divider-text{font-size:11px;color:#ffffff4d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.biz-selector-footer{text-align:center}.biz-logout-btn{background:none;border:none;color:#ffffff4d;font-size:12.5px;cursor:pointer;transition:color .2s;padding:4px 8px}.biz-logout-btn:hover{color:#fff9}.biz-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:biz-spin .7s linear infinite;display:inline-block}@keyframes biz-spin{to{transform:rotate(360deg)}}.ent-modal-overlay{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;animation:entFadeIn .3s ease-out}.ent-modal-container{background:#fff;border-radius:24px;width:100%;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px) scale(.95);opacity:0;animation:entSlideUp .4s cubic-bezier(.16,1,.3,1) forwards;border:1px solid rgba(226,232,240,.8)}@media(prefers-color-scheme:dark){.ent-modal-container{background:#1e293b;border-color:#334155}}.ent-modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;background:#f8fafc}@media(prefers-color-scheme:dark){.ent-modal-header{border-bottom-color:#334155;background:#0f172a}}.ent-modal-title-group{display:flex;align-items:center;gap:16px}.ent-modal-icon-wrapper{padding:12px;border-radius:16px;display:flex;align-items:center;justify-content:center}.ent-modal-icon-wrapper.success{background:#dcfce7;color:#16a34a}.ent-modal-icon-wrapper.danger{background:#fee2e2;color:#dc2626}.ent-modal-icon-wrapper.warning{background:#ffedd5;color:#ea580c}.ent-modal-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.ent-modal-subtitle{font-size:.875rem;color:#64748b;margin:4px 0 0}@media(prefers-color-scheme:dark){.ent-modal-title{color:#f8fafc}.ent-modal-subtitle{color:#94a3b8}}.ent-modal-close-btn{background:none;border:none;padding:10px;color:#94a3b8;cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ent-modal-close-btn:hover{background:#e2e8f0;color:#475569}@media(prefers-color-scheme:dark){.ent-modal-close-btn:hover{background:#334155;color:#cbd5e1}}.ent-modal-body{padding:32px}.ent-form-group{margin-bottom:24px}.ent-form-label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:8px}@media(prefers-color-scheme:dark){.ent-form-label{color:#cbd5e1}}.ent-input-wrapper{position:relative}.ent-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem}.ent-input{width:100%;padding:14px 16px 14px 44px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;font-size:1.125rem;color:#0f172a;outline:none;transition:all .2s ease}.ent-input:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 4px #f973161a}@media(prefers-color-scheme:dark){.ent-input{background:#0f172a;border-color:#334155;color:#f8fafc}.ent-input:focus{background:#1e293b}}.ent-textarea{width:100%;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;font-size:1rem;color:#0f172a;outline:none;resize:vertical;transition:all .2s ease}.ent-textarea:focus{border-color:#f97316;background:#fff}.ent-btn-primary{width:100%;padding:16px;border-radius:16px;font-size:1.125rem;font-weight:700;color:#fff;background:#f97316;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 6px -1px #f973164d}.ent-btn-primary:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 10px 15px -3px #f9731666}.ent-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.ent-btn-success{background:#16a34a;box-shadow:0 4px 6px -1px #16a34a4d}.ent-btn-success:hover{background:#15803d;box-shadow:0 10px 15px -3px #16a34a66}.ent-btn-danger{background:#dc2626;box-shadow:0 4px 6px -1px #dc26264d}.ent-btn-danger:hover{background:#b91c1c;box-shadow:0 10px 15px -3px #dc262666}.ent-pin-display{display:flex;justify-content:center;gap:16px;margin-bottom:8px}.ent-pin-dot{width:16px;height:16px;border-radius:50%;background:#e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.ent-pin-dot.filled{background:#f97316;transform:scale(1.2);box-shadow:0 0 12px #f9731699}@media(prefers-color-scheme:dark){.ent-pin-dot{background:#334155}}.ent-numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 16px 16px}.ent-num-btn{height:64px;border-radius:20px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.ent-num-btn:hover{background:#fff7ed;color:#ea580c;border-color:#fdba74;transform:scale(1.05)}.ent-num-btn:active{transform:scale(.95)}@media(prefers-color-scheme:dark){.ent-num-btn{background:#0f172a;border-color:#334155;color:#f8fafc}.ent-num-btn:hover{background:#f9731626}}.ent-num-btn-action{background:#f1f5f9;color:#dc2626}@media(prefers-color-scheme:dark){.ent-num-btn-action{background:#1e293b;color:#f87171}}@keyframes entFadeIn{0%{opacity:0}to{opacity:1}}@keyframes entSlideUp{to{opacity:1;transform:translateY(0) scale(1)}}.rpos-settings-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rpos-settings-modal{width:900px;max-width:95vw;height:600px;max-height:90vh;background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rpos-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.rpos-settings-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.rpos-close-btn{background:transparent;border:none;font-size:20px;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.rpos-close-btn:hover{background-color:#e2e8f0;color:#ef4444;transform:rotate(90deg)}.rpos-settings-body{display:flex;flex:1;overflow:hidden}.rpos-settings-sidebar{width:250px;background-color:#f8fafc;border-right:1px solid #e2e8f0;padding:20px 12px;display:flex;flex-direction:column;gap:8px}.rpos-tab-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;text-align:left;transition:all .2s ease}.rpos-tab-btn:hover{background-color:#f1f5f9;color:#334155}.rpos-tab-btn.active{background-color:#eff6ff;color:#2563eb}.rpos-tab-btn.active svg{color:#2563eb}.rpos-tab-btn svg{font-size:18px;color:#94a3b8;transition:color .2s}.rpos-settings-content{flex:1;padding:32px;overflow-y:auto;background-color:#fff}.rpos-form-group-list h3{margin-top:0;margin-bottom:24px;font-size:22px;color:#1e293b;border-bottom:2px solid #f1f5f9;padding-bottom:12px}.rpos-row-group{display:flex;gap:24px}.rpos-row-group .rpos-input-group{flex:1}.rpos-input-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.rpos-input-group label{font-size:14px;font-weight:600;color:#475569}.rpos-input-group input[type=text],.rpos-input-group input[type=number],.rpos-input-group textarea{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;color:#0f172a;transition:all .2s ease;background-color:#fff}.rpos-input-group input:focus,.rpos-input-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.rpos-checkbox-group{margin-bottom:16px}.rpos-checkbox-group label{display:flex;align-items:center;gap:12px;font-size:15px;color:#334155;cursor:pointer;font-weight:500}.rpos-checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.rpos-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rpos-checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500;color:#334155}.rpos-checkbox-item:hover{background-color:#f8fafc;border-color:#cbd5e1}.rpos-checkbox-item input{width:18px;height:18px;accent-color:#2563eb}.rpos-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;cursor:pointer;transition:all .2s ease}.rpos-toggle-row:hover{border-color:#cbd5e1;background-color:#f8fafc}.rpos-toggle-info{display:flex;flex-direction:column;gap:4px}.rpos-toggle-info strong{font-size:16px;color:#0f172a}.rpos-toggle-info span{font-size:13px;color:#64748b}.rpos-toggle{width:44px;height:24px;appearance:none;background-color:#cbd5e1;border-radius:12px;position:relative;cursor:pointer;outline:none;transition:background-color .3s ease}.rpos-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.rpos-toggle:checked{background-color:#2563eb}.rpos-toggle:checked:after{transform:translate(20px)}.rpos-settings-footer{padding:20px 24px;border-top:1px solid #e2e8f0;background-color:#f8fafc;display:flex;justify-content:flex-end;gap:16px}.rpos-btn-cancel{padding:10px 20px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.rpos-btn-cancel:hover{background-color:#f1f5f9;color:#0f172a}.rpos-btn-save{padding:10px 24px;background-color:#2563eb;color:#fff;border:none;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb33}.rpos-btn-save:hover{background-color:#1d4ed8;box-shadow:0 6px 8px -1px #2563eb4d;transform:translateY(-1px)}.rpos-btn-save:active{transform:translateY(0)}.rpos-btn-save.saved{background-color:#10b981;box-shadow:0 4px 6px -1px #10b9814d}.rpos-logo-section{margin-bottom:20px}.rpos-label-bold{font-size:14px;font-weight:700;color:#334155;display:block;margin-bottom:4px}.rpos-hint{font-size:12px;color:#94a3b8;margin:0 0 12px}.rpos-logo-preview-area{border:2px dashed #cbd5e1;border-radius:12px;padding:16px;text-align:center;background:#f8fafc;margin-bottom:12px;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:border-color .2s}.rpos-logo-preview-area:hover{border-color:#3b82f6}.rpos-logo-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.rpos-logo-preview img{max-width:120px;max-height:80px;object-fit:contain;border-radius:8px}.rpos-logo-name-badge{font-size:13px;font-weight:700;color:#334155;background:#e2e8f0;padding:4px 12px;border-radius:20px}.rpos-logo-remove{background:#fee2e2;border:none;color:#ef4444;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.rpos-logo-remove:hover{background:#fecaca}.rpos-logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a3b8}.rpos-logo-placeholder span{font-size:14px;font-weight:600}.rpos-logo-placeholder small{font-size:11px}.rpos-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.rpos-upload-btn:hover{background:#2563eb}.rpos-divider{border:none;border-top:1px solid #e2e8f0;margin:20px 0}.rpos-qr-section{margin-bottom:20px}.rpos-qr-options{display:flex;flex-direction:column;gap:8px;margin:12px 0}.rpos-qr-option{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;transition:all .2s}.rpos-qr-option:hover{border-color:#93c5fd;background:#eff6ff}.rpos-qr-option.selected{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8;font-weight:700}.rpos-qr-option input[type=radio]{display:none}.rpos-qr-link-input{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#334155;background:#fff;outline:none;transition:border-color .2s}.rpos-qr-link-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rpos-qr-preview{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.rpos-qr-preview img{width:100px;height:100px;border-radius:8px}.rpos-qr-preview span{font-size:11px;color:#64748b;font-weight:600}:root{--accent: #f97316;--accent-hover: #fb8c3a;--accent-light: #fff7ed;--accent-mid: #fed7aa;--accent-dark: #ea6d0e;--accent-deep: #c2540a;--accent-glow: rgba(249, 115, 22, .18);--bg: #f5f6fa;--surface: #ffffff;--surface-2: #f8f9fb;--surface-3: #eef0f5;--surface-4: #e8eaf0;--border: #e3e6ed;--border-soft: #eef0f5;--glass: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .6);--text-primary: #0c1225;--text-secondary: #4a5568;--text-muted: #8895aa;--text-invert: #ffffff;--green: #10b981;--green-light: #d1fae5;--green-dark: #059669;--indigo: #6366f1;--indigo-light: #eef2ff;--red: #ef4444;--red-light: #fee2e2;--amber: #f59e0b;--amber-light: #fffbeb;--sky: #0ea5e9;--sky-light: #e0f2fe;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-2xl: 32px;--r-pill: 999px;--shadow-xs: 0 1px 3px rgba(12, 18, 37, .05), 0 1px 2px rgba(12, 18, 37, .04);--shadow-sm: 0 2px 8px rgba(12, 18, 37, .07), 0 1px 3px rgba(12, 18, 37, .05);--shadow-md: 0 6px 22px rgba(12, 18, 37, .09), 0 2px 6px rgba(12, 18, 37, .06);--shadow-lg: 0 14px 44px rgba(12, 18, 37, .13), 0 4px 12px rgba(12, 18, 37, .08);--shadow-xl: 0 24px 60px rgba(12, 18, 37, .17), 0 8px 20px rgba(12, 18, 37, .1);--shadow-accent: 0 6px 22px rgba(249, 115, 22, .32), 0 2px 8px rgba(249, 115, 22, .18);--shadow-accent-lg: 0 12px 36px rgba(249, 115, 22, .38);--shadow-green: 0 4px 16px rgba(16, 185, 129, .28);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 0 rgba(0, 0, 0, .05);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--fast: .13s;--mid: .2s;--slow: .32s;--slower: .48s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font-body);cursor:pointer;outline:none;border:none}input,select,textarea{font-family:var(--font-body);outline:none;border:none}::selection{background:var(--accent);color:#fff}.rpos-wrapper{display:flex;height:100vh;width:100%;max-width:100%;min-width:0;background:var(--bg);overflow:hidden;position:relative}.rpos-rush-banner{position:fixed;top:0;left:0;right:0;height:36px;background:linear-gradient(90deg,#dc2626,#f97316 40%,#ea580c 60%,#dc2626);background-size:300% 100%;animation:rushSlide 1.8s linear infinite;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:999;box-shadow:0 2px 16px #dc262666}@keyframes rushSlide{0%{background-position:0%}to{background-position:300%}}.rpos-toast{position:fixed;bottom:28px;right:28px;padding:13px 20px;border-radius:var(--r-md);display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:13px;font-weight:600;z-index:2000;box-shadow:var(--shadow-xl);animation:toastIn var(--mid) var(--ease-spring);max-width:340px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes toastIn{0%{transform:translateY(24px) scale(.93);opacity:0}to{transform:none;opacity:1}}.rpos-toast--success{background:#0c1225;color:#fff;border:1px solid rgba(255,255,255,.08)}.rpos-toast--error{background:var(--red);color:#fff}.rpos-toast--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rpos-toast--info{background:var(--indigo);color:#fff}.rpos-overlay{position:fixed;inset:0;background:#080c1e85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;display:flex;align-items:flex-start;justify-content:center;animation:overlayIn var(--fast) var(--ease);padding:40px 16px;overflow-y:auto}.rpos-overlay>*{margin:auto}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.void-modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:400px;overflow:hidden;animation:modalPop var(--mid) var(--ease-spring);border:1px solid var(--border-soft)}@keyframes modalPop{0%{transform:scale(.88) translateY(24px);opacity:0}to{transform:none;opacity:1}}.void-modal__hdr{display:flex;align-items:center;gap:10px;padding:20px 22px 18px;border-bottom:1px solid var(--border-soft);font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--red);background:linear-gradient(135deg,#fff5f5 0%,var(--surface) 100%)}.void-modal__hdr button{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease)}.void-modal__hdr button:hover{background:var(--red-light);color:var(--red);transform:rotate(90deg)}.void-modal__item{display:flex;align-items:center;gap:12px;margin:18px 22px;padding:14px 16px;background:var(--surface-2);border-radius:var(--r-md);font-size:13px;font-weight:600;border:1.5px solid var(--border-soft)}.void-modal__reasons{display:flex;flex-wrap:wrap;gap:7px;padding:0 22px 18px}.void-reason-btn{padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease)}.void-reason-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.void-reason-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent)}.void-confirm-btn{width:calc(100% - 44px);margin:0 22px 22px;height:46px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--red),#dc2626);color:#fff;font-family:var(--font-display);font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--mid) var(--ease);box-shadow:0 4px 16px #ef444459}.void-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ef444473}.item-modal{background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);width:460px;max-height:90vh;overflow-y:auto;animation:modalPop var(--mid) var(--ease-spring);border:1px solid var(--border-soft);scrollbar-width:none}.item-modal::-webkit-scrollbar{display:none}.item-modal__hero{position:relative;background:linear-gradient(150deg,#fff7ed,#fff3e8 40%,#fff);padding:34px 28px 24px;text-align:center;border-bottom:1px solid var(--border-soft);overflow:hidden}.item-modal__hero:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 70%);pointer-events:none}.item-modal__hero:after{content:"";position:absolute;bottom:-30px;left:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none}.item-modal__close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs);z-index:2}.item-modal__close:hover{background:var(--red-light);color:var(--red);transform:rotate(90deg) scale(1.1)}.item-modal__emoji{font-size:68px;display:block;margin-bottom:14px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));animation:emojiFloat 3s ease-in-out infinite;position:relative;z-index:1}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.item-modal__name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);position:relative;z-index:1;letter-spacing:-.01em}.item-modal__desc{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.6;position:relative;z-index:1;font-weight:400}.item-modal__meta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap;position:relative;z-index:1}.item-modal__cat{font-size:10px;font-weight:700;padding:4px 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border)}.item-modal__price{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--accent);background:var(--accent-light);padding:4px 14px;border-radius:var(--r-pill);border:1.5px solid var(--accent-mid)}.item-modal__badge{font-size:10px;font-weight:700;padding:4px 12px;border-radius:var(--r-pill);border:1px solid currentColor}.item-modal__body{padding:22px 28px 28px}.item-modal__stock{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;padding:10px 14px;border-radius:var(--r-md);margin-bottom:16px;border:1.5px solid transparent}.item-modal__stock--ok{background:var(--green-light);color:var(--green-dark);border-color:#a7f3d0}.item-modal__stock--low{background:var(--amber-light);color:var(--amber);border-color:#fde68a}.item-modal__stock--oos{background:var(--red-light);color:var(--red);border-color:#fca5a5}.item-modal__profit-bar{display:flex;gap:0;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--surface-2);border-radius:var(--r-md);margin-bottom:20px;overflow:hidden;border:1px solid var(--border-soft)}.item-modal__profit-bar span{flex:1;padding:10px 14px;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:2px}.item-modal__profit-bar span:last-child{border-right:none}.item-modal__profit-bar span small{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.item-modal__section{margin-bottom:20px}.item-modal__section-title{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:10px}.item-modal__courses{display:flex;gap:8px}.item-modal__course-btn{flex:1;height:38px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease)}.item-modal__course-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.item-modal__course-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.item-modal__mods{display:flex;flex-wrap:wrap;gap:8px}.item-modal__mod-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease)}.item-modal__mod-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.item-modal__mod-btn.active{background:linear-gradient(135deg,var(--accent-light),#fff7ed);border-color:var(--accent);color:var(--accent-dark);box-shadow:0 2px 10px #f973162e}.item-modal__mod-price{font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--green-dark);background:var(--green-light);padding:1px 6px;border-radius:var(--r-pill)}.item-modal__mods-total{font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-top:10px;padding:8px 14px;background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--border-soft)}.item-modal__note-wrap{position:relative}.item-modal__note-icon{position:absolute;top:12px;left:13px;color:var(--text-muted);font-size:12px;z-index:1}.item-modal__note{width:100%;padding:11px 12px 11px 34px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);font-size:13px;color:var(--text-primary);resize:none;transition:all var(--fast) var(--ease);line-height:1.5;font-weight:400}.item-modal__note:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.item-modal__footer{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1.5px solid var(--border-soft)}.item-modal__qty{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface-2)}.item-modal__qty button{width:40px;height:46px;background:transparent;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease)}.item-modal__qty button:hover{background:var(--accent);color:#fff}.item-modal__qty span{width:42px;text-align:center;font-family:var(--mono);font-size:16px;font-weight:700;color:var(--text-primary);background:var(--surface);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);height:46px;display:flex;align-items:center;justify-content:center}.item-modal__add-btn{flex:1;height:46px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border-radius:var(--r-md);font-family:var(--font-display);font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;transition:all var(--mid) var(--ease);box-shadow:var(--shadow-accent);letter-spacing:.01em;position:relative;overflow:hidden}.item-modal__add-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--fast)}.item-modal__add-btn:hover:before{opacity:1}.item-modal__add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.item-modal__add-btn:active{transform:translateY(0)}.table-drawer-overlay{position:fixed;inset:0;background:#080c1e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;animation:overlayIn var(--fast) var(--ease)}.table-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;background:#fffaf4;box-shadow:-12px 0 60px #00000029;z-index:350;display:flex;flex-direction:column;animation:drawerSlide var(--mid) var(--ease-out);border-left:1px solid var(--border-soft)}@keyframes drawerSlide{0%{transform:translate(60px);opacity:0}to{transform:none;opacity:1}}.drawer-header{display:flex;align-items:center;gap:14px;padding:22px 20px 18px;border-bottom:1px solid var(--border-soft);background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%)}.drawer-header__info{flex:1}.drawer-header__label{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.drawer-header__section{font-size:12px;color:var(--text-muted);font-weight:500;margin-top:2px}.drawer-header__badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--r-pill);margin-top:6px;letter-spacing:.02em}.drawer-header__badge--free{background:var(--green-light);color:var(--green-dark)}.drawer-header__badge--occupied{background:var(--accent-light);color:var(--accent-dark)}.drawer-header__badge--reserved{background:var(--indigo-light);color:var(--indigo)}.drawer-close{width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--text-secondary);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease);border:1px solid var(--border)}.drawer-close:hover{background:var(--red-light);color:var(--red);transform:rotate(90deg)}.drawer-tabs{display:flex;padding:12px 16px 0;gap:4px;border-bottom:1px solid var(--border-soft);background:var(--surface)}.drawer-tab{flex:1;padding:10px 6px;border-radius:var(--r-sm) var(--r-sm) 0 0;background:none;font-size:11.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:5px;border-bottom:2.5px solid transparent;transition:all var(--fast) var(--ease);letter-spacing:.01em}.drawer-tab:hover{color:var(--accent);background:var(--accent-light)}.drawer-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-light)}.drawer-body{flex:1;overflow-y:auto;padding:18px 20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.drawer-section-hdr{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:16px 0 10px}.drawer-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}.drawer-overview-card{background:linear-gradient(135deg,var(--surface-2),var(--surface));border-radius:var(--r-lg);padding:16px;border:1.5px solid var(--border-soft);transition:all var(--fast) var(--ease)}.drawer-overview-card:hover{border-color:var(--accent-mid);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.drawer-overview-card__label{font-size:10.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.drawer-overview-card__val{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--text-primary);margin-top:4px}.drawer-overview-card__sub{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:500}.drawer-edit-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--surface-2);border-radius:var(--r-md);margin-bottom:8px;font-size:13px;font-weight:600;border:1.5px solid var(--border-soft)}.drawer-edit-select{border:1.5px solid var(--border);border-radius:var(--r-sm);padding:6px 10px;font-size:12.5px;font-weight:600;color:var(--text-primary);background:var(--surface);cursor:pointer;transition:border-color var(--fast)}.drawer-edit-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.drawer-item-row{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--surface-2);border-radius:var(--r-md);margin-bottom:7px;border:1.5px solid transparent;transition:all var(--fast) var(--ease)}.drawer-item-row:hover{background:var(--accent-light);border-color:var(--accent-mid)}.drawer-item-row__emoji{font-size:22px}.drawer-item-row__info{flex:1}.drawer-item-row__name{font-size:13px;font-weight:700;color:var(--text-primary)}.drawer-item-row__mods{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:500}.drawer-item-row__qty{display:flex;align-items:center;gap:6px}.drawer-qty-btn{width:28px;height:28px;border-radius:var(--r-sm);background:var(--surface);border:1.5px solid var(--border);color:var(--text-secondary);font-size:11px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease)}.drawer-qty-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.drawer-qty-num{font-family:var(--mono);font-size:14px;font-weight:700;width:24px;text-align:center}.drawer-item-row__price{font-family:var(--mono);font-size:13.5px;font-weight:700;color:var(--accent);min-width:56px;text-align:right}.drawer-remove-btn{width:28px;height:28px;border-radius:50%;background:none;color:var(--text-muted);font-size:11px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease)}.drawer-remove-btn:hover{background:var(--red-light);color:var(--red);transform:scale(1.15)}.drawer-menu-search{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);padding:10px 14px;margin-bottom:12px;transition:all var(--fast) var(--ease)}.drawer-menu-search:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.drawer-menu-search svg{color:var(--text-muted);font-size:13px}.drawer-menu-search input{flex:1;font-size:13px;background:none;color:var(--text-primary);font-weight:500}.drawer-menu-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drawer-menu-mini-card{background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);padding:12px 8px;text-align:center;cursor:pointer;transition:all var(--fast) var(--ease-spring)}.drawer-menu-mini-card:hover{background:var(--accent-light);border-color:var(--accent);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-md)}.drawer-menu-mini-card:active{transform:translateY(0) scale(.98)}.drawer-menu-mini-card__emoji{font-size:24px;display:block;margin-bottom:4px}.drawer-menu-mini-card__name{font-size:10.5px;font-weight:600;color:var(--text-primary);line-height:1.3}.drawer-menu-mini-card__price{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);margin-top:4px}.drawer-bill-box{background:linear-gradient(135deg,var(--surface-2),var(--surface));border-radius:var(--r-lg);padding:16px;margin-bottom:16px;border:1.5px solid var(--border-soft)}.drawer-bill-row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;padding:7px 0;border-bottom:1px solid var(--border-soft);color:var(--text-secondary)}.drawer-bill-row:last-child{border-bottom:none}.drawer-bill-row--total{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-primary);padding-top:12px;margin-top:4px;border-top:2px solid var(--border)}.drawer-split-grid{display:flex;gap:8px;margin-bottom:16px}.drawer-split-btn{flex:1;padding:12px 0;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-family:var(--mono);font-size:20px;font-weight:700;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1px;transition:all var(--fast) var(--ease-spring)}.drawer-split-btn small{font-size:9px;font-family:var(--font-body);font-weight:600;color:var(--text-muted)}.drawer-split-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.drawer-split-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-2px)}.drawer-split-btn.active small{color:#ffffffbf}.drawer-per-person{text-align:center;font-family:var(--mono);font-size:34px;font-weight:700;color:var(--accent);padding:16px 0 20px;letter-spacing:-.02em}.drawer-transfer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.drawer-transfer-card{border-radius:var(--r-lg);padding:14px 8px;text-align:center;border:1.5px solid transparent;transition:all var(--fast) var(--ease-spring)}.drawer-transfer-card--free{background:var(--green-light);border-color:#a7f3d0;cursor:pointer}.drawer-transfer-card--occupied{background:var(--surface-3);border-color:var(--border);opacity:.55;cursor:not-allowed}.drawer-transfer-card--reserved{background:var(--indigo-light);border-color:#c7d2fe;opacity:.55;cursor:not-allowed}.drawer-transfer-card--free:hover{transform:translateY(-4px) scale(1.04);box-shadow:var(--shadow-green);border-color:var(--green-dark)}.drawer-transfer-card__label{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary)}.drawer-transfer-card__cap{font-size:11px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;justify-content:center;gap:3px}.drawer-transfer-card__status{font-size:10px;font-weight:700;margin-top:5px;text-transform:capitalize}.drawer-footer{padding:14px 18px;border-top:1px solid var(--border-soft);display:flex;gap:10px;background:var(--surface)}.drawer-footer-btn{flex:1;height:46px;border-radius:var(--r-md);font-family:var(--font-display);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--mid) var(--ease);letter-spacing:.01em}.drawer-footer-btn--open{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow-accent)}.drawer-footer-btn--open:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.drawer-footer-btn--close{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:var(--shadow-green)}.drawer-footer-btn--close:hover{transform:translateY(-2px);box-shadow:0 8px 28px #10b98161}.drawer-footer-btn--outline{background:var(--surface-2);color:var(--text-secondary);border:1.5px solid var(--border)}.drawer-footer-btn--outline:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.confirm-popup{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:360px;padding:32px 26px 26px;text-align:center;animation:modalPop var(--mid) var(--ease-spring);border:1px solid var(--border-soft)}.confirm-popup__icon{font-size:48px;margin-bottom:14px;animation:emojiFloat 2s ease-in-out infinite;display:block}.confirm-popup__title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.confirm-popup__desc{font-size:13px;color:var(--text-secondary);margin-top:8px;line-height:1.6;font-weight:400}.confirm-popup__bill{display:flex;flex-direction:column;align-items:center;margin:22px 0;padding:16px;background:linear-gradient(135deg,var(--accent-light),#fffbf5);border-radius:var(--r-lg);border:1.5px solid var(--accent-mid)}.confirm-popup__bill small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.confirm-popup__bill>*:last-child{font-family:var(--mono);font-size:30px;font-weight:700;color:var(--accent)}.confirm-popup__actions{display:flex;gap:10px}.confirm-popup__cancel{flex:1;height:44px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-secondary);border:1.5px solid var(--border);font-size:13.5px;font-weight:600;transition:all var(--fast) var(--ease)}.confirm-popup__cancel:hover{background:var(--surface-3)}.confirm-popup__confirm{flex:1;height:44px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:13.5px;font-weight:700;transition:all var(--mid) var(--ease);box-shadow:var(--shadow-green)}.confirm-popup__confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98161}.rpos-left{flex:1;display:flex;flex-direction:column;background:#fffaf4;border-right:1px solid var(--border);overflow:hidden;min-width:0}.rpos-topbar{display:flex;align-items:center;padding:0 20px;height:64px;border-bottom:1px solid var(--border-soft);background:#fffaf4;gap:16px;flex-shrink:0;box-shadow:0 1px 0 var(--border-soft),0 4px 12px #00000008;position:relative;z-index:10}.rpos-topbar__left{display:flex;align-items:center;gap:12px}.rpos-back-btn{width:38px;height:38px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease);border:1.5px solid var(--border)}.rpos-back-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent);transform:translate(-2px)}.rpos-brand{display:flex;align-items:center;gap:11px}.rpos-brand__logo{width:40px;height:40px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:var(--shadow-accent)}.rpos-brand__name{font-family:sans-serif;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.rpos-brand__sub{font-size:11px;color:var(--text-muted);font-weight:500}.rpos-nav{display:flex;gap:4px;background:var(--surface-2);padding:5px;border-radius:var(--r-lg);margin:0 auto;border:1px solid var(--border-soft)}.rpos-nav__btn{display:flex;align-items:center;gap:7px;padding:8px 18px;border-radius:var(--r-md);font-size:13px;font-weight:600;color:var(--text-muted);background:none;transition:all var(--fast) var(--ease)}.rpos-nav__btn:hover{color:var(--text-primary)}.rpos-nav__btn.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.rpos-topbar__actions{display:flex;align-items:center;gap:6px}.rpos-icon-btn{width:38px;height:38px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease);position:relative;border:1.5px solid var(--border-soft)}.rpos-icon-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.rpos-icon-btn.rush-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent)}.rpos-icon-btn.danger:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.rpos-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-size:9px;font-weight:700;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid var(--surface);box-shadow:0 2px 6px #f9731659}.rpos-order-meta{padding:14px 20px;border-bottom:1px solid var(--border-soft);background:#fffaf4;flex-shrink:0}.rpos-order-types{display:flex;gap:7px;align-items:center;margin-bottom:12px}.rpos-type-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease-spring)}.rpos-type-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.rpos-type-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.rpos-rush-btn{margin-left:auto;width:38px;height:38px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-muted);font-size:15px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);transition:all var(--fast) var(--ease)}.rpos-rush-btn.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 4px 16px #dc262659}.rpos-rush-btn:hover:not(.active){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.rpos-info-inputs{display:flex;flex-wrap:wrap;gap:9px}.rpos-input-wrap{display:flex;align-items:center;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);padding:0 13px;height:40px;flex:1;transition:all var(--fast) var(--ease)}.rpos-input-wrap:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.rpos-input-icon{color:var(--text-muted);font-size:12px;margin-right:8px;flex-shrink:0}.rpos-input{flex:1;height:100%;font-size:13px;font-weight:500;color:var(--text-primary);background:none;min-width:0}.rpos-input::placeholder{color:var(--text-muted);font-weight:400}.rpos-input--full{width:100%}.rpos-cats{display:flex;gap:7px;padding:12px 20px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.rpos-cats::-webkit-scrollbar{display:none}.rpos-cat-btn{white-space:nowrap;padding:7px 18px;border-radius:var(--r-pill);border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:5px;flex-shrink:0;transition:all var(--fast) var(--ease-spring)}.rpos-cat-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.rpos-cat-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.rpos-search{display:flex;align-items:center;gap:11px;margin:0 20px 14px;padding:11px 16px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);transition:all var(--fast) var(--ease);flex-shrink:0}.rpos-search:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-glow),var(--shadow-sm)}.rpos-search svg{color:var(--text-muted);font-size:15px}.rpos-search input{flex:1;font-size:13.5px;color:var(--text-primary);background:none;font-weight:500}.rpos-search input::placeholder{color:var(--text-muted);font-weight:400}.rpos-search__clear{width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--text-secondary);font-size:10px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease)}.rpos-search__clear:hover{background:var(--red-light);color:var(--red);transform:rotate(90deg)}.rpos-menu-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:11px;padding:0 20px 20px;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rpos-no-results{grid-column:1 / -1;text-align:center;padding:50px;color:var(--text-muted);font-size:14px;font-weight:500}.rpos-menu-card{background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);padding:16px 13px 13px;text-align:center;cursor:pointer;position:relative;transition:all var(--mid) var(--ease-spring);box-shadow:var(--shadow-xs)}.rpos-menu-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px var(--accent-glow);transform:translateY(-5px) scale(1.01)}.rpos-menu-card:hover .rpos-menu-card__name{color:var(--accent)}.rpos-menu-card:hover .rpos-menu-card__emoji{transform:scale(1.15) rotate(-5deg)}.rpos-menu-card:active{transform:translateY(-2px) scale(.99)}.rpos-menu-card.out-of-stock{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.rpos-menu-card__badge{position:absolute;top:9px;left:9px;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:var(--r-pill);line-height:1.5;letter-spacing:.03em}.rpos-menu-card__hot{position:absolute;top:9px;right:9px;color:var(--accent);font-size:13px;animation:fireFlicker 1.2s ease-in-out infinite}@keyframes fireFlicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2) rotate(5deg)}}.rpos-menu-card__oos{position:absolute;inset:0;border-radius:var(--r-lg);background:#0f0f1e0a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--red);letter-spacing:.1em}.rpos-menu-card__low{position:absolute;top:9px;right:9px;font-size:9px;font-weight:700;padding:3px 7px;border-radius:var(--r-pill);background:var(--amber-light);color:var(--amber);border:1px solid #fde68a}.rpos-menu-card__emoji{font-size:38px;display:block;margin-bottom:7px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.12));transition:transform var(--mid) var(--ease-spring)}.rpos-menu-card__cat{font-size:9.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.rpos-menu-card__name{font-size:12.5px;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:6px;transition:color var(--fast)}.rpos-menu-card__price{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--accent)}.rpos-tables-view{flex:1;overflow-y:auto;padding:20px}.rpos-tables-summary{display:flex;gap:10px;margin-bottom:18px}.rpos-table-sum-pill{flex:1;display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:var(--r-lg);border:1.5px solid transparent;transition:all var(--fast) var(--ease)}.rpos-table-sum-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.rpos-table-sum-pill--free{background:var(--green-light);border-color:#a7f3d0}.rpos-table-sum-pill--occupied{background:var(--accent-light);border-color:var(--accent-mid)}.rpos-table-sum-pill--reserved{background:var(--indigo-light);border-color:#c7d2fe}.rpos-table-sum-pill__icon{font-size:24px}.rpos-table-sum-pill__count{font-family:var(--mono);font-size:24px;font-weight:700;color:var(--text-primary)}.rpos-table-sum-pill__label{font-size:11px;font-weight:600;color:var(--text-secondary)}.rpos-tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}.rpos-table-card{border-radius:var(--r-lg);padding:16px 13px 13px;cursor:pointer;transition:all var(--mid) var(--ease-spring);border:2px solid transparent;text-align:center;position:relative;overflow:hidden}.rpos-table-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);pointer-events:none}.rpos-table-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-md)}.rpos-table-card:active{transform:translateY(-1px) scale(.99)}.rpos-table-card--free{background:var(--green-light);border-color:#a7f3d0}.rpos-table-card--occupied{background:var(--accent-light);border-color:var(--accent-mid)}.rpos-table-card--reserved{background:var(--indigo-light);border-color:#c7d2fe}.rpos-table-card__label{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--text-primary)}.rpos-table-card__cap{font-size:11px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:500}.rpos-table-card__section{font-size:9.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.rpos-table-card__waiter{font-size:11px;color:var(--text-secondary);font-weight:500;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:3px}.rpos-table-card__time{font-family:var(--mono);font-size:11px;color:var(--accent-dark);font-weight:700;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:3px}.rpos-table-card__bill{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--accent);margin-top:6px}.rpos-table-card__status-free{font-size:11px;color:var(--green-dark);font-weight:600;margin-top:6px}.rpos-table-card__status-res{font-size:11px;color:var(--indigo);font-weight:600;margin-top:6px}.rpos-history-view{flex:1;overflow-y:auto;padding:20px}.rpos-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.rpos-stat-card{background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);padding:16px;display:flex;align-items:center;gap:14px;transition:all var(--fast) var(--ease)}.rpos-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border)}.rpos-stat-card__icon{width:46px;height:46px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px}.rpos-stat-card__val{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--text-primary)}.rpos-stat-card__label{font-size:11px;color:var(--text-muted);font-weight:500}.rpos-no-history{text-align:center;padding:50px;color:var(--text-muted);font-size:14px;font-weight:500}.rpos-history-list{display:flex;flex-direction:column;gap:10px}.rpos-history-item{background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);padding:16px 18px;transition:all var(--fast) var(--ease)}.rpos-history-item:hover{box-shadow:var(--shadow-sm);border-color:var(--border);transform:translate(3px)}.rpos-history-item.urgent{border-color:var(--accent-mid);background:linear-gradient(135deg,var(--accent-light),#fff)}.rpos-history-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:14px}.rpos-history-item__rush{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);background:#dc2626;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em}.rpos-history-item__total{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--accent)}.rpos-history-item__meta{font-size:11.5px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.rpos-history-item__items{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.rpos-history-item__items span{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-soft)}.rpos-history-item__footer{display:flex;align-items:center;gap:14px}.rpos-history-item__profit{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--green-dark)}.rpos-history-item__tip{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--amber)}.rpos-type-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);letter-spacing:.04em}.rpos-type-pill--dine{background:var(--accent-light);color:var(--accent-dark)}.rpos-type-pill--take{background:var(--indigo-light);color:var(--indigo)}.rpos-type-pill--del{background:var(--green-light);color:var(--green-dark)}.rpos-right{width:368px;min-width:368px;background:#fffaf4;border-left:1px solid var(--border);display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow-y:auto;transition:border-left-color var(--mid);position:relative}.rpos-right.rush-mode{border-left-color:var(--accent);box-shadow:-4px 0 24px #f9731614}.rpos-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid var(--border-soft);flex-shrink:0;background:var(--surface);position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--border-soft)}.rpos-cart-header__left{display:flex;align-items:center;gap:10px}.rpos-cart-header__title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.rpos-cart-badge{width:22px;height:22px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f973164d;animation:badgePop var(--fast) var(--ease-spring)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.rpos-rush-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-pill);background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-size:10.5px;font-weight:700;animation:rushBadge .6s ease-in-out infinite alternate;box-shadow:0 2px 8px #dc262659}@keyframes rushBadge{0%{opacity:1;transform:scale(1)}to{opacity:.75;transform:scale(.97)}}.rpos-cart-header__actions{display:flex;gap:6px}.rpos-order-strip{display:flex;align-items:center;gap:9px;padding:10px 18px;background:linear-gradient(135deg,var(--accent-light),#fffaf5);border-bottom:1.5px solid var(--accent-mid);font-size:12.5px;font-weight:600;color:var(--text-secondary)}.rpos-order-strip__info strong{color:var(--accent-dark)}.rpos-auto-grat-badge{display:inline-flex;align-items:center;font-size:9.5px;font-weight:700;padding:2px 9px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 2px 6px #f9731640}.rpos-held-orders{background:linear-gradient(135deg,var(--amber-light),#fffdf5);border-bottom:1px solid #fde68a;padding:12px 18px 10px}.rpos-held-orders__hdr{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:7px}.rpos-held-item{background:var(--surface);border-radius:var(--r-md);padding:10px 14px;margin-bottom:6px;cursor:pointer;border:1.5px solid #fde68a;transition:all var(--fast) var(--ease);font-size:12.5px;font-weight:600}.rpos-held-item:hover{background:var(--amber-light);border-color:var(--amber);transform:translate(3px)}.rpos-held-item__meta{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:400}.rpos-cart-items{flex:1;overflow-y:auto;padding:12px 14px 148px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rpos-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 30px;gap:10px}.rpos-cart-empty__icon{font-size:52px;filter:grayscale(.5) opacity(.5)}.rpos-cart-empty__text{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-muted)}.rpos-cart-empty__hint{font-size:12.5px;color:var(--text-muted);font-weight:400}.rpos-course-group{margin-bottom:12px}.rpos-course-group__label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:8px;padding:0 2px}.rpos-cart-item{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:var(--surface-2);border-radius:var(--r-lg);margin-bottom:8px;border:1.5px solid var(--border-soft);transition:all var(--fast) var(--ease);animation:cartItemIn var(--mid) var(--ease-spring)}@keyframes cartItemIn{0%{opacity:0;transform:translate(16px) scale(.97)}to{opacity:1;transform:none}}.rpos-cart-item:hover{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-xs)}.rpos-cart-item.is-ready{background:var(--green-light);border-color:#a7f3d0}.rpos-cart-item.is-urgent{background:linear-gradient(135deg,var(--accent-light),#fff);border-color:var(--accent-mid)}.rpos-cart-item__num{width:22px;height:22px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;border:1px solid var(--border)}.rpos-cart-item__body{flex:1;min-width:0}.rpos-cart-item__name{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rpos-urgent-tag{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:var(--r-pill);background:#dc2626;color:#fff;letter-spacing:.05em;animation:urgentPulse .7s ease infinite alternate}@keyframes urgentPulse{0%{opacity:1}to{opacity:.7}}.rpos-cart-item__mods{font-size:11px;color:var(--accent-dark);font-weight:600;margin-top:3px;line-height:1.5}.rpos-cart-item__note{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:400}.rpos-cart-item__meta{display:flex;align-items:center;gap:7px;margin-top:6px;flex-wrap:wrap}.rpos-cart-item__qty-row{display:flex;align-items:center;gap:6px;margin-top:8px}.rpos-cart-item__qty-btn{width:26px;height:26px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);font-size:10px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease)}.rpos-cart-item__qty-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.15)}.rpos-cart-item__qty{font-family:var(--mono);font-size:14px;font-weight:700;width:26px;text-align:center}.rpos-cart-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.rpos-cart-item__price{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text-primary)}.rpos-cart-item__void{display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--text-muted);padding:3px 9px;border-radius:var(--r-sm);background:none;border:1.5px solid var(--border);transition:all var(--fast) var(--ease)}.rpos-cart-item__void:hover{background:var(--red-light);border-color:var(--red);color:var(--red);transform:scale(1.05)}.rpos-kitchen-timer{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);font-family:var(--mono);font-size:11px;font-weight:700}.rpos-kitchen-timer.green{background:var(--green-light);color:var(--green-dark)}.rpos-kitchen-timer.amber{background:var(--amber-light);color:var(--amber)}.rpos-kitchen-timer.red{background:var(--red-light);color:var(--red);animation:timerBlink .7s ease infinite alternate}@keyframes timerBlink{0%{opacity:1}to{opacity:.5}}.rpos-status-select{font-family:var(--font-body);font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--r-sm);border:1.5px solid transparent;cursor:pointer;transition:all var(--fast) var(--ease);appearance:none}.rpos-status-select--pending{background:var(--surface-3);color:var(--text-secondary);border-color:var(--border)}.rpos-status-select--preparing{background:var(--amber-light);color:var(--amber);border-color:#fde68a}.rpos-status-select--ready{background:var(--green-light);color:var(--green-dark);border-color:#a7f3d0}.rpos-status-select--served{background:var(--indigo-light);color:var(--indigo);border-color:#c7d2fe}.rpos-order-note{padding:4px 0 2px}.rpos-order-note__input{width:100%;padding:10px 14px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);font-family:var(--font-body);font-size:13px;color:var(--text-primary);resize:none;transition:all var(--fast) var(--ease);line-height:1.5;font-weight:400}.rpos-order-note__input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.rpos-bill{padding:14px 18px 0;flex-shrink:0}.rpos-bill__row{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-secondary);padding:6px 0}.rpos-bill__row--mods{color:var(--indigo)}.rpos-bill__row--discount{color:var(--green-dark);font-weight:700}.rpos-bill__row--tip{color:var(--amber);font-weight:700}.rpos-bill__row--total{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);border-top:2px solid var(--border);padding-top:11px;margin-top:6px;letter-spacing:-.01em}.rpos-bill__row--total.rush{color:var(--accent)}.rpos-discount-row{display:flex;gap:7px;margin:10px 0 4px}.rpos-discount-input{flex:1;height:36px;padding:0 13px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text-primary);transition:all var(--fast) var(--ease)}.rpos-discount-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.rpos-discount-type{width:54px;height:36px;border:1.5px solid var(--border-soft);border-radius:var(--r-md);background:var(--surface-2);font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text-primary);cursor:pointer;text-align:center;transition:all var(--fast)}.rpos-discount-type:focus{border-color:var(--accent)}.rpos-tip-section{margin:10px 0 6px}.rpos-tip-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}.rpos-tip-presets{display:flex;gap:6px;margin-bottom:8px}.rpos-tip-btn{flex:1;height:34px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease-spring)}.rpos-tip-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.rpos-tip-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;box-shadow:0 3px 12px #f973164d;transform:translateY(-1px)}.rpos-tip-custom-row{display:flex;align-items:center;gap:8px}.rpos-tip-custom-input{flex:1;height:34px;padding:0 12px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text-primary);transition:all var(--fast) var(--ease)}.rpos-tip-custom-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.rpos-payment{padding:12px 18px 16px;flex-shrink:0}.rpos-payment__label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:9px}.rpos-payment__methods{display:flex;gap:7px;margin-bottom:11px}.rpos-pay-btn{flex:1;padding:10px 4px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font-body);font-size:11.5px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease-spring)}.rpos-pay-btn span:first-child{font-size:17px}.rpos-pay-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.rpos-pay-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-2px)}.rpos-cash-calc{margin-bottom:11px}.rpos-cash-input{width:100%;height:40px;padding:0 14px;background:var(--surface-2);border:1.5px solid var(--border-soft);border-radius:var(--r-md);font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px;transition:all var(--fast) var(--ease)}.rpos-cash-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.rpos-cash-change{text-align:center;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--green-dark);padding:9px;background:linear-gradient(135deg,var(--green-light),#ecfdf5);border-radius:var(--r-md);margin-bottom:8px;border:1.5px solid #a7f3d0}.rpos-cash-change strong{font-family:var(--mono);font-size:18px;font-weight:700}.rpos-quick-cash{display:flex;gap:6px}.rpos-quick-cash__btn{flex:1;height:34px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--text-secondary);transition:all var(--fast) var(--ease)}.rpos-quick-cash__btn:hover{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.rpos-split-section{margin-bottom:11px}.rpos-split-tabs{display:flex;gap:6px;margin-bottom:10px}.rpos-split-tab{flex:1;height:34px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:all var(--fast) var(--ease)}.rpos-split-tab:hover{border-color:var(--accent);color:var(--accent)}.rpos-split-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff}.rpos-split-body{padding:12px;background:var(--surface-2);border-radius:var(--r-lg);border:1.5px solid var(--border-soft)}.rpos-split__label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.rpos-split__control{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--r-md);padding:8px 16px;margin-bottom:10px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);border:1px solid var(--border-soft)}.rpos-split__control button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease-spring)}.rpos-split__control button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.15)}.rpos-split__amount{text-align:center;font-family:var(--mono);font-size:22px;font-weight:700;color:var(--accent)}.rpos-split-guest{margin-bottom:13px}.rpos-split-guest__hdr{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.rpos-split-guest__total{font-family:var(--mono);color:var(--accent)}.rpos-split-item-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;font-weight:600;border-bottom:1px solid var(--border-soft)}.rpos-split-item-row input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.rpos-split-item-row__name{flex:1;color:var(--text-secondary)}.rpos-split-item-row__price{font-family:var(--mono);font-weight:700;color:var(--text-primary)}.rpos-kot-status{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--amber-light),#fffbf0);color:var(--amber);font-size:12.5px;font-weight:700;margin-bottom:10px;border:1.5px solid #fde68a}.rpos-complete-btn{width:100%;height:50px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;font-family:var(--font-display);font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--shadow-accent);transition:all var(--mid) var(--ease);margin-bottom:10px;letter-spacing:.01em;position:relative;overflow:hidden}.rpos-complete-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent);transition:opacity var(--fast)}.rpos-complete-btn:hover:not(:disabled):before{opacity:0}.rpos-complete-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #f9731675}.rpos-complete-btn:active:not(:disabled){transform:translateY(-1px)}.rpos-complete-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.rpos-complete-btn.rush{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 18px #dc262661}.rpos-complete-btn.rush:hover:not(:disabled){box-shadow:0 14px 40px #dc26267a}.rpos-secondary-actions{display:flex;gap:7px}.rpos-secondary-btn{flex:1;height:38px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:11.5px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:5px;transition:all var(--fast) var(--ease)}.rpos-secondary-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.rpos-secondary-btn.rush-kot{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 3px 12px #dc26264d}.rpos-secondary-btn.rush-kot:hover{box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.rpos-bottom-stats{display:flex;padding:11px 18px;border-top:1px solid var(--border-soft);gap:0;flex-shrink:0;background:linear-gradient(135deg,var(--surface-2),var(--surface))}.rpos-bottom-stat{flex:1;display:flex;align-items:center;gap:9px;padding:7px 10px;border-right:1px solid var(--border-soft);transition:all var(--fast)}.rpos-bottom-stat:last-child{border-right:none}.rpos-bottom-stat:hover{background:var(--accent-light);border-radius:var(--r-sm)}.rpos-bottom-stat svg{font-size:15px;color:var(--accent)}.rpos-bottom-stat__val{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text-primary)}.rpos-bottom-stat__label{font-size:10px;color:var(--text-muted);font-weight:500}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:900px){.rpos-right{width:310px;min-width:310px}.rpos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media(max-width:768px){.rpos-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.rpos-right{width:100%;min-width:0;height:auto;flex:none;border-left:none;border-top:2px solid var(--accent)}.rpos-left{height:auto;flex:none;overflow:visible}.rpos-topbar{padding:8px;gap:12px;flex-wrap:wrap;height:auto;justify-content:space-between}.rpos-topbar__left{flex:1 1 50%}.rpos-topbar__actions{flex:0 0 auto;gap:4px}.rpos-nav{flex:1 1 100%;order:3;justify-content:space-between;gap:4px;border-top:1px solid var(--border-soft);padding-top:8px}.rpos-brand__logo{font-size:20px}.rpos-brand__name{font-size:13px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpos-brand__sub{font-size:9px;gap:2px!important}.rpos-brand__sub span{font-size:9px!important;padding:2px 4px!important}.rpos-nav__btn{font-size:12px;padding:8px;gap:4px;flex:1;min-width:0;justify-content:center}.rpos-nav__btn svg{font-size:16px}.rpos-icon-btn{padding:8px;min-width:38px}.rpos-icon-btn svg{font-size:16px}.rpos-order-meta{flex-direction:column;align-items:stretch;padding:10px;gap:10px}.rpos-order-types{width:100%;flex-wrap:wrap;gap:8px}.rpos-type-btn{flex:1;min-width:80px;padding:8px 4px;font-size:12px}.rpos-info-inputs{width:100%;flex-direction:column}.rpos-input-wrap{flex:unset!important;width:100%}.item-modal{width:95%;max-height:85vh}.drawer-overview-grid,.drawer-transfer-grid{grid-template-columns:1fr 1fr}.rpos-menu-grid{grid-template-columns:1fr 1fr!important;gap:8px;padding:10px;height:50vh;flex:none;overflow-y:auto}.rpos-menu-card{padding:10px}.rpos-menu-card__emoji{font-size:28px;margin-bottom:4px}.rpos-menu-card__img{width:48px;height:48px}.rpos-menu-card__name{font-size:11px;margin-bottom:2px}.rpos-menu-card__price{font-size:12px}.rpos-tables-summary{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;justify-content:flex-start}.rpos-table-sum-pill{flex:0 0 130px;padding:10px 12px;gap:8px}.rpos-table-sum-pill__icon{font-size:18px}.rpos-table-sum-pill__count{font-size:16px}.rpos-table-sum-pill__label{font-size:10px}}.rpos-menu-card__img{width:56px;height:56px;border-radius:12px;object-fit:cover;display:block;margin:0 auto 6px;box-shadow:0 2px 8px #0000001a}.item-modal__img{width:88px;height:88px;border-radius:16px;object-fit:cover;margin:0 auto 10px;display:block;box-shadow:0 4px 20px #00000026;border:3px solid rgba(255,255,255,.2)}.pharmacy-container{display:flex;height:100vh;background:#f8fafc;font-family:Inter,Segoe UI,sans-serif;color:#1e293b}.pharmacy-left{flex:2;padding:20px;display:flex;flex-direction:column}.pharmacy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.back-btn{border:none;background:#fff;padding:10px;border-radius:10px;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:.2s}.back-btn:hover{transform:scale(1.05)}.pharmacy-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.brand-dot{width:10px;height:10px;border-radius:50%}.icon-btn{background:#fff;border:none;padding:10px;border-radius:10px;margin-left:8px;cursor:pointer;box-shadow:0 2px 6px #00000014}.search-box{display:flex;align-items:center;background:#fff;padding:10px 14px;border-radius:12px;margin-bottom:14px;box-shadow:0 2px 6px #0000000d}.search-box input{border:none;outline:none;margin-left:8px;width:100%}.category-tabs{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.cat-tab{border:none;background:#e2e8f0;padding:8px 14px;border-radius:20px;cursor:pointer;font-size:13px}.cat-tab.active{background:#10b981;color:#fff}.medicine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.medicine-card{background:#fff;border-radius:14px;padding:14px;cursor:pointer;transition:.2s;box-shadow:0 4px 12px #0000000f}.medicine-card:hover{transform:translateY(-4px)}.medicine-icon{font-size:26px}.medicine-card h4{font-size:14px;margin:6px 0}.medicine-category{font-size:12px;color:#64748b}.medicine-meta{font-size:11px;display:flex;justify-content:space-between;margin-top:6px}.expiry-warning{color:#ef4444;font-weight:600}.medicine-price{font-weight:700;margin:8px 0}.add-btn{width:100%;border:none;background:#10b981;color:#fff;padding:6px;border-radius:8px;cursor:pointer}.pharmacy-right{flex:1;background:#fff;padding:20px;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.cart-header{display:flex;justify-content:space-between;align-items:center}.cart-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:10px;margin-left:8px;font-size:12px}.cart-empty{text-align:center;margin-top:40px;color:#94a3b8}.cart-item{display:flex;justify-content:space-between;background:#f1f5f9;padding:10px;border-radius:10px;margin-bottom:10px}.item-details h4{font-size:14px}.qty-controls{display:flex;gap:6px;margin-top:6px}.qty-controls button{border:none;background:#e2e8f0;padding:4px 8px;border-radius:6px;cursor:pointer}.bill-summary{margin-top:10px;font-size:14px}.bill-row{display:flex;justify-content:space-between;margin:6px 0}.total{font-weight:700;font-size:16px}.checkout-btn{margin-top:10px;width:100%;padding:10px;background:#10b981;color:#fff;border:none;border-radius:10px;cursor:pointer}.secondary-btn{width:100%;margin-top:8px;padding:8px;border:none;background:#e2e8f0;border-radius:10px;cursor:pointer}.success-toast{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 4px 10px #00000026}.retail-container{display:flex;height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1f2937;overflow:hidden}.retail-container.fullscreen{position:fixed;inset:0;z-index:9999}.retail-left{flex:1;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e5e7eb;overflow:hidden}.retail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.header-left{display:flex;align-items:center;gap:12px}.back-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn:hover{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.retail-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1f2937}.brand-dot{width:8px;height:8px;border-radius:50%;background:#4f46e5}.cashier-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280;margin-left:12px}.header-actions{display:flex;gap:8px}.icon-btn{position:relative;width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.icon-btn .badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;font-weight:600}.search-barcode-row{display:flex;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.search-box,.barcode-box{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.search-box:focus-within,.barcode-box:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.search-box svg,.barcode-box svg{color:#9ca3af;font-size:16px}.search-box input,.barcode-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#1f2937}.search-box input::placeholder,.barcode-box input::placeholder{color:#9ca3af}.view-toggle{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.view-btn{width:36px;height:36px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn:hover{color:#1f2937}.view-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.category-tabs{display:flex;gap:8px;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.cat-tab{padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.cat-tab:hover{background:#f3f4f6;border-color:#d1d5db}.cat-tab.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.product-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:20px;overflow-y:auto;background:#f9fafb}.product-list{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px;overflow-y:auto;background:#f9fafb}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.product-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;transform:translateY(-2px)}.product-card.list-view{display:flex;align-items:center;gap:16px;padding:16px}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stock-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ecfdf5;color:#059669;font-size:11px;font-weight:600;border-radius:6px}.stock-badge.low-stock{background:#fef3c7;color:#d97706}.reorder-icon{font-size:12px}.sku-badge{padding:4px 8px;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:500;border-radius:6px}.product-icon{font-size:48px;text-align:center;margin:12px 0;position:relative}.favorite-star{position:absolute;top:-8px;right:8px;color:#fbbf24;font-size:16px}.product-name{font-size:14px;font-weight:600;color:#1f2937;margin:8px 0;line-height:1.4}.product-meta{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.product-price{font-size:16px;font-weight:700;color:#4f46e5}.product-category{font-size:12px;color:#6b7280}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;font-size:12px;color:#6b7280}.add-btn{width:100%;padding:8px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:12px}.add-btn:hover{background:#4338ca;transform:scale(1.02)}.retail-right{width:420px;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e5e7eb}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.cart-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1f2937;margin:0}.cart-badge{background:#4f46e5;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.cart-actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.customer-section{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.customer-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6b7280;margin-bottom:12px}.customer-inputs{display:flex;flex-direction:column;gap:8px}.customer-type-select,.customer-input{width:100%;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#1f2937;outline:none;transition:all .2s}.customer-type-select:focus,.customer-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.loyalty-info{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;background:#fef3c7;color:#92400e;border-radius:8px;font-size:13px;font-weight:600}.cart-items{flex:1;overflow-y:auto;padding:16px 20px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#9ca3af}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cart-empty p{font-size:16px;font-weight:600;color:#6b7280;margin:8px 0 4px}.cart-empty small{font-size:13px;color:#9ca3af}.cart-item{display:flex;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;transition:all .2s}.cart-item:hover{background:#fff;border-color:#d1d5db}.item-num{width:28px;height:28px;background:#4f46e5;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.item-details{flex:1}.item-details h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.item-sku{font-size:11px;color:#9ca3af;margin:0 0 4px}.item-variant{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;display:inline-block;margin:4px 0}.item-price{font-size:13px;color:#6b7280;margin:4px 0 8px}.qty-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-controls button{width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s}.qty-controls button:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.qty-controls .qty-input{width:50px;height:28px;text-align:center;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:600;color:#1f2937;outline:none}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.item-total{font-size:15px;font-weight:700;color:#1f2937}.remove-btn{width:28px;height:28px;border:1px solid #fee2e2;background:#fef2f2;color:#ef4444;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.quick-discounts{padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.quick-discounts label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px}.discount-btns{display:flex;gap:8px}.quick-discount-btn{flex:1;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.quick-discount-btn:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.billing-box{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.bill-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#6b7280}.bill-row span:last-child{font-weight:600;color:#1f2937}.discount-input-row{display:flex;gap:8px;margin:12px 0}.discount-input{flex:1;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;outline:none}.discount-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.discount-type{width:70px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;outline:none}.discount-applied{color:#059669;background:#ecfdf5;padding:8px 12px;border-radius:8px;margin:8px 0}.discount-applied span{color:#059669}.profit-row{background:#eff6ff;padding:8px 12px;border-radius:8px;margin:8px 0}.profit-amount{color:#2563eb!important;font-weight:700!important}.bill-row.total{border-top:2px solid #e5e7eb;padding-top:16px;margin-top:12px;font-size:16px;font-weight:700}.bill-row.total span{color:#1f2937;font-size:18px}.checkout-btn{width:100%;padding:16px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 20px;width:calc(100% - 40px);transition:all .2s}.checkout-btn:hover{background:#4338ca;transform:scale(1.02);box-shadow:0 8px 16px #4f46e54d}.secondary-actions{display:flex;gap:8px;padding:0 20px 16px}.secondary-btn{flex:1;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.secondary-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.sales-stats{display:flex;gap:12px;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.stat-card{flex:1;display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.stat-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.stat-icon{font-size:24px;color:#4f46e5}.stat-content{flex:1}.stat-value{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:2px}.stat-label{font-size:11px;color:#6b7280;font-weight:500}.shift-info{padding:12px 20px;text-align:center;font-size:12px;color:#6b7280;background:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:6px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.payment-modal,.hold-modal,.settings-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1f2937;margin:0}.close-btn{width:32px;height:32px;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#e5e7eb;color:#1f2937}.modal-body{flex:1;overflow-y:auto;padding:24px}.payment-summary{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#6b7280}.summary-row span:last-child{font-weight:600;color:#1f2937}.summary-row.discount span{color:#059669}.summary-row.total-row{border-top:2px solid #e5e7eb;padding-top:16px;margin-top:8px;font-size:16px;font-weight:700}.summary-row.total-row span{color:#1f2937;font-size:18px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-method-btn{padding:12px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s}.payment-method-btn:hover{border-color:#4f46e5;background:#f9fafb}.payment-method-btn.active{border-color:#4f46e5;background:#eff6ff;color:#4f46e5}.payment-method-btn svg{font-size:20px}.amount-input-group{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:14px;font-size:16px;font-weight:700;color:#6b7280}.amount-input-group input{width:100%;padding:14px 14px 14px 36px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:18px;font-weight:700;color:#1f2937;outline:none;transition:all .2s}.amount-input-group input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.quick-amount-btn{padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.quick-amount-btn:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}.change-display{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ecfdf5;border-radius:10px;margin-top:16px}.change-display span:first-child{font-size:14px;font-weight:600;color:#065f46}.change-amount{font-size:24px;font-weight:700;color:#059669!important}.form-group textarea{width:100%;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;font-family:inherit;outline:none;resize:vertical;transition:all .2s}.form-group textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary{flex:1;padding:12px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{flex:2;padding:12px 24px;background:#4f46e5;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary:hover{background:#4338ca;transform:scale(1.02)}.hold-orders-list{display:flex;flex-direction:column;gap:12px}.hold-order-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.hold-info h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 6px}.hold-info p{font-size:12px;color:#6b7280;margin:2px 0}.hold-amount{font-size:16px;font-weight:700;color:#4f46e5!important}.btn-retrieve{padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retrieve:hover{background:#4338ca;transform:scale(1.05)}.settings-section{margin-bottom:24px}.settings-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.settings-select{width:100%;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;outline:none;cursor:pointer;transition:all .2s}.settings-select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.tax-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tax-btn{padding:10px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.tax-btn:hover{border-color:#4f46e5;background:#f9fafb}.tax-btn.active{border-color:#4f46e5;background:#eff6ff;color:#4f46e5}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;font-size:14px;font-weight:600;z-index:100000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid #10b981;color:#065f46}.toast-error{border-left:4px solid #ef4444;color:#991b1b}.toast svg{font-size:18px}.cart-items::-webkit-scrollbar,.product-grid::-webkit-scrollbar,.product-list::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track,.product-grid::-webkit-scrollbar-track,.product-list::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#f3f4f6}.cart-items::-webkit-scrollbar-thumb,.product-grid::-webkit-scrollbar-thumb,.product-list::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cart-items::-webkit-scrollbar-thumb:hover,.product-grid::-webkit-scrollbar-thumb:hover,.product-list::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1200px){.retail-right{width:380px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:992px){.retail-container{flex-direction:column}.retail-right{width:100%;max-height:50vh}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:768px){.search-barcode-row{flex-direction:column}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.payment-methods{grid-template-columns:1fr}.quick-amounts{grid-template-columns:repeat(2,1fr)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes pulseGlow{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.premium-modal-overlay{animation:overlayFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.premium-modal-content{animation:modalFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a!important}.hover-scale{transition:transform .15s ease-out}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.95)}.glass-panel{background:#fffc!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4)}:root{--svc-bg: #f7f5ff;--svc-surface: #ffffff;--svc-primary: #6d28d9;--svc-primary-lt: #ede9fe;--svc-primary-dk: #4c1d95;--svc-accent: #a78bfa;--svc-success: #059669;--svc-success-lt: #d1fae5;--svc-warn: #d97706;--svc-warn-lt: #fef3c7;--svc-danger: #dc2626;--svc-text: #1e1b4b;--svc-text-secondary: #6b7280;--svc-text-muted: #9ca3af;--svc-border: #e5e7eb;--svc-border-focus: #7c3aed;--svc-shadow: 0 1px 3px rgba(109,40,217,.08), 0 1px 2px rgba(0,0,0,.06);--svc-shadow-md: 0 4px 16px rgba(109,40,217,.12);--svc-radius: 10px;--svc-radius-lg: 16px;--font: "DM Sans", sans-serif}.svc-wrapper{font-family:var(--font);background:var(--svc-bg);min-height:100vh;display:flex;flex-direction:column}.svc-topbar{background:var(--svc-surface);border-bottom:1px solid var(--svc-border);padding:0 24px;height:58px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:var(--svc-shadow)}.svc-topbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.svc-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--svc-primary),var(--svc-accent));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.svc-logo-text{font-family:"DM Serif Display",serif;font-size:20px;color:var(--svc-primary-dk);letter-spacing:-.3px}.svc-topbar-meta{display:flex;align-items:center;gap:8px;margin-left:auto}.svc-pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--svc-primary-lt);color:var(--svc-primary);border:1px solid var(--svc-accent)}.svc-pill.online{background:var(--svc-success-lt);color:var(--svc-success);border-color:#6ee7b7}.svc-staff-avatar{width:32px;height:32px;border-radius:50%;background:var(--svc-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.svc-layout{display:flex;flex:1;height:calc(100vh - 58px);overflow:hidden}.svc-left{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--svc-bg)}.svc-left-header{background:var(--svc-surface);border-bottom:1px solid var(--svc-border);padding:14px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.svc-left-header h2{font-family:"DM Serif Display",serif;font-size:18px;color:var(--svc-text);flex-shrink:0}.svc-search{position:relative;flex:1}.svc-search input{width:100%;padding:9px 14px 9px 38px;border:1.5px solid var(--svc-border);border-radius:var(--svc-radius);font-family:var(--font);font-size:13px;color:var(--svc-text);background:var(--svc-bg);outline:none;transition:.2s}.svc-search input:focus{border-color:var(--svc-border-focus);background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.svc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--svc-text-muted);pointer-events:none}.svc-cats{padding:12px 20px;background:var(--svc-surface);border-bottom:1px solid var(--svc-border);display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.svc-cat{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--svc-border);background:var(--svc-bg);color:var(--svc-text-secondary);transition:.15s;letter-spacing:.2px}.svc-cat:hover{border-color:var(--svc-accent);color:var(--svc-primary)}.svc-cat.active{background:var(--svc-primary);border-color:var(--svc-primary);color:#fff}.svc-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;align-content:start}.svc-card{background:var(--svc-surface);border:1.5px solid var(--svc-border);border-radius:var(--svc-radius-lg);padding:18px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.svc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--svc-primary),var(--svc-accent));opacity:0;transition:.2s}.svc-card:hover{border-color:var(--svc-accent);box-shadow:var(--svc-shadow-md);transform:translateY(-2px)}.svc-card:hover:before{opacity:1}.svc-card-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.badge-popular{background:var(--svc-warn-lt);color:var(--svc-warn)}.badge-new{background:var(--svc-primary-lt);color:var(--svc-primary)}.badge-premium{background:#fce7f3;color:#9d174d}.svc-card-icon{font-size:32px;margin-bottom:10px;display:block}.svc-card-name{font-size:14px;font-weight:600;color:var(--svc-text);margin-bottom:4px;line-height:1.3}.svc-card-duration{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--svc-text-muted);margin-bottom:10px}.svc-card-price{font-size:18px;font-weight:700;color:var(--svc-primary);margin-bottom:12px}.svc-add-btn{width:100%;padding:9px;background:var(--svc-primary-lt);border:1.5px solid var(--svc-accent);border-radius:var(--svc-radius);color:var(--svc-primary);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:.15s;letter-spacing:.3px}.svc-add-btn:hover{background:var(--svc-primary);border-color:var(--svc-primary);color:#fff}.svc-right{width:380px;flex-shrink:0;background:var(--svc-surface);border-left:1.5px solid var(--svc-border);display:flex;flex-direction:column;height:100%}.svc-panel-title{padding:18px 20px 14px;border-bottom:1px solid var(--svc-border);flex-shrink:0}.svc-panel-title h3{font-family:"DM Serif Display",serif;font-size:17px;color:var(--svc-text)}.svc-fields{padding:14px 16px;border-bottom:1px solid var(--svc-border);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.svc-field-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.svc-field{display:flex;flex-direction:column;gap:4px}.svc-label{font-size:10px;font-weight:700;color:var(--svc-text-muted);text-transform:uppercase;letter-spacing:.6px}.svc-input,.svc-select{padding:8px 10px;border:1.5px solid var(--svc-border);border-radius:var(--svc-radius);font-family:var(--font);font-size:13px;color:var(--svc-text);background:var(--svc-bg);outline:none;transition:.15s;width:100%}.svc-input:focus,.svc-select:focus{border-color:var(--svc-border-focus);background:#fff;box-shadow:0 0 0 3px #7c3aed14}.svc-timeslots-wrap{padding:12px 16px;border-bottom:1px solid var(--svc-border);flex-shrink:0}.svc-timeslots-label{font-size:10px;font-weight:700;color:var(--svc-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;display:block}.svc-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.svc-slot{padding:6px 4px;border:1.5px solid var(--svc-border);border-radius:8px;font-size:11px;font-weight:600;text-align:center;cursor:pointer;color:var(--svc-text-secondary);background:var(--svc-bg);transition:.15s}.svc-slot:hover:not(.booked){border-color:var(--svc-accent);color:var(--svc-primary);background:var(--svc-primary-lt)}.svc-slot.active{background:var(--svc-primary);border-color:var(--svc-primary);color:#fff}.svc-slot.booked{background:#f3f4f6;color:var(--svc-text-muted);cursor:not-allowed;text-decoration:line-through;font-style:italic}.svc-cart{flex:1;overflow-y:auto;padding:8px 12px}.svc-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--svc-text-muted);gap:10px}.svc-cart-empty-icon{font-size:40px;opacity:.6}.svc-cart-empty p{font-size:13px;font-style:italic}.svc-cart-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--svc-border);transition:.15s}.svc-cart-row:hover{background:var(--svc-bg);border-radius:var(--svc-radius)}.svc-cart-info{flex:1}.svc-cart-name{font-size:13px;font-weight:600;color:var(--svc-text);line-height:1.3}.svc-cart-sub{font-size:11px;color:var(--svc-text-muted);margin-top:1px}.svc-qty{display:flex;align-items:center;gap:6px}.svc-qty-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--svc-border);background:var(--svc-bg);color:var(--svc-text);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}.svc-qty-btn:hover{background:var(--svc-primary);border-color:var(--svc-primary);color:#fff}.svc-qty-val{min-width:22px;text-align:center;font-size:13px;font-weight:700;color:var(--svc-text)}.svc-cart-total{font-size:14px;font-weight:700;color:var(--svc-primary);min-width:50px;text-align:right}.svc-del-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--svc-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.svc-del-btn:hover{background:#fee2e2;color:var(--svc-danger)}.svc-totals{padding:14px 16px;border-top:1px solid var(--svc-border);background:var(--svc-surface);flex-shrink:0}.svc-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:var(--svc-text-secondary)}.svc-total-row.tip{color:var(--svc-warn)}.svc-total-main{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1.5px solid var(--svc-border);margin:6px 0 12px}.svc-total-main span:first-child{font-size:14px;font-weight:700;color:var(--svc-text)}.svc-total-main span:last-child{font-size:20px;font-weight:700;color:var(--svc-primary-dk)}.svc-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.svc-pay-opt{padding:7px 4px;border:1.5px solid var(--svc-border);border-radius:var(--svc-radius);font-size:11px;font-weight:700;text-align:center;cursor:pointer;color:var(--svc-text-secondary);background:var(--svc-bg);transition:.15s}.svc-pay-opt:hover{border-color:var(--svc-accent);color:var(--svc-primary)}.svc-pay-opt.active{background:var(--svc-primary);border-color:var(--svc-primary);color:#fff}.svc-checkout-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--svc-primary),var(--svc-accent));border:none;border-radius:var(--svc-radius);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.4px;transition:.2s;box-shadow:0 4px 12px #6d28d94d}.svc-checkout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6d28d966}.svc-checkout-btn:active{transform:scale(.99)}.svc-loyalty{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,var(--svc-primary-lt),#faf5ff);border:1px solid var(--svc-accent);border-radius:var(--svc-radius);margin-bottom:10px}.svc-loyalty-pts{font-size:11px;color:var(--svc-primary);font-weight:600}.svc-toast{position:fixed;bottom:24px;right:24px;background:var(--svc-primary-dk);color:#fff;padding:10px 20px;border-radius:var(--svc-radius);font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:9999;font-family:var(--font)}.svc-toast.show{opacity:1;transform:translateY(0)}.svc-grid::-webkit-scrollbar,.svc-cart::-webkit-scrollbar{width:5px}.svc-grid::-webkit-scrollbar-track,.svc-cart::-webkit-scrollbar-track{background:transparent}.svc-grid::-webkit-scrollbar-thumb,.svc-cart::-webkit-scrollbar-thumb{background:var(--svc-accent);border-radius:10px}@media(max-width:1024px){.svc-right{width:320px}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}:root{--ev-bg: #0f0f0f;--ev-surface: #1a1a1a;--ev-surface2: #222222;--ev-primary: #f59e0b;--ev-primary-lt: rgba(245,158,11,.12);--ev-primary-dk: #b45309;--ev-accent: #fbbf24;--ev-success: #34d399;--ev-success-lt: rgba(52,211,153,.12);--ev-danger: #f87171;--ev-danger-lt: rgba(248,113,113,.12);--ev-blue: #60a5fa;--ev-blue-lt: rgba(96,165,250,.12);--ev-text: #f9fafb;--ev-text-secondary: #9ca3af;--ev-text-muted: #6b7280;--ev-border: #2d2d2d;--ev-border-lt: #3d3d3d;--ev-shadow-md: 0 4px 20px rgba(0,0,0,.4);--ev-radius: 10px;--ev-radius-lg: 14px;--font-display: "Syne", sans-serif;--font: "DM Sans", sans-serif}.ev-wrapper{font-family:var(--font);background:var(--ev-bg);min-height:100vh;display:flex;flex-direction:column;color:var(--ev-text)}.ev-topbar{background:var(--ev-surface);border-bottom:1px solid var(--ev-border);padding:0 24px;height:58px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:100}.ev-logo{display:flex;align-items:center;gap:10px}.ev-logo-icon{width:36px;height:36px;background:var(--ev-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.ev-logo-text{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--ev-text);letter-spacing:-.3px}.ev-topbar-divider{width:1px;height:24px;background:var(--ev-border-lt)}.ev-pill{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px}.ev-pill-primary{background:var(--ev-primary-lt);color:var(--ev-accent);border:1px solid rgba(245,158,11,.3)}.ev-pill-success{background:var(--ev-success-lt);color:var(--ev-success);border:1px solid rgba(52,211,153,.3)}.ev-topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.ev-topbar-stat{text-align:right}.ev-topbar-stat-label{font-size:9px;color:var(--ev-text-muted);text-transform:uppercase;letter-spacing:.5px}.ev-topbar-stat-val{font-size:14px;font-weight:700;color:var(--ev-primary);font-family:var(--font-display)}.ev-layout{display:flex;flex:1;height:calc(100vh - 58px);overflow:hidden}.ev-left{flex:1;display:flex;flex-direction:column;overflow:hidden}.ev-left-header{background:var(--ev-surface);border-bottom:1px solid var(--ev-border);padding:14px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.ev-left-header h2{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ev-text);flex-shrink:0}.ev-search{position:relative;flex:1}.ev-search input{width:100%;padding:9px 14px 9px 38px;border:1.5px solid var(--ev-border-lt);border-radius:var(--ev-radius);font-family:var(--font);font-size:13px;color:var(--ev-text);background:var(--ev-surface2);outline:none;transition:.2s}.ev-search input::placeholder{color:var(--ev-text-muted)}.ev-search input:focus{border-color:var(--ev-primary);box-shadow:0 0 0 3px #f59e0b1f}.ev-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--ev-text-muted);pointer-events:none}.ev-cats{padding:10px 20px;background:var(--ev-surface);border-bottom:1px solid var(--ev-border);display:flex;gap:8px;flex-shrink:0;overflow-x:auto}.ev-cat{padding:6px 16px;border-radius:6px;font-size:12px;font-weight:700;font-family:var(--font-display);cursor:pointer;border:1.5px solid var(--ev-border-lt);background:transparent;color:var(--ev-text-secondary);transition:.15s;white-space:nowrap}.ev-cat:hover{border-color:var(--ev-primary);color:var(--ev-accent)}.ev-cat.active{background:var(--ev-primary);border-color:var(--ev-primary);color:var(--ev-bg)}.ev-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-content:start}.ev-card{background:var(--ev-surface);border:1.5px solid var(--ev-border);border-radius:var(--ev-radius-lg);padding:0;cursor:pointer;transition:all .2s;overflow:hidden}.ev-card:hover{border-color:var(--ev-primary);box-shadow:0 0 0 1px var(--ev-primary),var(--ev-shadow-md);transform:translateY(-2px)}.ev-card-header{background:var(--ev-surface2);padding:14px 16px;border-bottom:1px solid var(--ev-border);position:relative}.ev-card-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;font-family:var(--font-display);letter-spacing:.3px}.badge-hot{background:var(--ev-danger-lt);color:var(--ev-danger);border:1px solid rgba(248,113,113,.3)}.badge-new{background:var(--ev-blue-lt);color:var(--ev-blue);border:1px solid rgba(96,165,250,.3)}.badge-vip{background:var(--ev-primary-lt);color:var(--ev-accent);border:1px solid rgba(245,158,11,.3)}.badge-sold{background:var(--ev-border);color:var(--ev-text-muted)}.ev-card-icon{font-size:28px;display:block;margin-bottom:8px}.ev-card-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ev-text);line-height:1.3}.ev-card-date{font-size:11px;color:var(--ev-text-muted);margin-top:3px}.ev-card-body{padding:12px 16px}.ev-card-venue{font-size:11px;color:var(--ev-text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:4px}.ev-card-avail{font-size:11px;color:var(--ev-text-muted);margin-bottom:10px}.ev-card-price{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ev-primary);margin-bottom:12px}.ev-card-price span{font-size:12px;font-weight:400;color:var(--ev-text-muted);margin-left:2px}.ev-add-btn{width:100%;padding:9px;background:var(--ev-primary-lt);border:1.5px solid rgba(245,158,11,.4);border-radius:var(--ev-radius);color:var(--ev-accent);font-family:var(--font-display);font-size:12px;font-weight:700;cursor:pointer;transition:.15s;letter-spacing:.3px}.ev-add-btn:hover{background:var(--ev-primary);border-color:var(--ev-primary);color:var(--ev-bg)}.ev-right{width:380px;flex-shrink:0;background:var(--ev-surface);border-left:1.5px solid var(--ev-border);display:flex;flex-direction:column;height:100%}.ev-panel-title{padding:16px 18px 14px;border-bottom:1px solid var(--ev-border);flex-shrink:0}.ev-panel-title h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ev-text)}.ev-fields{padding:12px 16px;border-bottom:1px solid var(--ev-border);display:flex;flex-direction:column;gap:9px;flex-shrink:0}.ev-field-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ev-field{display:flex;flex-direction:column;gap:3px}.ev-label{font-size:10px;font-weight:700;color:var(--ev-text-muted);text-transform:uppercase;letter-spacing:.6px;font-family:var(--font-display)}.ev-input,.ev-select{padding:8px 10px;border:1.5px solid var(--ev-border-lt);border-radius:var(--ev-radius);font-family:var(--font);font-size:13px;color:var(--ev-text);background:var(--ev-surface2);outline:none;transition:.15s;width:100%}.ev-input:focus,.ev-select:focus{border-color:var(--ev-primary);box-shadow:0 0 0 3px #f59e0b1a}.ev-input::placeholder{color:var(--ev-text-muted)}.ev-select option{background:#1a1a1a}.ev-cart{flex:1;overflow-y:auto;padding:8px 12px}.ev-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ev-text-muted);gap:10px}.ev-cart-empty-icon{font-size:40px;opacity:.5}.ev-cart-empty p{font-size:13px;font-style:italic}.ev-cart-row{display:flex;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--ev-border)}.ev-cart-row:last-child{border-bottom:none}.ev-cart-row:hover{background:var(--ev-surface2);border-radius:var(--ev-radius)}.ev-cart-info{flex:1}.ev-cart-name{font-size:13px;font-weight:600;color:var(--ev-text);font-family:var(--font-display)}.ev-cart-sub{font-size:11px;color:var(--ev-text-muted);margin-top:1px}.ev-qty{display:flex;align-items:center;gap:5px}.ev-qty-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--ev-border-lt);background:var(--ev-surface2);color:var(--ev-text);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}.ev-qty-btn:hover{background:var(--ev-primary);border-color:var(--ev-primary);color:var(--ev-bg)}.ev-qty-val{min-width:22px;text-align:center;font-size:13px;font-weight:700;color:var(--ev-text)}.ev-cart-total{font-size:13px;font-weight:700;color:var(--ev-primary);min-width:50px;text-align:right}.ev-del-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--ev-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.ev-del-btn:hover{background:var(--ev-danger-lt);color:var(--ev-danger)}.ev-totals{padding:14px 16px;border-top:1px solid var(--ev-border);flex-shrink:0}.ev-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:var(--ev-text-secondary)}.ev-total-row.discount{color:var(--ev-success)}.ev-total-row.fee{color:var(--ev-text-muted)}.ev-total-main{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--ev-border-lt);margin:6px 0 12px}.ev-total-main span:first-child{font-size:13px;font-weight:600;color:var(--ev-text);font-family:var(--font-display)}.ev-total-main span:last-child{font-size:22px;font-weight:800;color:var(--ev-primary);font-family:var(--font-display)}.ev-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.ev-pay-opt{padding:7px 4px;border:1.5px solid var(--ev-border-lt);border-radius:var(--ev-radius);font-size:11px;font-weight:700;text-align:center;cursor:pointer;color:var(--ev-text-secondary);background:transparent;transition:.15s;font-family:var(--font-display)}.ev-pay-opt:hover{border-color:var(--ev-primary);color:var(--ev-accent)}.ev-pay-opt.active{background:var(--ev-primary);border-color:var(--ev-primary);color:var(--ev-bg)}.ev-checkout-btn{width:100%;padding:14px;background:var(--ev-primary);border:none;border-radius:var(--ev-radius);color:var(--ev-bg);font-family:var(--font-display);font-size:14px;font-weight:800;cursor:pointer;letter-spacing:.4px;transition:.2s}.ev-checkout-btn:hover{background:var(--ev-accent);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b4d}.ev-toast{position:fixed;bottom:24px;right:24px;background:var(--ev-primary);color:var(--ev-bg);padding:10px 20px;border-radius:var(--ev-radius);font-size:13px;font-weight:700;font-family:var(--font-display);opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:9999}.ev-toast.show{opacity:1;transform:translateY(0)}.ev-grid::-webkit-scrollbar,.ev-cart::-webkit-scrollbar{width:4px}.ev-grid::-webkit-scrollbar-thumb,.ev-cart::-webkit-scrollbar-thumb{background:var(--ev-border-lt);border-radius:10px}:root{--ec-bg: #f8faff;--ec-surface: #ffffff;--ec-surface2: #f1f5fb;--ec-primary: #2563eb;--ec-primary-lt: #dbeafe;--ec-primary-dk: #1e40af;--ec-accent: #3b82f6;--ec-success: #059669;--ec-success-lt: #d1fae5;--ec-warn: #d97706;--ec-warn-lt: #fef3c7;--ec-danger: #dc2626;--ec-danger-lt: #fee2e2;--ec-purple: #7c3aed;--ec-purple-lt: #ede9fe;--ec-text: #0f172a;--ec-text-secondary: #475569;--ec-text-muted: #94a3b8;--ec-border: #e2e8f0;--ec-border-focus: #3b82f6;--ec-shadow: 0 1px 3px rgba(37,99,235,.07);--ec-shadow-md: 0 4px 16px rgba(37,99,235,.12);--ec-radius: 10px;--ec-radius-lg: 14px;--font-display: "Poppins", sans-serif;--font: "Inter", sans-serif}.ec-wrapper{font-family:var(--font);background:var(--ec-bg);min-height:100vh;display:flex;flex-direction:column}.ec-topbar{background:var(--ec-surface);border-bottom:1px solid var(--ec-border);padding:0 24px;height:58px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:100;box-shadow:var(--ec-shadow)}.ec-logo{display:flex;align-items:center;gap:10px}.ec-logo-icon{width:36px;height:36px;background:var(--ec-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.ec-logo-text{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ec-primary-dk)}.ec-topbar-divider{width:1px;height:24px;background:var(--ec-border)}.ec-pill{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid}.ec-pill-blue{background:var(--ec-primary-lt);color:var(--ec-primary);border-color:#93c5fd}.ec-pill-green{background:var(--ec-success-lt);color:var(--ec-success);border-color:#6ee7b7}.ec-pill-purple{background:var(--ec-purple-lt);color:var(--ec-purple);border-color:#c4b5fd}.ec-topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.ec-topbar-stat{text-align:right}.ec-topbar-stat-label{font-size:9px;color:var(--ec-text-muted);text-transform:uppercase;letter-spacing:.5px}.ec-topbar-stat-val{font-size:14px;font-weight:700;color:var(--ec-primary);font-family:var(--font-display)}.ec-layout{display:flex;flex:1;height:calc(100vh - 58px);overflow:hidden}.ec-left{flex:1;display:flex;flex-direction:column;overflow:hidden}.ec-left-header{background:var(--ec-surface);border-bottom:1px solid var(--ec-border);padding:12px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.ec-left-header h2{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ec-text);flex-shrink:0}.ec-search{position:relative;flex:1}.ec-search input{width:100%;padding:9px 14px 9px 38px;border:1.5px solid var(--ec-border);border-radius:var(--ec-radius);font-family:var(--font);font-size:13px;color:var(--ec-text);background:var(--ec-bg);outline:none;transition:.2s}.ec-search input:focus{border-color:var(--ec-border-focus);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.ec-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--ec-text-muted);pointer-events:none}.ec-cats{padding:10px 20px;background:var(--ec-surface);border-bottom:1px solid var(--ec-border);display:flex;gap:8px;flex-shrink:0}.ec-cat{padding:5px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--ec-border);background:var(--ec-bg);color:var(--ec-text-secondary);transition:.15s}.ec-cat:hover{border-color:var(--ec-accent);color:var(--ec-primary)}.ec-cat.active{background:var(--ec-primary);border-color:var(--ec-primary);color:#fff}.ec-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-content:start}.ec-card{background:var(--ec-surface);border:1.5px solid var(--ec-border);border-radius:var(--ec-radius-lg);overflow:hidden;cursor:pointer;transition:all .2s}.ec-card:hover{border-color:var(--ec-accent);box-shadow:var(--ec-shadow-md);transform:translateY(-2px)}.ec-card-img{background:var(--ec-surface2);height:80px;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}.ec-card-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.badge-new{background:var(--ec-primary-lt);color:var(--ec-primary)}.badge-hot{background:var(--ec-danger-lt);color:var(--ec-danger)}.badge-sale{background:var(--ec-success-lt);color:var(--ec-success)}.badge-low{background:var(--ec-warn-lt);color:var(--ec-warn)}.ec-card-body{padding:12px}.ec-card-name{font-size:13px;font-weight:600;color:var(--ec-text);line-height:1.3;margin-bottom:3px}.ec-card-sku{font-size:10px;color:var(--ec-text-muted);margin-bottom:4px}.ec-card-stock{font-size:11px;color:var(--ec-text-muted);margin-bottom:8px}.ec-card-price{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ec-primary);margin-bottom:10px}.ec-card-variants{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.ec-variant{padding:2px 8px;border:1px solid var(--ec-border);border-radius:4px;font-size:10px;font-weight:600;color:var(--ec-text-secondary);cursor:pointer;transition:.1s}.ec-variant:hover,.ec-variant.active{border-color:var(--ec-primary);color:var(--ec-primary);background:var(--ec-primary-lt)}.ec-add-btn{width:100%;padding:8px;background:var(--ec-primary);border:none;border-radius:var(--ec-radius);color:#fff;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:.15s}.ec-add-btn:hover{background:var(--ec-primary-dk)}.ec-right{width:380px;flex-shrink:0;background:var(--ec-surface);border-left:1.5px solid var(--ec-border);display:flex;flex-direction:column;height:100%}.ec-panel-title{padding:16px 18px 14px;border-bottom:1px solid var(--ec-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ec-panel-title h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ec-text)}.ec-order-id{font-size:11px;color:var(--ec-text-muted);font-weight:600}.ec-fields{padding:12px 16px;border-bottom:1px solid var(--ec-border);display:flex;flex-direction:column;gap:9px;flex-shrink:0}.ec-field-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ec-field{display:flex;flex-direction:column;gap:3px}.ec-label{font-size:10px;font-weight:700;color:var(--ec-text-muted);text-transform:uppercase;letter-spacing:.6px}.ec-input,.ec-select{padding:8px 10px;border:1.5px solid var(--ec-border);border-radius:var(--ec-radius);font-family:var(--font);font-size:13px;color:var(--ec-text);background:var(--ec-bg);outline:none;transition:.15s;width:100%}.ec-input:focus,.ec-select:focus{border-color:var(--ec-border-focus);background:#fff;box-shadow:0 0 0 3px #3b82f614}.ec-coupon-row{display:flex;gap:6px}.ec-coupon-btn{padding:0 14px;background:var(--ec-primary-lt);border:1.5px solid var(--ec-primary);border-radius:var(--ec-radius);color:var(--ec-primary);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}.ec-coupon-btn:hover{background:var(--ec-primary);color:#fff}.ec-cart{flex:1;overflow-y:auto;padding:8px 12px}.ec-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ec-text-muted);gap:10px}.ec-cart-empty-icon{font-size:40px;opacity:.5}.ec-cart-empty p{font-size:13px;font-style:italic}.ec-cart-row{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid var(--ec-border)}.ec-cart-row:last-child{border-bottom:none}.ec-cart-row:hover{background:var(--ec-bg);border-radius:var(--ec-radius)}.ec-cart-icon{font-size:20px;width:28px;text-align:center}.ec-cart-info{flex:1}.ec-cart-name{font-size:13px;font-weight:600;color:var(--ec-text)}.ec-cart-sku{font-size:11px;color:var(--ec-text-muted)}.ec-qty{display:flex;align-items:center;gap:4px}.ec-qty-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--ec-border);background:var(--ec-bg);color:var(--ec-text);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}.ec-qty-btn:hover{background:var(--ec-primary);border-color:var(--ec-primary);color:#fff}.ec-qty-val{min-width:22px;text-align:center;font-size:13px;font-weight:700;color:var(--ec-text)}.ec-cart-total{font-size:13px;font-weight:700;color:var(--ec-primary);min-width:50px;text-align:right}.ec-del-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--ec-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.ec-del-btn:hover{background:var(--ec-danger-lt);color:var(--ec-danger)}.ec-totals{padding:14px 16px;border-top:1px solid var(--ec-border);flex-shrink:0}.ec-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:var(--ec-text-secondary)}.ec-total-row.discount{color:var(--ec-success)}.ec-total-row.shipping{color:var(--ec-purple)}.ec-total-row.tax{color:var(--ec-text-muted)}.ec-total-main{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1.5px solid var(--ec-border);margin:6px 0 12px}.ec-total-main span:first-child{font-size:14px;font-weight:700;color:var(--ec-text)}.ec-total-main span:last-child{font-size:20px;font-weight:700;color:var(--ec-primary-dk);font-family:var(--font-display)}.ec-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.ec-pay-opt{padding:7px 4px;border:1.5px solid var(--ec-border);border-radius:var(--ec-radius);font-size:11px;font-weight:600;text-align:center;cursor:pointer;color:var(--ec-text-secondary);background:var(--ec-bg);transition:.15s}.ec-pay-opt:hover{border-color:var(--ec-accent);color:var(--ec-primary)}.ec-pay-opt.active{background:var(--ec-primary);border-color:var(--ec-primary);color:#fff}.ec-checkout-btn{width:100%;padding:13px;background:var(--ec-primary);border:none;border-radius:var(--ec-radius);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:.2s}.ec-checkout-btn:hover{background:var(--ec-primary-dk);transform:translateY(-1px);box-shadow:var(--ec-shadow-md)}.ec-toast{position:fixed;bottom:24px;right:24px;background:var(--ec-primary-dk);color:#fff;padding:10px 20px;border-radius:var(--ec-radius);font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:9999;font-family:var(--font)}.ec-toast.show{opacity:1;transform:translateY(0)}.ec-grid::-webkit-scrollbar,.ec-cart::-webkit-scrollbar{width:5px}.ec-grid::-webkit-scrollbar-thumb,.ec-cart::-webkit-scrollbar-thumb{background:var(--ec-border);border-radius:10px}:root{--edu-bg: #f8fafc;--edu-surface: #ffffff;--edu-surface2: #f9fafb;--edu-primary: #6d28d9;--edu-primary-lt: #ede9fe;--edu-primary-dk: #4c1d95;--edu-accent: #8b5cf6;--edu-blue: #2563eb;--edu-blue-lt: #dbeafe;--edu-success: #059669;--edu-success-lt: #d1fae5;--edu-warn: #d97706;--edu-warn-lt: #fef3c7;--edu-text: #0f172a;--edu-text-secondary: #475569;--edu-text-muted: #94a3b8;--edu-border: #e2e8f0;--edu-border-dark: #cbd5f5;--edu-shadow: 0 1px 3px rgba(0,0,0,.05);--edu-shadow-md: 0 6px 20px rgba(109,40,217,.15);--edu-radius: 10px;--edu-radius-lg: 14px;--font-display: "Playfair Display", serif;--font: "Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}.edu-wrapper{font-family:var(--font);background:var(--edu-bg);min-height:100vh;display:flex;flex-direction:column}.edu-topbar{background:var(--edu-primary-dk);padding:0 24px;height:58px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:100}.edu-logo{display:flex;align-items:center;gap:10px}.edu-logo-icon{width:36px;height:36px;background:#fde68a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.edu-logo-text{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fde68a;letter-spacing:-.3px}.edu-topbar-divider{width:1px;height:24px;background:#ffffff26}.edu-pill{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px}.edu-pill-lt{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.15)}.edu-pill-yellow{background:#fde68a33;color:#fde68a;border:1px solid rgba(253,230,138,.3)}.edu-pill-green{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.25)}.edu-topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.edu-topbar-stat{text-align:right}.edu-topbar-stat-label{font-size:9px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.edu-topbar-stat-val{font-size:14px;font-weight:800;color:#fde68a;font-family:var(--font)}.edu-layout{display:flex;flex:1;height:calc(100vh - 58px);overflow:hidden}.edu-left{flex:1;display:flex;flex-direction:column;overflow:hidden}.edu-left-header{background:var(--edu-surface);border-bottom:1px solid var(--edu-border);padding:12px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.edu-left-header h2{font-family:var(--font-display);font-size:17px;color:var(--edu-text);flex-shrink:0}.edu-search{position:relative;flex:1}.edu-search input{width:100%;padding:9px 14px 9px 38px;border:1.5px solid var(--edu-border);border-radius:var(--edu-radius);font-family:var(--font);font-size:13px;color:var(--edu-text);background:var(--edu-bg);outline:none;transition:.2s}.edu-search input:focus{border-color:var(--edu-primary);background:#fff;box-shadow:0 0 0 3px #c2410c14}.edu-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--edu-text-muted);pointer-events:none}.edu-cats{padding:10px 20px;background:var(--edu-surface);border-bottom:1px solid var(--edu-border);display:flex;gap:8px;flex-shrink:0}.edu-cat{padding:5px 16px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--edu-border);background:var(--edu-bg);color:var(--edu-text-secondary);transition:.15s}.edu-cat:hover{border-color:var(--edu-accent);color:var(--edu-primary)}.edu-cat.active{background:var(--edu-primary);border-color:var(--edu-primary);color:#fff}.edu-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-content:start}.edu-card{background:var(--edu-surface);border:1.5px solid var(--edu-border);border-radius:var(--edu-radius-lg);overflow:hidden;cursor:pointer;transition:all .2s}.edu-card:hover{border-color:var(--edu-accent);box-shadow:var(--edu-shadow-md);transform:translateY(-2px)}.edu-card-top{padding:14px 16px 12px;position:relative;border-bottom:1px solid var(--edu-border)}.edu-card-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.badge-popular{background:var(--edu-warn-lt);color:var(--edu-warn)}.badge-new{background:var(--edu-blue-lt);color:var(--edu-blue)}.badge-featured{background:var(--edu-primary-lt);color:var(--edu-primary)}.edu-card-icon{font-size:30px;display:block;margin-bottom:8px}.edu-card-name{font-family:var(--font-display);font-size:14px;color:var(--edu-text);line-height:1.4;font-weight:600}.edu-card-cat{font-size:11px;color:var(--edu-text-muted);margin-top:2px}.edu-card-body{padding:12px 16px}.edu-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.edu-meta-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;background:var(--edu-surface2);color:var(--edu-text-secondary);border:1px solid var(--edu-border)}.edu-card-price{font-size:18px;font-weight:900;color:var(--edu-primary);margin-bottom:12px}.edu-card-price span{font-size:11px;font-weight:500;color:var(--edu-text-muted)}.edu-add-btn{width:100%;padding:9px;background:var(--edu-primary-lt);border:1.5px solid var(--edu-accent);border-radius:var(--edu-radius);color:var(--edu-primary);font-family:var(--font);font-size:12px;font-weight:800;cursor:pointer;transition:.15s;letter-spacing:.2px}.edu-add-btn:hover{background:var(--edu-primary);border-color:var(--edu-primary);color:#fff}.edu-right{width:380px;flex-shrink:0;background:var(--edu-surface);border-left:1.5px solid var(--edu-border);display:flex;flex-direction:column;height:100%}.edu-panel-title{padding:16px 18px 14px;border-bottom:1px solid var(--edu-border);flex-shrink:0}.edu-panel-title h3{font-family:var(--font-display);font-size:17px;color:var(--edu-text)}.edu-fields{padding:12px 16px;border-bottom:1px solid var(--edu-border);display:flex;flex-direction:column;gap:9px;flex-shrink:0}.edu-field-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.edu-field{display:flex;flex-direction:column;gap:3px}.edu-label{font-size:10px;font-weight:800;color:var(--edu-text-muted);text-transform:uppercase;letter-spacing:.6px}.edu-input,.edu-select{padding:8px 10px;border:1.5px solid var(--edu-border);border-radius:var(--edu-radius);font-family:var(--font);font-size:13px;color:var(--edu-text);background:var(--edu-bg);outline:none;transition:.15s;width:100%}.edu-input:focus,.edu-select:focus{border-color:var(--edu-primary);background:#fff;box-shadow:0 0 0 3px #c2410c14}.edu-installment-info{padding:8px 12px;background:var(--edu-blue-lt);border:1px solid #93c5fd;border-radius:var(--edu-radius);font-size:12px;color:var(--edu-blue);font-weight:700}.edu-cart{flex:1;overflow-y:auto;padding:8px 12px}.edu-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--edu-text-muted);gap:10px}.edu-cart-empty-icon{font-size:40px;opacity:.5}.edu-cart-empty p{font-size:13px;font-style:italic}.edu-cart-row{display:flex;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--edu-border)}.edu-cart-row:last-child{border-bottom:none}.edu-cart-row:hover{background:var(--edu-bg);border-radius:var(--edu-radius)}.edu-cart-info{flex:1}.edu-cart-name{font-size:13px;font-weight:700;color:var(--edu-text);font-family:var(--font-display)}.edu-cart-sub{font-size:11px;color:var(--edu-text-muted);margin-top:1px}.edu-qty{display:flex;align-items:center;gap:4px}.edu-qty-btn{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--edu-border);background:var(--edu-bg);color:var(--edu-text);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;line-height:1}.edu-qty-btn:hover{background:var(--edu-primary);border-color:var(--edu-primary);color:#fff}.edu-qty-val{min-width:22px;text-align:center;font-size:13px;font-weight:700}.edu-cart-total{font-size:13px;font-weight:800;color:var(--edu-primary);min-width:50px;text-align:right}.edu-del-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--edu-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.edu-del-btn:hover{background:#fee2e2;color:var(--edu-primary)}.edu-totals{padding:14px 16px;border-top:1px solid var(--edu-border);flex-shrink:0}.edu-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:var(--edu-text-secondary)}.edu-total-row.discount{color:var(--edu-success)}.edu-total-row.due-now{color:var(--edu-blue);font-weight:700}.edu-total-main{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:2px solid var(--edu-border-dark);margin:6px 0 12px}.edu-total-main span:first-child{font-size:14px;font-weight:700;color:var(--edu-text)}.edu-total-main span:last-child{font-size:20px;font-weight:900;color:var(--edu-primary-dk);font-family:var(--font-display)}.edu-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.edu-pay-opt{padding:7px 4px;border:1.5px solid var(--edu-border);border-radius:var(--edu-radius);font-size:11px;font-weight:700;text-align:center;cursor:pointer;color:var(--edu-text-secondary);background:var(--edu-bg);transition:.15s}.edu-pay-opt:hover{border-color:var(--edu-accent);color:var(--edu-primary)}.edu-pay-opt.active{background:var(--edu-primary);border-color:var(--edu-primary);color:#fff}.edu-checkout-btn{width:100%;padding:13px;background:var(--edu-primary);border:none;border-radius:var(--edu-radius);color:#fff;font-family:var(--font);font-size:14px;font-weight:800;cursor:pointer;letter-spacing:.3px;transition:.2s}.edu-checkout-btn:hover{background:var(--edu-primary-dk);transform:translateY(-1px);box-shadow:var(--edu-shadow-md)}.edu-toast{position:fixed;bottom:24px;right:24px;background:var(--edu-primary-dk);color:#fff;padding:10px 20px;border-radius:var(--edu-radius);font-size:13px;font-weight:600;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:9999;font-family:var(--font)}.edu-toast.show{opacity:1;transform:translateY(0)}.edu-grid::-webkit-scrollbar,.edu-cart::-webkit-scrollbar{width:5px}.edu-grid::-webkit-scrollbar-thumb,.edu-cart::-webkit-scrollbar-thumb{background:var(--edu-border-dark);border-radius:10px}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}body{font-family:Inter,sans-serif!important;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.heading,.title,.sidebar-heading{font-family:Inter,sans-serif!important;font-weight:600!important;letter-spacing:-.02em!important}p,span,div,label,input,textarea,select{font-family:Inter,sans-serif!important;letter-spacing:.01em}button,.sidebar-button,.btn,.nav-item{font-family:Inter,sans-serif!important;font-weight:500!important}