:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--bg-sidebar: #070b13;--bg-header: rgba(11, 15, 25, .8);--border-subtle: rgba(255, 255, 255, .08);--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-glow: 0 0 25px rgba(59, 130, 246, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s,transform .2s}.glass-panel:hover{border-color:#ffffff24}.heading-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 10px #3b82f64d}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-danger{background:#f43f5e26;color:#fca5a5;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e40;border-color:#f43f5e80}.btn-success{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.btn-success:hover{background:#10b98140;border-color:#10b98180}.btn-sm{font-size:12px;padding:5px 10px;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:var(--radius-full);border:1px solid transparent}.badge-active,.badge-approved,.badge-success,.badge-available,.badge-paid{background:#10b9811f;color:#34d399;border-color:#10b98140}.badge-pending,.badge-waiting,.badge-packing{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b40}.badge-locked,.badge-suspended,.badge-rejected,.badge-cancelled,.badge-failed{background:#f43f5e1f;color:#fb7185;border-color:#f43f5e40}.badge-info,.badge-assigned,.badge-on-the-way,.badge-shipped{background:#3b82f61f;color:#60a5fa;border-color:#3b82f640}.badge-neutral,.badge-offline,.badge-closed{background:#94a3b81f;color:#cbd5e1;border-color:#94a3b840}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626}.form-textarea{min-height:85px;resize:vertical}.app-container{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(6,182,212,.04),transparent 30%)}.page-content{flex:1;padding:24px 32px}@media (max-width: 768px){.page-content{padding:16px}}