*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width: 240px;--navbar-height: 64px;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--font-body: Arial, sans-serif;--font-display: Arial, sans-serif;--font-mono: Arial, sans-serif}[data-theme=prestige]{--bg: #080808;--bg-card: #101010;--bg-sidebar: #050505;--bg-navbar: rgba(8, 8, 8, .92);--bg-hover: #181818;--bg-input: #0d0d0d;--bg-overlay: rgba(0, 0, 0, .88);--text: #efefef;--text-2: #b0b0b0;--text-3: #787878;--border: #1e1e1e;--accent: #c8c8c8;--accent-dark: #e8e8e8;--accent-bg: rgba(200, 200, 200, .07);--accent-text: #050505;--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.7);--shadow: 0 2px 8px rgba(0,0,0,.7);--shadow-md: 0 4px 20px rgba(0,0,0,.75);--shadow-lg: 0 12px 40px rgba(0,0,0,.82);--shadow-xl: 0 24px 64px rgba(0,0,0,.88)}[data-theme=charbon]{--bg: #161616;--bg-card: #1f1f1f;--bg-sidebar: #101010;--bg-navbar: rgba(22, 22, 22, .93);--bg-hover: #2a2a2a;--bg-input: #131313;--bg-overlay: rgba(0, 0, 0, .84);--text: #e8e8e8;--text-2: #aaaaaa;--text-3: #787878;--border: #2c2c2c;--accent: #c8c8c8;--accent-dark: #e8e8e8;--accent-bg: rgba(200, 200, 200, .07);--accent-text: #050505;--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.6);--shadow: 0 2px 8px rgba(0,0,0,.6);--shadow-md: 0 4px 20px rgba(0,0,0,.65);--shadow-lg: 0 12px 40px rgba(0,0,0,.72);--shadow-xl: 0 24px 64px rgba(0,0,0,.8)}[data-theme=ardoise]{--bg: #1a1d23;--bg-card: #22262d;--bg-sidebar: #13161b;--bg-navbar: rgba(26, 29, 35, .93);--bg-hover: #2c3039;--bg-input: #14171d;--bg-overlay: rgba(0, 0, 0, .75);--text: #dce1ea;--text-2: #9aa3b4;--text-3: #6e7888;--border: #2c3039;--accent: #c8c8c8;--accent-dark: #e4e4e4;--accent-bg: rgba(200, 200, 200, .07);--accent-text: #050505;--success: #4ade80;--success-bg: rgba(74, 222, 128, .13);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .13);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .13);--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow: 0 2px 8px rgba(0,0,0,.52);--shadow-md: 0 4px 20px rgba(0,0,0,.56);--shadow-lg: 0 12px 40px rgba(0,0,0,.62);--shadow-xl: 0 24px 64px rgba(0,0,0,.7)}[data-theme=or]{--bg: #060500;--bg-card: #0f0c02;--bg-sidebar: #040300;--bg-navbar: rgba(6, 5, 0, .92);--bg-hover: #1a1500;--bg-input: #0a0800;--bg-overlay: rgba(0, 0, 0, .88);--text: #faf6e0;--text-2: #d4b86a;--text-3: #9a7e36;--border: #241c00;--accent: #d4af37;--accent-dark: #f0c84a;--accent-bg: rgba(212, 175, 55, .1);--accent-text: #060500;--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .14);--shadow-sm: 0 1px 2px rgba(0,0,0,.7);--shadow: 0 2px 8px rgba(0,0,0,.65);--shadow-md: 0 4px 20px rgba(212,175,55,.1);--shadow-lg: 0 12px 40px rgba(212,175,55,.14);--shadow-xl: 0 24px 64px rgba(212,175,55,.18)}[data-theme=creme]{--bg: #f9f7f4;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-navbar: rgba(255, 255, 255, .92);--bg-hover: #f2efe9;--bg-input: #f2efe9;--bg-overlay: rgba(28, 25, 23, .5);--text: #1c1917;--text-2: #44403c;--text-3: #78716c;--border: #e7e5e4;--accent: #292524;--accent-dark: #1c1917;--accent-bg: rgba(41, 37, 36, .07);--accent-text: #ffffff;--success: #16a34a;--success-bg: #f0fdf4;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #ca8a04;--warning-bg: #fefce8;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-xl: 0 24px 48px rgba(0,0,0,.12)}[data-theme=ivoire]{--bg: #faf7f0;--bg-card: #fffefb;--bg-sidebar: #fffefb;--bg-navbar: rgba(255, 254, 251, .92);--bg-hover: #f2ead8;--bg-input: #f5f0e4;--bg-overlay: rgba(30, 20, 5, .5);--text: #1e1408;--text-2: #5a4830;--text-3: #7c6a50;--border: #e8dcc8;--accent: #7c5c1e;--accent-dark: #5a4010;--accent-bg: rgba(124, 92, 30, .1);--accent-text: #ffffff;--success: #16a34a;--success-bg: #f0fdf4;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #ca8a04;--warning-bg: #fefce8;--shadow-sm: 0 1px 2px rgba(100, 70, 20, .06);--shadow: 0 1px 4px rgba(100, 70, 20, .09);--shadow-md: 0 4px 12px rgba(100, 70, 20, .1);--shadow-lg: 0 12px 32px rgba(100, 70, 20, .12);--shadow-xl: 0 24px 48px rgba(100, 70, 20, .14)}[data-theme=gris]{--bg: #f4f4f2;--bg-card: #fafaf8;--bg-sidebar: #fafaf8;--bg-navbar: rgba(250, 250, 248, .92);--bg-hover: #ebebea;--bg-input: #ebebea;--bg-overlay: rgba(20, 20, 20, .5);--text: #18181b;--text-2: #3f3f46;--text-3: #71717a;--border: #e4e4e7;--accent: #3f3f46;--accent-dark: #27272a;--accent-bg: rgba(63, 63, 70, .08);--accent-text: #ffffff;--success: #16a34a;--success-bg: #f0fdf4;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #ca8a04;--warning-bg: #fefce8;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(0,0,0,.1);--shadow-xl: 0 24px 48px rgba(0,0,0,.12)}[data-theme=dark]{--bg: #0f172a;--bg-card: #1e293b;--bg-sidebar: #0c1524;--bg-navbar: rgba(30, 41, 59, .88);--bg-hover: #334155;--bg-input: #0c1524;--bg-overlay: rgba(0, 0, 0, .72);--text: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b;--border: #334155;--accent: #818cf8;--accent-dark: #6366f1;--accent-bg: rgba(129,140,248,.14);--accent-text: #ffffff;--success: #34d399;--success-bg: rgba(52,211,153,.14);--danger: #f87171;--danger-bg: rgba(248,113,113,.14);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.14);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 6px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--shadow-xl: 0 24px 48px rgba(0,0,0,.7)}[data-theme=violet]{--bg: #0d0a1e;--bg-card: #130f26;--bg-sidebar: #0a0817;--bg-navbar: rgba(13, 10, 30, .88);--bg-hover: #1e1540;--bg-input: #0a0817;--bg-overlay: rgba(0, 0, 0, .76);--text: #f5f3ff;--text-2: #c4b5fd;--text-3: #a78bfa;--border: #2e1f5e;--accent: #c084fc;--accent-dark: #a855f7;--accent-bg: rgba(192,132,252,.14);--accent-text: #0d0a1e;--success: #34d399;--success-bg: rgba(52,211,153,.14);--danger: #f87171;--danger-bg: rgba(248,113,113,.14);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.14);--shadow-sm: 0 1px 2px rgba(192,132,252,.1);--shadow: 0 2px 6px rgba(192,132,252,.12);--shadow-md: 0 4px 16px rgba(192,132,252,.18);--shadow-lg: 0 12px 32px rgba(192,132,252,.22);--shadow-xl: 0 24px 48px rgba(192,132,252,.28)}[data-theme=foret]{--bg: #060d07;--bg-card: #0c160d;--bg-sidebar: #040a05;--bg-navbar: rgba(6, 13, 7, .92);--bg-hover: #162318;--bg-input: #0a1209;--bg-overlay: rgba(0, 0, 0, .82);--text: #f0fdf4;--text-2: #86efac;--text-3: #4aad6a;--border: #14380f;--accent: #4ade80;--accent-dark: #22c55e;--accent-bg: rgba(74, 222, 128, .1);--accent-text: #031005;--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.7);--shadow: 0 2px 8px rgba(0,0,0,.65);--shadow-md: 0 4px 20px rgba(74, 222, 128, .1);--shadow-lg: 0 12px 40px rgba(74, 222, 128, .14);--shadow-xl: 0 24px 64px rgba(74, 222, 128, .18)}[data-theme=cyan]{--bg: #030d12;--bg-card: #061520;--bg-sidebar: #020a0f;--bg-navbar: rgba(3, 13, 18, .92);--bg-hover: #0c2233;--bg-input: #061018;--bg-overlay: rgba(0, 0, 0, .82);--text: #ecfeff;--text-2: #67e8f9;--text-3: #3e8fa8;--border: #0e4155;--accent: #22d3ee;--accent-dark: #06b6d4;--accent-bg: rgba(34, 211, 238, .1);--accent-text: #020c12;--success: #34d399;--success-bg: rgba(52, 211, 153, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.7);--shadow: 0 2px 8px rgba(0,0,0,.65);--shadow-md: 0 4px 20px rgba(34, 211, 238, .1);--shadow-lg: 0 12px 40px rgba(34, 211, 238, .14);--shadow-xl: 0 24px 64px rgba(34, 211, 238, .18)}[data-theme=turquoise]{--bg: #030f0e;--bg-card: #061a18;--bg-sidebar: #020c0b;--bg-navbar: rgba(3, 15, 14, .92);--bg-hover: #0d2826;--bg-input: #061614;--bg-overlay: rgba(0, 0, 0, .82);--text: #f0fdfa;--text-2: #5eead4;--text-3: #3e9890;--border: #0f3d38;--accent: #2dd4bf;--accent-dark: #14b8a6;--accent-bg: rgba(45, 212, 191, .1);--accent-text: #021412;--success: #34d399;--success-bg: rgba(52, 211, 153, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.7);--shadow: 0 2px 8px rgba(0,0,0,.65);--shadow-md: 0 4px 20px rgba(45, 212, 191, .1);--shadow-lg: 0 12px 40px rgba(45, 212, 191, .14);--shadow-xl: 0 24px 64px rgba(45, 212, 191, .18)}[data-theme=dim]{--bg: #22272e;--bg-card: #2d333b;--bg-sidebar: #1c2128;--bg-navbar: rgba(34, 39, 46, .92);--bg-hover: #373e47;--bg-input: #1c2128;--bg-overlay: rgba(0, 0, 0, .65);--text: #cdd9e5;--text-2: #8e9aaa;--text-3: #6e7885;--border: #373e47;--accent: #c8c8c8;--accent-dark: #e8e8e8;--accent-bg: rgba(200, 200, 200, .08);--accent-text: #22272e;--success: #4ade80;--success-bg: rgba(74, 222, 128, .14);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .14);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .14);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-xl: 0 24px 64px rgba(0,0,0,.55)}[data-theme=light]{--bg: #d9d5ce;--bg-card: #ccc8c1;--bg-sidebar: #060606;--bg-navbar: rgba(217,213,206,.94);--bg-hover: #bfbbb4;--bg-input: #c8c4bd;--bg-overlay: rgba(0, 0, 0, .55);--text: #080604;--text-2: #0d0b08;--text-3: #1a1816;--border: #a8a49e;--accent: #c8c8c8;--accent-dark: #a8a8a8;--accent-bg: rgba(200, 200, 200, .12);--accent-text: #18160f;--success: #16a34a;--success-bg: rgba(22, 163, 74, .14);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .13);--warning: #b45309;--warning-bg: rgba(180, 83, 9, .13);--shadow-sm: 0 1px 3px rgba(0,0,0,.14);--shadow: 0 2px 8px rgba(0,0,0,.18);--shadow-md: 0 4px 20px rgba(0,0,0,.22);--shadow-lg: 0 12px 40px rgba(0,0,0,.26);--shadow-xl: 0 24px 64px rgba(0,0,0,.3)}[data-theme=light] .sidebar{--text: #efefef;--text-2: #9a9a9a;--text-3: #484848;--bg-hover: #181818;--bg-card: #101010;--border: #1e1e1e}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}*,*:before,*:after{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;transition:background .25s ease}*:hover::-webkit-scrollbar-thumb{background:#0000008c}::-webkit-scrollbar-thumb:hover{background:#000000d1!important}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:rgba(0,0,0,.5) transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes alertPulse{0%,to{transform:scale(1);box-shadow:0 0 #dc262699}50%{transform:scale(1.07);box-shadow:0 0 0 10px #dc262600}}@keyframes bellShake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes alertSlideUp{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alertRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}@keyframes offline-sonar{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}@keyframes offline-sonar2{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes offline-glow{0%,to{box-shadow:0 0 18px 4px var(--offline-accent,#7c3aed44)}50%{box-shadow:0 0 38px 10px var(--offline-accent,#7c3aed88)}}@keyframes offline-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes offline-fadein{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes offline-bar{0%{width:15%}40%{width:70%}60%{width:70%}80%{width:88%}to{width:15%}}@keyframes offline-dot{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ringGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes ringGlowBorder{0%,to{box-shadow:0 0 38px #ffffff85,0 0 76px #fff3,inset 0 0 28px #ffffff1a}50%{box-shadow:0 0 58px #ffffffc7,0 0 110px #ffffff57,inset 0 0 45px #ffffff2e}}@keyframes lightRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes womanDance{0%{transform:rotate(-2.5deg) translateY(0)}22%{transform:rotate(1.8deg) translateY(-9px)}44%{transform:rotate(-1.2deg) translateY(-5px)}66%{transform:rotate(2.8deg) translateY(-11px)}88%{transform:rotate(-.6deg) translateY(-4px)}to{transform:rotate(-2.5deg) translateY(0)}}@keyframes clothesDance{0%,to{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(9deg) translateY(-13px)}}@keyframes heartFloat{0%{transform:translateY(0) scale(1);opacity:0}8%{opacity:.88}to{transform:translateY(-185px) scale(.38);opacity:0}}@keyframes sparkleGlow{0%,to{opacity:.18;transform:scale(.65)}50%{opacity:1;transform:scale(1.3)}}@keyframes floatUpDown{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-20px) rotate(6deg)}}@keyframes recordBlink{0%,44%{opacity:1}55%,to{opacity:0}}@keyframes cartoonBounce{0%,to{transform:translateY(0) scaleY(1)}20%{transform:translateY(-18px) scaleY(1.02)}40%{transform:translateY(-8px) scaleY(.99)}60%{transform:translateY(-22px) scaleY(1.03)}80%{transform:translateY(-6px) scaleY(.99)}}@keyframes headBobCart{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes armSwingL{0%,to{transform:rotate(-32deg)}50%{transform:rotate(20deg)}}@keyframes armSwingR{0%,to{transform:rotate(32deg)}50%{transform:rotate(-20deg)}}@keyframes hipSwayCart{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes skirtSwayCart{0%,to{transform:rotate(-10deg) scaleX(1.07)}50%{transform:rotate(10deg) scaleX(.93)}}@keyframes hairFlow{0%,to{transform:skew(-12deg) translate(-3px)}50%{transform:skew(12deg) translate(3px)}}@keyframes selfieSway{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-10px) rotate(.8deg)}}@keyframes selfieArmFloat{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-5px)}}@keyframes braidFlow{0%,to{transform:skew(-6deg) translate(-2px)}50%{transform:skew(6deg) translate(2px)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes dressFloat{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-14px) rotate(.4deg)}}@keyframes skirtSway{0%,to{transform:skew(-1.5deg) scaleX(1)}50%{transform:skew(1.5deg) scaleX(1.01)}}@keyframes girlDanceImg{0%{transform:translateY(0) rotate(0) scaleX(1)}12%{transform:translateY(-13px) rotate(-1.8deg) scaleX(1.01)}28%{transform:translateY(-5px) rotate(.9deg) scaleX(.99)}45%{transform:translateY(-17px) rotate(-1.1deg) scaleX(1.01)}60%{transform:translateY(-7px) rotate(1.6deg) scaleX(1)}75%{transform:translateY(-15px) rotate(-.6deg) scaleX(.99)}90%{transform:translateY(-4px) rotate(1.2deg) scaleX(1.01)}to{transform:translateY(0) rotate(0) scaleX(1)}}.fade-in{animation:fadeIn .28s ease forwards}.scale-in{animation:scaleIn .22s ease forwards}.app-shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;z-index:40;box-shadow:var(--shadow-md)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.navbar{height:var(--navbar-height);flex-shrink:0;background:var(--bg-navbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:30}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .18s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 14px #0003}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-2)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9;box-shadow:0 4px 14px #0003}.btn-lg{padding:13px 28px;font-size:15px;border-radius:var(--radius)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn-icon{padding:9px;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-accent{background:var(--accent-bg);color:var(--accent)}.badge-neutral{background:var(--bg-hover);color:var(--text-2)}.input{width:100%;padding:9px 12px;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input::placeholder{color:var(--text-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:scaleIn .22s ease}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-2);font-size:13.5px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-hover)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:28px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-accent{color:var(--accent)}.text-muted{color:var(--text-3)}.text-secondary{color:var(--text-2)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.rounded{border-radius:var(--radius-sm)}.rounded-full{border-radius:99px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.grid{display:grid}.shrink-0{flex-shrink:0}.opacity-0{opacity:0}.divider{height:1px;background:var(--border);margin:0 -1px}.navbar-actions{display:flex;align-items:center;gap:6px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex-shrink:1;min-width:0}.navbar-actions::-webkit-scrollbar{display:none}.sidebar-close-btn{display:none!important}@media (max-width: 1023px){.page-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 767px){.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:240px!important;transform:translate(-100%);z-index:50}.sidebar.mobile-open{transform:translate(0)}.sidebar-close-btn{display:flex!important}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:49;animation:fadeIn .2s ease}.navbar{padding:0 10px;gap:8px}.page-content{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.pos-layout{flex-direction:column!important;height:auto!important;min-height:calc(100vh - var(--navbar-height))}.pos-product-panel{height:55vh;min-width:unset!important;flex:none!important}.pos-cart-panel{width:100%!important;min-width:unset!important;border-left:none!important;border-top:1px solid var(--border)}.modal{max-width:100%;border-radius:var(--radius) var(--radius) 0 0}.modal-overlay{padding:0;align-items:flex-end}}.stats-grid{display:grid!important;gap:14px;grid-template-columns:repeat(4,1fr)}.stats-grid-3{display:grid!important;gap:14px;grid-template-columns:repeat(3,1fr)}.dash-chart-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;margin-bottom:24px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 1023px){.stats-grid-3{grid-template-columns:repeat(2,1fr)!important}.dash-chart-grid{grid-template-columns:1fr!important}}@media (max-width: 767px){.stats-grid{gap:10px!important;margin-bottom:12px!important}.stats-grid-3{grid-template-columns:1fr!important;gap:10px!important}.dash-chart-grid{grid-template-columns:1fr!important}.drawer-panel{width:100vw!important;min-width:0!important}.login-vitrine{display:none!important}.login-form-panel{width:100%!important;padding:36px 24px!important}}