@charset "UTF-8";@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Outfit", system-ui, sans-serif;--bg-deep: #eef2ff;--bg-mid: #ffffff;--bg-gradient: linear-gradient( 155deg, #fafbff 0%, #eef2ff 16%, #fdf2f8 34%, #e0f2fe 52%, #ecfdf5 72%, #f5f3ff 88%, #fffbeb 100% );--glass-bg: rgba(255, 255, 255, .88);--glass-bg-strong: rgba(255, 255, 255, .97);--glass-border: rgba(148, 163, 184, .2);--glass-border-light: rgba(99, 102, 241, .22);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(99, 102, 241, .1), 0 4px 12px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--glass-shadow-3d: 0 20px 48px rgba(99, 102, 241, .14), 0 10px 24px rgba(15, 23, 42, .07), 0 2px 6px rgba(6, 182, 212, .05);--day-shadow-sm: 0 1px 3px rgba(15, 23, 42, .05), 0 2px 8px rgba(99, 102, 241, .05);--day-shadow-md: 0 4px 14px rgba(15, 23, 42, .05), 0 10px 28px rgba(99, 102, 241, .09), 0 1px 2px rgba(15, 23, 42, .03);--day-shadow-lg: 0 8px 22px rgba(15, 23, 42, .06), 0 18px 42px rgba(99, 102, 241, .11), 0 2px 6px rgba(6, 182, 212, .04), inset 0 1px 0 rgba(255, 255, 255, .75);--day-shadow-xl: 0 12px 32px rgba(15, 23, 42, .07), 0 28px 60px rgba(99, 102, 241, .13), 0 4px 10px rgba(15, 23, 42, .04);--day-shadow-hover: 0 14px 36px rgba(99, 102, 241, .15), 0 22px 52px rgba(15, 23, 42, .08), 0 3px 8px rgba(6, 182, 212, .06);--day-shadow-inset: inset 0 1px 2px rgba(15, 23, 42, .04), inset 0 -1px 0 rgba(255, 255, 255, .9);--day-shadow-bar: 0 6px 20px rgba(99, 102, 241, .1), 0 2px 8px rgba(15, 23, 42, .05);--surface-shine: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,.7) 100%);--accent: #6366f1;--accent-dark: #4338ca;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .32);--accent-2: #06b6d4;--accent-3: #a78bfa;--accent-4: #ec4899;--accent-5: #f59e0b;--rose: #f472b6;--mint: #34d399;--sky: #38bdf8;--chart-line: #6366f1;--chart-1: #6366f1;--chart-2: #06b6d4;--chart-3: #a78bfa;--chart-4: #f472b6;--chart-5: #34d399;--chart-6: #f59e0b;--success: #10b981;--success-glow: rgba(16, 185, 129, .28);--warning: #f59e0b;--danger: #ef4444;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--title-gradient: linear-gradient(135deg, #1e40af 0%, #2563eb 28%, #0284c7 55%, #4f46e5 82%, #6d28d9 100%);--value-gradient: linear-gradient(135deg, #4338ca 0%, #2563eb 50%, #0891b2 100%);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--transition: .28s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .45s cubic-bezier(.34, 1.56, .64, 1);--scrollbar-size: 8px;--scrollbar-size-lg: 10px;--scrollbar-track: rgba(148, 163, 184, .12);--scrollbar-thumb: linear-gradient(180deg, #a5b4fc, #6366f1);--scrollbar-thumb-h: linear-gradient(90deg, #67e8f9, #a78bfa);--scrollbar-thumb-hover: linear-gradient(180deg, #818cf8, #4f46e5);--scrollbar-thumb-active: linear-gradient(180deg, #06b6d4, #6366f1);--scrollbar-glow: 0 0 10px rgba(99, 102, 241, .25);--rainbow: linear-gradient( 90deg, #06b6d4 0%, #6366f1 25%, #a78bfa 50%, #ec4899 75%, #f59e0b 100% );--gradient-brand: linear-gradient(135deg, #06b6d4, #6366f1, #a78bfa, #ec4899);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #4338ca 35%, #0891b2 70%, #7c3aed 100%);--btn-primary-bg: linear-gradient(135deg, #67e8f9, #818cf8, #6366f1, #7c3aed, #6366f1);--input-bg: #ffffff;--top-bar-bg: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(238, 242, 255, .95));--nav-surface-bg: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 252, .92));--chip-bg: #f8fafc;--surface-box: #ffffff;--surface-box-soft: #f8fafc;--surface-box-muted: #eef2ff;--surface-gradient-vertical: linear-gradient(180deg, #ffffff, #fafbff);--surface-gradient-card: linear-gradient(165deg, #ffffff 0%, #f8fafc 55%, #eef2ff 100%);--surface-gradient-panel: linear-gradient(165deg, #ffffff, #f8fafc 60%, #eef2ff);--table-head-bg: linear-gradient(180deg, #f8fafc, #eef2ff);--table-cell-bg: #ffffff;--table-cell-alt: rgba(248, 250, 252, .65);--table-row-hover: linear-gradient(90deg, rgba(99, 102, 241, .06), rgba(6, 182, 212, .05));--btn-ghost-bg: #ffffff;--btn-ghost-hover-bg: #f8fafc;--tabs-bar-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .85));--page-header-bg: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(238, 242, 255, .8));--panel-line: linear-gradient(90deg, var(--accent-2), var(--accent), var(--accent-3))}html[data-theme=night]{color-scheme:dark;--bg-deep: #020308;--bg-mid: #030508;--bg-gradient: linear-gradient( 155deg, #05070d 0%, #0a0e18 18%, #0c1020 36%, #080c14 55%, #0a0f1a 72%, #060910 88%, #04060c 100% );--glass-bg: rgba(14, 20, 34, .78);--glass-bg-strong: rgba(18, 24, 40, .92);--glass-border: rgba(99, 102, 241, .2);--glass-border-light: rgba(129, 140, 248, .32);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .42), 0 2px 8px rgba(0, 0, 0, .28);--glass-shadow-3d: 0 24px 56px rgba(0, 0, 0, .55), 0 0 0 1px rgba(99, 102, 241, .14);--surface-shine: linear-gradient( 135deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, .04) 100% );--text-primary: #e8edf7;--text-secondary: #a8b4c8;--text-muted: #6b7a94;--scrollbar-track: rgba(15, 23, 42, .65);--scrollbar-thumb: linear-gradient(180deg, #4338ca, #6366f1);--scrollbar-thumb-h: linear-gradient(90deg, #0891b2, #6366f1);--scrollbar-thumb-hover: linear-gradient(180deg, #6366f1, #818cf8);--scrollbar-thumb-active: linear-gradient(180deg, #06b6d4, #818cf8);--scrollbar-glow: 0 0 12px rgba(99, 102, 241, .35);--input-bg: rgba(12, 18, 32, .88);--top-bar-bg: linear-gradient(135deg, rgba(10, 14, 24, .98), rgba(8, 12, 22, .96));--nav-surface-bg: linear-gradient(180deg, rgba(12, 16, 28, .97), rgba(8, 11, 20, .94));--chip-bg: rgba(15, 23, 42, .72);--surface-box: #030508;--surface-box-soft: #050810;--surface-box-muted: #080d14;--surface-gradient-vertical: linear-gradient(180deg, #030508, #050810);--surface-gradient-card: linear-gradient(168deg, #020308 0%, #050810 42%, #0a1018 100%);--surface-gradient-panel: linear-gradient(168deg, #030508, #060a12 58%, #0a1018);--night-surface: linear-gradient(168deg, #020308 0%, #04060c 32%, #070b12 68%, #0a1018 100%);--night-surface-soft: linear-gradient(168deg, #04060c 0%, #070b12 55%, #0c121c 100%);--night-surface-muted: linear-gradient(168deg, #060a12 0%, #0a1018 50%, #0f1624 100%);--night-border: rgba(99, 102, 241, .28);--night-border-glow: rgba(129, 140, 248, .42);--night-shadow: 0 14px 42px rgba(0, 0, 0, .65), 0 0 0 1px rgba(99, 102, 241, .12), inset 0 1px 0 rgba(129, 140, 248, .09);--night-shadow-hover: 0 18px 52px rgba(0, 0, 0, .72), 0 0 0 1px rgba(129, 140, 248, .24), 0 0 32px rgba(99, 102, 241, .14), inset 0 1px 0 rgba(129, 140, 248, .14);--table-head-bg: linear-gradient(180deg, #050810, #0a1018);--table-cell-bg: #030508;--table-cell-alt: rgba(8, 13, 22, .88);--table-row-hover: rgba(99, 102, 241, .14);--btn-ghost-bg: rgba(5, 8, 14, .92);--btn-ghost-hover-bg: rgba(12, 18, 30, .95);--tabs-bar-bg: linear-gradient(180deg, #030508, #050810);--page-header-bg: linear-gradient(135deg, #030508, #060a12 55%, #0a1018);--accent-dark: #a5b4fc;--accent-light: #c7d2fe;--lume-red: #ef4444;--lume-red-soft: #f87171;--lume-red-glow: 0 0 14px rgba(239, 68, 68, .5), 0 0 28px rgba(239, 68, 68, .22);--lume-line-h: linear-gradient(90deg, #4338ca, #6366f1, #ef4444, #f87171, #fb7185, #818cf8, #6366f1);--lume-line-v: linear-gradient(180deg, #6366f1, #ef4444, #f87171, #818cf8, #6366f1)}html[data-theme=night] .mesh-bg{background:radial-gradient(rgba(99,102,241,.09) 1px,transparent 1px),var(--bg-gradient);background-size:28px 28px,100% 100%}html[data-theme=night] .mesh-bg:before{background:radial-gradient(circle,rgba(67,56,202,.32) 0%,transparent 68%);opacity:.6;filter:blur(100px)}html[data-theme=night] .mesh-bg:after{background:radial-gradient(circle,rgba(239,68,68,.14) 0%,rgba(6,182,212,.12) 45%,transparent 68%);opacity:.55;filter:blur(90px)}html[data-theme=night] .orb{opacity:.5;filter:blur(80px)}html[data-theme=night] .orb.orb-1{background:#06b6d438}html[data-theme=night] .orb.orb-2{background:#6366f142}html[data-theme=night] .orb.orb-3{background:#ef444433}html[data-theme=night] .top-bar{background:var(--top-bar-bg)!important;border-bottom-color:#6366f138!important;box-shadow:0 10px 32px #00000059!important}html[data-theme=night] .brand-text strong{background:linear-gradient(135deg,#e8edf7,#a5b4fc,#67e8f9);-webkit-background-clip:text;background-clip:text}html[data-theme=night] .user-chip,html[data-theme=night] .cash-card,html[data-theme=night] .cash-pill{background:var(--chip-bg)!important;border-color:#6366f133!important}html[data-theme=night] .open-card{background:linear-gradient(135deg,#78350f40,#0c1220e6)!important}html[data-theme=night] .active-card{background:linear-gradient(135deg,#064e3b47,#0c1220e6)!important}html[data-theme=night] .done-card{background:linear-gradient(135deg,#312e8147,#0c1220e6)!important}html[data-theme=night] .sidebar,html[data-theme=night] .nav-bar{background:var(--night-surface)!important;border-color:var(--night-border)!important;box-shadow:var(--night-shadow)!important}html[data-theme=night] .login-card{background:var(--night-surface)!important;border-color:var(--night-border-glow)!important;box-shadow:var(--night-shadow-hover),0 0 48px #6366f11a!important}html[data-theme=night] .data-table th{background:#0f172aa6!important}html[data-theme=night] .data-table tbody tr:hover{background:#6366f114!important}html[data-theme=night] .search-select-panel{background:#0e1422fa!important;border-color:#6366f140!important}html[data-theme=night] .modal-panel{background:linear-gradient(165deg,#020408,#061018,#0a1424)!important;border-color:#3b82f647!important;box-shadow:var(--night-shadow-hover),inset 0 1px #818cf81f,0 0 32px #6366f11f!important}html[data-theme=night] .modal-panel:after{background:linear-gradient(90deg,#0891b2,#6366f1,#7c3aed,#e11d48);opacity:.75}html[data-theme=night] .modal-panel h3,html[data-theme=night] .modal-header h3,html[data-theme=night] .edit-modal-header h3,html[data-theme=night] .bill-modal-header h3,html[data-theme=night] .modal-panel td,html[data-theme=night] .modal-panel th{color:var(--text-primary);background:none!important;-webkit-text-fill-color:var(--text-primary)!important}html[data-theme=night] .modal-backdrop,html[data-theme=night] .edit-modal-backdrop,html[data-theme=night] .bill-modal-backdrop{background:#020408b8!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}html[data-theme=night] .modal-header,html[data-theme=night] .edit-modal-header,html[data-theme=night] .bill-modal-header{border-bottom-color:#3b82f633!important}html[data-theme=night] .modal-panel .close-btn,html[data-theme=night] .edit-modal .close-btn{background:linear-gradient(165deg,#0a1018,#0f172a)!important;border-color:#3b82f647!important;color:#94a3b8!important;box-shadow:0 0 12px #6366f126!important}html[data-theme=night] .modal-panel .close-btn:hover,html[data-theme=night] .edit-modal .close-btn:hover{color:#c7d2fe!important;border-color:#6366f173!important;background:linear-gradient(165deg,#0f172a,#1e1b4b)!important;box-shadow:0 0 18px #6366f147!important}html[data-theme=night] .modal-panel .summary-card,html[data-theme=night] .modal-panel .meta-card{background:linear-gradient(165deg,#050810,#0a1018)!important;border-color:#3b82f638!important;box-shadow:var(--night-shadow)!important}html[data-theme=night] .modal-panel .summary-card.paid{background:linear-gradient(165deg,#041510,#062018)!important;border-color:#10b98147!important}html[data-theme=night] .modal-panel .summary-card.balance{background:linear-gradient(165deg,#141008,#1c1408)!important;border-color:#f59e0b47!important}html[data-theme=night] .meta-card{background:#0f172aa6!important}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;scrollbar-gutter:stable}html,body{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.45) var(--scrollbar-track)}html::-webkit-scrollbar,body::-webkit-scrollbar{width:var(--scrollbar-size-lg);height:var(--scrollbar-size-lg)}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px;margin:4px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .25s ease,box-shadow .25s ease}html::-webkit-scrollbar-thumb:horizontal,body::-webkit-scrollbar-thumb:horizontal{background:var(--scrollbar-thumb-h)}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);box-shadow:var(--scrollbar-glow)}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.45) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px;margin:4px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .25s ease,box-shadow .25s ease}*::-webkit-scrollbar-thumb:horizontal{background:var(--scrollbar-thumb-h)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);box-shadow:var(--scrollbar-glow)}*::-webkit-scrollbar-corner{background:transparent}input,select,button,textarea{font-family:inherit}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.mesh-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(rgba(99,102,241,.07) 1px,transparent 1px),var(--bg-gradient);background-size:26px 26px,100% 100%;overflow:hidden;pointer-events:none}.mesh-bg:before,.mesh-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);animation:float-orb 22s ease-in-out infinite;opacity:.7}.mesh-bg:before{width:520px;height:520px;background:radial-gradient(circle,rgba(129,140,248,.38) 0%,transparent 70%);top:-180px;right:-80px}.mesh-bg:after{width:480px;height:480px;background:radial-gradient(circle,rgba(244,114,182,.26) 0%,transparent 70%);bottom:-120px;left:-80px;animation-delay:-11s}.orb{position:absolute;border-radius:50%;filter:blur(70px);animation:float-orb 18s ease-in-out infinite;opacity:.55}.orb.orb-1{width:280px;height:280px;background:#06b6d447;top:38%;left:28%;animation-delay:-5s}.orb.orb-2{width:220px;height:220px;background:#a78bfa59;top:18%;right:22%;animation-delay:-12s}.orb.orb-3{width:180px;height:180px;background:#ec489938;bottom:22%;right:35%;animation-delay:-7s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-32px) scale(1.06)}66%{transform:translate(-18px,18px) scale(.96)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #6366f126}50%{box-shadow:0 12px 40px #6366f147,0 0 0 1px #6366f114}}@keyframes soft-pop{0%{transform:scale(.98);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes rainbow-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gentle-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}.glass,.glass-panel,.form-card,.table-wrap,.glass-card,.kpi-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card,.kpi-card{border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);animation:fade-up .5s ease-out}.glass-card:before,.kpi-card:before{content:"";position:absolute;inset:0;background:var(--surface-shine);opacity:.35;pointer-events:none}.glass-card:hover,.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-3d);border-color:var(--glass-border-light)}.glass-panel,.form-card,.table-wrap{border-radius:var(--radius-lg);padding:1.5rem;background:var(--glass-bg-strong);position:relative;overflow:hidden}.glass-panel:after,.form-card:after,.table-wrap:after{content:"";position:absolute;top:0;left:1.25rem;right:1.25rem;height:2px;border-radius:0 0 4px 4px;background:var(--panel-line);opacity:.55;pointer-events:none}.glass-input{width:100%;padding:.8rem 1rem;background:var(--input-bg);border:1.5px solid rgba(148,163,184,.28);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);outline:none;box-shadow:0 1px 2px #0f172a0a}.glass-input::placeholder{color:var(--text-muted)}.glass-input:hover{border-color:#6366f159}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #6366f11f,0 0 0 1px #06b6d440,0 4px 12px #6366f11f;transform:translateY(-1px)}select.glass-input{cursor:pointer;appearance:none;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.btn,.btn-ghost,.add-item-btn,.btn-icon,.btn-success,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-bounce);text-decoration:none;position:relative;overflow:hidden}.btn:after,.btn-ghost:after,.add-item-btn:after,.btn-icon:after,.btn-success:after,.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,transparent 55%);opacity:0;transition:opacity var(--transition)}.btn:hover:after,.btn-ghost:hover:after,.add-item-btn:hover:after,.btn-icon:hover:after,.btn-success:hover:after,.btn-primary:hover:after{opacity:1}.btn:disabled,.btn-ghost:disabled,.add-item-btn:disabled,.btn-icon:disabled,.btn-success:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--btn-primary-bg);background-size:200% 200%;animation:rainbow-flow 8s ease infinite;color:#fff;box-shadow:0 6px 22px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 32px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-success{background:linear-gradient(135deg,#6ee7b7,#34d399 40%,#059669);color:#fff;box-shadow:0 6px 20px var(--success-glow)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #10b98161}.btn-ghost,.add-item-btn,.btn-icon{background:var(--btn-ghost-bg);border:1.5px solid rgba(148,163,184,.28);color:var(--text-secondary);box-shadow:0 1px 3px #0f172a0a}.btn-ghost:hover:not(:disabled),.add-item-btn:hover:not(:disabled),.btn-icon:hover:not(:disabled){background:var(--btn-ghost-hover-bg);color:var(--accent-dark);border-color:#6366f159;transform:translateY(-1px);box-shadow:0 4px 12px #6366f11a}.btn-icon{padding:.4rem .65rem;min-width:36px}.section-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;padding:.35rem;background:var(--tabs-bar-bg);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.12);width:fit-content;flex-wrap:wrap;box-shadow:0 6px 20px #6366f114}.section-tabs a{padding:.5rem 1rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-muted);font-size:.88rem;font-weight:500;transition:all var(--transition)}.section-tabs a:hover{color:var(--accent-dark);background:#6366f10f}.section-tabs a.active{color:#fff;background:var(--gradient-brand);background-size:200% 200%;animation:rainbow-flow 6s ease infinite;box-shadow:0 6px 18px #6366f152}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.15rem 1.35rem;border-radius:var(--radius-lg);background:var(--page-header-bg);border:1px solid rgba(99,102,241,.14);box-shadow:0 10px 32px #6366f117;animation:fade-up .4s ease-out;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rainbow);background-size:200% 100%;animation:rainbow-flow 10s linear infinite;opacity:.85}.page-title{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.03em;color:#1e40af;background:var(--title-gradient);background-size:200% auto;animation:rainbow-flow 12s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{margin:.3rem 0 0;color:var(--text-secondary);font-size:.92rem;font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.kpi-card{display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;background:var(--surface-gradient-card);border:1px solid rgba(99,102,241,.12);box-shadow:0 12px 36px #6366f11a,0 2px 8px #0f172a0a}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--rainbow);background-size:200% 100%;animation:rainbow-flow 8s linear infinite;opacity:.95;z-index:1}.kpi-card:nth-child(1):after{background:linear-gradient(90deg,#6366f1,#06b6d4)}.kpi-card:nth-child(2):after{background:linear-gradient(90deg,#34d399,#10b981)}.kpi-card:nth-child(3):after{background:linear-gradient(90deg,#a78bfa,#ec4899)}.kpi-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);pointer-events:none;opacity:1;inset:auto;background-image:none}.kpi-card .kpi-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi-card .kpi-value{font-size:2rem;font-weight:800;color:#4338ca;background:var(--value-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-card .kpi-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:2.5rem;opacity:.12}.table-wrap{overflow:auto;max-height:calc(100vh - 12rem);animation:fade-up .5s ease-out .08s both;background:var(--surface-box);border:1px solid rgba(99,102,241,.1);box-shadow:0 10px 32px #6366f114}.dt-table-wrap.is-full-view{max-height:none!important;overflow-x:auto!important;overflow-y:visible!important}.table-wrap,.dt-table-wrap,.history-table-wrap,.table-scroll{scrollbar-width:thin;scrollbar-color:#818cf8 rgba(99,102,241,.1)}.table-wrap::-webkit-scrollbar,.dt-table-wrap::-webkit-scrollbar,.history-table-wrap::-webkit-scrollbar,.table-scroll::-webkit-scrollbar{width:10px;height:10px}.table-wrap::-webkit-scrollbar-track,.dt-table-wrap::-webkit-scrollbar-track,.history-table-wrap::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#eef2fff2,#e0e7ff8c);border-radius:999px;margin:5px;border:1px solid rgba(99,102,241,.1)}.table-wrap::-webkit-scrollbar-thumb,.dt-table-wrap::-webkit-scrollbar-thumb,.history-table-wrap::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#818cf8 45%,#a78bfa);border-radius:999px;border:2px solid rgba(255,255,255,.65);background-clip:padding-box;box-shadow:0 0 10px #6366f147;transition:background .25s ease,box-shadow .25s ease}.table-wrap::-webkit-scrollbar-thumb:horizontal,.dt-table-wrap::-webkit-scrollbar-thumb:horizontal,.history-table-wrap::-webkit-scrollbar-thumb:horizontal,.table-scroll::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899);box-shadow:0 0 10px #06b6d438}.table-wrap::-webkit-scrollbar-thumb:hover,.dt-table-wrap::-webkit-scrollbar-thumb:hover,.history-table-wrap::-webkit-scrollbar-thumb:hover,.table-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06b6d4,#6366f1,#8b5cf6);box-shadow:0 0 14px #6366f16b}.table-wrap::-webkit-scrollbar-thumb:horizontal:hover,.dt-table-wrap::-webkit-scrollbar-thumb:horizontal:hover,.history-table-wrap::-webkit-scrollbar-thumb:horizontal:hover,.table-scroll::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(90deg,#22d3ee,#4f46e5,#7c3aed,#db2777);box-shadow:0 0 14px #6366f161}.table-wrap::-webkit-scrollbar-corner,.dt-table-wrap::-webkit-scrollbar-corner,.history-table-wrap::-webkit-scrollbar-corner,.table-scroll::-webkit-scrollbar-corner{background:linear-gradient(135deg,#eef2ff,#ecfeff);border-radius:6px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{padding:.95rem 1.2rem;text-align:left}.data-table th{position:sticky;top:0;z-index:2;background:var(--table-head-bg);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid rgba(99,102,241,.14);box-shadow:0 2px #fffc}.data-table td{border-bottom:1px solid rgba(148,163,184,.1);font-size:.9rem;color:var(--text-primary);background:var(--table-cell-bg)}.data-table tbody tr{transition:background var(--transition),box-shadow var(--transition)}.data-table tbody tr:nth-child(2n) td{background:var(--table-cell-alt)}.data-table tbody tr:hover td{background:var(--table-row-hover)}.data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md)}.data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md)}.data-table .empty{text-align:center;color:var(--text-muted);padding:3rem!important}.badge{display:inline-block;padding:.28rem .7rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-pending{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c;border:1px solid #fed7aa;box-shadow:0 2px 8px #f59e0b1f}.badge-approved{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;border:1px solid #c7d2fe;box-shadow:0 2px 8px #6366f11f}.badge-completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;border:1px solid #a7f3d0;box-shadow:0 2px 8px #10b9811f}.badge-draft{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;border:1px solid #e2e8f0}.form-card{animation:fade-up .5s ease-out;background:var(--surface-gradient-vertical);border:1px solid rgba(99,102,241,.1);box-shadow:0 12px 36px #6366f114;overflow:visible}.form-card:has(.search-select.open),.glass-panel:has(.search-select.open),.table-wrap:has(.search-select.open){position:relative;z-index:120}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.18)}.form-section-title{margin:1.5rem 0 1rem;font-size:1rem;font-weight:600;color:var(--accent-dark)}.item-row-header,.item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:center}.item-row-header{margin-bottom:.5rem;padding:0 .25rem}.item-row-header span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.item-row{margin-bottom:.75rem}.add-item-btn{width:100%;border-style:dashed;margin:.5rem 0 1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;animation:soft-pop .3s ease-out}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;padding:1rem 1.25rem;border-radius:var(--radius-md);animation:soft-pop .3s ease-out}.link-accent{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--transition)}.link-accent:hover{color:var(--accent-dark)}.modal-backdrop,.edit-modal-backdrop,.bill-modal-backdrop,.full-image-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade-up .25s ease-out}.modal-panel,.edit-modal.glass-panel,.edit-modal.table-wrap,.edit-modal.form-card,.bill-modal.glass,.bill-modal.glass-card,.bill-modal.glass-panel,.bill-modal.kpi-card,.bill-modal.table-wrap,.bill-modal.form-card{position:relative;overflow:auto;border-radius:var(--radius-xl)!important;background:linear-gradient(165deg,#fff,#fafbff 48%,#f5f3ff)!important;border:1px solid rgba(99,102,241,.2)!important;box-shadow:0 28px 68px #6366f133,0 12px 32px #0f172a1a,inset 0 1px #ffffffeb!important;animation:soft-pop .34s cubic-bezier(.34,1.4,.64,1);scrollbar-width:thin;scrollbar-color:#818cf8 rgba(99,102,241,.1)}.modal-panel::-webkit-scrollbar,.edit-modal.glass-panel::-webkit-scrollbar,.edit-modal.table-wrap::-webkit-scrollbar,.edit-modal.form-card::-webkit-scrollbar,.bill-modal.glass::-webkit-scrollbar,.bill-modal.glass-card::-webkit-scrollbar,.bill-modal.glass-panel::-webkit-scrollbar,.bill-modal.kpi-card::-webkit-scrollbar,.bill-modal.table-wrap::-webkit-scrollbar,.bill-modal.form-card::-webkit-scrollbar{width:8px;height:8px}.modal-panel::-webkit-scrollbar-track,.edit-modal.glass-panel::-webkit-scrollbar-track,.edit-modal.table-wrap::-webkit-scrollbar-track,.edit-modal.form-card::-webkit-scrollbar-track,.bill-modal.glass::-webkit-scrollbar-track,.bill-modal.glass-card::-webkit-scrollbar-track,.bill-modal.glass-panel::-webkit-scrollbar-track,.bill-modal.kpi-card::-webkit-scrollbar-track,.bill-modal.table-wrap::-webkit-scrollbar-track,.bill-modal.form-card::-webkit-scrollbar-track{background:linear-gradient(180deg,#eef2fff2,#e0e7ff8c);border-radius:999px;margin:5px;border:1px solid rgba(99,102,241,.1)}.modal-panel::-webkit-scrollbar-thumb,.edit-modal.glass-panel::-webkit-scrollbar-thumb,.edit-modal.table-wrap::-webkit-scrollbar-thumb,.edit-modal.form-card::-webkit-scrollbar-thumb,.bill-modal.glass::-webkit-scrollbar-thumb,.bill-modal.glass-card::-webkit-scrollbar-thumb,.bill-modal.glass-panel::-webkit-scrollbar-thumb,.bill-modal.kpi-card::-webkit-scrollbar-thumb,.bill-modal.table-wrap::-webkit-scrollbar-thumb,.bill-modal.form-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#818cf8 45%,#a78bfa);border-radius:999px;border:2px solid rgba(255,255,255,.65);background-clip:padding-box;box-shadow:0 0 10px #6366f147;transition:background .25s ease,box-shadow .25s ease}.modal-panel::-webkit-scrollbar-thumb:horizontal,.edit-modal.glass-panel::-webkit-scrollbar-thumb:horizontal,.edit-modal.table-wrap::-webkit-scrollbar-thumb:horizontal,.edit-modal.form-card::-webkit-scrollbar-thumb:horizontal,.bill-modal.glass::-webkit-scrollbar-thumb:horizontal,.bill-modal.glass-card::-webkit-scrollbar-thumb:horizontal,.bill-modal.glass-panel::-webkit-scrollbar-thumb:horizontal,.bill-modal.kpi-card::-webkit-scrollbar-thumb:horizontal,.bill-modal.table-wrap::-webkit-scrollbar-thumb:horizontal,.bill-modal.form-card::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899);box-shadow:0 0 10px #06b6d438}.modal-panel::-webkit-scrollbar-thumb:hover,.edit-modal.glass-panel::-webkit-scrollbar-thumb:hover,.edit-modal.table-wrap::-webkit-scrollbar-thumb:hover,.edit-modal.form-card::-webkit-scrollbar-thumb:hover,.bill-modal.glass::-webkit-scrollbar-thumb:hover,.bill-modal.glass-card::-webkit-scrollbar-thumb:hover,.bill-modal.glass-panel::-webkit-scrollbar-thumb:hover,.bill-modal.kpi-card::-webkit-scrollbar-thumb:hover,.bill-modal.table-wrap::-webkit-scrollbar-thumb:hover,.bill-modal.form-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06b6d4,#6366f1,#8b5cf6);box-shadow:0 0 14px #6366f16b}.modal-panel::-webkit-scrollbar-thumb:horizontal:hover,.edit-modal.glass-panel::-webkit-scrollbar-thumb:horizontal:hover,.edit-modal.table-wrap::-webkit-scrollbar-thumb:horizontal:hover,.edit-modal.form-card::-webkit-scrollbar-thumb:horizontal:hover,.bill-modal.glass::-webkit-scrollbar-thumb:horizontal:hover,.bill-modal.glass-card::-webkit-scrollbar-thumb:horizontal:hover,.bill-modal.glass-panel::-webkit-scrollbar-thumb:horizontal:hover,.bill-modal.kpi-card::-webkit-scrollbar-thumb:horizontal:hover,.bill-modal.table-wrap::-webkit-scrollbar-thumb:horizontal:hover,.bill-modal.form-card::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(90deg,#22d3ee,#4f46e5,#7c3aed,#db2777);box-shadow:0 0 14px #6366f161}.modal-panel::-webkit-scrollbar-corner,.edit-modal.glass-panel::-webkit-scrollbar-corner,.edit-modal.table-wrap::-webkit-scrollbar-corner,.edit-modal.form-card::-webkit-scrollbar-corner,.bill-modal.glass::-webkit-scrollbar-corner,.bill-modal.glass-card::-webkit-scrollbar-corner,.bill-modal.glass-panel::-webkit-scrollbar-corner,.bill-modal.kpi-card::-webkit-scrollbar-corner,.bill-modal.table-wrap::-webkit-scrollbar-corner,.bill-modal.form-card::-webkit-scrollbar-corner{background:linear-gradient(135deg,#eef2ff,#ecfeff);border-radius:6px}.modal-panel:after,.edit-modal.glass-panel:after,.edit-modal.table-wrap:after,.edit-modal.form-card:after,.bill-modal.glass:after,.bill-modal.glass-card:after,.bill-modal.glass-panel:after,.bill-modal.kpi-card:after,.bill-modal.table-wrap:after,.bill-modal.form-card:after{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899,#f59e0b);background-size:200% 100%;animation:rainbow-flow 12s linear infinite;opacity:.9;pointer-events:none;z-index:2}.modal-header,.edit-modal-header,.bill-modal-header{position:relative;z-index:1;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(99,102,241,.14)}.modal-header h3,.edit-modal-header h3,.bill-modal-header h3{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:#1e40af;background:linear-gradient(135deg,#4338ca,#2563eb 45%,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header .sub,.modal-header .modal-sub,.modal-header p.sub,.edit-modal-header .sub,.edit-modal-header .modal-sub,.edit-modal-header p.sub,.bill-modal-header .sub,.bill-modal-header .modal-sub,.bill-modal-header p.sub{margin:.3rem 0 0;font-size:.82rem;color:var(--text-secondary);font-weight:500}.modal-header code,.edit-modal-header code,.bill-modal-header code{background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid rgba(99,102,241,.16);color:#4338ca;padding:.15rem .45rem;border-radius:6px;font-size:.85em}.modal-panel .close-btn,.edit-modal .close-btn{position:relative;z-index:1;border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;width:36px;height:36px;border-radius:10px;font-size:1.2rem;cursor:pointer;color:#64748b;line-height:1;flex-shrink:0;box-shadow:var(--day-shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),color var(--transition),background var(--transition)}.modal-panel .close-btn:hover,.edit-modal .close-btn:hover{color:#4338ca!important;border-color:#6366f159!important;background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;box-shadow:var(--day-shadow-md);transform:scale(1.06)}.modal-panel .summary-row,.modal-panel .summary-card,.modal-panel .meta-card{position:relative;z-index:1}.modal-panel .summary-card,.modal-panel .meta-card{background:linear-gradient(135deg,#f8fafc,#eef2ff)!important;border:1px solid rgba(99,102,241,.14)!important;box-shadow:var(--day-shadow-sm)!important;border-radius:var(--radius-sm)}.modal-panel .summary-card.paid{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#10b98133!important}.modal-panel .summary-card.balance{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-color:#f59e0b38!important}.modal-panel .summary-card.balance.zero{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#10b98133!important}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem}.chart-card{background:var(--surface-gradient-card);border:1px solid rgba(99,102,241,.12);padding:1.35rem 1.5rem 1.5rem;animation:fade-up .55s ease-out both;box-shadow:0 12px 36px #6366f117;position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:1.25rem;right:1.25rem;height:3px;border-radius:0 0 6px 6px;background:var(--rainbow);background-size:200% 100%;animation:rainbow-flow 10s linear infinite;opacity:.8}.chart-card:hover{border-color:#6366f138;box-shadow:0 16px 44px #6366f124}.chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.chart-head h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary)}.chart-head p{margin:.25rem 0 0;font-size:.82rem;color:var(--text-muted);font-weight:500}.chart-badge{flex-shrink:0;padding:.28rem .65rem;border-radius:999px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.chart-badge.cyan{color:#0e7490;background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #a5f3fc}.chart-badge.violet{color:#6d28d9;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe}.live-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#047857;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;box-shadow:0 4px 14px #10b98126;animation:pulse-glow 3s ease-in-out infinite}.pos-cart .cart-footer{flex-shrink:0;margin-top:auto}.pos-cart .cart-checkout-bar{flex-shrink:0;position:sticky;bottom:0;z-index:3}.pos-cart .cart-head-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.pos-cart .expand-btn{padding:.35rem .7rem;font-size:.76rem;font-weight:700;white-space:nowrap;border-color:#6366f138;color:var(--accent-dark)}.pos-cart .expand-btn:hover{background:#6366f114}.pos-cart .expand-btn.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f159;color:var(--accent-dark);box-shadow:0 2px 10px #6366f11f}body.pos-sale-expanded .pos-layout-mode .content{max-height:calc(100dvh - 2.5rem);padding-top:.35rem;padding-bottom:.35rem}body.pos-sale-expanded app-top-bar .top-bar{padding-top:.45rem;padding-bottom:.45rem}body.pos-sale-expanded app-top-bar .top-nav-links,body.pos-sale-expanded app-top-bar .cash-section{display:none}body.pos-sale-expanded app-pos.sale-panel-expanded{height:calc(100dvh - 3.75rem);max-height:calc(100dvh - 3.75rem)}body.pos-sale-expanded .pos-shell.sale-panel-expanded{gap:.45rem}body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-topbar{display:none}body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-search{height:100%;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-search-body{min-height:0}body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-layout{flex:1 1 0;min-height:0}body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-cart{flex:1 1 0;min-height:0;height:100%;box-shadow:0 -8px 32px #6366f11f,0 10px 32px #6366f11a}body.pos-sale-expanded .pos-shell.sale-panel-expanded .cart-items{flex:1 1 0;min-height:0;max-height:none}body.pos-sale-expanded .pos-shell.sale-panel-expanded .cart-footer{flex-shrink:0;margin-top:auto}body.pos-sale-expanded .pos-shell.sale-panel-expanded .cart-footer-scroll{max-height:min(32vh,280px)}body.pos-sale-expanded .pos-shell.sale-panel-expanded .cart-checkout-bar{flex-shrink:0;position:sticky;bottom:0}@media (max-width: 1100px){body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-layout{grid-template-rows:minmax(220px,1fr) minmax(360px,1.35fr)}body.pos-sale-expanded .pos-shell.sale-panel-expanded .pos-search{max-height:none;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto}}@media (max-height: 820px){body.pos-sale-expanded .pos-shell.sale-panel-expanded .cart-footer-scroll{max-height:min(20vh,180px)}}.layout .content{position:relative}.layout .content:not(.content-full)>*{animation:fade-up .45s ease-out}.sidebar .nav-link:hover .nav-icon{transform:scale(1.12);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.sidebar .nav-link.active{background:var(--gradient-brand)!important;background-size:200% 200%!important;animation:rainbow-flow 8s ease infinite}.pos-search.glass-panel:before,.pos-search.table-wrap:before,.pos-search.form-card:before,.pos-cart.glass-panel:before,.pos-cart.table-wrap:before,.pos-cart.form-card:before{height:3px;opacity:.75;background:var(--panel-line);background-size:200% 100%;animation:rainbow-flow 12s linear infinite}.product-tile:hover .tile-price{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checkout-btn{background:linear-gradient(135deg,#6ee7b7,#10b981,#059669)!important;background-size:200% 200%;animation:rainbow-flow 10s ease infinite}.dt-toolbar{position:relative;overflow:hidden}.dt-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--rainbow);background-size:200% 100%;animation:rainbow-flow 14s linear infinite;opacity:.7}.alert-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;box-shadow:0 4px 16px #10b9811f}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 4px 16px #ef44441a}html[data-theme=night] app-root{color:var(--text-primary)}html[data-theme=night] .page-title{background:linear-gradient(135deg,#f1f5f9,#a5b4fc,#67e8f9,#c4b5fd);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=night] .glass-card,html[data-theme=night] .glass-panel,html[data-theme=night] .glass,html[data-theme=night] .table-wrap,html[data-theme=night] .kpi-card,html[data-theme=night] .form-card,html[data-theme=night] .chart-card,html[data-theme=night] .page-header,html[data-theme=night] .section-tabs,html[data-theme=night] .meta-card,html[data-theme=night] .dt-toolbar{background:var(--night-surface)!important;color:var(--text-primary);border-color:var(--night-border)!important;box-shadow:var(--night-shadow)!important;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}html[data-theme=night] .glass-card:hover,html[data-theme=night] .glass-panel:hover,html[data-theme=night] .table-wrap:hover,html[data-theme=night] .kpi-card:hover,html[data-theme=night] .chart-card:hover,html[data-theme=night] .form-card:hover{border-color:var(--night-border-glow)!important;box-shadow:var(--night-shadow-hover)!important}html[data-theme=night] .kpi-value,html[data-theme=night] .overview-kpi .kpi-value{background:linear-gradient(135deg,#e0e7ff,#67e8f9,#a5b4fc)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}html[data-theme=night] .data-table th{background:var(--table-head-bg)!important;color:var(--text-muted)!important;box-shadow:none!important}html[data-theme=night] .data-table td{background:var(--table-cell-bg)!important;color:var(--text-primary)!important}html[data-theme=night] .data-table tbody tr:nth-child(2n) td{background:var(--table-cell-alt)!important}html[data-theme=night] .data-table tbody tr:hover td{background:var(--table-row-hover)!important}html[data-theme=night] .table-wrap,html[data-theme=night] .dt-table-wrap,html[data-theme=night] .history-table-wrap,html[data-theme=night] .table-scroll{scrollbar-width:thin;scrollbar-color:#6366f1 rgba(15,23,42,.75)}html[data-theme=night] .table-wrap::-webkit-scrollbar,html[data-theme=night] .dt-table-wrap::-webkit-scrollbar,html[data-theme=night] .history-table-wrap::-webkit-scrollbar,html[data-theme=night] .table-scroll::-webkit-scrollbar{width:10px;height:10px}html[data-theme=night] .table-wrap::-webkit-scrollbar-track,html[data-theme=night] .dt-table-wrap::-webkit-scrollbar-track,html[data-theme=night] .history-table-wrap::-webkit-scrollbar-track,html[data-theme=night] .table-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#0a0f1cf2,#0f172ab3);border-radius:999px;margin:5px;border:1px solid rgba(59,130,246,.18)}html[data-theme=night] .table-wrap::-webkit-scrollbar-thumb,html[data-theme=night] .dt-table-wrap::-webkit-scrollbar-thumb,html[data-theme=night] .history-table-wrap::-webkit-scrollbar-thumb,html[data-theme=night] .table-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0891b2,#4f46e5 50%,#7c3aed);border-radius:999px;border:2px solid rgba(2,4,8,.5);background-clip:padding-box;box-shadow:0 0 12px #6366f173}html[data-theme=night] .table-wrap::-webkit-scrollbar-thumb:horizontal,html[data-theme=night] .dt-table-wrap::-webkit-scrollbar-thumb:horizontal,html[data-theme=night] .history-table-wrap::-webkit-scrollbar-thumb:horizontal,html[data-theme=night] .table-scroll::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,#0891b2,#6366f1,#8b5cf6,#e11d48)}html[data-theme=night] .table-wrap::-webkit-scrollbar-thumb:hover,html[data-theme=night] .dt-table-wrap::-webkit-scrollbar-thumb:hover,html[data-theme=night] .history-table-wrap::-webkit-scrollbar-thumb:hover,html[data-theme=night] .table-scroll::-webkit-scrollbar-thumb:hover{box-shadow:0 0 16px #6366f18c}html[data-theme=night] .table-wrap::-webkit-scrollbar-corner,html[data-theme=night] .dt-table-wrap::-webkit-scrollbar-corner,html[data-theme=night] .history-table-wrap::-webkit-scrollbar-corner,html[data-theme=night] .table-scroll::-webkit-scrollbar-corner{background:#0a0f1a;border-radius:6px}html[data-theme=night] .styled-table,html[data-theme=night] .styled-table th,html[data-theme=night] .styled-table td,html[data-theme=night] .history-table,html[data-theme=night] .history-table th,html[data-theme=night] .history-table td{background:var(--night-surface)!important;color:var(--text-primary)!important}html[data-theme=night] .styled-table th,html[data-theme=night] .history-table th{color:var(--text-muted)!important;background:var(--night-surface-soft)!important}html[data-theme=night] .styled-table tfoot td{background:var(--night-surface-muted)!important}html[data-theme=night] .form-section-title,html[data-theme=night] .link-accent{color:var(--accent-light)}html[data-theme=night] .link-accent:hover{color:#c7d2fe}html[data-theme=night] .brand-compact .brand-name{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;background:none!important}html[data-theme=night] .nav-hide-btn,html[data-theme=night] .nav-tool-btn,html[data-theme=night] .menu-panel,html[data-theme=night] .search-select-panel,html[data-theme=night] .summary-card,html[data-theme=night] .summary-input,html[data-theme=night] .held-icon-wrap,html[data-theme=night] .held-sale-card,html[data-theme=night] .hold-tool,html[data-theme=night] .new-tool,html[data-theme=night] .held-action,html[data-theme=night] .held-sales-empty,html[data-theme=night] .cart-footer,html[data-theme=night] .cart-line,html[data-theme=night] .breakdown-panel,html[data-theme=night] .qty-stepper,html[data-theme=night] .return-panel,html[data-theme=night] .info-card,html[data-theme=night] .table-scroll,html[data-theme=night] .mode-btn:not(.active),html[data-theme=night] .panel-icon,html[data-theme=night] .report-nav,html[data-theme=night] .report-nav-item:not(.active),html[data-theme=night] .report-panel,html[data-theme=night] .filters,html[data-theme=night] .overview-kpi,html[data-theme=night] .overview-chart-card,html[data-theme=night] .summary-kpi,html[data-theme=night] .hero-metric,html[data-theme=night] .hero-chip,html[data-theme=night] .edit-modal,html[data-theme=night] .modal-body,html[data-theme=night] .modal-content,html[data-theme=night] .picker-panel,html[data-theme=night] .picker-toolbar,html[data-theme=night] .picker-filters,html[data-theme=night] .product-row,html[data-theme=night] .role-card,html[data-theme=night] .payment-row td,html[data-theme=night] .hnav-scroll-wrap,html[data-theme=night] .hnav-link:not(.active),html[data-theme=night] .nav-link:not(.active),html[data-theme=night] .sales-tabs a:not(.active),html[data-theme=night] .top-link:not(.active),html[data-theme=night] .cash-card:not(.open-card):not(.active-card):not(.done-card){background:var(--night-surface)!important;color:var(--text-primary);border-color:var(--night-border)!important;box-shadow:var(--night-shadow)!important}html[data-theme=night] .pos-search,html[data-theme=night] .pos-cart,html[data-theme=night] .sale-panel,html[data-theme=night] .lines-panel,html[data-theme=night] .sale-form-shell,html[data-theme=night] .strip-card,html[data-theme=night] .chart-card-donut{background:var(--night-surface)!important;color:var(--text-primary);border-color:var(--night-border-glow)!important;box-shadow:var(--night-shadow-hover)!important}html[data-theme=night] [class*=-card]:not(.btn):not(.btn-primary):not(.btn-success):not(.btn-ghost):not(.btn-icon):not(.add-item-btn):not([class*=btn]):not(.open-card):not(.active-card):not(.done-card):not(.theme-track):not(.login-card),html[data-theme=night] [class*=-panel]:not(.theme-track):not(.search-select-panel):not(.breakdown-panel):not(.lines-panel):not(.sale-panel),html[data-theme=night] [class*=-wrap]:not(.mesh-bg):not(.login-theme-wrap):not(.table-wrap):not(.overview-wrap),html[data-theme=night] [class*=-box],html[data-theme=night] [class*=-scroll]:not(.hnav-scroll):not(.nav-scroll):not(.cart-footer-scroll){background:var(--night-surface)!important;color:var(--text-primary);border-color:var(--night-border)!important;box-shadow:var(--night-shadow)!important}html[data-theme=night] .hnav-scroll-fade.left{background:linear-gradient(90deg,#030508 30%,transparent)!important}html[data-theme=night] .hnav-scroll-fade.right{background:linear-gradient(270deg,#030508 30%,transparent)!important}html[data-theme=night] .hnav-brand .brand-name{color:var(--text-primary)!important}html[data-theme=night] .mode-btn:hover,html[data-theme=night] .report-nav-item:hover,html[data-theme=night] .option-btn:hover,html[data-theme=night] .option-btn.active,html[data-theme=night] .menu-item:hover,html[data-theme=night] .sales-tabs a:not(.active):hover,html[data-theme=night] .nav-link:hover,html[data-theme=night] .hnav-link:hover,html[data-theme=night] .top-link:hover{background:var(--night-surface-soft)!important;color:var(--text-primary)!important;border-color:var(--night-border-glow)!important}html[data-theme=night] .mode-btn.active,html[data-theme=night] .report-nav-item.active,html[data-theme=night] .section-tabs a.active{color:#fff!important}html[data-theme=night] .info-card.highlight{background:linear-gradient(165deg,rgba(6,78,59,.42),var(--night-surface))!important;border-color:#34d39959!important;box-shadow:var(--night-shadow),0 0 20px #10b9811f!important}html[data-theme=night] .report-active-pill,html[data-theme=night] .qty-badge,html[data-theme=night] .row-count-badge,html[data-theme=night] .chart-badge,html[data-theme=night] .hero-chip,html[data-theme=night] .overview-badge{background:var(--night-surface-muted)!important;color:var(--accent-light)!important;border-color:var(--night-border-glow)!important;box-shadow:0 0 16px #6366f11f!important}html[data-theme=night] .profit-hero.profitable{background:linear-gradient(135deg,rgba(6,78,59,.45),var(--night-surface))!important;box-shadow:0 0 24px #10b9811a!important}html[data-theme=night] .profit-hero.break-even{background:linear-gradient(135deg,rgba(120,53,15,.38),var(--night-surface))!important;box-shadow:0 0 24px #f59e0b14!important}html[data-theme=night] .profit-hero.loss{background:linear-gradient(135deg,rgba(127,29,29,.38),var(--night-surface))!important;box-shadow:0 0 24px #ef444414!important}html[data-theme=night] .profit-hero .hero-copy h4,html[data-theme=night] .profit-hero .hero-copy p,html[data-theme=night] .report-panel-title,html[data-theme=night] .panel-head h3,html[data-theme=night] .panel-head p,html[data-theme=night] .nav-label,html[data-theme=night] .nav-text,html[data-theme=night] .summary-value,html[data-theme=night] .summary-label,html[data-theme=night] .held-sale-customer,html[data-theme=night] .held-sale-meta,html[data-theme=night] .info-value,html[data-theme=night] .info-label,html[data-theme=night] .mode-text strong,html[data-theme=night] .mode-text small,html[data-theme=night] .metric-label,html[data-theme=night] .metric-value,html[data-theme=night] .metric-sub,html[data-theme=night] .kpi-label,html[data-theme=night] .chart-head h4,html[data-theme=night] .chart-head p,html[data-theme=night] .sub,html[data-theme=night] .details,html[data-theme=night] .empty,html[data-theme=night] label,html[data-theme=night] p{color:inherit}html[data-theme=night] .held-sale-customer,html[data-theme=night] .summary-card strong,html[data-theme=night] .info-value,html[data-theme=night] .mode-text strong,html[data-theme=night] .metric-value,html[data-theme=night] .nav-label,html[data-theme=night] .report-panel-title,html[data-theme=night] .panel-head h3{color:var(--text-primary)!important}html[data-theme=night] .held-sale-meta,html[data-theme=night] .summary-label,html[data-theme=night] .info-label,html[data-theme=night] .mode-text small,html[data-theme=night] .metric-label,html[data-theme=night] .metric-sub,html[data-theme=night] .nav-desc,html[data-theme=night] .sub,html[data-theme=night] .details,html[data-theme=night] .empty,html[data-theme=night] .filters-label{color:var(--text-muted)!important}html[data-theme=night] .held-section-title{color:var(--text-primary)!important}html[data-theme=night] .sale-summary-stack{background:linear-gradient(165deg,#020408,#040a14 30%,#061018 58%,#0a1628)!important;border-color:#3b82f64d!important;box-shadow:inset 0 1px #818cf81f,0 12px 32px #00000080,0 0 36px #2563eb1a!important}html[data-theme=night] .summary-stack-head{border-bottom-color:#3b82f638!important}html[data-theme=night] .summary-stack-title{background:linear-gradient(135deg,#bfdbfe,#60a5fa,#818cf8)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 0 14px rgba(59,130,246,.3))}html[data-theme=night] .summary-stack-sub{color:#94a3b8!important}html[data-theme=night] .summary-item-chip{color:#93c5fd!important;background:linear-gradient(135deg,#1e3a8a73,#4338ca59)!important;border-color:#60a5fa59!important}html[data-theme=night] .product-sale-summary .summary-card{background:linear-gradient(165deg,#030508,#061018 55%,#0a1424)!important;border-color:#3b82f638!important}html[data-theme=night] .product-sale-summary .summary-input{background:#080e1ceb!important;border-color:#3b82f647!important;color:#e8edf7!important}html[data-theme=night] .subtotal-card{background:linear-gradient(165deg,#030508,#061018)!important;border-color:#6366f147!important}html[data-theme=night] .subtotal-card .summary-value{background:linear-gradient(135deg,#bfdbfe,#93c5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}html[data-theme=night] .discount-card{background:linear-gradient(165deg,#0c0a06,#120e08)!important;border-color:#f59e0b47!important}html[data-theme=night] .discount-card .summary-label,html[data-theme=night] .discount-card .discount-value{color:#fcd34d!important}html[data-theme=night] .tax-card{background:linear-gradient(165deg,#030a10,#061420)!important;border-color:#06b6d447!important}html[data-theme=night] .tax-card .summary-label{color:#67e8f9!important}html[data-theme=night] .tax-card .summary-value{color:#5eead4!important}html[data-theme=night] .due-card{background:linear-gradient(135deg,#040a18,#061224 45%,#0a1830)!important;border-color:#60a5fa61!important;box-shadow:inset 0 1px #93c5fd1f,0 8px 22px #00000073,0 0 28px #3b82f624!important}html[data-theme=night] .due-card .summary-label{color:#93c5fd!important}html[data-theme=night] .due-card .due-value{background:linear-gradient(135deg,#bfdbfe,#60a5fa,#818cf8)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}html[data-theme=night] .cash-card{background:linear-gradient(165deg,#030a08,#061210)!important;border-color:#34d39947!important}html[data-theme=night] .cash-card .summary-label{color:#6ee7b7!important}html[data-theme=night] .change-chip{background:linear-gradient(135deg,#064e3b73,#042f2e8c)!important;border-color:#34d39959!important}html[data-theme=night] .change-chip span,html[data-theme=night] .change-chip strong{color:#6ee7b7!important}html[data-theme=night] .change-chip.insufficient{background:linear-gradient(135deg,#7f1d1d73,#450a0a8c)!important;border-color:#f8717159!important}html[data-theme=night] .change-chip.insufficient span,html[data-theme=night] .change-chip.insufficient strong{color:#fca5a5!important}html[data-theme=night] .held-section-sub{color:var(--text-muted)!important}html[data-theme=night] .hold-tool,html[data-theme=night] .new-tool{color:var(--accent-light)!important}html[data-theme=night] .flow-section,html[data-theme=night] .insights-section{background:linear-gradient(165deg,#020408,#040a14 32%,#061018 62%,#0a1628)!important;border-color:#3b82f64d!important;box-shadow:inset 0 1px #818cf81f,0 12px 32px #00000080,0 0 32px #2563eb17!important}html[data-theme=night] .flow-section .section-head h4,html[data-theme=night] .insights-section .section-head h4{background:linear-gradient(135deg,#bfdbfe,#60a5fa,#818cf8)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}html[data-theme=night] .flow-section .section-head p,html[data-theme=night] .insights-section .section-head p{color:#94a3b8!important}html[data-theme=night] .flow-section .section-icon,html[data-theme=night] .insights-section .section-icon{background:linear-gradient(135deg,#2563eb73,#6366f152)!important;border-color:#60a5fa59!important;box-shadow:0 0 14px #3b82f62e!important}html[data-theme=night] .flow-label{color:#a8b4c8!important}html[data-theme=night] .flow-track{background:#0f172abf!important;box-shadow:inset 0 1px 3px #00000073!important}html[data-theme=night] .flow-value{color:#e8edf7!important}html[data-theme=night] .insight-card{background:linear-gradient(135deg,#080e1cf2,#0c1428d9)!important;border-color:#3b82f638!important}html[data-theme=night] .insight-card:hover{border-color:#60a5fa61!important;box-shadow:0 0 18px #3b82f61a!important}html[data-theme=night] .insight-card p{color:#c8d2e0!important}html[data-theme=night] .insight-bullet{color:#93c5fd!important;background:linear-gradient(135deg,#1e3a8a8c,#4338ca66)!important;border-color:#60a5fa59!important}html[data-theme=night] .cart-checkout-bar{background:linear-gradient(180deg,#020408,#030508 40%,#050810)!important;border-top-color:#3b82f647!important;box-shadow:0 -8px 24px #0000008c,inset 0 1px #818cf814!important}html[data-theme=night] .alert-error{background:linear-gradient(135deg,#7f1d1d59,#450a0a80)!important;border-color:#f8717159!important;color:#fecaca!important}html[data-theme=night] .alert-success{background:linear-gradient(135deg,#064e3b59,#042f2e80)!important;border-color:#34d39959!important;color:#a7f3d0!important}html[data-theme=night] .badge-draft{background:var(--night-surface-muted)!important;color:var(--text-muted)!important;border-color:var(--night-border)!important}html[data-theme=night] .badge-approved{background:linear-gradient(135deg,#4338ca59,#1e1b4b99)!important;color:#c7d2fe!important;border-color:#818cf859!important}html[data-theme=night] .badge-pending{background:linear-gradient(135deg,#78350f59,#451a0380)!important;color:#fcd34d!important;border-color:#fbbf244d!important}html[data-theme=night] .badge-completed{background:linear-gradient(135deg,#064e3b59,#042f2e80)!important;color:#6ee7b7!important;border-color:#34d3994d!important}html[data-theme=night] .glass-input{background:var(--night-surface-soft)!important;border-color:var(--night-border)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px 3px #00000059!important}html[data-theme=night] .glass-input:focus{border-color:var(--night-border-glow)!important;box-shadow:0 0 0 4px #6366f12e,0 0 20px #6366f11f,inset 0 1px 3px #00000059!important}html[data-theme=night] .qty-stepper{background:linear-gradient(165deg,#020408,#061018 55%,#0a1424)!important;border-color:#3b82f652!important;box-shadow:inset 0 1px #818cf814,0 0 14px #2563eb14!important}html[data-theme=night] .qty-stepper .step-btn{color:#93c5fd!important}html[data-theme=night] .qty-stepper .step-btn:hover{background:#3b82f62e!important}html[data-theme=night] .qty-input{background:linear-gradient(165deg,#030508,#061018 50%,#0a1424)!important;border:1px solid rgba(59,130,246,.35)!important;color:#e8edf7!important;box-shadow:inset 0 1px 3px #0006,0 0 12px #2563eb1a!important}html[data-theme=night] .qty-stepper .qty-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#bfdbfe!important}html[data-theme=night] .qty-input:focus{outline:none!important;border-color:#60a5fa8c!important;box-shadow:0 0 0 3px #3b82f638,0 0 18px #3b82f624,inset 0 1px 3px #0006!important}html[data-theme=night] .stat-pill{background:linear-gradient(165deg,#020408,#061018 55%,#0a1424)!important;border-color:#3b82f64d!important;box-shadow:inset 0 1px #818cf81a,0 4px 14px #0006,0 0 16px #2563eb14!important}html[data-theme=night] .stat-pill .stat-label{color:#64748b!important}html[data-theme=night] .stat-pill .stat-value{color:#bfdbfe!important}html[data-theme=night] .stat-pill.accent{background:linear-gradient(165deg,#030a14,#061830 55%,#0a2040)!important;border-color:#60a5fa61!important;box-shadow:inset 0 1px #93c5fd1f,0 4px 16px #0000006b,0 0 20px #3b82f61f!important}html[data-theme=night] .stat-pill.accent .stat-value{color:#93c5fd!important}html[data-theme=night] .stat-pill.held-pill{background:linear-gradient(165deg,#0c0a06,#120e08)!important;border-color:#f59e0b52!important;box-shadow:inset 0 1px #fbbf2414,0 4px 14px #0006,0 0 14px #f59e0b14!important}html[data-theme=night] .stat-pill.held-pill .stat-value{color:#fcd34d!important}html[data-theme=night] .cart-items,html[data-theme=night] .cart-items.scroll-area-y{background:linear-gradient(180deg,#020408,#040a14 35%,#061018 65%,#0a1424)!important;border-color:#3b82f647!important;box-shadow:inset 0 1px #818cf814,inset 0 -1px #1e3a8a26,0 4px 16px #0006,0 0 24px #2563eb12!important;scrollbar-color:rgba(99,102,241,.55) rgba(15,23,42,.7)!important}html[data-theme=night] .cart-items::-webkit-scrollbar-track{background:#0f172ab3!important;border-radius:999px}html[data-theme=night] .cart-items::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4338ca,#6366f1,#818cf8)!important;border-radius:999px;box-shadow:0 0 8px #6366f159}html[data-theme=night] .pos-search{scrollbar-color:rgba(129,140,248,.85) rgba(15,23,42,.72)!important}html[data-theme=night] .pos-search::-webkit-scrollbar-track{background:linear-gradient(180deg,#020617f2,#0f172ab3)!important;border-color:#6366f138!important;box-shadow:inset 0 0 8px #00000059!important}html[data-theme=night] .pos-search::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#818cf8,#4f46e5 48%,#22d3ee) padding-box!important;box-shadow:0 0 14px #6366f173!important}html[data-theme=night] .cart-badge{background:linear-gradient(135deg,#030a14,#061830 55%,#0a2040)!important;color:#93c5fd!important;border-color:#3b82f661!important;box-shadow:inset 0 1px #93c5fd1a,0 0 14px #2563eb26!important}html[data-theme=night] .top-bar:after{background:var(--lume-line-h)!important;background-size:200% 100%!important;animation:rainbow-flow 10s linear infinite!important;opacity:.92!important;box-shadow:var(--lume-red-glow)!important}html[data-theme=night] .page-header:before,html[data-theme=night] .dt-toolbar:before,html[data-theme=night] .chart-card:before{background:var(--lume-line-h)!important;background-size:200% 100%!important;animation:rainbow-flow 12s linear infinite!important;opacity:.9!important;box-shadow:0 0 12px #ef44446b,0 0 8px #6366f147!important}html[data-theme=night] .glass-panel:after,html[data-theme=night] .table-wrap:after,html[data-theme=night] .form-card:after,html[data-theme=night] .pos-search.glass-panel:before,html[data-theme=night] .pos-search.table-wrap:before,html[data-theme=night] .pos-search.form-card:before,html[data-theme=night] .pos-cart.glass-panel:before,html[data-theme=night] .pos-cart.table-wrap:before,html[data-theme=night] .pos-cart.form-card:before{background:var(--lume-line-h)!important;background-size:200% 100%!important;animation:rainbow-flow 14s linear infinite!important;opacity:.88!important;box-shadow:0 0 12px #ef44447a,0 0 8px #6366f14d!important}html[data-theme=night] .kpi-card:after,html[data-theme=night] .dash-kpi:after,html[data-theme=night] .overview-kpi:after{background:var(--lume-line-h)!important;background-size:200% 100%!important;animation:rainbow-flow 10s linear infinite!important;box-shadow:0 0 10px #ef444466!important;opacity:.92!important}html[data-theme=night] .sidebar,html[data-theme=night] .nav-bar{position:relative}html[data-theme=night] .sidebar:after,html[data-theme=night] .nav-bar:after{content:""!important;position:absolute!important;left:0!important;top:10%!important;bottom:10%!important;width:2px!important;border-radius:999px!important;background:var(--lume-line-v)!important;background-size:100% 200%!important;animation:rainbow-flow 16s linear infinite!important;box-shadow:var(--lume-red-glow)!important;pointer-events:none!important;z-index:3!important;opacity:.9!important}html[data-theme=night] .glass-card,html[data-theme=night] .kpi-card,html[data-theme=night] .form-card,html[data-theme=night] .modal-panel,html[data-theme=night] .login-card,html[data-theme=night] .sale-summary-stack,html[data-theme=night] .flow-section,html[data-theme=night] .insights-section,html[data-theme=night] .cart-items,html[data-theme=night] .table-wrap,html[data-theme=night] .dashboard-hero,html[data-theme=night] .return-panel,html[data-theme=night] .report-panel{border-top:1px solid rgba(239,68,68,.28)!important;box-shadow:var(--night-shadow),inset 0 2px #ef444438,0 -2px 16px #ef444414!important}html[data-theme=night] .glass-card:hover,html[data-theme=night] .glass-panel:hover,html[data-theme=night] .table-wrap:hover,html[data-theme=night] .kpi-card:hover,html[data-theme=night] .chart-card:hover,html[data-theme=night] .form-card:hover,html[data-theme=night] .dashboard-hero:hover,html[data-theme=night] .sale-summary-stack:hover,html[data-theme=night] .cart-items:hover{box-shadow:var(--night-shadow-hover),inset 0 2px #f8717159,0 -2px 20px #ef444424!important}html[data-theme=night] .cart-checkout-bar{border-top:1px solid rgba(239,68,68,.32)!important;box-shadow:0 -8px 24px #0000008c,inset 0 2px #ef444440,0 -4px 18px #ef44441a!important}html[data-theme=night] .section-tabs a.active{box-shadow:0 6px 18px #6366f152,0 0 14px #ef444433!important}html[data-theme=night] .modal-panel,html[data-theme=night] .login-card{box-shadow:var(--night-shadow-hover),inset 0 2px #ef44444d,0 0 24px #ef444414!important}html[data-theme=night] .legend li{background:linear-gradient(165deg,#020408,#061018 50%,#0a1424)!important;border:1px solid rgba(59,130,246,.22)!important;border-left:3px solid var(--legend-accent, #6366f1)!important;box-shadow:inset 0 1px #818cf814,0 4px 14px #0006!important}html[data-theme=night] .legend li.active,html[data-theme=night] .legend li:hover{border-left-color:var(--legend-accent, #6366f1)!important;box-shadow:inset 0 1px #818cf81f,0 0 20px color-mix(in srgb,var(--legend-accent, #6366f1) 22%,transparent),0 8px 20px #00000073!important}html[data-theme=night] .legend-text strong{color:#e8edf7!important}html[data-theme=night] .legend-top em{color:var(--legend-accent, #93c5fd)!important;background:color-mix(in srgb,var(--legend-accent, #6366f1) 22%,#0a1424)!important;border-color:color-mix(in srgb,var(--legend-accent, #6366f1) 42%,transparent)!important}html[data-theme=night] .legend-text small{color:#94a3b8!important}html[data-theme=night] .legend-bar{background:#0f172abf!important}html[data-theme=night] select.glass-input{background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a8b4c8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E")}html[data-theme=day]{color:var(--text-primary);--glass-shadow: var(--day-shadow-md);--glass-shadow-3d: var(--day-shadow-hover);--table-head-bg: linear-gradient(135deg, #ffffff 0%, #eef2ff 28%, #e0f2fe 58%, #ede9fe 100%);--table-cell-bg: #ffffff;--table-cell-alt: #f5f3ff;--table-row-hover: linear-gradient(90deg, rgba(224, 231, 255, .98), rgba(207, 250, 254, .65), rgba(237, 233, 254, .5))}html[data-theme=day] .page-title{color:#1e40af;background:var(--title-gradient);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}html[data-theme=day] .page-subtitle,html[data-theme=day] .kpi-label,html[data-theme=day] .kpi-foot,html[data-theme=day] .summary-label,html[data-theme=day] .summary-stack-sub,html[data-theme=day] .section-head p,html[data-theme=day] .flow-label,html[data-theme=day] .chart-head p,html[data-theme=day] .insight-card p{color:var(--text-secondary)!important}html[data-theme=day] .data-table th{color:var(--text-muted)!important}html[data-theme=day] .data-table td{color:var(--text-primary)!important}html[data-theme=day] .summary-stack-title{color:#4338ca!important;background:none!important;-webkit-text-fill-color:#4338ca!important;filter:none!important}html[data-theme=day] .flow-section .section-head h4,html[data-theme=day] .insights-section .section-head h4{color:#0f172a!important;background:none!important;-webkit-text-fill-color:#0f172a!important;filter:none!important}html[data-theme=day] .subtotal-card .summary-value,html[data-theme=day] .due-card .due-value{background:none!important;-webkit-text-fill-color:unset!important;filter:none!important}html[data-theme=day] .subtotal-card .summary-value{color:#0f172a!important}html[data-theme=day] .due-card .due-value{color:#312e81!important}html[data-theme=day] .overview-kpi .kpi-value,html[data-theme=day] .dash-kpi .kpi-value,html[data-theme=day] .kpi-revenue .kpi-value,html[data-theme=day] .kpi-sales .kpi-value,html[data-theme=day] .kpi-inventory .kpi-value{-webkit-text-fill-color:unset!important;background:none!important;filter:none!important}html[data-theme=day] .flow-value,html[data-theme=day] .strip-value,html[data-theme=day] .info-value,html[data-theme=day] .metric-value{color:var(--text-primary)!important}html[data-theme=day] .glass,html[data-theme=day] .glass-card,html[data-theme=day] .glass-panel,html[data-theme=day] .form-card,html[data-theme=day] .kpi-card,html[data-theme=day] .chart-card,html[data-theme=day] .table-wrap,html[data-theme=day] .page-header,html[data-theme=day] .meta-card,html[data-theme=day] .dt-toolbar,html[data-theme=day] .filter-card,html[data-theme=day] .catalog-section,html[data-theme=day] .modal-panel,html[data-theme=day] .login-card,html[data-theme=day] .edit-modal,html[data-theme=day] .menu-panel,html[data-theme=day] .search-select-panel,html[data-theme=day] .history-table-wrap{box-shadow:var(--day-shadow-lg)!important;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}html[data-theme=day] .page-header,html[data-theme=day] .glass-card,html[data-theme=day] .glass-panel,html[data-theme=day] .form-card,html[data-theme=day] .kpi-card,html[data-theme=day] .chart-card,html[data-theme=day] .table-wrap{background:var(--surface-gradient-card)!important;border-color:#6366f124!important}html[data-theme=day] .glass-card:hover,html[data-theme=day] .kpi-card:hover,html[data-theme=day] .chart-card:hover,html[data-theme=day] .form-card:hover,html[data-theme=day] .meta-card:hover,html[data-theme=day] .catalog-section:hover,html[data-theme=day] .overview-chart-card:hover,html[data-theme=day] .dashboard-hero:hover,html[data-theme=day] .card-3d:hover{box-shadow:var(--day-shadow-hover)!important}html[data-theme=day] .top-bar{box-shadow:var(--day-shadow-bar),inset 0 1px #fffffff2!important}html[data-theme=day] .sidebar{box-shadow:0 14px 44px #6366f11f,0 6px 18px #0f172a0f,inset 0 1px #ffffffeb!important}html[data-theme=day] .section-tabs{box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .dashboard-hero,html[data-theme=day] .card-3d{box-shadow:var(--day-shadow-xl)!important}html[data-theme=day] .overview-kpi,html[data-theme=day] .dash-kpi{box-shadow:var(--day-shadow-lg)!important}html[data-theme=day] .overview-kpi:hover,html[data-theme=day] .dash-kpi:hover{box-shadow:var(--day-shadow-hover)!important}html[data-theme=day] .overview-chart-card{box-shadow:var(--day-shadow-lg)!important}html[data-theme=day] .sale-summary-stack{background:linear-gradient(165deg,#fff,#f8fafc 55%,#eef2ff)!important;border-color:#6366f129!important;box-shadow:var(--day-shadow-lg)!important}html[data-theme=day] .summary-card{background:#fff!important;border-color:#94a3b82e!important;box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .due-card{background:linear-gradient(135deg,#eef2ff,#e0e7ff 45%,#ecfeff)!important;border-color:#6366f147!important;box-shadow:0 6px 20px #6366f11f,0 2px 8px #06b6d414!important}html[data-theme=day] .cart-checkout-bar{background:linear-gradient(180deg,#fffffffa,#fff)!important;border-top-color:#94a3b838!important;box-shadow:0 -12px 32px #6366f114,0 -4px 12px #0f172a0a!important}html[data-theme=day] .flow-section,html[data-theme=day] .insights-section{background:linear-gradient(160deg,#fff,#f8fafc)!important;border-color:#94a3b82e!important;box-shadow:var(--day-shadow-lg)!important}html[data-theme=day] .insight-card{background:linear-gradient(135deg,#6366f10f,#fff)!important;border-color:#6366f11f!important;box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .insight-card:hover{box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .pos-search.glass-panel,html[data-theme=day] .pos-search.table-wrap,html[data-theme=day] .pos-search.form-card,html[data-theme=day] .pos-cart.glass-panel,html[data-theme=day] .pos-cart.table-wrap,html[data-theme=day] .pos-cart.form-card{box-shadow:var(--day-shadow-xl)!important}html[data-theme=day] .suggest-panel{box-shadow:var(--day-shadow-lg)!important}html[data-theme=day] .suggest-card{box-shadow:var(--day-shadow-sm)!important;transition:box-shadow var(--transition),transform var(--transition)}html[data-theme=day] .suggest-card:hover{box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .cash-card.open-card{box-shadow:0 6px 18px #10b98124,0 2px 8px #0f172a0d!important}html[data-theme=day] .cash-card.active-card{box-shadow:0 6px 18px #6366f129,0 2px 8px #0f172a0d!important}html[data-theme=day] .cash-card.done-card{box-shadow:0 6px 18px #94a3b81f,0 2px 8px #0f172a0a!important}html[data-theme=day] .legend li{box-shadow:var(--day-shadow-sm)!important;transition:box-shadow var(--transition),transform var(--transition)}html[data-theme=day] .legend li.active,html[data-theme=day] .legend li:hover{box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .chart-badge,html[data-theme=day] .live-pill,html[data-theme=day] .overview-badge,html[data-theme=day] .stat-pill{box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .stat-pill.accent{box-shadow:0 4px 14px #6366f124,0 2px 6px #0f172a0a!important}html[data-theme=day] .qty-stepper{background:linear-gradient(165deg,#eef2ff,#f8fafc)!important;border-color:#6366f147!important;box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .qty-input{background:linear-gradient(165deg,#eef2ff,#fff)!important;border:1px solid rgba(99,102,241,.28)!important;color:#0f172a!important;box-shadow:var(--day-shadow-inset)!important}html[data-theme=day] .glass-input,html[data-theme=day] .summary-input{background:#fff!important;color:var(--text-primary)!important;border-color:#94a3b852!important;box-shadow:var(--day-shadow-inset)!important}html[data-theme=day] .glass-input:focus,html[data-theme=day] .summary-input:focus{box-shadow:0 0 0 4px #6366f11f,0 4px 16px #6366f11a,var(--day-shadow-inset)!important}html[data-theme=day] .btn-ghost,html[data-theme=day] .btn-icon,html[data-theme=day] .add-item-btn{color:var(--text-secondary)!important;background:#fff!important;box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .btn-ghost:hover:not(:disabled),html[data-theme=day] .btn-icon:hover:not(:disabled),html[data-theme=day] .add-item-btn:hover:not(:disabled){color:var(--accent-dark)!important;background:#f8fafc!important;box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .btn-primary{box-shadow:0 8px 24px #6366f147,0 3px 8px #0f172a0f!important}html[data-theme=day] .btn-primary:hover:not(:disabled){box-shadow:0 12px 32px #6366f157,0 4px 12px #0f172a14!important}html[data-theme=day] .badge-pending,html[data-theme=day] .badge-approved,html[data-theme=day] .badge-completed,html[data-theme=day] .badge-draft{box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .tag,html[data-theme=day] code.tag{box-shadow:0 1px 4px #6366f114!important}html[data-theme=day] .alert-error{box-shadow:0 4px 16px #ef44441a,0 2px 6px #0f172a0a!important}html[data-theme=day] .alert-success{box-shadow:0 4px 16px #10b9811f,0 2px 6px #0f172a0a!important}html[data-theme=day] .table-wrap,html[data-theme=day] .dt-table-wrap,html[data-theme=day] .history-table-wrap,html[data-theme=day] .table-scroll{border:1px solid rgba(99,102,241,.18)!important;border-radius:var(--radius-lg)!important;background:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899,#f59e0b) top/100% 3px no-repeat,linear-gradient(180deg,#fff,#fafbff 55%,#f5f3ff)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#818cf8 rgba(99,102,241,.1)}html[data-theme=day] .table-wrap::-webkit-scrollbar,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar,html[data-theme=day] .history-table-wrap::-webkit-scrollbar,html[data-theme=day] .table-scroll::-webkit-scrollbar{width:10px;height:10px}html[data-theme=day] .table-wrap::-webkit-scrollbar-track,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar-track,html[data-theme=day] .history-table-wrap::-webkit-scrollbar-track,html[data-theme=day] .table-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#eef2fff2,#e0e7ff8c);border-radius:999px;margin:5px;border:1px solid rgba(99,102,241,.1)}html[data-theme=day] .table-wrap::-webkit-scrollbar-thumb,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar-thumb,html[data-theme=day] .history-table-wrap::-webkit-scrollbar-thumb,html[data-theme=day] .table-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#818cf8 45%,#a78bfa);border-radius:999px;border:2px solid rgba(255,255,255,.65);background-clip:padding-box;box-shadow:0 0 10px #6366f147;transition:background .25s ease,box-shadow .25s ease}html[data-theme=day] .table-wrap::-webkit-scrollbar-thumb:horizontal,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar-thumb:horizontal,html[data-theme=day] .history-table-wrap::-webkit-scrollbar-thumb:horizontal,html[data-theme=day] .table-scroll::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899);box-shadow:0 0 10px #06b6d438}html[data-theme=day] .table-wrap::-webkit-scrollbar-thumb:hover,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar-thumb:hover,html[data-theme=day] .history-table-wrap::-webkit-scrollbar-thumb:hover,html[data-theme=day] .table-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06b6d4,#6366f1,#8b5cf6);box-shadow:0 0 14px #6366f16b}html[data-theme=day] .table-wrap::-webkit-scrollbar-thumb:horizontal:hover,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar-thumb:horizontal:hover,html[data-theme=day] .history-table-wrap::-webkit-scrollbar-thumb:horizontal:hover,html[data-theme=day] .table-scroll::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(90deg,#22d3ee,#4f46e5,#7c3aed,#db2777);box-shadow:0 0 14px #6366f161}html[data-theme=day] .table-wrap::-webkit-scrollbar-corner,html[data-theme=day] .dt-table-wrap::-webkit-scrollbar-corner,html[data-theme=day] .history-table-wrap::-webkit-scrollbar-corner,html[data-theme=day] .table-scroll::-webkit-scrollbar-corner{background:linear-gradient(135deg,#eef2ff,#ecfeff);border-radius:6px}html[data-theme=day] .dt-table-wrap.is-full-view{overflow-x:auto!important;overflow-y:visible!important;max-height:none!important}html[data-theme=day] .table-scroll{border-radius:var(--radius-md)!important;box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .section-table{box-shadow:var(--day-shadow-md)!important}html[data-theme=day] .dt-toolbar{background:linear-gradient(180deg,#fff,#f8fafc 55%,#eef2ff)!important;border-color:#6366f124!important}html[data-theme=day] .dt-table-actions{border-bottom-color:#6366f11f!important}html[data-theme=day] .data-table{width:100%;border-collapse:separate;border-spacing:0}html[data-theme=day] .styled-table,html[data-theme=day] .history-table{width:100%;border-collapse:collapse}html[data-theme=day] .data-table th,html[data-theme=day] .styled-table th,html[data-theme=day] .history-table th{background:var(--table-head-bg)!important;color:#4338ca!important;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid transparent!important;border-image:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899) 1!important;box-shadow:0 2px #fffffff2,0 6px 20px #6366f11a!important;position:sticky;top:0;z-index:2}html[data-theme=day] .data-table td,html[data-theme=day] .styled-table td,html[data-theme=day] .history-table td{color:var(--text-primary)!important;background:var(--table-cell-bg)!important;border-bottom:1px solid rgba(148,163,184,.1)!important;font-size:.9rem;transition:background .22s ease,box-shadow .22s ease}html[data-theme=day] .data-table tbody tr:nth-child(4n+1) td,html[data-theme=day] .styled-table tbody tr:nth-child(4n+1) td,html[data-theme=day] .history-table tbody tr:nth-child(4n+1) td{background:linear-gradient(90deg,#fff,#fafbff)!important}html[data-theme=day] .data-table tbody tr:nth-child(4n+2) td,html[data-theme=day] .styled-table tbody tr:nth-child(4n+2) td,html[data-theme=day] .history-table tbody tr:nth-child(4n+2) td{background:linear-gradient(90deg,#f5f3ff,#eef2ff)!important}html[data-theme=day] .data-table tbody tr:nth-child(4n+3) td,html[data-theme=day] .styled-table tbody tr:nth-child(4n+3) td,html[data-theme=day] .history-table tbody tr:nth-child(4n+3) td{background:linear-gradient(90deg,#ecfeff,#f0fdfa)!important}html[data-theme=day] .data-table tbody tr:nth-child(4n) td,html[data-theme=day] .styled-table tbody tr:nth-child(4n) td,html[data-theme=day] .history-table tbody tr:nth-child(4n) td{background:linear-gradient(90deg,#fdf2f8,#fff1f2)!important}html[data-theme=day] .data-table tbody tr:hover td,html[data-theme=day] .styled-table tbody tr:hover td,html[data-theme=day] .history-table tbody tr:hover td{background:var(--table-row-hover)!important;box-shadow:inset 4px 0 #6366f1,inset 0 0 0 999px #6366f10a!important}html[data-theme=day] .data-table tbody tr:last-child td,html[data-theme=day] .styled-table tbody tr:last-child td,html[data-theme=day] .history-table tbody tr:last-child td{border-bottom:none!important}html[data-theme=day] .data-table th.sortable{cursor:pointer}html[data-theme=day] .data-table th.sortable:hover,html[data-theme=day] .data-table th.sorted{background:linear-gradient(135deg,#eef2ff,#e0e7ff,#cffafe)!important;color:#4338ca!important}html[data-theme=day] .data-table th.sorted .sort-hint{color:#6366f1!important;opacity:1!important}html[data-theme=day] .data-table td.align-right,html[data-theme=day] .data-table th .th-inner.align-right,html[data-theme=day] .styled-table .col-num,html[data-theme=day] .styled-table .num,html[data-theme=day] .history-table th.num,html[data-theme=day] .history-table td.num{font-variant-numeric:tabular-nums}html[data-theme=day] .data-table .empty,html[data-theme=day] .styled-table .empty,html[data-theme=day] .history-table .empty{text-align:center!important;color:#94a3b8!important;font-style:italic;font-weight:500;padding:3.25rem 1.5rem!important;background:linear-gradient(180deg,#fafbff,#f8fafc)!important;box-shadow:none!important}html[data-theme=day] .data-table code,html[data-theme=day] .data-table .tag,html[data-theme=day] .styled-table code,html[data-theme=day] .history-table code{background:linear-gradient(135deg,#eef2ff,#f8fafc)!important;border:1px solid rgba(99,102,241,.16)!important;color:#4338ca!important;padding:.22rem .55rem;border-radius:6px;font-size:.82em;box-shadow:0 1px 4px #6366f114!important}html[data-theme=day] .data-table .row-actions{white-space:nowrap}html[data-theme=day] .styled-table tbody tr.row-active td{background:linear-gradient(90deg,#fef3c78c,#fffbeb59)!important;box-shadow:inset 3px 0 #f59e0b!important}html[data-theme=day] .styled-table tfoot td{background:linear-gradient(180deg,#f8fafc,#eef2ff)!important;font-weight:700;color:#312e81!important;border-top:2px solid rgba(99,102,241,.12)!important;border-bottom:none!important}html[data-theme=day] .history-table .credit-row td{background:linear-gradient(90deg,#fffbebb3,#fef3c759)!important;box-shadow:inset 3px 0 #f59e0b!important}html[data-theme=day] .lines-table-head{background:linear-gradient(180deg,#fff,#f8fafc 50%,#eef2ff)!important;color:#475569!important;border-bottom:2px solid rgba(99,102,241,.12)!important;box-shadow:0 4px 14px #6366f10f!important}html[data-theme=day] .lines-table-row{border-bottom-color:#94a3b81f!important;transition:background .22s ease,box-shadow .22s ease}html[data-theme=day] .lines-table-row:nth-child(4n+1){background:linear-gradient(90deg,#fff,#fafbff)!important}html[data-theme=day] .lines-table-row:nth-child(4n+2){background:linear-gradient(90deg,#f5f3ff,#eef2ff)!important}html[data-theme=day] .lines-table-row:nth-child(4n+3){background:linear-gradient(90deg,#ecfeff,#f0fdfa)!important}html[data-theme=day] .lines-table-row:nth-child(4n){background:linear-gradient(90deg,#fdf2f8,#fff1f2)!important}html[data-theme=day] .lines-table-row:hover{background:var(--table-row-hover)!important;box-shadow:inset 3px 0 #6366f1!important}html[data-theme=day] .dt-pagination{margin-top:1rem;padding:.75rem 1.15rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(99,102,241,.1);box-shadow:var(--day-shadow-sm)}html[data-theme=day] .report-table-area .table-wrap{margin-top:.35rem}html[data-theme=day] .cart-badge{box-shadow:0 2px 10px #6366f133!important}html[data-theme=day] .insight-bullet{color:#4338ca!important;background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;box-shadow:var(--day-shadow-sm)!important}html[data-theme=day] .qty-stepper .qty-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#312e81!important}html[data-theme=day] .qty-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}html[data-theme=day] .qty-stepper .step-btn{color:#4338ca!important}html[data-theme=day] .section-tabs a:not(.active){color:var(--text-muted)!important}html[data-theme=day] .top-link:not(.active){color:var(--text-secondary)!important}html[data-theme=day] .modal-backdrop,html[data-theme=day] .edit-modal-backdrop,html[data-theme=day] .bill-modal-backdrop{background:#1e293b70!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}html[data-theme=day] .modal-panel,html[data-theme=day] .edit-modal.glass-panel,html[data-theme=day] .edit-modal.table-wrap,html[data-theme=day] .edit-modal.form-card,html[data-theme=day] .bill-modal.glass,html[data-theme=day] .bill-modal.glass-card,html[data-theme=day] .bill-modal.glass-panel,html[data-theme=day] .bill-modal.kpi-card,html[data-theme=day] .bill-modal.table-wrap,html[data-theme=day] .bill-modal.form-card{background:linear-gradient(90deg,#06b6d4,#6366f1,#a78bfa,#ec4899,#f59e0b) top/100% 3px no-repeat,linear-gradient(165deg,#fff,#fafbff 42%,#f5f3ff)!important;border:1px solid rgba(99,102,241,.24)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--day-shadow-xl),0 0 0 1px #ffffffd9 inset!important}html[data-theme=day] .modal-panel:after{display:none}html[data-theme=day] .modal-header,html[data-theme=day] .edit-modal-header,html[data-theme=day] .bill-modal-header{border-bottom:1px solid rgba(99,102,241,.16)!important}html[data-theme=day] .modal-header h3,html[data-theme=day] .edit-modal-header h3,html[data-theme=day] .bill-modal-header h3{font-size:1.22rem!important}html[data-theme=day] .modal-header .sub,html[data-theme=day] .modal-sub,html[data-theme=day] .modal-header p.sub{color:var(--text-secondary)!important}@media print{app-top-bar,.mesh-bg,.orb,.sidebar,.api-offline-banner,.pos-shell,.receipt-overlay,.receipt-modal .modal-header,.receipt-modal .receipt-actions{display:none!important}}html[data-color=red]{--accent: #e11d48;--accent-dark: #9f1239;--accent-light: #fb7185;--accent-glow: rgba(225, 29, 72, .32);--accent-2: #fb7185;--accent-3: #f43f5e;--accent-4: #be123c;--accent-5: #e11d48;--rose: #fb7185;--title-gradient: linear-gradient(135deg, #9f1239, #e11d48, #fb7185);--value-gradient: linear-gradient(135deg, #9f1239, #e11d48, #f43f5e);--rainbow: linear-gradient(90deg, #fecdd3, #e11d48, #be123c, #fb7185, #9f1239);--gradient-brand: linear-gradient(135deg, #fb7185, #e11d48, #9f1239);--gradient-hero: linear-gradient(135deg, #4c0519, #e11d48, #9f1239);--btn-primary-bg: linear-gradient(135deg, #fda4af, #fb7185, #e11d48, #9f1239);--scrollbar-thumb: linear-gradient(180deg, #fb7185, #e11d48);--scrollbar-thumb-h: linear-gradient(90deg, #fda4af, #be123c);--chart-line: #e11d48;--chart-1: #e11d48;--chart-2: #fb7185;--chart-3: #be123c;--bg-gradient: linear-gradient(155deg, #fff7f8 0%, #fff1f2 22%, #ffe4e6 48%, #fdf2f8 72%, #fff 100%);--top-bar-bg: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 241, 242, .95))}html[data-color=green]{--accent: #059669;--accent-dark: #047857;--accent-light: #34d399;--accent-glow: rgba(5, 150, 105, .3);--accent-2: #10b981;--accent-3: #6ee7b7;--accent-4: #047857;--accent-5: #14b8a6;--mint: #34d399;--title-gradient: linear-gradient(135deg, #065f46, #059669, #10b981);--value-gradient: linear-gradient(135deg, #047857, #10b981, #14b8a6);--rainbow: linear-gradient(90deg, #a7f3d0, #10b981, #059669, #14b8a6, #047857);--gradient-brand: linear-gradient(135deg, #6ee7b7, #10b981, #047857);--gradient-hero: linear-gradient(135deg, #022c22, #059669, #0f766e);--btn-primary-bg: linear-gradient(135deg, #6ee7b7, #34d399, #059669, #047857);--scrollbar-thumb: linear-gradient(180deg, #34d399, #059669);--scrollbar-thumb-h: linear-gradient(90deg, #6ee7b7, #047857);--chart-line: #059669;--chart-1: #059669;--chart-2: #14b8a6;--chart-3: #34d399;--bg-gradient: linear-gradient(155deg, #f0fdf4 0%, #ecfdf5 22%, #d1fae5 48%, #f0fdfa 72%, #fff 100%);--top-bar-bg: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(236, 253, 245, .95))}html[data-color=blue]{--accent: #2563eb;--accent-dark: #1d4ed8;--accent-light: #60a5fa;--accent-glow: rgba(37, 99, 235, .32);--accent-2: #0ea5e9;--accent-3: #38bdf8;--accent-4: #1d4ed8;--accent-5: #0284c7;--sky: #38bdf8;--title-gradient: linear-gradient(135deg, #1e3a8a, #2563eb, #0ea5e9);--value-gradient: linear-gradient(135deg, #1d4ed8, #2563eb, #0284c7);--rainbow: linear-gradient(90deg, #bae6fd, #38bdf8, #2563eb, #1d4ed8, #0ea5e9);--gradient-brand: linear-gradient(135deg, #7dd3fc, #2563eb, #1d4ed8);--gradient-hero: linear-gradient(135deg, #0f172a, #1d4ed8, #0284c7);--btn-primary-bg: linear-gradient(135deg, #7dd3fc, #60a5fa, #2563eb, #1d4ed8);--scrollbar-thumb: linear-gradient(180deg, #60a5fa, #2563eb);--scrollbar-thumb-h: linear-gradient(90deg, #7dd3fc, #1d4ed8);--chart-line: #2563eb;--chart-1: #2563eb;--chart-2: #0ea5e9;--chart-3: #38bdf8;--bg-gradient: linear-gradient(155deg, #f8fbff 0%, #eff6ff 22%, #dbeafe 48%, #e0f2fe 72%, #fff 100%);--top-bar-bg: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .95))}html[data-color=mono]{color-scheme:dark;color:#fff;--accent: #d1d5db;--accent-dark: #ffffff;--accent-light: #9ca3af;--accent-glow: rgba(156, 163, 175, .28);--accent-2: #9ca3af;--accent-3: #6b7280;--accent-4: #4b5563;--accent-5: #9ca3af;--rose: #9ca3af;--mint: #9ca3af;--sky: #9ca3af;--success: #9ca3af;--success-glow: rgba(156, 163, 175, .28);--warning: #9ca3af;--danger: #d1d5db;--chart-line: #d1d5db;--chart-1: #111111;--chart-2: #4b5563;--chart-3: #9ca3af;--chart-4: #6b7280;--chart-5: #d1d5db;--chart-6: #374151;--title-gradient: none;--value-gradient: none;--rainbow: linear-gradient(90deg, #111111, #6b7280, #9ca3af);--gradient-brand: linear-gradient(135deg, #111111, #4b5563);--gradient-hero: linear-gradient(135deg, #000000, #1f1f1f);--btn-primary-bg: #1f1f1f;--scrollbar-thumb: linear-gradient(180deg, #6b7280, #111111);--scrollbar-thumb-h: linear-gradient(90deg, #6b7280, #111111);--bg-deep: #0a0a0a;--bg-mid: #111111;--bg-gradient: linear-gradient(155deg, #0a0a0a 0%, #111111 40%, #1a1a1a 100%);--glass-bg: #1f1f1f;--glass-bg-strong: #1f1f1f;--glass-border: rgba(156, 163, 175, .35);--glass-border-light: rgba(209, 213, 219, .28);--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #d1d5db;--input-bg: #2a2a2a;--top-bar-bg: #111111;--chip-bg: #2a2a2a;--surface-box: #1f1f1f;--surface-box-soft: #2a2a2a;--surface-box-muted: #3f3f46;--surface-gradient-vertical: #1f1f1f;--surface-gradient-card: #1f1f1f;--surface-gradient-panel: #1f1f1f;--nav-surface-bg: #1f1f1f;--table-head-bg: #2a2a2a;--table-cell-bg: #1f1f1f;--table-cell-alt: #2a2a2a;--table-row-hover: rgba(156, 163, 175, .16);--btn-ghost-bg: #2a2a2a;--btn-ghost-hover-bg: #3f3f46;--tabs-bar-bg: #1f1f1f;--page-header-bg: #111111;--surface-shine: none;--panel-line: linear-gradient(90deg, #111111 0%, #4b5563 28%, #9ca3af 50%, #4b5563 72%, #111111 100%)}html[data-color=mono] .btn-primary,html[data-color=mono] .btn-success,html[data-color=mono] .btn-ghost,html[data-color=mono] .btn-icon,html[data-color=mono] .add-item-btn,html[data-color=mono] .mode-tab,html[data-color=mono] .mode-tab.active,html[data-color=mono] .outside-tab,html[data-color=mono] .outside-add-btn,html[data-color=mono] .hnav-link,html[data-color=mono] .hnav-link.active,html[data-color=mono] .nav-link,html[data-color=mono] .nav-link.active,html[data-color=mono] .cash-btn{animation:none;background:#1f1f1f!important;color:#fff!important;border-color:#6b7280!important;box-shadow:none!important}html[data-color=mono] .btn-primary,html[data-color=mono] .btn-success,html[data-color=mono] .mode-tab.active,html[data-color=mono] .hnav-link.active,html[data-color=mono] .nav-link.active{background:#111!important;border-color:#9ca3af!important}html[data-color=mono] .glass,html[data-color=mono] .glass-card,html[data-color=mono] .kpi-card,html[data-color=mono] .form-card,html[data-color=mono] .glass-panel,html[data-color=mono] .pos-search,html[data-color=mono] .pos-cart,html[data-color=mono] .pos-topbar,html[data-color=mono] .pos-customer-block,html[data-color=mono] .sale-summary-stack,html[data-color=mono] .summary-card,html[data-color=mono] .outside-studio,html[data-color=mono] .outside-note,html[data-color=mono] .tick-option,html[data-color=mono] .search-select-panel,html[data-color=mono] .modal-panel,html[data-color=mono] .data-table,html[data-color=mono] .table-wrap,html[data-color=mono] .user-chip,html[data-color=mono] .cash-card,html[data-color=mono] .cash-pill,html[data-color=mono] .sidebar,html[data-color=mono] .nav-bar,html[data-color=mono] .login-card,html[data-color=mono] .page-header,html[data-color=mono] [class*=-card]:not(.btn):not(.btn-primary):not(.btn-success):not(.btn-ghost):not(.btn-icon):not(.add-item-btn),html[data-color=mono] [class*=-panel]:not(.search-select-panel){background:#1f1f1f!important;background-image:none!important;color:#fff!important}html[data-color=mono] .glass-input,html[data-color=mono] input,html[data-color=mono] textarea,html[data-color=mono] select{background:#2a2a2a!important;color:#fff!important;border-color:#6b7280!important}html[data-color=mono] .page-title,html[data-color=mono] .summary-stack-title,html[data-color=mono] .brand-text strong,html[data-color=mono] h1,html[data-color=mono] h2,html[data-color=mono] h3,html[data-color=mono] h4{color:#fff!important;background:none!important;-webkit-text-fill-color:#ffffff!important}html[data-color=mono] .orb,html[data-color=mono] .mesh-bg:before,html[data-color=mono] .mesh-bg:after{filter:grayscale(1);background:#3f3f46!important}html[data-color=mono] .glass-panel:after,html[data-color=mono] .table-wrap:after,html[data-color=mono] .form-card:after,html[data-color=mono] .glass-panel:before,html[data-color=mono] .table-wrap:before,html[data-color=mono] .form-card:before,html[data-color=mono] .pos-search.glass-panel:before,html[data-color=mono] .pos-cart.glass-panel:before,html[data-color=mono] .top-bar:after,html[data-color=mono] .hnav-accent,html[data-color=mono] .page-header:before,html[data-color=mono] .dt-toolbar:before,html[data-color=mono] .chart-card:before,html[data-color=mono] .kpi-card:after,html[data-color=mono] .dash-kpi:after,html[data-color=mono] .overview-kpi:after,html[data-color=mono] .sidebar:after,html[data-color=mono] .nav-bar:after{background:var(--panel-line)!important;background-size:100% 100%!important;animation:none!important;opacity:.7!important;box-shadow:none!important;filter:none!important}html[data-theme=night][data-color=mono] .glass-panel:after,html[data-theme=night][data-color=mono] .table-wrap:after,html[data-theme=night][data-color=mono] .form-card:after,html[data-theme=night][data-color=mono] .glass-panel:before,html[data-theme=night][data-color=mono] .table-wrap:before,html[data-theme=night][data-color=mono] .form-card:before,html[data-theme=night][data-color=mono] .pos-search.glass-panel:before,html[data-theme=night][data-color=mono] .pos-cart.glass-panel:before,html[data-theme=night][data-color=mono] .top-bar:after,html[data-theme=night][data-color=mono] .hnav-accent,html[data-theme=night][data-color=mono] .page-header:before,html[data-theme=night][data-color=mono] .dt-toolbar:before,html[data-theme=night][data-color=mono] .chart-card:before{background:linear-gradient(90deg,#000,#3f3f46,#9ca3af,#3f3f46,#000)!important;animation:none!important;opacity:.55!important;box-shadow:none!important}html[data-theme=night][data-color=red]{--bg-gradient: linear-gradient(155deg, #14080c, #1c0b10, #2a1016);--top-bar-bg: linear-gradient(135deg, #14080c, #1c0b10)}html[data-theme=night][data-color=green]{--bg-gradient: linear-gradient(155deg, #06110c, #071510, #0b1c16);--top-bar-bg: linear-gradient(135deg, #06110c, #071510)}html[data-theme=night][data-color=blue]{--bg-gradient: linear-gradient(155deg, #070b14, #0a1220, #0d1728);--top-bar-bg: linear-gradient(135deg, #070b14, #0a1220)}html[data-theme=night][data-color=mono]{--accent: #ffffff;--accent-dark: #ffffff;--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #d1d5db;--bg-deep: #000000;--bg-mid: #0a0a0a;--bg-gradient: linear-gradient(155deg, #000 0%, #0a0a0a 40%, #171717 100%);--glass-bg: #111111;--glass-bg-strong: #111111;--input-bg: #1f1f1f;--top-bar-bg: #000000;--chip-bg: #1f1f1f;--surface-box: #111111;--surface-box-soft: #1f1f1f;--surface-box-muted: #2a2a2a;--btn-primary-bg: #1f1f1f}html[data-theme=night][data-color=mono] .btn-primary,html[data-theme=night][data-color=mono] .btn-success{background:#1f1f1f!important;color:#fff!important}html[data-theme=night][data-color=default] .btn-primary.tap{background:linear-gradient(135deg,#2563eb,#1e3a8a 45%,#172554);background-size:100% 100%;animation:none;color:#f8fafc;border:1px solid rgba(147,197,253,.35);box-shadow:0 8px 22px #1e3a8a73,inset 0 1px #ffffff1f}html[data-theme=night][data-color=default] .btn-primary.tap:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1e40af 45%,#1e3a8a);border-color:#93c5fd8c;box-shadow:0 12px 30px #2563eb73,inset 0 1px #ffffff29}app-pos .outside-studio{display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 8%,#fff) 0%,#fff 48%,var(--surface-box-soft) 100%);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 12%,transparent);flex-shrink:0}app-pos .outside-hero{display:flex;align-items:center;gap:.75rem}app-pos .outside-hero-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--btn-primary-bg);color:#fff;font-size:1.15rem;box-shadow:0 8px 18px var(--accent-glow)}app-pos .outside-hero h4{margin:0;font-size:.98rem;color:var(--text-primary)}app-pos .outside-hero p{margin:.15rem 0 0;font-size:.74rem;color:var(--text-muted)}app-pos .outside-option-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}app-pos .outside-tab{display:flex;align-items:flex-start;gap:.55rem;min-height:64px;padding:.65rem .7rem;border-radius:14px;border:1px solid var(--glass-border);background:var(--surface-box);cursor:pointer;text-align:left;color:inherit}app-pos .outside-tab strong{display:block;font-size:.8rem}app-pos .outside-tab small{display:block;margin-top:.12rem;font-size:.68rem;color:var(--text-muted)}app-pos .outside-tab .tab-num{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:.72rem;font-weight:800;background:var(--surface-box-muted);color:var(--accent-dark);flex-shrink:0}app-pos .outside-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);box-shadow:0 0 0 2px var(--accent-glow)}app-pos .outside-tab.active .tab-num{background:var(--accent);color:#fff}app-pos .outside-note{margin:0;font-size:.76rem;color:var(--text-secondary);line-height:1.45;padding:.55rem .7rem;border-radius:12px;background:var(--surface-box);border:1px dashed var(--glass-border)}app-pos .outside-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}app-pos .outside-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}app-pos .outside-invoice-grid .modal-field-wide{grid-column:1/-1}app-pos .outside-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}app-pos .outside-total-card{background:color-mix(in srgb,var(--accent) 8%,#fff);border-radius:12px;padding:.35rem .55rem}app-pos .outside-total{display:flex;align-items:center;min-height:2.3rem;font-size:.95rem;color:var(--accent-dark)}app-pos .outside-add-btn{width:100%;min-height:44px}app-pos .outside-mode-picks{display:grid;gap:.45rem}app-pos .tick-option{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem .7rem;border-radius:14px;border:1px solid var(--glass-border);background:var(--surface-box);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}app-pos .tick-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#fff);box-shadow:0 0 0 2px var(--accent-glow)}app-pos .tick-option input{margin-top:.2rem;accent-color:var(--accent)}app-pos .tick-option strong{display:block;font-size:.8rem;color:var(--text-primary)}app-pos .tick-option small{display:block;font-size:.7rem;color:var(--text-muted);line-height:1.3}app-pos .sale-notes-field{margin-top:.35rem}app-pos .preview-notes{margin:.75rem 0 0;padding:.55rem .7rem;border-radius:10px;background:var(--surface-box-soft);color:var(--text-secondary);font-size:.82rem}@media (max-width: 720px){app-pos .outside-invoice-grid,app-pos .outside-option-tabs,app-pos .outside-grid,app-pos .outside-grid-2{grid-template-columns:1fr}}html[data-theme=night] app-pos .outside-studio,html[data-theme=night] app-pos .outside-tab,html[data-theme=night] app-pos .tick-option,html[data-theme=night] app-pos .outside-note,html[data-theme=night] app-pos .outside-total-card{background:color-mix(in srgb,var(--accent) 12%,var(--surface-box));color:var(--text-primary)}html[data-theme=night] app-pos .outside-tab.active,html[data-theme=night] app-pos .tick-option.selected{background:color-mix(in srgb,var(--accent) 22%,var(--surface-box))}html[data-theme=night] app-pos .outside-hero-mark,html[data-theme=night] app-pos .outside-tab.active .tab-num{color:#fff}
