:root{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--bg-glass: rgba(255, 255, 255, .03);--bg-input: rgba(15, 23, 42, .8);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .6);--border-glow: rgba(99, 102, 241, .25);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-glow: 0 0 25px rgba(99, 102, 241, .15);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.app-bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(6,182,212,.1) 0%,transparent 35%),radial-gradient(circle at 50% 80%,rgba(139,92,246,.08) 0%,transparent 50%)}.app-container{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-card)}.logo-group{display:flex;align-items:center;gap:.85rem}.logo-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #6366f166}.logo-text h1{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 40%,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text p{font-size:.75rem;color:var(--accent-cyan);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.header-badges{display:flex;align-items:center;gap:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);color:var(--accent-emerald);font-size:.8rem;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-fast);box-shadow:var(--shadow-card)}.metric-card:hover{transform:translateY(-2px);border-color:#ffffff2e;box-shadow:0 12px 24px -8px #0009,var(--shadow-glow)}.metric-info p{font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.metric-info h2{font-size:1.65rem;font-weight:700;letter-spacing:-.03em;color:var(--text-main)}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.metric-icon.indigo{background:#6366f11f;color:var(--accent-primary)}.metric-icon.amber{background:#f59e0b1f;color:var(--accent-amber)}.metric-icon.emerald{background:#10b9811f;color:var(--accent-emerald)}.metric-icon.purple{background:#8b5cf61f;color:var(--accent-purple)}.controls-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem}.search-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;flex:1}.search-input-wrapper{position:relative;min-width:260px;flex:1}.search-input-wrapper svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-dim)}.form-control{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem .85rem .65rem 2.5rem;color:var(--text-main);font-family:var(--font-main);font-size:.9rem;transition:var(--transition-fast);outline:none}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}select.form-control-select{padding-left:.85rem;cursor:pointer;min-width:170px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2594a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}select.form-control-select option{background-color:var(--bg-secondary);color:var(--text-main)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.btn-secondary{background:#ffffff0d;border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a}.btn-icon{padding:.4rem;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{color:var(--text-main);background:#ffffff14}.btn-icon.danger:hover{color:var(--accent-rose);background:#f43f5e1a}.btn-sm{padding:.35rem .65rem;font-size:.8rem}.inventory-grid-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.inventory-grid-layout.has-drawer{grid-template-columns:1fr 360px}}.table-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.table-responsive{width:100%;overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.inventory-table th{background:#0f172a99;color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.9rem 1.25rem;border-bottom:1px solid var(--border-color)}.inventory-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;transition:var(--transition-fast)}.inventory-table tbody tr{transition:var(--transition-fast)}.inventory-table tbody tr:hover{background:#ffffff06}.product-name-cell{font-weight:600;color:var(--text-main);display:flex;flex-direction:column}.product-sku{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);font-weight:400}.category-tag{display:inline-block;padding:.2rem .6rem;background:#ffffff0f;border-radius:var(--radius-full);font-size:.78rem;color:var(--text-muted);font-weight:500}.stock-counter{display:flex;align-items:center;gap:.5rem}.stock-num{font-family:var(--font-mono);font-weight:700;min-width:24px;text-align:center}.badge-stock{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-stock.ok{background:#10b9811f;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25)}.badge-stock.low{background:#f59e0b1f;color:var(--accent-amber);border:1px solid rgba(245,158,11,.25)}.badge-stock.empty{background:#f43f5e1f;color:var(--accent-rose);border:1px solid rgba(244,63,94,.25)}.price-text{font-family:var(--font-mono);font-weight:600;color:var(--text-main)}.form-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card);height:fit-content}.form-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.form-panel-header h3{font-size:1.1rem;font-weight:700}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.form-input-simple{padding-left:.85rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;color:var(--text-dim)}.toast-notice{position:fixed;bottom:2rem;right:2rem;z-index:100;background:var(--bg-secondary);border:1px solid var(--accent-emerald);color:#fff;padding:.85rem 1.25rem;border-radius:var(--radius-md);box-shadow:0 10px 25px #00000080,0 0 15px #10b98133;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.firebase-banner{margin-top:2.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#6366f114,#06b6d40d);border:1px dashed rgba(99,102,241,.3);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:1rem}.firebase-banner-icon{background:#f59e0b26;color:var(--accent-amber);padding:.6rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.firebase-banner-text h4{font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem}.firebase-banner-text p{font-size:.825rem;color:var(--text-muted)}.touch-target-min{min-width:44px;min-height:44px}.skeleton-box{position:relative;overflow:hidden;background-color:#e5eeff99}.skeleton-box:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#fff9 60%,#fff0);animation:shimmer 1.5s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}header,nav,button,.app-chrome,.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button:active,a:active,.interactive-touch:active{transform:scale(.97);transition:transform .1s ease}@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important}}.pt-safe{padding-top:max(.65rem,env(safe-area-inset-top,0px))}.pb-safe{padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px))}.px-safe{padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}.top-safe{top:env(safe-area-inset-top,0px)}.bottom-safe{bottom:env(safe-area-inset-bottom,0px)}@media all and (display-mode: standalone){body{user-select:none;-webkit-user-select:none}input,textarea,.selectable-text,.sku-code{user-select:text;-webkit-user-select:text}}