@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-main:#000;--bg-secondary:#05070e;--surface-1:#0a0e18;--surface-2:#111726;--card-bg:#0d121ea6;--card-bg-hover:#121a2cd9;--card-border:#ffffff14;--card-border-glow:#3b82f666;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-cyan:#00b7d7;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-rose:#ff2357;--accent-amber:#f99c00;--accent-purple:#ac4bff;--border-color:#ffffff14;--radius-card:24px;--radius-inner:16px;--radius-sm:10px;--sidebar-width:260px;--bottom-nav-height:66px;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--safe-bottom:env(safe-area-inset-bottom,20px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-color:var(--card-border);margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#000}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}a,button,[role=button],input,select,textarea,label{touch-action:manipulation;-webkit-user-select:none;user-select:none}input[type=text],input[type=number],input[type=password],textarea,select{-webkit-user-select:text!important;user-select:text!important}.tabular-nums,.card-value,.transaction-amount,table td{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3b82f680}.lamp-background-beam{pointer-events:none;z-index:0;width:100%;max-width:900px;height:380px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.lamp-halo{filter:blur(60px);background:radial-gradient(circle,#3b82f640 0%,#00b7d71f 45%,#0000 70%);border-radius:50%;width:500px;height:200px;animation:6s ease-in-out infinite alternate haloPulse;position:absolute;top:-80px;left:50%;transform:translate(-50%)}@keyframes haloPulse{0%{opacity:.7;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.lamp-cone{background:conic-gradient(from 165deg at 50% 0,#0000 0deg,#3b82f614 25deg,#3b82f62e 30deg,#3b82f614 35deg,#0000 60deg);width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.app-container{background-color:#000;width:100%;max-width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.main-content{padding:2.5rem;padding-bottom:calc(var(--safe-bottom) + 2.5rem);-webkit-overflow-scrolling:touch;z-index:1;flex:1;position:relative;overflow:hidden auto}@media (width<=768px){.main-content{padding:1.25rem 1rem;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 2rem)}}.aero-card{-webkit-backdrop-filter:blur(20px)saturate(180%);transition:var(--transition-smooth);background:linear-gradient(135deg,#0c111ebf 0%,#060910d9 100%);border:1px solid #ffffff14;border-radius:18px;padding:1.25rem 1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0f,0 8px 24px -4px #0009}.aero-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff03 50%,#ffffff0d 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.aero-card:hover{background:linear-gradient(135deg,#101728d9 0%,#080c16eb 100%);border-color:#3b82f659;transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff1f,0 0 20px #3b82f61a,0 16px 36px #000000b3}}.aero-stats-grid,.top-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.dashboard-grid,.dashboard-main-row{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-tables-row{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.inventory-grid,.kanban-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}@media (width<=1200px){.aero-stats-grid,.top-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-main-row{grid-template-columns:1fr}}@media (width<=640px){.aero-stats-grid,.top-stats{grid-template-columns:1fr;gap:1rem}.aero-card{border-radius:16px;padding:1.1rem 1.25rem}}.aero-title,.page-title{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#ffffffa6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;line-height:1.1;display:inline-block}.text-gradient-white{background:linear-gradient(#fff 0%,#fff9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-glow-blue{text-shadow:0 0 20px #3b82f699}.aero-header-grid{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex;position:relative}@media (width<=600px){.aero-header-grid{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.aero-title,.page-title{font-size:1.8rem}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(32px)saturate(200%);height:100dvh;transition:var(--transition-smooth);z-index:100;background:linear-gradient(#080c16f5 0%,#03050cfa 100%);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;display:flex;box-shadow:inset -1px 0 #ffffff0d,6px 0 32px #000c}@media (width<=768px){.sidebar{display:none}}.nav-group{margin-bottom:.5rem}.nav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.8px;padding:1.25rem 1.5rem .5rem;font-size:.62rem;font-weight:800}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:calc(100% - 20px);margin:2px 10px;padding:.7rem 1.4rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0a;border-color:#ffffff14}.nav-item.active{color:#fff;background:linear-gradient(135deg,#2563eb40 0%,#1d4ed826 100%);border:1px solid #93c5fd4d;font-weight:700;box-shadow:inset 0 1px 1px #ffffff4d,0 0 20px #3b82f640}.nav-item.active svg{filter:drop-shadow(0 0 8px #60a5facc);color:#60a5fa!important}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-bottom) + 12px);padding-bottom:calc(var(--safe-bottom) + 12px);-webkit-backdrop-filter:blur(32px)saturate(210%);z-index:1000;background:linear-gradient(#0c101cf2 0%,#060810fa 100%);border-top:1px solid #ffffff1f;grid-template-columns:repeat(5,1fr);align-items:flex-start;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px 1px #fff3,0 -10px 40px #000000e6}@media (width<=768px){.bottom-nav{display:grid}}.bottom-nav-item{height:var(--bottom-nav-height);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:.65rem;font-weight:600;transition:all .2s;display:flex;position:relative}.bottom-nav-item.active{color:#fff}.bottom-nav-item.active svg{color:var(--accent-blue);filter:drop-shadow(0 0 10px #3b82f6e6);transform:translateY(-2px)}.bottom-nav-item.active:before{content:"";background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:0 0 4px 4px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #3b82f6}.bottom-nav-item:active{transform:scale(.92)}.mobile-drawer{z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(8px);background:#000000bf;position:absolute;inset:0}.mobile-drawer-content{padding:1.25rem 1.5rem;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.5rem);-webkit-overflow-scrolling:touch;background:linear-gradient(#0f1525fa 0%,#080b14fc 100%);border-top:1px solid #ffffff26;border-radius:28px 28px 0 0;max-height:90dvh;animation:.35s cubic-bezier(.16,1,.3,1) drawerSlideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:inset 0 1px 1px #fff3,0 -20px 50px #000000f2}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-handle{background:#fff3;border-radius:2px;width:40px;height:4px;margin:0 auto 1.25rem}.mobile-drawer-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.8px;padding:.85rem 0 .5rem;font-size:.65rem;font-weight:800}.mobile-drawer-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:.95rem .85rem;font-family:inherit;transition:all .2s;display:flex}.mobile-drawer-item:active{background:#ffffff0f;border-color:#ffffff1a}.mobile-drawer-item-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mobile-drawer-item-icon.active-icon{background:linear-gradient(135deg,#2563eb4d 0%,#1d4ed833 100%);border-color:#93c5fd66;box-shadow:0 0 15px #3b82f64d}.mobile-drawer-item-text{flex:1;font-size:.95rem;font-weight:600}.mobile-drawer-item-arrow{color:var(--text-muted);flex-shrink:0}.btn-aero{border-radius:var(--radius-inner);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.btn-aero.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #93c5fd4d;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 20px #2563eb66}.btn-aero.outline{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff1f}.btn-aero.mini{border-radius:10px;padding:.45rem 1rem;font-size:.8rem}.btn-aero.full-w{justify-content:center;width:100%}@media (hover:hover) and (pointer:fine){.btn-aero:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-aero.primary:hover{box-shadow:inset 0 1px 1px #ffffff80,0 6px 25px #2563eb99}.btn-aero.outline:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}}.btn-aero:active{transform:scale(.97)}.btn-icon-aero{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;display:inline-flex}.btn-icon-aero.mini{border-radius:9px;width:30px;height:30px}@media (hover:hover) and (pointer:fine){.btn-icon-aero:hover{color:#fff;background:#ffffff1f;border-color:#fff3}}.btn-icon-aero.primary{color:#60a5fa;background:#2563eb33;border-color:#93c5fd4d}.btn-icon-aero.danger,.btn-icon-aero.text-red{color:var(--accent-rose);background:#ff23571a;border-color:#ff235740}.aero-input,.aero-form input,.aero-form select,.aero-form textarea{border-radius:var(--radius-inner);color:#fff;appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;outline:none;width:100%;padding:.9rem 1.25rem;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s}.aero-input:focus,.aero-form input:focus,.aero-form select:focus,.aero-form textarea:focus{border-color:var(--accent-blue);background:#ffffff12;box-shadow:0 0 0 3px #3b82f640,0 0 15px #3b82f626}.aero-input::placeholder,.aero-form input::placeholder{color:var(--text-muted);font-weight:400}.aero-form{flex-direction:column;gap:.95rem;display:flex}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:#fff;background-color:#0d1222;font-family:Outfit,sans-serif}label.aero-label,.aero-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.45rem;font-size:.72rem;font-weight:800;display:block}.aero-search-container{align-items:center;width:100%;display:flex;position:relative}.aero-search-container svg{pointer-events:none;z-index:10;opacity:.5;color:var(--accent-blue);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.aero-search-container .aero-input{padding-left:44px!important}.aero-table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-inner);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e1a99;border:1px solid #ffffff14;width:100%;overflow-x:auto;box-shadow:inset 0 1px 1px #ffffff0d}.aero-table{border-collapse:collapse;text-align:left;width:100%;min-width:450px}.aero-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.8px;white-space:nowrap;background:#ffffff05;border-bottom:1px solid #ffffff14;padding:1.1rem 1.25rem;font-size:.7rem;font-weight:800}.aero-table td{border-bottom:1px solid #ffffff0a;padding:1.1rem 1.25rem;font-size:.92rem;font-weight:500}.aero-table tr:last-child td{border-bottom:none}@media (hover:hover) and (pointer:fine){.aero-table tr:hover td{background:#3b82f60a}}.aero-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:10px;align-items:center;gap:5px;padding:.35rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex}.aero-badge.stock,.aero-badge.success{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b9814d;box-shadow:0 0 10px #10b98126}.aero-badge.sold{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d;box-shadow:0 0 10px #3b82f626}.aero-badge.withdrawn,.aero-badge.warning{color:var(--accent-amber);background:#f99c001f;border:1px solid #f99c004d;box-shadow:0 0 10px #f99c0026}.aero-badge.danger{color:var(--accent-rose);background:#ff23571f;border:1px solid #ff23574d;box-shadow:0 0 10px #ff235726}.aero-badge.neutral,.aero-badge.default{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.badge{border-radius:6px;padding:.25rem .6rem;font-size:.65rem;font-weight:700}.badge.outline.blue{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f64d}.badge.outline.red{color:var(--accent-rose);background:#ff235714;border:1px solid #ff23574d}.badge.mini{padding:.2rem .45rem;font-size:.6rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000c7;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=769px){.modal-overlay{align-items:center;padding:2rem}}.modal-content{padding:2rem 1.75rem;padding-bottom:calc(2rem + var(--safe-bottom));-webkit-overflow-scrolling:touch;background:linear-gradient(#101626fa 0%,#080c16fc 100%);border:1px solid #ffffff1f;border-radius:28px 28px 0 0;width:100%;max-height:94dvh;animation:.35s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow-y:auto;box-shadow:inset 0 1px 1px #fff3,0 25px 60px #000000f2}@media (width>=769px){.modal-content{border-radius:28px;max-width:540px;max-height:88vh;padding:2.25rem}}@media (width<=768px){.main-content div[style*=gridTemplateColumns],.main-content div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:1.25rem!important}.main-content div[style*="repeat(4, 1fr)"],.main-content div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:.85rem!important}.aero-card{border-radius:18px;padding:1.25rem}.card-value{font-size:1.45rem}.aero-table-container{border-radius:14px;margin-bottom:1rem}.aero-table th{padding:.85rem .9rem;font-size:.65rem}.aero-table td{padding:.85rem .9rem;font-size:.85rem}.modal-content{padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + var(--safe-bottom) + var(--bottom-nav-height));border-radius:24px 24px 0 0}.recharts-responsive-container{min-height:220px}}@media (width<=480px){.main-content div[style*="repeat(4, 1fr)"],.main-content div[style*="repeat(3, 1fr)"],.main-content div[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}}.tab-link{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:.65rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.tab-link:hover{color:var(--text-secondary)}.tab-link.active{color:#60a5fa;border-bottom-color:var(--accent-blue);text-shadow:0 0 12px #3b82f680}.toggle-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.toggle-group button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:.5rem .95rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s}.toggle-group button.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:inset 0 1px 1px #ffffff4d,0 2px 10px #2563eb66}.panel-title{color:var(--text-primary);align-items:center;gap:10px;font-size:1rem;font-weight:800;display:flex}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.panel-header.separated{border-bottom:1px solid #ffffff14;margin-bottom:1.25rem;padding-bottom:1rem}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.4rem;font-size:.72rem;font-weight:800;display:block}.card-value{letter-spacing:-.03em;font-size:1.85rem;font-weight:900;line-height:1.1;display:block}@media (width<=600px){.card-value{font-size:1.55rem}}.card-footer{color:var(--text-muted);margin-top:.4rem;font-size:.78rem}.transaction-amount{letter-spacing:-.5px;font-size:1.15rem;font-weight:900}.transaction-title{color:#fff;font-size:.95rem;font-weight:700}.transaction-subtitle{color:var(--text-muted);font-size:.75rem;font-weight:500}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (prefers-reduced-motion:reduce){*,.fade-in{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-loading{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100dvh;display:flex}.spinner{border:3px solid #3b82f633;border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;box-shadow:0 0 15px #3b82f64d}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}.pulse-loader{animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse-ring}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1.2)}50%{opacity:.4;transform:scale(.8)}}