body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-gray-50:#fafafa;--color-gray-100:#f4f4f5;--color-gray-200:#e4e4e7;--color-gray-300:#d4d4d8;--color-gray-400:#a1a1aa;--color-gray-500:#71717a;--color-gray-600:#52525b;--color-gray-700:#3f3f46;--color-gray-800:#27272a;--color-gray-900:#18181b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-background:#fafafa;--color-surface:#fff;--color-border:#e4e4e7;--color-border-light:#f4f4f5;--color-text-primary:#18181b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Roboto Mono",Menlo,Monaco,Consolas,monospace;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--color-background);color:#18181b;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:14px;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal)}.text-xs{font-size:12px;font-size:var(--text-xs)}.text-sm{font-size:13px;font-size:var(--text-sm)}.text-base{font-size:14px;font-size:var(--text-base)}.text-lg{font-size:16px;font-size:var(--text-lg)}.text-xl{font-size:18px;font-size:var(--text-xl)}.text-2xl{font-size:24px;font-size:var(--text-2xl)}.text-3xl{font-size:30px;font-size:var(--text-3xl)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-primary{color:#18181b;color:var(--color-text-primary)}.text-secondary{color:#52525b;color:var(--color-text-secondary)}.text-tertiary{color:#a1a1aa;color:var(--color-text-tertiary)}.navbar{background:linear-gradient(135deg,#2c3e50,#3498db);box-shadow:0 2px 10px #0000001a;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:12px}.navbar-logo{font-size:28px}.navbar-brand h1{color:#fff;font-size:20px;font-weight:600}.navbar-info{align-items:center;display:flex;gap:20px}.navbar-date{color:#fffc;font-size:14px}.navbar-user{align-items:center;background:#ffffff1a;border-radius:25px;cursor:pointer;display:flex;gap:8px;padding:8px 15px;position:relative;transition:background .3s}.navbar-user:hover{background:#fff3}.user-avatar{font-size:18px}.user-name{color:#fff;font-size:14px;font-weight:500}.dropdown-arrow{color:#fff;font-size:10px;margin-left:5px}.user-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;margin-top:10px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{align-items:center;background:#f8f9fa;display:flex;gap:12px;padding:15px}.dropdown-avatar{font-size:30px}.dropdown-info{display:flex;flex-direction:column}.dropdown-info strong{color:#333;font-size:14px}.dropdown-info small{color:#888;font-size:12px}.dropdown-divider{background:#eee;height:1px}.dropdown-item{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 15px;text-align:left;text-decoration:none;transition:background .3s;width:100%}.dropdown-item:hover{background:#f5f5f5}.logout-btn{color:#e74c3c}.logout-btn:hover{background:#fff5f5}.sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:space-between;left:0;position:fixed;top:60px;width:250px;z-index:99}.sidebar-nav{padding:20px 0}.sidebar-link{align-items:center;border-left:3px solid #0000;color:#555;display:flex;gap:12px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.sidebar-link:hover{background:#f8f9fa;color:#3498db}.sidebar-link.active{background:#e8f4fc;border-left-color:#3498db;color:#3498db}.sidebar-icon{font-size:20px}.sidebar-label{font-size:15px;font-weight:500}.sidebar-footer{border-top:1px solid #eee;padding:20px;text-align:center}.sidebar-footer p{color:#999;font-size:12px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;display:flex;max-width:1000px;overflow:hidden;width:100%}.login-left{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px}.login-branding{margin-bottom:40px;text-align:center}.login-logo{font-size:80px;margin-bottom:20px}.login-branding h1{font-size:28px;font-weight:700;margin-bottom:10px}.login-branding p{font-size:14px;opacity:.9}.login-features{display:flex;flex-direction:column;gap:15px}.feature-item{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:15px;padding:15px 20px;transition:background .3s}.feature-item:hover{background:#fff3}.feature-icon{font-size:24px}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px 40px}.login-form-container{max-width:350px;width:100%}.login-form-container h2{color:#333;font-size:28px;margin-bottom:10px}.login-subtitle{color:#666;margin-bottom:30px}.login-error{background:#ffe6e6;border-left:4px solid #c00;border-radius:8px;color:#c00;font-size:14px;padding:12px 15px}.login-error,.login-form .form-group{margin-bottom:20px}.login-form label{color:#333;display:block;font-weight:500;margin-bottom:8px}.login-form .form-control{border:2px solid #e0e0e0;border-radius:10px;font-size:15px;padding:14px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.login-form .form-control:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;outline:none}.form-options{justify-content:space-between;margin-bottom:25px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#555;cursor:pointer;font-size:14px;gap:8px}.remember-me input{cursor:pointer;height:16px;width:16px}.forgot-password{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;padding:0;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-login{background:linear-gradient(135deg,#3498db,#2c3e50);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .3s,box-shadow .3s;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 5px 20px #3498db66;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.demo-credentials{background:#f8f9fa;border-radius:10px;color:#666;font-size:13px;margin-top:30px;padding:15px;text-align:center}.demo-credentials p{margin:5px 0}.demo-credentials strong{color:#333}@media (max-width:768px){.login-container{flex-direction:column}.login-left,.login-right{padding:40px 30px}.login-branding h1{font-size:22px}.login-logo{font-size:60px}}.dashboard{padding-bottom:40px}.dashboard .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.dashboard .page-subtitle{color:#666;margin-top:5px}.header-actions{gap:10px}.period-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 15px}.period-select:focus{border-color:#667eea}.stat-card{align-items:flex-start;border-top:4px solid;box-shadow:0 2px 10px #0000001a;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.stat-info{flex:1 1}.stat-value{font-size:28px;margin-bottom:3px}.stat-title{color:#555;font-size:14px;font-weight:500}.stat-subtitle{color:#999;font-size:12px;margin-top:3px}.stat-change{border-radius:20px;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:15px;top:15px}.stat-change.positive{background:#e8f5e9;color:#27ae60}.stat-change.negative{background:#ffebee;color:#e74c3c}.kpi-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.kpi-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;flex:1 1;gap:12px;min-width:180px;padding:15px 20px}.kpi-icon{font-size:28px}.kpi-info{display:flex;flex-direction:column}.kpi-value{font-size:20px;font-weight:700}.kpi-label{font-size:12px;opacity:.9}.grid-3{grid-gap:25px;display:grid;gap:25px;margin-bottom:25px}@media (max-width:1200px){.grid-3{grid-template-columns:1fr}}.activity-card,.low-stock-card,.orders-card{display:flex;flex-direction:column;max-height:450px}.activity-card .activity-list,.low-stock-card .low-stock-list,.orders-card .orders-list{flex:1 1;overflow-y:auto}.orders-list{display:flex;flex-direction:column;gap:12px}.order-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.order-item.clickable{cursor:pointer}.order-item.clickable:hover{background:#e9ecef;transform:translateX(5px)}.order-main{flex:1 1}.order-id{color:#667eea;font-size:14px;font-weight:600;margin-bottom:3px}.order-customer{color:#333;font-weight:500;margin-bottom:5px}.order-meta{color:#888;display:flex;font-size:12px;gap:15px}.order-right{align-items:flex-end;display:flex;flex-direction:column;gap:5px;position:relative}.order-total{color:#333;font-size:16px;font-weight:700}.priority-dot{border-radius:50%;height:8px;position:absolute;right:-15px;top:0;width:8px}.priority-high{background:#e74c3c}.priority-medium{background:#f39c12}.priority-low{background:#27ae60}.low-stock-list{display:flex;flex-direction:column;gap:12px}.low-stock-item{align-items:center;background:#fff;border-left:4px solid #f39c12;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.low-stock-item.urgency-critical{background:#fff5f5;border-left-color:#e74c3c}.low-stock-item.urgency-warning{background:#fff9f0;border-left-color:#f39c12}.low-stock-item.clickable{cursor:pointer}.low-stock-item.clickable:hover{box-shadow:0 2px 10px #0000001a;transform:translateX(5px)}.item-info{flex:1 1}.item-sku{color:#888;font-family:monospace;font-size:11px;margin-bottom:3px}.item-info h4{color:#333;font-size:14px;font-weight:600;margin-bottom:3px}.item-supplier{color:#888;font-size:12px}.item-stock-info{min-width:120px;text-align:right}.stock-numbers{font-size:18px;font-weight:700;margin-bottom:5px}.current-stock{color:#e74c3c}.stock-separator{color:#999;margin:0 3px}.min-stock{color:#666}.stock-bar{background:#eee;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden;width:100%}.stock-fill{background:linear-gradient(90deg,#e74c3c,#f39c12);border-radius:2px;height:100%;transition:width .3s}.btn-reorder{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:5px 12px;transition:background .2s}.btn-reorder:hover{background:#c0392b}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{background:#f8f9fa;border-left:3px solid #0000;border-radius:8px;display:flex;gap:12px;padding:12px}.activity-item.success{border-left-color:#27ae60}.activity-item.info{border-left-color:#3498db}.activity-item.primary{border-left-color:#667eea}.activity-item.warning{border-left-color:#f39c12}.activity-icon{font-size:20px}.activity-content{flex:1 1}.activity-action{color:#333;font-size:13px;font-weight:600}.activity-detail{color:#666;font-size:12px;margin:3px 0}.activity-time{color:#999;font-size:11px}.trend{font-size:16px}.warehouse-summary{height:100%}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-item{background:#f8f9fa;border-radius:10px;display:flex;gap:12px;padding:15px;transition:all .2s}.summary-item.clickable{cursor:pointer}.summary-item.clickable:hover{background:#e9ecef;transform:translateY(-2px)}.summary-icon{font-size:24px}.summary-info{flex:1 1}.summary-value{color:#333;display:block;font-size:16px;font-weight:700}.summary-label{color:#888;display:block;font-size:12px;margin-bottom:8px}.capacity-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.capacity-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:4px;height:100%;transition:width .3s}.capacity-fill.warning{background:linear-gradient(90deg,#e74c3c,#c0392b)}.capacity-text{color:#666;font-size:11px;font-weight:500}.badge{font-size:11px;font-weight:600;padding:5px 10px;text-transform:uppercase}.badge-primary{background:#e3e8ff;color:#667eea}.badge-success{background:#e8f5e9;color:#27ae60}.badge-warning{background:#fff3e0;color:#f39c12}.badge-info{background:#e1f5fe;color:#3498db}.badge-danger{background:#ffebee;color:#e74c3c}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:8px 16px;transition:transform .2s,box-shadow .2s}.btn-danger:hover{box-shadow:0 4px 15px #e74c3c66;transform:translateY(-2px)}@media (max-width:768px){.dashboard .page-header{flex-direction:column}.header-actions{justify-content:flex-start;width:100%}.kpi-row{flex-direction:column}.kpi-item{width:100%}.summary-grid{grid-template-columns:1fr}}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006}.modal-content{animation:modalFadeIn var(--transition-slow);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid var(--color-border-light);padding:var(--space-6)}.modal-header h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-close{align-items:center;background:#0000;border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.modal-body,.modal-footer{padding:var(--space-6)}.modal-footer{background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--color-border-light);gap:var(--space-2)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-width:250px;padding:15px 20px}.toast-success{border-left-color:#2ecc71}.toast-error{border-left-color:#e74c3c}.toast-info{border-left-color:#3498db}.toast-warning{border-left-color:#f1c40f}.toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;margin-left:10px}.toast-close:hover{color:#333}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.inventory-page{background-color:var(--color-background);min-height:100vh;padding:var(--space-8)}.page-header-premium{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.page-title{color:var(--color-text-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:var(--leading-tight);margin:0}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-normal);margin:var(--space-2) 0 0}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.btn-premium{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-outline{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.stats-grid-premium{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-6)}.stat-card-premium{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base)}.stat-card-premium.clickable{cursor:pointer}.stat-card-premium.clickable:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-wrapper.gradient-blue{background:var(--color-primary-50);color:var(--color-primary-600)}.stat-icon-wrapper.gradient-orange{background:#fef3c7;color:#d97706}.stat-icon-wrapper.gradient-red{background:#fee2e2;color:#dc2626}.stat-icon-wrapper.gradient-green{background:#d1fae5;color:#059669}.stat-icon-wrapper.gradient-indigo{background:#dbeafe;color:#2563eb}.stat-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.stat-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:var(--leading-none)}.stat-value.warning{color:#d97706}.stat-value.danger{color:#dc2626}.stat-value.success{color:#059669}.content-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.filters-bar-premium{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-5)}.search-wrapper{flex:1 1;max-width:400px;min-width:200px;position:relative}.search-icon{color:var(--color-text-tertiary);left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10);transition:all var(--transition-base);width:100%}.search-wrapper input:focus{background:var(--color-surface);border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.search-wrapper input::placeholder{color:var(--color-text-tertiary)}.filters-wrapper{align-items:center;display:flex;gap:var(--space-2)}.select-premium{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:120px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.select-premium:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.select-premium:hover{border-color:var(--color-gray-300)}.table-responsive{overflow-x:auto}.table-premium{border-collapse:collapse;width:100%}.table-premium th{background:var(--color-gray-50);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase}.table-premium td,.table-premium th{border-bottom:1px solid var(--color-border-light)}.table-premium td{color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);vertical-align:middle}.table-premium tbody tr{cursor:pointer;transition:background var(--transition-fast)}.table-premium tbody tr:hover{background:var(--color-gray-50)}.table-premium tbody tr:last-child td{border-bottom:none}.font-mono{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium)}.font-numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.product-cell{display:flex;flex-direction:column;gap:var(--space-1)}.product-name{font-size:var(--text-sm)}.product-sub{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-normal)}.stock-level{width:140px}.progress-bar{background:var(--color-gray-200);border-radius:3px;height:6px;margin-bottom:var(--space-2);overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width var(--transition-slow)}.progress-fill.good{background:var(--color-success)}.progress-fill.low{background:var(--color-warning)}.stock-text{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-pill{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.status-pill:before{border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.in-stock{background:#d1fae5;color:#065f46}.in-stock:before{background:#059669}.low-stock{background:#fef3c7;color:#92400e}.low-stock:before{background:#d97706}.out-of-stock{background:#fee2e2;color:#991b1b}.out-of-stock:before{background:#dc2626}.action-buttons-right{display:flex;gap:var(--space-1);justify-content:flex-end}.btn-icon-premium{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.btn-icon-premium:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.btn-icon-premium.delete:hover{background:#fee2e2;color:#dc2626}.pagination-premium{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.pagination-info{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.pagination-actions{align-items:center;display:flex;gap:var(--space-1)}.btn-page-premium{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);height:32px;justify-content:center;min-width:32px;padding:0 var(--space-2);transition:all var(--transition-fast)}.btn-page-premium:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn-page-premium.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.btn-page-premium:disabled{cursor:not-allowed;opacity:.4}.ellipsis{color:var(--color-text-tertiary);font-size:var(--text-sm);padding:0 var(--space-1)}.empty-state{padding:var(--space-16) var(--space-5);text-align:center}.empty-content{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--space-3)}.empty-content p{color:var(--color-text-secondary);font-size:var(--text-sm)}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group.full{grid-column:1/-1}.form-group label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.input-premium{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-base);width:100%}.input-premium:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.input-premium::placeholder{color:var(--color-text-tertiary)}.inventory-detail .stock-card{text-align:center}.stock-status{border-radius:25px;display:inline-block;font-weight:600;margin-bottom:20px;padding:8px 20px}.status-success{background:#d4edda;color:#155724}.status-warning{background:#fff3cd;color:#856404}.status-danger{background:#f8d7da;color:#721c24}.stock-quantity{margin-bottom:15px}.qty-number{color:#333;display:block;font-size:48px;font-weight:700}.qty-label{color:#888;font-size:14px}.stock-bar-container{background:#e0e0e0;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.stock-bar{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:5px;height:100%;transition:width .5s}.stock-limits{color:#888;display:flex;font-size:12px;justify-content:space-between}.location-display{margin-bottom:20px;text-align:center}.location-code{background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:10px;color:#fff;display:inline-block;font-family:monospace;font-size:24px;font-weight:700;padding:15px 30px}.total-value{color:#27ae60;font-size:18px;font-weight:700}.movement-table{border-collapse:collapse;width:100%}.movement-table td,.movement-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.movement-table th{background:#f8f9fa;color:#555;font-weight:600}.movement-type{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.movement-type.inbound{background:#d4edda;color:#155724}.movement-type.outbound{background:#cce5ff;color:#004085}.movement-type.adjustment{background:#fff3cd;color:#856404}.qty-positive{color:#27ae60;font-weight:600}.qty-negative{color:#e74c3c;font-weight:600}.products{background-color:var(--color-background);min-height:100vh;padding:var(--space-8)}.products .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.products .page-title{color:var(--color-text-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;margin:0}.products .page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:var(--space-2) 0 0}.products .header-actions{display:flex;gap:var(--space-3)}.products-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-6)}.stat-box-mini{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base)}.stat-box-mini.clickable{cursor:pointer}.stat-box-mini.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-box-mini .stat-icon{align-items:center;background:var(--color-primary-50);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stat-box-mini .stat-icon.warning{background:#fef3c7}.stat-box-mini .stat-icon.success{background:#d1fae5}.stat-box-mini .stat-details{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value-mini{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-none)}.stat-label-mini{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.products-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.products-filters .search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:var(--text-sm);min-width:200px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.products-filters .search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.products-filters .filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:140px;padding:var(--space-2) var(--space-3)}.products-filters .filter-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.toggle-btn{background:var(--color-surface);border:none;cursor:pointer;font-size:16px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--color-gray-50)}.toggle-btn.active{background:var(--color-primary-600);color:#fff}.products-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{align-items:center;background:var(--color-gray-50);display:flex;font-size:64px;height:160px;justify-content:center}.product-info{padding:var(--space-4)}.product-name{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.product-sku{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);margin:0 0 var(--space-1)}.product-category{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-2)}.product-stats{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-3)}.product-price{color:var(--color-primary-600);font-size:var(--text-xl);font-weight:var(--font-bold)}.stock-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2)}.stock-badge.in-stock{background:#d1fae5;color:#065f46}.stock-badge.low-stock{background:#fef3c7;color:#92400e}.stock-badge.out-of-stock{background:#fee2e2;color:#991b1b}.product-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3)}.product-actions .btn-icon{background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.product-actions .btn-icon:hover{background:var(--color-gray-100)}.products-list{display:flex;flex-direction:column;gap:var(--space-3)}.products-list .product-card{display:flex;flex-direction:row}.products-list .product-image{flex-shrink:0;height:120px;width:120px}.products-list .product-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.product-overview{align-items:flex-start;display:flex;gap:30px}.product-image-large{background:#f8f9fa;border-radius:15px;font-size:120px;min-width:200px;padding:40px;text-align:center}.product-main-info{flex:1 1}.product-main-info h2{color:#333;font-size:24px;margin-bottom:10px}.product-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:15px;padding:5px 15px}.product-status.active{background:#d4edda;color:#155724}.product-description{color:#666;line-height:1.6;margin-bottom:20px}.product-pricing{display:flex;flex-wrap:wrap;gap:20px}.price-item{background:#f8f9fa;border-radius:10px;padding:15px 25px;text-align:center}.price-label{color:#888;display:block;font-size:12px;margin-bottom:5px}.price-value{color:#333;font-size:24px;font-weight:700}.price-value.cost{color:#e74c3c}.price-value.profit{color:#27ae60}.features-list{list-style:none;padding:0}.features-list li{border-bottom:1px solid #f0f0f0;padding:10px 0 10px 30px;position:relative}.features-list li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.features-list li:last-child{border-bottom:none}.orders-table,.sales-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th,.sales-table td,.sales-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.orders-table th,.sales-table th{background:#f8f9fa;color:#555;font-weight:600}.stock-info-card{display:flex;flex-direction:column;gap:15px}.stock-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.stock-label{color:#666;font-size:14px}.stock-value{color:#333;font-size:20px;font-weight:700}.stock-value.reserved{color:#f39c12}.stock-value.available{color:#27ae60}.badge-processing{background:#fff3cd;color:#856404}.badge-shipped{background:#cce5ff;color:#004085}.badge-delivered{background:#d4edda;color:#155724}@media (max-width:768px){.product-overview{flex-direction:column}.product-image-large{width:100%}.product-pricing{flex-direction:column}}.priority-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-1) var(--space-2);text-transform:uppercase}.priority-badge.high{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.priority-badge.medium{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.priority-badge.low{background:var(--color-gray-100);border:1px solid var(--color-border);color:var(--color-text-secondary)}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.pending:before{background:#d97706}.status-pill.processing{background:#dbeafe;color:#1e40af}.status-pill.processing:before{background:#2563eb}.status-pill.shipped{background:#dbeafe;color:#1e3a8a}.status-pill.shipped:before{background:#1d4ed8}.status-pill.delivered{background:#d1fae5;color:#065f46}.status-pill.delivered:before{background:#059669}.status-pill.cancelled{background:#fee2e2;color:#991b1b}.status-pill.cancelled:before{background:#dc2626}.order-id{background:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary-600);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2)}.order-status-bar{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.order-status{border-radius:25px;font-size:14px;font-weight:600;padding:10px 25px}.status-info{background:#cce5ff;color:#004085}.status-primary{background:#b8daff;color:#004085}.order-priority{border-radius:25px;font-size:14px;font-weight:500;padding:10px 25px}.priority-high{background:#f8d7da;color:#721c24}.priority-medium{background:#fff3cd;color:#856404}.priority-low{background:#d4edda;color:#155724}.payment-status{border-radius:25px;font-size:14px;font-weight:500;padding:10px 25px}.payment-status.paid{background:#d4edda;color:#155724}.payment-status.unpaid{background:#f8d7da;color:#721c24}.order-items-table{border-collapse:collapse;width:100%}.order-items-table td,.order-items-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.order-items-table th{background:#f8f9fa;color:#555;font-weight:600}.order-items-table tfoot td{border-bottom:none;padding:10px 15px}.text-right{text-align:right}.total-row td{border-top:2px solid #333;padding-top:15px}.grand-total{color:#27ae60;font-size:20px;font-weight:700}.order-timeline{padding-left:30px;position:relative}.timeline-step{border-left:2px solid #e0e0e0;padding-bottom:25px;padding-left:25px;position:relative}.timeline-step:last-child{border-left:2px solid #0000;padding-bottom:0}.timeline-marker{background:#e0e0e0;border:3px solid #fff;border-radius:50%;height:18px;left:-10px;position:absolute;top:0;width:18px}.timeline-step.completed .timeline-marker{background:#27ae60}.timeline-step.current .timeline-marker{background:#3498db;box-shadow:0 0 0 4px #3498db4d}.timeline-step.pending .timeline-marker{background:#e0e0e0}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.timeline-content p{color:#666;font-size:14px;margin:0}.order-notes{background:#fff8e6;border-left:4px solid #f39c12;border-radius:10px;color:#856404;padding:20px}.customer-card{margin-bottom:20px;padding:20px;text-align:center}.customer-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;margin:0 auto 10px;width:60px}.customer-name{color:#333;font-size:16px;font-weight:600}.text-success{color:#27ae60!important}.text-danger,.text-success{font-weight:600}.suppliers{background-color:var(--color-background);min-height:100vh;padding:var(--space-8)}.suppliers .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.suppliers .page-title{color:var(--color-text-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;margin:0}.suppliers .page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:var(--space-2) 0 0}.suppliers .header-actions{display:flex;gap:var(--space-3)}.suppliers-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-6)}.stat-box-supplier{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base)}.stat-box-supplier.clickable{cursor:pointer}.stat-box-supplier.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-box{align-items:center;background:var(--color-primary-50);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon-box.active{background:#d1fae5}.stat-icon-box.orders{background:#dbeafe}.stat-icon-box.spend{background:#fef3c7}.stat-box-supplier .stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-number{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-none)}.stat-label{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.suppliers-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.suppliers-filters .search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:var(--text-sm);min-width:200px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.suppliers-filters .search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.suppliers-filters .filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:140px;padding:var(--space-2) var(--space-3)}.suppliers-filters .filter-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.suppliers .card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.suppliers-table{border-collapse:collapse;width:100%}.suppliers-table thead{background:var(--color-gray-50)}.suppliers-table th{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-3) var(--space-5);text-align:left;text-transform:uppercase}.suppliers-table td,.suppliers-table th{border-bottom:1px solid var(--color-border-light)}.suppliers-table td{color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);vertical-align:middle}.suppliers-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.suppliers-table tbody tr:hover{background:var(--color-gray-50)}.suppliers-table tbody tr:last-child td{border-bottom:none}.supplier-info{display:flex;flex-direction:column;gap:var(--space-1)}.supplier-info strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.supplier-id{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.contact-info{display:flex;flex-direction:column;gap:var(--space-1)}.contact-info .text-secondary{color:var(--color-text-tertiary);font-size:var(--text-xs)}.category-badge{background:var(--color-gray-100);color:var(--color-text-secondary);display:inline-block;font-weight:var(--font-medium)}.category-badge,.status-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.status-badge{align-items:center;display:inline-flex;font-weight:var(--font-semibold);gap:var(--space-1)}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:var(--space-1)}.action-buttons .btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-buttons .btn-icon:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.action-buttons .btn-icon.delete:hover{background:#fee2e2;color:#dc2626}.supplier-header-info{align-items:center;display:flex;gap:20px}.supplier-avatar-large{align-items:center;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.supplier-rating-large{align-items:center;display:flex;gap:10px;margin-top:10px}.stars{display:flex;gap:2px}.star{color:#ddd;font-size:20px}.star.filled{color:#f39c12}.rating-value{color:#333;font-weight:600}.supplier-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:15px;padding:25px}.stat-icon{font-size:40px}.stat-value{color:#333;font-size:24px;font-weight:700}.stat-label{color:#888;font-size:13px}.orders-table,.products-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th,.products-table td,.products-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.orders-table th,.products-table th{background:#f8f9fa;color:#555;font-weight:600}.btn-sm{font-size:12px;padding:6px 12px}.badge-success{border-radius:20px;font-size:12px;padding:5px 12px}.supplier-notes{color:#555;line-height:1.6;padding:20px}.contact-person,.supplier-notes{background:#f8f9fa;border-radius:10px}.contact-person{align-items:center;display:flex;gap:15px;margin-bottom:20px;padding:15px}.contact-avatar{font-size:30px}.contact-person small{color:#888;display:block;font-size:12px}.address-box{background:#f8f9fa;border-radius:10px;color:#555;line-height:1.6;padding:15px}.supplier-status{border-radius:25px;display:inline-block;font-weight:600;padding:10px 25px}.supplier-status.active{background:#d4edda;color:#155724}.supplier-status.inactive{background:#f8d7da;color:#721c24}@media (max-width:992px){.supplier-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.supplier-stats{grid-template-columns:1fr}.supplier-header-info{flex-direction:column;text-align:center}}.reports-section{margin-bottom:30px}.reports-section h2{color:#333;font-size:18px;margin-bottom:20px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.report-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s}.report-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-3px)}.report-icon{font-size:40px;min-width:60px;text-align:center}.report-info{flex:1 1}.report-info h3{color:#333;font-size:15px;margin-bottom:5px}.report-info p{color:#666;font-size:13px;margin-bottom:5px}.last-generated{color:#999;font-size:11px}.file-type{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.file-type.pdf{background:#ffeaea;color:#e74c3c}.file-type.excel{background:#e8f8f0;color:#27ae60}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;margin:0 2px;padding:5px;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.profile-page{padding:20px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin:0 auto;max-width:800px;padding:30px}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:25px;margin-bottom:30px;padding-bottom:30px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:40px;height:100px;justify-content:center;width:100px}.profile-info-large h2{color:#333;font-size:24px;margin:0 0 5px}.profile-role{color:#667eea;font-weight:600;margin:0 0 5px}.profile-email{color:#888;margin:0}.profile-details{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.detail-group label{color:#888;display:block;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.detail-value{border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;font-weight:500;padding:8px 0}.profile-actions{display:flex;gap:15px;justify-content:flex-end}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-details{grid-template-columns:1fr}.profile-actions{flex-direction:column}.profile-actions button{width:100%}}.settings-page{padding:20px}.settings-container{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.settings-card .card-header{background:#f8f9fa;border-bottom:1px solid #eee;padding:20px 25px}.settings-card .card-header h2{color:#333;font-size:18px;margin:0}.settings-content{padding:10px 25px}.setting-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 0}.setting-item.no-border{border-bottom:none}.setting-info label{color:#333;display:block;font-weight:600;margin-bottom:5px}.setting-info p{color:#888;font-size:14px;margin:0}.setting-select{min-width:150px;width:auto}.text-danger{color:#e74c3c!important}.toggle-switch{display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:#3498db}input:checked+.slider:before{transform:translateX(24px)}.danger-zone .card-header{background:#fff5f5;border-bottom-color:#ffebeb}.danger-zone .card-header h2{color:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{min-height:100vh}.app-container{display:flex}.main-content{flex:1 1;margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px);padding:20px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-title{color:#333;font-size:18px;font-weight:600}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#219a52}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}th{color:#555;font-weight:600}th,tr:hover{background:#f8f9fa}tr.clickable-row{cursor:pointer;transition:background .2s}tr.clickable-row:hover{background:#e8f4fc}.badge{border-radius:20px;font-size:12px;font-weight:500;padding:5px 12px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 15px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#3498db;outline:none}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.page-title{color:#333;font-size:24px;font-weight:600}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 15px}.search-input:focus{border-color:#3498db;outline:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;max-height:90vh;max-width:500px;overflow-y:auto;padding:25px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.loading-screen{align-items:center;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:bounce 1s infinite;font-size:60px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-screen p{font-size:18px;margin-top:20px}.detail-page{max-width:1200px}.back-button{align-items:center;background:#f0f0f0;border:none;border-radius:8px;color:#555;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-bottom:20px;padding:10px 20px;transition:background .3s}.back-button:hover{background:#e0e0e0}.detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.detail-title{color:#333;font-size:28px;font-weight:700;margin-bottom:10px}.detail-subtitle{color:#666;font-size:14px}.detail-actions{display:flex;gap:10px}.detail-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr}.info-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px}.info-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:16px;margin-bottom:20px;padding-bottom:10px}.info-row{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#888;font-size:14px}.info-value{color:#333;font-size:14px;font-weight:500}.timeline{margin-top:20px}.timeline-item{border-left:2px solid #e0e0e0;display:flex;gap:15px;margin-left:10px;padding:15px 0 15px 20px;position:relative}.timeline-item:before{background:#3498db;border-radius:50%;content:"";height:10px;left:-6px;position:absolute;top:20px;width:10px}.timeline-date{color:#888;font-size:12px;min-width:100px}.timeline-content{flex:1 1}.timeline-title{color:#333;font-weight:500;margin-bottom:5px}.timeline-desc{color:#666;font-size:13px}@media (max-width:992px){.detail-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.58efb1d2.css.map*/