@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--color-primary: #5B2C82;--color-primary-hover: #4A2268;--color-primary-light: #F3EAFB;--color-primary-soft: #E8D9F5;--color-accent: #9B6FC4;--color-accent-hover: #8557B0;--color-accent-light: #F3EAFB;--color-bg: #F0EBF8;--color-surface: #FFFFFF;--color-surface-raised: #FAF7FD;--color-border: #E0D4F0;--color-text-primary: #1E1030;--color-text-secondary: #5C4D72;--color-text-tertiary: #9E8FB5;--color-profit: #16A34A;--color-loss: #DC2626;--color-warning: #B45309;--color-icon-badge-bg: #5B2C82;--color-icon-badge-fg: #FFFFFF;--shadow-sm: 0 1px 4px rgba(91, 44, 130, .08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 20px rgba(91, 44, 130, .12), 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(91, 44, 130, .16), 0 4px 16px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--sidebar-width: 230px;--navbar-height: 64px;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-hover: rgba(255, 255, 255, .9);--glass-border: rgba(91, 44, 130, .1);--glass-shadow: 0 4px 24px rgba(91, 44, 130, .07), inset 0 1px 0 rgba(255,255,255,.6);--glass-blur: 20px;--app-bg-gradient: radial-gradient(ellipse 800px 600px at 0% 0%, rgba(91, 44, 130, .1) 0%, transparent 60%), radial-gradient(ellipse 600px 500px at 100% 30%, rgba(155, 111, 196, .08) 0%, transparent 60%), radial-gradient(ellipse 700px 700px at 50% 100%, rgba(91, 44, 130, .06) 0%, transparent 60%)}[data-theme=dark]{--color-primary: #C4A0E8;--color-primary-hover: #B388DC;--color-primary-light: #2A1A3E;--color-primary-soft: #3A2550;--color-accent: #D4B0F0;--color-accent-hover: #C49AE4;--color-accent-light: #2A1A3E;--color-bg: #130D1E;--color-surface: #1E1530;--color-surface-raised: #271C3C;--color-border: #3A2855;--color-text-primary: #F2EAFA;--color-text-secondary: #B8A8D0;--color-text-tertiary: #7A6A90;--color-profit: #4ADE80;--color-loss: #F87171;--color-warning: #FCD34D;--color-icon-badge-bg: #C4A0E8;--color-icon-badge-fg: #130D1E;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--glass-bg: rgba(30, 21, 48, .65);--glass-bg-hover: rgba(30, 21, 48, .82);--glass-border: rgba(196, 160, 232, .14);--glass-shadow: 0 4px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);--glass-blur: 20px;--app-bg-gradient: radial-gradient(ellipse 800px 600px at 0% 0%, rgba(196, 160, 232, .14) 0%, transparent 60%), radial-gradient(ellipse 600px 500px at 100% 30%, rgba(212, 176, 240, .1) 0%, transparent 60%), radial-gradient(ellipse 700px 700px at 50% 100%, rgba(196, 160, 232, .1) 0%, transparent 60%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;transition:background-color .3s ease,color .3s ease;font-size:15px;letter-spacing:-.01em}.app-bg-gradient{background-image:var(--app-bg-gradient);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;font:600 14px var(--font-body);padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);gap:8px;white-space:nowrap;letter-spacing:-.01em;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .18s ease}.btn:hover:after{background:#ffffff14}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#7B3DAE 100%);color:#fff;box-shadow:0 2px 8px #5b2c824d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #5b2c8266}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,#7B4FC4 100%);color:#fff;box-shadow:0 2px 8px #9b6fc44d}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #9b6fc466}.btn-secondary{background:var(--color-primary-light);border:1px solid var(--color-primary-soft);color:var(--color-primary);font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--color-primary-soft);transform:translateY(-1px)}.btn-danger{background:#dc262614;color:var(--color-loss);border:1px solid rgba(220,38,38,.18);font-weight:600}.btn-danger:hover:not(:disabled){background:var(--color-loss);color:#fff;transform:translateY(-1px)}.form-group{margin-bottom:var(--space-5);text-align:left}.form-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text-secondary)}.input-field{width:100%;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;font:400 14px var(--font-body);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;outline:none;letter-spacing:-.01em}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b2c821f;background:var(--color-surface)}.input-field:hover:not(:focus){border-color:var(--color-accent)}.input-field::placeholder{color:var(--color-text-tertiary)}.input-error{border-color:var(--color-loss)}.input-error-msg{font-size:var(--text-xs);color:var(--color-loss);margin-top:4px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--glass-shadow);transition:border-color .2s ease,box-shadow .2s ease}.table-wrapper{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--glass-shadow);width:100%}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary-soft) 100%);font:600 11px var(--font-body);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-bottom:2px solid var(--color-primary-soft);position:sticky;top:0;z-index:1}.table td{padding:13px 16px;font:400 14px var(--font-body);border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text-primary)}.table tbody tr{transition:background-color .1s}.table tbody tr:hover{background-color:var(--color-surface-raised)}.row-profit{background:#0596690a}.row-loss{background:#dc26260a}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font:600 var(--text-xs) var(--font-body);white-space:nowrap}.badge-profit{background:#0596691a;color:var(--color-profit)}.badge-loss{background:#dc26261a;color:var(--color-loss)}.badge-pro{background:var(--color-primary-soft);color:var(--color-primary)}.badge-free{background:var(--color-surface-raised);color:var(--color-text-secondary)}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);z-index:100;box-shadow:2px 0 16px #5b2c820f;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-spacer{width:var(--sidebar-width);flex-shrink:0}.brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-10);padding-left:var(--space-2)}.brand-logo span{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);font:500 14px var(--font-body);text-decoration:none;transition:all .15s ease;border:1px solid transparent;letter-spacing:-.01em}.nav-item:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-soft)}.nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,#7B3DAE 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px #5b2c824d}.sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.navbar{height:var(--navbar-height);border-bottom:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);position:sticky;top:0;z-index:90;box-shadow:0 1px 0 var(--glass-border)}.navbar-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.dashboard-layout{display:flex;min-height:100vh;background:var(--color-bg);background-image:var(--app-bg-gradient);background-attachment:fixed}.main-content{flex-grow:1;flex-shrink:1;min-width:0;padding:var(--space-8);max-width:1400px;margin:0 auto;position:relative;z-index:1}.upload-card-dashed{border:2px dashed var(--color-primary-light);transition:border-color .2s,background-color .2s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface)}.upload-card-dashed:hover{border-style:solid;border-color:var(--color-primary)}.upload-card-dashed.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);position:relative;overflow:hidden;background-color:var(--color-bg)}.auth-card{width:100%;max-width:400px;padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);z-index:1}.sku-costs-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:start}.dashboard-warnings{padding:16px 20px;background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}.alert-danger{padding:12px 16px;background-color:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--color-loss);font-size:var(--text-sm);text-align:center}.page-enter{animation:fadeIn .2s ease forwards}.animate-spin{animation:spin 1s linear infinite}.number-display{font-family:var(--font-display);font-weight:600}.number-profit{color:var(--color-profit)}.number-loss{color:var(--color-loss)}@media (max-width: 768px){.sidebar-spacer{display:none}.sidebar{width:100%;height:60px;position:fixed;bottom:0;top:auto;left:0;right:0;border-right:none;border-top:1px solid var(--color-border);flex-direction:row;justify-content:space-around;padding:8px 16px;box-shadow:0 -2px 10px #0000000d;overflow:visible}.brand-logo,.sidebar-footer{display:none!important}.sidebar-nav{flex-direction:row;width:100%;justify-content:space-around;gap:0}.nav-item{padding:8px 12px;border-radius:var(--radius-md)}.main-content{padding:var(--space-4);padding-bottom:80px}.navbar{padding:0 var(--space-4)}.sku-costs-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.glass-effect{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.glass-card-hover{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.glass-card-hover:hover{transform:translateY(-2px);background:var(--glass-bg-hover)!important;box-shadow:0 12px 40px #7c3aed1f,inset 0 1px #ffffff0f!important}@supports not (backdrop-filter: blur(1px)){.glass-card,.glass-effect{background:var(--color-surface)!important}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f0d1a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--glass-bg);backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:var(--space-6);width:100%}.fade-in{animation:fadeIn .2s ease forwards}.slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-raised) 25%,var(--color-primary-light) 50%,var(--color-surface-raised) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary-soft);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--color-profit);box-shadow:0 0 0 2px #16a34a33}.status-dot.offline{background:var(--color-loss)}.status-dot.warning{background:var(--color-warning)}.animate-fade-in{animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite;display:block}:root{--skeleton-base: #EDE9F5;--skeleton-shine: #F8F4FF}[data-theme=dark]{--skeleton-base: #2A1F3D;--skeleton-shine: #3D2D5A}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-5px);opacity:1}}