@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}:root{--primary:#e11d2e;--primary-hover:#c81a28;--primary-soft:#e11d1d1a;--primary-glow:#e11d1d40;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-main:var(--slate-50);--surface:#fff;--surface-hover:var(--slate-100);--glass:#ffffffd9;--glass-border:#fff6;--border:var(--slate-300);--border-focus:var(--primary);--text-main:var(--slate-900);--text-muted:var(--slate-500);--text-inverse:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;font-family:Outfit,Inter,system-ui,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-main);background-image:radial-gradient(at 0 0,#e11d1d1a 0,#0000 50%),radial-gradient(at 100% 0,#0f172a08 0,#0000 50%),radial-gradient(at 100% 100%,#e11d1d1a 0,#0000 50%);background-image:radial-gradient(at 0 0,var(--primary-soft) 0,#0000 50%),radial-gradient(at 100% 0,#0f172a08 0,#0000 50%),radial-gradient(at 100% 100%,var(--primary-soft) 0,#0000 50%);color:#0f172a;color:var(--text-main);min-height:100vh;overflow-x:hidden}.dashboard-container{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal);margin:0 auto;max-width:1600px;padding:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:1rem}.dashboard-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:350px 1fr}.header-left{align-items:center;display:flex;gap:1.5rem}.v-divider{background:#cbd5e1;background:var(--border);height:24px;width:2px}.main-logo-small{height:40px;width:auto}.header-right{display:flex;gap:1rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.header-left{flex-direction:column;gap:.5rem}.header-right{flex-direction:column;width:100%}.v-divider{display:none}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:24px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stat-card.urgent{background:#e11d2e08;border-color:#e11d2e33}.stat-card.urgent .stat-label,.stat-card.urgent .stat-value{color:#e11d2e;color:var(--primary)}.stat-card:hover{border-color:#e11d2e;border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-label{color:#64748b;color:var(--text-muted);display:block;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#0f172a;color:var(--text-main);font-size:2.5rem;font-weight:800;letter-spacing:-.03em}@media (max-width:1100px){.dashboard-content{grid-template-columns:1fr}.form-box{position:static;width:100%}}@media (max-width:600px){.dashboard-container{padding:1rem}.stats-grid{grid-template-columns:1fr}}.form-box{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2.5rem;position:sticky;top:2rem}.form-box h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2rem}.form-row{display:flex;gap:1rem}@media (max-width:480px){.form-row{flex-direction:column;gap:0}}.form-row .input-group{flex:1 1}.input-group{margin-bottom:1.5rem;position:relative}.input-group label{color:#64748b;color:var(--text-muted);display:block;font-size:.85rem;font-weight:600;margin-bottom:.6rem;margin-left:.25rem}.input-group input,.input-group select{background:#f8fafc;background:var(--bg-main);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:14px;color:#0f172a;color:var(--text-main);font-size:.95rem;height:52px;padding:0 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.input-group input:focus,.input-group select:focus{background:#fff;background:var(--surface);border-color:#e11d2e;border-color:var(--primary);box-shadow:0 0 0 4px #e11d1d40;box-shadow:0 0 0 4px var(--primary-glow);outline:none}.primary-btn{align-items:center;background:#e11d2e;background:var(--primary);border:none;border-radius:14px;box-shadow:0 8px 16px -4px #e11d2e33;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.75rem;height:52px;justify-content:center;padding:0 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.primary-btn.secondary{background:#1e293b;background:var(--slate-800);box-shadow:0 8px 16px -4px #0f172a33}.primary-btn.logout{background:#ef4444;background:var(--error);box-shadow:0 8px 16px -4px #ef444433}.primary-btn.action{background:#1e293b;background:var(--slate-800);margin-bottom:1rem;width:100%}.primary-btn.full{width:100%}.primary-btn.ghost{background:#f1f5f9;background:var(--surface-hover);border:1px solid #cbd5e1;border:1px solid var(--border);box-shadow:none;color:#0f172a;color:var(--text-main)}.btn-group{display:flex;gap:1rem}.btn-group .primary-btn{flex:1 1}.cart-mini-list{background:#f8fafc;background:var(--bg-main);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--border);border-radius:18px;margin-top:1rem;padding:1.25rem}.cart-title{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:800;margin-bottom:.75rem}.cart-mini-list ul{list-style:none;margin-bottom:1.25rem}.cart-mini-list li{align-items:center;color:#0f172a;color:var(--text-main);display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.4rem}.primary-btn:hover{background:#c81a28;background:var(--primary-hover);box-shadow:0 12px 20px -4px #e11d2e4d;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn{align-items:center;background:#f1f5f9;background:var(--surface-hover);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:1.1rem;height:38px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:38px}.edit-btn:hover{background:#e11d1d1a;background:var(--primary-soft);border-color:#e11d2e;border-color:var(--primary);transform:scale(1.1)}.delete-btn:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--error);transform:scale(1.1)}.table-box{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden}.table-header{align-items:center;background:#f8fafc;background:var(--bg-main);border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:2rem 2.5rem}@media (max-width:900px){.table-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.search-bar{flex-direction:column;width:100%}.search-input{width:100%}}.search-bar{display:flex;gap:.75rem}.search-input{background:#f8fafc;background:var(--bg-main);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;color:#0f172a;color:var(--text-main);font-size:.9rem;height:42px;padding:0 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-input:focus{border-color:#e11d2e;border-color:var(--primary);box-shadow:0 0 0 3px #e11d1d40;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.purchases-table{border-collapse:collapse;width:100%}.purchases-table th{background:#f1f5f9;background:var(--surface-hover);color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.purchases-table td{border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--border);font-size:.95rem;padding:1.5rem}.purchases-table tr:last-child td{border-bottom:none}.purchases-table tr:hover{background:#f1f5f9;background:var(--surface-hover)}.vendor-badge{border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:800;letter-spacing:.02em;padding:.4rem .8rem;text-transform:uppercase}.badge-microsoft{background:#eff6ff;color:#1d4ed8}.badge-fortinet{background:#fef2f2;color:#dc2626}.badge-vmware{background:#ecfdf5;color:#059669}.badge-web{background:#fffbeb;color:#d97706}.login-screen{align-items:center;background-color:#f8fafc;background-color:var(--bg-main);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.bg-blob{animation:float 10s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.blob-1{animation-delay:0s;background:#e11d1d40;background:var(--primary-glow);height:400px;left:-100px;top:-100px;width:400px}.blob-2{animation-delay:2s;background:#0f172a1a;bottom:-50px;height:300px;right:-50px;width:300px}.blob-3{animation-delay:4s;background:#e11d1d1a;background:var(--primary-soft);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(20px) scale(1.05)}}.login-card{animation:cardEntrance .5s cubic-bezier(.4,0,.2,1);animation:cardEntrance var(--transition-slow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;background:var(--glass);border:1px solid #fff6;border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:480px;padding:3.5rem;text-align:center;width:100%;z-index:10}@media (max-width:480px){.login-card{border-radius:24px;padding:2rem}.login-header h1{font-size:1.75rem}}.login-header{margin-bottom:2.5rem}.logo-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.main-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));height:80px;width:auto}.login-header h1{color:#0f172a;color:var(--text-main);font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.login-header .subtitle{color:#64748b;color:var(--text-muted);font-size:1rem}.login-form{text-align:left}.input-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-icon{color:#64748b;color:var(--text-muted);font-size:1.1rem;left:1.25rem;opacity:.5;position:absolute}.input-wrapper input{flex:1 1;padding-left:3.25rem;padding-right:3.25rem}.password-toggle{align-items:center;background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;position:absolute;right:1.25rem;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.password-toggle:hover{color:#e11d2e;color:var(--primary)}.login-submit-btn{align-items:center;background:#e11d2e;background:var(--primary);border:none;border-radius:16px;box-shadow:0 10px 20px -5px #e11d2e4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;height:56px;justify-content:center;margin-top:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.login-submit-btn:hover{background:#c81a28;background:var(--primary-hover);box-shadow:0 15px 25px -5px #e11d2e66;transform:translateY(-2px)}.login-footer{color:#64748b;color:var(--text-muted);font-size:.85rem;margin-top:2.5rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:100}.modal-content{background:#fff;background:var(--surface);border-radius:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:500px;padding:3rem;position:relative;width:100%}.close-btn{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:2rem;position:absolute;right:1.5rem;top:1.5rem}.loader{animation:spin 1s linear infinite;border:4px solid #e11d1d1a;border-top-color:#e11d2e;border:4px solid var(--primary-soft);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.global-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;background:var(--glass);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.error-banner,.success-banner{align-items:center;border-radius:14px;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-banner{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.success-banner{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}
/*# sourceMappingURL=main.eccff618.css.map*/