:root{--color-primary-50: #fff5eb;--color-primary-100: #ffe8d2;--color-primary-500: #ff6b00;--color-primary-600: #e05a00;--color-primary-700: #c24b00;--color-success-50: #ecfdf5;--color-success-500: #10b981;--color-success-600: #059669;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-surface-bg: #f8fafc;--color-surface-card: #ffffff;--color-surface-muted: #f1f5f9;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 2px 8px -2px rgba(15, 23, 42, .06), 0 1px 4px -1px rgba(15, 23, 42, .04);--shadow-md: 0 8px 20px -4px rgba(15, 23, 42, .08), 0 3px 6px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 36px -6px rgba(15, 23, 42, .12), 0 6px 12px -3px rgba(15, 23, 42, .06);--shadow-floating: 0 20px 40px -8px rgba(255, 107, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--touch-target-min: 48px;--bottom-bar-height: 64px;--max-mobile-width: 480px;--header-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--color-surface-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.app-viewport{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-surface-bg);width:100%}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.responsive-container{padding:0 24px}}@media(min-width:1280px){.responsive-container{padding:0 32px}}@media(max-width:767px){.hide-on-mobile{display:none!important}}@media(min-width:768px){.hide-on-desktop{display:none!important}}@media(max-width:1023px){.hide-on-tablet-down{display:none!important}}@media(min-width:1024px){.hide-on-desktop-up{display:none!important}}.responsive-grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.responsive-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.merchant-orders-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media(min-width:880px){.merchant-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(min-width:1400px){.merchant-orders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.responsive-grid-3{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.responsive-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(min-width:1024px){.responsive-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.responsive-grid-4{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.responsive-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(min-width:1024px){.responsive-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.responsive-split{display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.responsive-split{flex-direction:row;align-items:flex-start;gap:32px}.responsive-split-main{flex:1;min-width:0}.responsive-split-side{width:380px;flex-shrink:0;position:sticky;top:calc(var(--header-height, 64px) + 20px)}}.responsive-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background-color:#000000a6;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.responsive-modal-overlay{align-items:center;padding:24px}}.responsive-modal-content{width:100%;max-height:90vh;overflow-y:auto;background-color:var(--color-surface-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-floating);display:flex;flex-direction:column}@media(min-width:640px){.responsive-modal-content{border-radius:var(--radius-xl)}}.modal-split-2col{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.modal-split-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:flex-start}}.app-main-content{flex:1;padding-bottom:calc(var(--bottom-bar-height, 64px) + 70px);overflow-x:hidden}@media(min-width:768px){.app-main-content{padding-bottom:40px}}@keyframes pulse-ring{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.animate-pulse-ring{animation:pulse-ring 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}