*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Poppins,sans-serif;background:var(--color-bg, #F9FAFB);color:var(--color-text, #111827);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:Poppins,sans-serif;color:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-ring, rgba(26,86,219,.22));outline-offset:2px}::selection{background:var(--color-blueFaded, #EFF6FF);color:var(--color-blueDk, #1E429F)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border, #E5E7EB) 78%,var(--color-textSm, #667085));border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-textSm, #667085);border:2px solid transparent;background-clip:padding-box}@keyframes mp-slide-up{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mp-soft-pop{0%{transform:scale(.985);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mp-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.mp-main{background:radial-gradient(circle at 8% 0%,rgba(26,86,219,.075),transparent 28rem),radial-gradient(circle at 100% 100%,rgba(249,115,22,.06),transparent 30rem),var(--color-bg)}.mp-main>*{animation:mp-slide-up .34s cubic-bezier(.22,1,.36,1)}.mp-premium-card{box-shadow:var(--color-shadowSm)}.mp-premium-card:hover{box-shadow:var(--color-shadowMd)}.mp-hover-lift{will-change:transform}.mp-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--color-shadowMd)!important}.mp-pressable:active{transform:translateY(0) scale(.99)}.mp-icon-bubble{position:relative;overflow:hidden}.mp-icon-bubble:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35),transparent 75%);transform:translate(-120%);opacity:.55}.mp-icon-bubble:hover:after{animation:mp-shimmer .8s ease}.mp-modal-overlay{animation:mp-fade-in .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mp-modal-box{animation:mp-soft-pop .24s cubic-bezier(.22,1,.36,1)}.mp-table-wrap tbody tr{transition:background-color .18s ease,transform .18s ease}.mp-table-wrap tbody tr:hover{transform:translate(1px)}.mp-auth-card{animation:mp-soft-pop .42s cubic-bezier(.22,1,.36,1)}.mp-auth-sidebar .mp-icon-bubble{animation:mp-float 4.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.mp-main>*{animation:none!important}}@media (min-width: 769px){.mp-bottom-nav,.mp-mob-only,.mp-pos-backdrop{display:none!important}}@media (max-width: 768px){.mp-main{padding:12px 12px 86px!important}.mp-grid-2{grid-template-columns:1fr!important}.mp-grid-3{grid-template-columns:1fr 1fr!important}.mp-modal-overlay{align-items:flex-end!important;padding:0!important}.mp-modal-box{border-radius:22px 22px 0 0!important;max-width:100%!important;max-height:92dvh!important;width:100%!important;animation:mp-slide-up .28s cubic-bezier(.32,.72,0,1)}.mp-modal-box:before{content:"";display:block;width:42px;height:4px;border-radius:99px;background:var(--color-border, #E5E7EB);margin:12px auto 4px}.mp-pos-root{flex-direction:column!important;height:calc(100dvh - 82px)!important;overflow:hidden!important}.mp-pos-cart-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:88dvh!important;width:100%!important;z-index:150!important;border-radius:22px 22px 0 0!important;transform:translateY(110%)!important;transition:transform .35s cubic-bezier(.32,.72,0,1)!important;box-shadow:0 -8px 48px #00000038!important;overflow-y:auto!important}.mp-pos-cart-panel:before{content:"";display:block;width:42px;height:4px;border-radius:99px;background:var(--color-border, #E5E7EB);margin:12px auto 4px}.mp-pos-cart-panel.mp-cart-open{transform:translateY(0)!important}.mp-pos-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:145;animation:mp-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-pos-fab{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:140;white-space:nowrap;box-shadow:var(--color-glowBlue)}.mp-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:64px;z-index:60;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--color-border, #E5E7EB);background:var(--color-headerBg, #fff);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -12px 32px #0f172a14}.mp-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;cursor:pointer;padding:5px 2px;transition:color .18s,transform .18s}.mp-bottom-nav button:active{transform:scale(.96)}.mp-bottom-nav button span{font-size:9px;font-family:Poppins,sans-serif}.mp-settings-layout{flex-direction:column!important}.mp-settings-sidebar{width:100%!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.mp-settings-sidebar::-webkit-scrollbar{display:none}.mp-settings-sidebar>div{display:contents}.mp-settings-sidebar button{white-space:nowrap!important;width:auto!important;flex-shrink:0!important}.mp-settings-section-label{display:none!important}.mp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}.mp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mp-table-wrap table{min-width:720px}@media (max-width: 900px){.mp-auth-card{flex-direction:column;max-width:560px!important;min-height:auto!important}.mp-auth-sidebar{width:100%!important;gap:18px;padding:22px!important}.mp-auth-main{padding:24px 20px!important}}@media (max-width: 768px){.mp-auth-shell{padding:12px!important;align-items:stretch!important}.mp-auth-card{border-radius:22px!important}.mp-auth-sidebar{padding:18px!important}.mp-auth-main{padding:20px 16px!important}.mp-auth-alt-action{margin-top:14px!important}.mp-table-wrap table{min-width:640px}}:root,[data-theme=light]{--color-bg: #F4F8FF;--color-bgCard: #FFFFFF;--color-bgHover: #EAF3FF;--color-text: #071629;--color-textMd: #253A5B;--color-textSm: #667A9A;--color-border: #DCE7F7;--color-white: #FFFFFF;--color-blue: #3F7BFF;--color-blueDk: #0D2E5E;--color-blueXl: #071629;--color-orange: #89B8FF;--color-orangeLt: #EAF3FF;--color-success: #10B981;--color-danger: #EF4444;--color-warn: #F59E0B;--color-purple: #8B5CF6;--color-shadow: rgba(7, 22, 41, .08);--color-shadowSm: 0 6px 18px rgba(7, 22, 41, .06);--color-shadowMd: 0 14px 36px rgba(7, 22, 41, .1);--color-shadowLg: 0 24px 60px rgba(7, 22, 41, .16);--color-surface: #FFFFFF;--color-surfaceAlt: #F7FAFF;--color-surfaceMuted: #EAF3FF;--color-panel: rgba(255, 255, 255, .86);--color-panelStrong: #FFFFFF;--color-headerBg: rgba(255, 255, 255, .82);--color-sidebarBg: #071629;--color-sidebarSurface: rgba(255, 255, 255, .08);--color-sidebarBorder: rgba(255, 255, 255, .13);--color-inputBg: #FFFFFF;--color-inputBorderFocus: #3F7BFF;--color-ring: rgba(63, 123, 255, .18);--color-overlay: rgba(7, 22, 41, .52);--color-glowBlue: 0 18px 42px rgba(63, 123, 255, .28);--color-blueFaded: #EAF3FF;--color-warnFaded: #FFFBEB;--color-dangerFaded: #FEF2F2;--color-successFaded: #ECFDF5;--color-blueShadow: rgba(63,123,255,.28)}[data-theme=dark]{--color-bg: #071629;--color-bgCard: #0B1F3A;--color-bgHover: #102A4F;--color-text: #F7FAFF;--color-textMd: #D9E6FA;--color-textSm: #9FB2D1;--color-border: rgba(137, 184, 255, .22);--color-white: #0B1F3A;--color-blue: #3F7BFF;--color-blueDk: #89B8FF;--color-blueXl: #0D2E5E;--color-orange: #89B8FF;--color-orangeLt: #102A4F;--color-success: #34D399;--color-danger: #F87171;--color-warn: #FBBF24;--color-purple: #A78BFA;--color-shadow: rgba(0, 0, 0, .34);--color-shadowSm: 0 8px 22px rgba(0, 0, 0, .22);--color-shadowMd: 0 18px 42px rgba(0, 0, 0, .34);--color-shadowLg: 0 28px 70px rgba(0, 0, 0, .44);--color-surface: #0B1F3A;--color-surfaceAlt: #0D2E5E;--color-surfaceMuted: #102A4F;--color-panel: rgba(11, 31, 58, .84);--color-panelStrong: #0B1F3A;--color-headerBg: rgba(7, 22, 41, .82);--color-sidebarBg: #071629;--color-sidebarSurface: rgba(255, 255, 255, .075);--color-sidebarBorder: rgba(255, 255, 255, .12);--color-inputBg: #071629;--color-inputBorderFocus: #3F7BFF;--color-ring: rgba(63, 123, 255, .22);--color-overlay: rgba(0, 0, 0, .62);--color-glowBlue: 0 18px 42px rgba(63, 123, 255, .24);--color-blueFaded: #102A4F;--color-warnFaded: #422006;--color-dangerFaded: #3B1010;--color-successFaded: #063E31;--color-blueShadow: rgba(63,123,255,.28)}body{background:radial-gradient(circle at top left,rgba(63,123,255,.09),transparent 34rem),radial-gradient(circle at bottom right,rgba(137,184,255,.08),transparent 30rem),var(--color-bg);color:var(--color-text);transition:background-color .28s ease,color .28s ease}.mp-sidebar{background:radial-gradient(circle at top,rgba(96,165,250,.2),transparent 18rem),linear-gradient(180deg,var(--color-sidebarBg),var(--color-blueXl))}.card{background-color:var(--color-panelStrong);border:1px solid var(--color-border);box-shadow:var(--color-shadowSm)}.header{background-color:var(--color-headerBg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}input,select,textarea{background-color:var(--color-inputBg);border:1px solid var(--color-border);color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--color-inputBorderFocus)!important;box-shadow:0 0 0 4px var(--color-ring)!important}.btn{background-color:var(--color-blue);color:#fff}.btn:hover{background-color:var(--color-blueDk)}.btn-secondary{background-color:var(--color-surfaceAlt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bgHover)}*{transition-property:background-color,color,border-color,box-shadow,transform,opacity;transition-duration:.2s;transition-timing-function:ease}
