:root{--bg:#080b12;--surface:#0d1117;--surface2:#161b27;--surface3:#1e2536;--border:#252d3d;--border2:#2e3a50;--text:#e2e8f4;--text-muted:#5e6e8a;--text-dim:#3a4a60;--blue:#3b82f6;--blue-dim:#1d4ed8;--blue-glow:#3b82f626;--green:#10b981;--green-dim:#065f46;--amber:#f59e0b;--amber-dim:#78350f;--red:#ef4444;--red-dim:#7f1d1d;--font-ui:"Syne",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:6px;--radius-lg:10px;--nav-h:58px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{-webkit-font-smoothing:antialiased;background:#080b12;background:var(--bg);color:#e2e8f4;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-ui)}.app,body{min-height:100vh}.main-content{margin:0 auto;max-width:1400px;padding:90px 40px 32px;padding-top:calc(var(--nav-h) + 32px)}.loading-screen,.main-content-full{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-screen{background:#080b12;background:var(--bg)}.loading-spinner{animation:spin .7s linear infinite;border:2px solid #2e3a50;border-top-color:#3b82f6;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--blue);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117;background:var(--surface);border-bottom:1px solid #252d3d;border-bottom:1px solid var(--border);gap:0;height:58px;height:var(--nav-h);left:0;padding:0 40px;position:fixed;right:0;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px;margin-right:40px}.brand-icon{height:30px}.navbar-links{align-items:center;display:flex;flex:1 1;gap:2px}.nav-link{border-radius:6px;border-radius:var(--radius);color:#5e6e8a;color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.01em;padding:6px 14px;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{background:#161b27;background:var(--surface2);color:#e2e8f4;color:var(--text)}.nav-link.active{background:#1e2536;background:var(--surface3);color:#e2e8f4;color:var(--text)}.navbar-user{gap:14px}.navbar-user,.user-info{align-items:center;display:flex}.user-info{gap:8px}.user-name{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.btn-logout,.user-name{color:#5e6e8a;color:var(--text-muted);font-size:.8rem}.btn-logout{background:#0000;border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-ui);padding:5px 12px;transition:all .15s}.btn-logout:hover{border-color:#5e6e8a;border-color:var(--text-muted);color:#e2e8f4;color:var(--text)}.role-badge{border-radius:3px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.05em;padding:2px 7px;text-transform:uppercase}.role-staff{background:#1e2536;background:var(--surface3);border:1px solid #2e3a50;border:1px solid var(--border2);color:#5e6e8a;color:var(--text-muted)}.role-sysadmin{background:#3b82f61f;border:1px solid #3b82f640;color:#60a5fa}.role-manager{background:#f59e0b1f;border:1px solid #f59e0b40;color:#fbbf24}.role-owner{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.status-badge{align-items:center;border-radius:3px;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;font-weight:600;gap:5px;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.status-badge:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}.status-pending{background:#f59e0b1f;border:1px solid #f59e0b40;color:#fbbf24}.status-approved{background:#10b9811f;border:1px solid #10b98140;color:#34d399}.status-rejected{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.status-ordered{background:#3b82f61f;border:1px solid #3b82f640;color:#60a5fa}.stock-low{color:#ef4444;color:var(--red)}.stock-ok{color:#10b981;color:var(--green)}.stock-warn{color:#f59e0b;color:var(--amber)}.page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.page-title{color:#e2e8f4;color:var(--text);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}.page-subtitle{color:#5e6e8a;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;margin-top:5px}.btn-primary{background:#3b82f6;background:var(--blue);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-weight:600;padding:8px 18px;transition:background .15s,opacity .15s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#1e2536;background:var(--surface3);border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius);color:#e2e8f4;color:var(--text);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-weight:500;padding:8px 18px;transition:all .15s}.btn-secondary:hover{background:#252d3d;background:var(--border)}.btn-danger{background:#ef44441a;border:1px solid #ef444440;border-radius:6px;border-radius:var(--radius);color:#ef4444;color:var(--red);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-weight:600;padding:8px 18px;transition:all .15s}.btn-danger:hover{background:#ef444433}.btn-success{background:#10b9811a;border:1px solid #10b98140;border-radius:6px;border-radius:var(--radius);color:#10b981;color:var(--green);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-weight:600;padding:8px 18px;transition:all .15s}.btn-success:hover{background:#10b98133}.btn-icon{background:#0000;border:1px solid #252d3d;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);color:#5e6e8a;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:5px 10px;transition:all .15s}.btn-icon:hover{background:#161b27;background:var(--surface2);border-color:#2e3a50;border-color:var(--border2);color:#e2e8f4;color:var(--text)}.btn-full{justify-content:center;width:100%}.btn-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.card{background:#0d1117;background:var(--surface);border:1px solid #252d3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);padding:24px}.card-title{color:#5e6e8a;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#0d1117;background:var(--surface);border:1px solid #252d3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);overflow:hidden;padding:20px 24px;position:relative}.stat-card:before{content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-card.blue:before{background:#3b82f6;background:var(--blue)}.stat-card.green:before{background:#10b981;background:var(--green)}.stat-card.amber:before{background:#f59e0b;background:var(--amber)}.stat-card.red:before{background:#ef4444;background:var(--red)}.stat-label{color:#5e6e8a;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#e2e8f4;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:2rem;font-weight:600;line-height:1}.stat-card.blue .stat-value{color:#60a5fa}.stat-card.green .stat-value{color:#34d399}.stat-card.amber .stat-value{color:#fbbf24}.stat-card.red .stat-value{color:#f87171}.stat-sub{color:#5e6e8a;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;margin-top:4px}.table-container{background:#0d1117;background:var(--surface);border:1px solid #252d3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid #252d3d;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}table{border-collapse:collapse;width:100%}thead th{background:#161b27;background:var(--surface2);color:#5e6e8a;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody tr,thead th{border-bottom:1px solid #252d3d;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#161b27;background:var(--surface2)}tbody td{font-size:.875rem;padding:12px 16px;vertical-align:middle}.td-mono{color:#5e6e8a;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem}.td-name{font-weight:600}.td-actions{display:flex;gap:6px}.empty-state{color:#5e6e8a;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state-icon{font-size:2rem;margin-bottom:12px;opacity:.4}.empty-state-text,.search-input{font-size:.875rem}.search-input{background:#161b27;background:var(--surface2);border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius);color:#e2e8f4;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-ui);min-width:220px;outline:none;padding:7px 12px;transition:border-color .15s}.search-input:focus{border-color:#3b82f6;border-color:var(--blue)}.search-input::placeholder{color:#3a4a60;color:var(--text-dim)}.select-input{background:#161b27;background:var(--surface2);border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius);color:#e2e8f4;color:var(--text);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-ui);font-size:.875rem;outline:none;padding:7px 12px}.select-input:focus{border-color:#3b82f6;border-color:var(--blue)}.form-group{margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-label{color:#5e6e8a;color:var(--text-muted);display:block;font-size:.78rem;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#161b27;background:var(--surface2);border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius);color:#e2e8f4;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-ui);font-size:.9rem;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--blue)}.form-input::placeholder,.form-textarea::placeholder{color:#3a4a60;color:var(--text-dim)}.form-textarea{min-height:80px;resize:vertical}.form-select{cursor:pointer}.form-actions{border-top:1px solid #252d3d;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.alert{border-radius:6px;border-radius:var(--radius);font-size:.875rem;margin-bottom:16px;padding:10px 14px}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#34d399}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080b12d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .2s ease;background:#0d1117;background:var(--surface);border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 24px 60px #00000080;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #252d3d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.modal-close{background:#0000;border:none;border-radius:6px;border-radius:var(--radius);color:#5e6e8a;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:4px 8px;transition:color .15s}.modal-close:hover{color:#e2e8f4;color:var(--text)}.modal-body{padding:24px}.login-page{align-items:center;background:#080b12;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,#3b82f60a 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#10b98108 0,#0000 50%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#0d1117;background:var(--surface);border:1px solid #252d3d;border:1px solid var(--border);border-radius:14px;box-shadow:0 0 0 1px #3b82f60d,0 40px 80px #0006;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{margin-bottom:40px;max-width:250px}.login-subtitle{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em}.login-subtitle,.section-title{color:#5e6e8a;color:var(--text-muted)}.section-title{border-bottom:1px solid #252d3d;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:700;letter-spacing:.1em;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.recent-list{list-style:none}.recent-item{align-items:center;border-bottom:1px solid #252d3d;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.recent-item:last-child{border-bottom:none}.recent-item-name{flex:1 1;font-size:.875rem;font-weight:600}.recent-item-meta{color:#5e6e8a;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.low-stock-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.low-stock-card{align-items:center;background:#161b27;background:var(--surface2);border:1px solid #ef444433;border-radius:6px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:12px 16px}.low-stock-name{font-size:.85rem;font-weight:600}.low-stock-qty{color:#ef4444;color:var(--red);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:28px}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.toggle{cursor:pointer;height:20px;position:relative;width:36px}.toggle input{height:0;opacity:0;width:0}.toggle-track{background:#1e2536;background:var(--surface3);border:1px solid #2e3a50;border:1px solid var(--border2);border-radius:20px;inset:0;position:absolute;transition:background .2s}.toggle input:checked+.toggle-track{background:#10b981;background:var(--green);border-color:#10b981;border-color:var(--green)}.toggle-thumb{background:#5e6e8a;background:var(--text-muted);border-radius:50%;height:12px;left:3px;position:absolute;top:3px;transition:left .2s,background .2s;width:12px}.toggle input:checked~.toggle-thumb{background:#fff;left:19px}
/*# sourceMappingURL=main.9bd4e376.css.map*/