:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem}.alert-item.warning{background-color:#fef3c7;border-left:4px solid #f59e0b}.alert-item.success{background-color:#d1fae5;border-left:4px solid #10b981}.alert-item.info{background-color:#dbeafe;border-left:4px solid #3b82f6}.alert-icon{margin-top:.125rem}.alert-message{font-size:.875rem;color:#1f2937;margin-bottom:.25rem}.alert-time{font-size:.75rem;color:#6b7280}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.activity-item:last-child{border-bottom:none}.activity-user{font-weight:600;color:#3b82f6;font-size:.875rem}.activity-action{font-size:.875rem;color:#6b7280;margin-top:.125rem}.activity-time{font-size:.75rem;color:#9ca3af}.otp-input:focus{border-color:#10b981!important;outline:none;box-shadow:0 0 0 3px #10b98133!important}*{margin:0;padding:0;box-sizing:border-box}.login-container{display:flex;min-height:100vh;width:100%;background-color:#0f172a;font-family:Inter,sans-serif}.left-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px;position:relative;overflow:hidden;background:linear-gradient(135deg,#060c1abf,#0a1226ad,#080f20b8),url(https://images.unsplash.com/photo-1555507036-ab1f4038808a?w=1440&q=85&auto=format&fit=crop) center / cover no-repeat}.brand-content{max-width:500px}.logo-pill{background:#fff;padding:12px 32px;border-radius:50px;display:inline-block;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.brand-logo{height:40px;width:auto;object-fit:contain;filter:none}.brand-website{color:#94a3b8;font-size:14px;margin-bottom:40px;letter-spacing:.5px;text-shadow:0 1px 8px rgba(0,0,0,.8)}.brand-solution-title{font-size:36px;font-weight:700;color:#60a5fa;margin-bottom:60px;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.7)}.features-grid{display:flex;gap:20px}.feature-card{background:#fff;border-radius:16px;padding:24px;min-width:160px;box-shadow:0 10px 15px -3px #0000001a;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:24px;margin-bottom:12px;color:#0f172a}.feature-card h3{color:#0f172a;font-size:15px;font-weight:700;margin-bottom:4px}.feature-card p{color:#64748b;font-size:12px}.right-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden;background-color:#17304c;background-image:radial-gradient(ellipse at 50% 50%,transparent 25%,rgba(10,18,34,.55) 100%),url(/bakery-pattern.svg);background-size:cover,200px 200px;background-repeat:no-repeat,repeat}.login-card{background:#fffffff7;border-radius:24px;padding:48px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #6a9ab826,0 0 50px #17304c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-title{font-size:24px;font-weight:700;color:#0f172a;text-align:center;margin-bottom:8px}.login-subtitle{color:#64748b;font-size:14px;text-align:center;margin-bottom:32px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:8px}.login-form input,.login-form select{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#f8fafc;transition:all .2s;color:#0f172a}.login-form input:focus,.login-form select:focus{outline:none;background-color:#fff;border-color:#0f172a;box-shadow:0 0 0 2px #0f172a1a}.signin-btn{width:100%;padding:14px;background:#0f172a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:10px}.signin-btn:hover{background:#1e293b}.demo-section{margin-top:32px;text-align:center;border-top:1px solid #f1f5f9;padding-top:24px}.demo-label{font-size:12px;color:#94a3b8;margin-bottom:12px}.google-btn{width:100%;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#475569;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:#64748b}.auth-footer a{color:#0f172a;font-weight:600;text-decoration:none}.forgot-password-link{color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .15s,text-decoration .15s}.forgot-password-link:hover{text-decoration:underline;color:#2563eb}.error-message{background:#fee2e2;color:#dc2626;padding:10px;border-radius:8px;font-size:13px;margin-bottom:20px;text-align:center}.dashboard-layout{display:flex;min-height:100vh;background:#f8fafc}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb}.sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sidebar-logo .logo-icon{width:100px;height:25px;object-fit:contain}.sidebar-logo .logo-text{font-size:18px;font-weight:700;color:#1e293b;letter-spacing:.5px}.sidebar-subtitle{color:#64748b;font-size:12px;margin-bottom:8px}.user-role{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.user-role-link{text-decoration:none;transition:all .2s ease}.user-role-link:hover .user-role{background:#3b82f6;color:#fff;transform:translateY(-1px)}.sidebar-nav{flex:1;padding:16px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#64748b;text-decoration:none;font-size:14px;transition:all .2s ease;margin-bottom:4px}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#3b82f6;color:#fff}.nav-icon{font-size:18px}.sidebar-footer{padding:16px;border-top:1px solid #e5e7eb}.help-section{background:#f8fafc;border-radius:12px;padding:16px}.help-section h4{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.help-section p{color:#64748b;font-size:12px;margin-bottom:12px}.help-link{color:#3b82f6;font-size:12px;font-weight:500;text-decoration:none}.help-link:hover{text-decoration:underline}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:flex-end;position:sticky;top:0;z-index:100}.header-actions{display:flex;align-items:center;gap:16px}.header-divider{width:1px;height:24px;background:#e2e8f0;flex-shrink:0}.bell-container{position:relative;display:flex;align-items:center;flex-shrink:0}.header-icon-btn{position:relative;background:#f1f5f9;border:1px solid #e2e8f0;cursor:pointer;width:38px;height:38px;border-radius:10px;color:#64748b;font-size:19px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.header-icon-btn:hover{background:#e2e8f0;color:#1e293b;border-color:#cbd5e1}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;border-radius:9px;line-height:1;border:2px solid white;pointer-events:none;z-index:1}.user-section{display:flex;align-items:center;gap:8px}.user-menu{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:10px;cursor:pointer;transition:background .15s}.user-menu:hover{background:#f1f5f9}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:13px;font-weight:600;line-height:1.3}.user-role-text{color:#94a3b8;font-size:11px;line-height:1.3}.logout-btn{background:none;border:1px solid #e5e7eb;color:#64748b;height:34px;padding:0 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.notifications-dropdown{width:380px;max-height:500px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.notifications-header h3{margin:0;font-size:15px;font-weight:600;color:#1f2937}.notifications-actions{display:flex;align-items:center;gap:10px}.mark-all-read{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.mark-all-read:hover{background:#eff6ff}.close-notifications{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.close-notifications:hover{background:#f3f4f6}.notifications-list{max-height:400px;overflow-y:auto}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:#9ca3af}.no-notifications p{margin:8px 0 0;font-size:14px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#fefce8}.notification-item.unread:hover{background:#fef9c3}.notification-icon-wrapper{margin-top:2px;font-size:16px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#1f2937;font-size:13px;margin-bottom:2px}.notification-message{color:#6b7280;font-size:12px;line-height:1.45;margin-bottom:2px}.notification-time{color:#9ca3af;font-size:11px}.unread-indicator{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:7px;height:7px;background:#3b82f6;border-radius:50%}@media(max-width:768px){.notifications-dropdown{width:320px;right:-8px}}@media(max-width:480px){.notifications-dropdown{width:280px;right:-16px}.user-info{display:none}}.content-area{padding:32px;flex:1}.dashboard-page{max-width:1400px}.page-header{margin-bottom:32px}.page-title{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.page-subtitle{color:#64748b;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-content{flex:1}.stat-trend{font-size:12px;font-weight:500;margin-bottom:4px;display:inline-block}.stat-trend.up{color:#22c55e}.stat-trend.down{color:#ef4444}.stat-title{color:#64748b;font-size:13px;margin-bottom:4px}.stat-value{color:#1e293b;font-size:24px;font-weight:700}.charts-section{display:flex;flex-direction:column;gap:24px}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-header{margin-bottom:20px}.chart-title{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:4px}.chart-subtitle{color:#64748b;font-size:13px}.chart-container{width:100%}.alerts-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.alerts-header{margin-bottom:20px}.alerts-title{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:4px}.alerts-subtitle{color:#64748b;font-size:13px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;transition:transform .2s,box-shadow .2s}.alert-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.alert-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.alert-content{flex:1}.alert-title{font-size:14px;font-weight:600;margin-bottom:2px}.alert-description{color:#64748b;font-size:12px}.sales-prediction-page{max-width:1400px}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.override-btn{display:flex;align-items:center;gap:8px;background:#1e293b;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.override-btn:hover{background:#334155}.prediction-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.prediction-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.stat-icon-small{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}.stat-icon-small.purple{background:#f3e8ff}.stat-icon-small.blue{background:#dbeafe}.stat-icon-small.green{background:#dcfce7}.stat-icon-small.orange{background:#ffedd5}.stat-label{color:#64748b;font-size:13px;margin-bottom:4px}.stat-number{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.stat-change{font-size:12px}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.stat-date{color:#64748b;font-size:12px}.stat-link{color:#3b82f6;font-size:12px;cursor:pointer}.forecast-chart-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.chart-legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.actual{background:#3b82f6}.legend-dot.predicted{background:#fff;border:2px solid #3b82f6}.legend-dot.override{background:#ef4444}.chart-footer-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.footer-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.footer-legend-line{width:24px;height:2px}.footer-legend-line.solid{background:#3b82f6}.footer-legend-line.dashed{background:repeating-linear-gradient(to right,#3b82f6,#3b82f6 4px,transparent 4px,transparent 8px)}.prediction-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.factors-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.factors-list{display:flex;flex-direction:column;gap:16px}.factor-item{display:flex;flex-direction:column;gap:8px}.factor-info{display:flex;justify-content:space-between;align-items:center}.factor-name{color:#1e293b;font-size:14px}.factor-percentage{color:#64748b;font-size:14px;font-weight:500}.factor-bar-bg{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.factor-bar{height:100%;border-radius:4px;transition:width .3s ease}.predictions-table-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.predictions-subtitle{color:#64748b;font-size:13px;margin-top:4px;margin-bottom:16px}.predictions-table-container{overflow-x:auto}.predictions-loading,.predictions-empty{text-align:center;color:#64748b;padding:32px;font-size:14px}.predictions-table{width:100%;border-collapse:collapse}.predictions-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.predictions-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.predictions-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.predictions-table tbody tr:hover{background:#f8fafc}.predictions-table tbody tr:last-child{border-bottom:none}.predictions-table td{padding:14px 16px;font-size:14px;color:#1e293b}.predictions-table .item-name{font-weight:500;color:#1e293b}.predictions-table .item-category{color:#64748b}.predictions-table .item-quantity{font-weight:600;color:#3b82f6}.ingredient-forecast-page{max-width:1400px}.forecast-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.forecast-stat-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.forecast-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.forecast-stat-icon.blue{background:#dbeafe;color:#3b82f6}.forecast-stat-icon.green{background:#dcfce7;color:#22c55e}.forecast-stat-icon.purple{background:#f3e8ff;color:#8b5cf6}.forecast-stat-icon.orange{background:#ffedd5;color:#f97316}.forecast-stat-label{color:#64748b;font-size:13px;font-weight:500;margin-bottom:6px}.forecast-stat-value{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.forecast-stat-sub{font-size:12px;color:#64748b}.forecast-stat-sub.positive{color:#22c55e}.forecast-stat-sub.warning{color:#f97316}.forecast-stat-sub.link{color:#3b82f6;cursor:pointer}.forecast-chart-section{margin-bottom:32px}.forecast-chart-section .forecast-chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.ingredient-details-section{margin-bottom:32px}.ingredient-details-section .section-title{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.forecast-empty-message{text-align:center;padding:48px 20px;color:#64748b;font-size:14px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.ingredient-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ingredient-detail-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.ingredient-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ingredient-info .ingredient-name{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.ingredient-info .ingredient-current{color:#64748b;font-size:13px;line-height:1.4}.ingredient-info .ingredient-unit{color:#94a3b8;font-size:12px}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.trend-badge.rising{background:#dcfce7;color:#22c55e}.trend-badge.falling{background:#fee2e2;color:#ef4444}.trend-badge.stable{background:#f1f5f9;color:#64748b}.ingredient-forecast-info{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:16px}.forecast-label{color:#64748b;font-size:12px;margin-bottom:4px}.forecast-value{color:#1e293b;font-size:20px;font-weight:600}.ingredient-confidence{margin-bottom:16px}.confidence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.confidence-label{color:#64748b;font-size:12px}.confidence-value{color:#1e293b;font-size:14px;font-weight:600}.confidence-bar-container{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.confidence-bar{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .3s ease}.reorder-recommendation{display:flex;align-items:center;gap:8px;background:#fef3c7;color:#b45309;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500}.reorder-icon{color:#f59e0b;flex-shrink:0}.forecast-insights-section{margin-bottom:32px}.insights-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;padding:24px 32px}.insights-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fbbf24;flex-shrink:0}.insights-content{flex:1}.insights-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.insights-text{color:#ffffffd9;font-size:14px;line-height:1.5}.generate-order-btn{background:#1e293b;color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.generate-order-btn:hover{background:#0f172a;transform:translateY(-1px)}.inventory-management-page{max-width:1400px}.inventory-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.inventory-header-actions{display:flex;gap:12px}.low-stock-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#1e293b;border:1px solid #e5e7eb;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.low-stock-btn:hover{background:#f8fafc;border-color:#cbd5e1}.low-stock-btn.active{background:#fef08a;border-color:#fbbf24;color:#92400e}.low-stock-btn.active:hover{background:#fcd34d;border-color:#f59e0b}.add-item-btn{display:flex;align-items:center;gap:8px;background:#1e293b;color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-btn:hover{background:#334155}.inventory-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.inventory-stat-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.inventory-stat-card.critical-card{border-left:4px solid #ef4444}.inventory-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.inventory-stat-icon.blue{background:#dbeafe;color:#3b82f6}.inventory-stat-icon.red{background:#fee2e2;color:#ef4444}.inventory-stat-icon.orange{background:#ffedd5;color:#f97316}.inventory-stat-icon.green{background:#dcfce7;color:#22c55e}.inventory-stat-label{color:#64748b;font-size:13px;font-weight:500;margin-bottom:6px}.inventory-stat-value{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.inventory-stat-sub{font-size:12px;color:#64748b}.inventory-stat-sub.warning{color:#f97316}.inventory-stat-sub.link{color:#3b82f6;cursor:pointer}.inventory-content-wrapper{display:grid;grid-template-columns:1fr 280px;gap:24px}.inventory-table-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.inventory-search-bar{display:flex;gap:12px;margin-bottom:20px}.inventory-search-input-wrapper{flex:1;position:relative}.inventory-search-input-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.inventory-search-input{width:100%;padding:12px 14px 12px 42px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1e293b;background:#f8fafc;transition:all .2s ease}.inventory-search-input:focus{outline:none;border-color:#3b82f6;background:#fff}.filter-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#64748b;border:1px solid #e5e7eb;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#f8fafc;color:#1e293b}.inventory-table-container{overflow-x:auto}.inventory-data-table{width:100%;border-collapse:collapse}.inventory-data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.inventory-data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.inventory-data-table tbody tr:hover{background:#f8fafc}.item-cell{display:flex;align-items:center;gap:12px}.item-indicator{width:8px;height:8px;border-radius:50%}.item-indicator.good{background:#22c55e}.item-indicator.low{background:#f97316}.item-indicator.critical{background:#ef4444}.item-cell .item-name{font-weight:500;color:#1e293b}.sku-cell{color:#64748b;font-size:13px}.stock-cell{min-width:120px}.stock-info{display:flex;flex-direction:column;gap:4px}.stock-amount{font-weight:600;color:#1e293b}.capacity-bar-container{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.capacity-bar{height:100%;border-radius:2px;transition:width .3s ease}.capacity-bar.good{background:#22c55e}.capacity-bar.low{background:#f97316}.capacity-bar.critical{background:#ef4444}.capacity-text{font-size:11px;color:#94a3b8}.level-cell{color:#64748b;font-size:13px}.status-cell{white-space:nowrap}.inventory-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.inventory-status-badge.good{background:#dcfce7;color:#22c55e}.inventory-status-badge.low{background:#ffedd5;color:#f97316}.inventory-status-badge.critical{background:#fee2e2;color:#ef4444}.actions-cell{display:flex;align-items:center;gap:8px}.edit-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.edit-action-btn:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6}.delete-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.delete-action-btn:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}.delete-confirm-group{display:flex;gap:4px}.delete-confirm-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.delete-confirm-btn.yes{background:#ef4444;color:#fff}.delete-confirm-btn.yes:hover{background:#dc2626}.delete-confirm-btn.no{background:#e5e7eb;color:#64748b}.delete-confirm-btn.no:hover{background:#d1d5db;color:#1e293b}.modal-body select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1e293b;background:#f9fafb;transition:all .2s ease}.modal-body select:focus{outline:none;border-color:#3b82f6;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inventory-sidebar .category-distribution-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.distribution-title{display:flex;align-items:center;gap:8px;color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px}.pie-chart-container{width:100%}.pie-legend{display:flex;flex-direction:column;gap:10px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:10px}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{flex:1;color:#64748b;font-size:13px}.legend-value{color:#1e293b;font-size:13px;font-weight:600}@media(max-width:1200px){.inventory-stats-grid{grid-template-columns:repeat(2,1fr)}.inventory-content-wrapper{grid-template-columns:1fr}.inventory-sidebar{order:-1}}@media(max-width:768px){.inventory-page-header{flex-direction:column;gap:16px}.inventory-header-actions{width:100%}.low-stock-btn,.add-item-btn{flex:1;justify-content:center}.inventory-stats-grid{grid-template-columns:1fr}.inventory-search-bar{flex-direction:column}.filter-btn{justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{color:#1e293b;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:4px}.modal-close:hover{color:#1e293b}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{display:block;color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.modal-body input,.modal-body textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1e293b;background:#f9fafb;transition:all .2s ease}.modal-body input:focus,.modal-body textarea:focus{outline:none;border-color:#3b82f6;background:#fff}.modal-body input:disabled{background:#e5e7eb;color:#64748b}.modal-body textarea{min-height:100px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.btn-secondary{padding:10px 20px;background:#fff;color:#64748b;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;color:#1e293b}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.prediction-stats{grid-template-columns:repeat(2,1fr)}.prediction-bottom-row{grid-template-columns:1fr}.forecast-stats-grid{grid-template-columns:repeat(2,1fr)}.ingredient-cards-grid{grid-template-columns:1fr}.insights-card{flex-direction:column;text-align:center}.generate-order-btn{width:100%}}@media(max-width:900px){.login-container{flex-direction:column}.left-panel{padding:40px;align-items:center;text-align:center}.brand-tagline{max-width:100%}.features-grid{justify-content:center}.right-panel{padding:20px}.login-card{padding:32px}.sidebar{display:none}.main-content{margin-left:0}.page-header-row{flex-direction:column;gap:16px}}@media(max-width:600px){.stats-grid,.prediction-stats,.forecast-stats-grid{grid-template-columns:1fr}.header{padding:16px}.search-container{display:none}.content-area{padding:16px}}.sales-input-page{max-width:1400px}.sales-input-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.sales-input-stat-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000001a}.sales-input-stat-card .stat-label{color:#64748b;font-size:13px;margin-bottom:8px}.sales-input-stat-card .stat-number{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:6px}.sales-input-stat-card .stat-change{display:flex;align-items:center;gap:4px;font-size:12px}.sales-input-stat-card .stat-change.positive{color:#22c55e}.sales-input-stat-card .stat-change.negative{color:#ef4444}.sales-input-stat-card .stat-date{color:#64748b;font-size:12px}.input-methods-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.input-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.input-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.input-card-icon{width:44px;height:44px;border-radius:12px;background:#dbeafe;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:18px}.input-card-icon.purple{background:#f3e8ff;color:#8b5cf6}.input-card-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:2px}.input-card-subtitle{color:#64748b;font-size:13px}.manual-entry-form .form-group{margin-bottom:16px}.manual-entry-form label{display:block;color:#374151;font-size:13px;font-weight:500;margin-bottom:8px}.manual-entry-form input,.manual-entry-form select,.manual-entry-form textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1e293b;background:#f9fafb;transition:all .2s ease}.manual-entry-form input:focus,.manual-entry-form select:focus,.manual-entry-form textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.manual-entry-form input::placeholder,.manual-entry-form textarea::placeholder{color:#9ca3af}.manual-entry-form textarea{resize:vertical;min-height:80px}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.input-with-icon input{padding-left:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.save-entry-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#1e293b;color:#fff;border:none;padding:14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.save-entry-btn:hover{background:#334155}.file-drop-zone{border:2px dashed #e5e7eb;border-radius:12px;padding:32px;text-align:center;transition:all .2s ease;margin-bottom:16px}.file-drop-zone.active{border-color:#3b82f6;background:#f0f7ff}.file-drop-zone:hover{border-color:#cbd5e1}.upload-icon{font-size:36px;color:#cbd5e1;margin-bottom:12px}.drop-text{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:4px}.file-types{color:#9ca3af;font-size:12px;display:block;margin-bottom:16px}.select-file-btn{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.select-file-btn:hover{background:#f8fafc;border-color:#cbd5e1}.template-section{background:#f0fdf4;border-radius:10px;padding:16px;margin-bottom:16px}.template-badge{display:flex;align-items:center;gap:8px;color:#15803d;font-size:13px;font-weight:600;margin-bottom:8px}.template-icon{font-size:16px}.template-text{color:#374151;font-size:12px;margin-bottom:8px}.download-template-link{color:#15803d;font-size:13px;font-weight:500;text-decoration:none}.download-template-link:hover{text-decoration:underline}.pos-sync-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px}.sync-header{display:flex;gap:12px;margin-bottom:12px}.sync-icon{width:32px;height:32px;border-radius:50%;background:#dcfce7;color:#22c55e;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sync-title{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.sync-description{color:#64748b;font-size:12px;line-height:1.4}.sync-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #bbf7d0}.sync-label{color:#64748b;font-size:12px}.sync-time{color:#1e293b;font-size:12px;font-weight:500}.recent-entries-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.entries-list{display:flex;flex-direction:column;gap:12px}.entry-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .2s ease}.entry-item:hover{background:#f1f5f9}.entry-icon{width:40px;height:40px;border-radius:10px;background:#dbeafe;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:16px}.entry-details{flex:1}.entry-date{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:2px}.entry-transactions{color:#64748b;font-size:12px}.entry-amount{color:#1e293b;font-size:16px;font-weight:700;margin-right:16px}.entry-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.entry-status.synced{background:#dcfce7;color:#15803d}.entry-status.pending{background:#fef3c7;color:#b45309}.entry-status.manual{background:#dbeafe;color:#1d4ed8}@media(max-width:1024px){.sales-input-stats{grid-template-columns:repeat(2,1fr)}.input-methods-section{grid-template-columns:1fr}}@media(max-width:600px){.sales-input-stats,.form-row{grid-template-columns:1fr}.entry-item{flex-wrap:wrap}.entry-amount{width:100%;margin-top:8px;margin-right:0}.entry-status{margin-left:auto}}.export-reports-page{max-width:1400px}.export-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.export-stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.export-stat-title{color:#64748b;font-size:13px;margin-bottom:8px}.export-stat-value{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.export-stat-subtitle{font-size:13px}.reports-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.section-title{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.section-header-with-action{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header-with-action .section-title{margin-bottom:0}.manage-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.manage-btn:hover{background:#f1f5f9;color:#1e293b}.available-reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.report-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;transition:all .2s ease}.report-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.report-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.report-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.report-info{flex:1}.report-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.report-description{color:#64748b;font-size:13px}.report-meta{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:12px;margin-bottom:16px}.report-formats{display:flex;gap:8px}.format-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb;background:#fff}.format-btn.pdf{color:#64748b}.format-btn.pdf:hover,.format-btn.pdf.active{background:#1e293b;color:#fff;border-color:#1e293b}.format-btn.excel{color:#64748b}.format-btn.excel:hover,.format-btn.excel.active{background:#22c55e;color:#fff;border-color:#22c55e}.format-btn.json{color:#64748b}.format-btn.json:hover,.format-btn.json.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.recent-exports-list{display:flex;flex-direction:column;gap:12px}.export-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .2s ease}.export-item:hover{background:#f1f5f9}.export-item-icon{width:44px;height:44px;border-radius:10px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center}.export-item-info{flex:1}.export-item-title{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.export-item-meta{color:#64748b;font-size:12px}.download-btn{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.scheduled-reports-list{display:flex;flex-direction:column;gap:12px}.scheduled-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f1f5f9}.scheduled-item:last-child{border-bottom:none}.scheduled-item-info{display:flex;flex-direction:column;gap:4px}.scheduled-item-title{color:#1e293b;font-size:14px;font-weight:600}.scheduled-item-schedule{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.scheduled-item-format{color:#64748b;font-size:13px;font-weight:500}@media(max-width:1200px){.export-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.available-reports-grid{grid-template-columns:1fr}}@media(max-width:600px){.export-stats-grid{grid-template-columns:1fr}.report-formats,.export-item{flex-wrap:wrap}.download-btn{margin-left:auto}}.profile-page{max-width:1200px}.profile-container{display:flex;flex-direction:column;gap:24px}.profile-header-card{background:#fff;border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a}.profile-avatar-section{display:flex;align-items:center;gap:24px}.profile-avatar-large{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;letter-spacing:1px}.profile-main-info h2.profile-name{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.profile-role{color:#3b82f6;font-size:14px;font-weight:600;margin-bottom:4px}.profile-business{color:#64748b;font-size:16px;margin-bottom:12px}.profile-stats{display:flex;gap:20px}.profile-stat{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.profile-stat svg{width:16px;height:16px}.profile-actions{display:flex;gap:12px}.edit-profile-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.edit-profile-btn:hover{background:#2563eb;transform:translateY(-1px)}.edit-actions{display:flex;gap:12px}.save-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.save-btn:hover{background:#059669;transform:translateY(-1px)}.cancel-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.profile-tabs{display:flex;background:#fff;border-radius:16px;padding:8px;box-shadow:0 1px 3px #0000001a;gap:4px}.profile-tab{background:none;border:none;padding:16px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px;font-weight:500;transition:all .2s;flex:1;justify-content:center}.profile-tab:hover{background:#f8fafc;color:#475569}.profile-tab.active{background:#3b82f6;color:#fff;font-weight:600}.profile-tab svg{width:18px;height:18px}.profile-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000001a}.section-title{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.profile-fields{display:flex;flex-direction:column;gap:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#374151;font-size:14px;font-weight:600}.field-value{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;color:#1e293b;font-size:14px}.field-value.description{display:block;padding:16px;line-height:1.6}.field-icon{color:#3b82f6;width:18px;height:18px}.form-input,.form-textarea,.form-select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.specialties-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.specialty-tag{background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.security-options{display:flex;flex-direction:column;gap:20px}.security-option{display:flex;align-items:center;justify-content:space-between;padding:20px;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s}.security-option:hover{border-color:#cbd5e1}.security-option-info{display:flex;align-items:center;gap:16px}.security-icon{width:24px;height:24px;color:#3b82f6}.security-option h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.security-option p{color:#64748b;font-size:14px;margin:0}.security-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.security-btn:hover{background:#2563eb}.preferences-options{display:flex;flex-direction:column;gap:20px}.preference-option{display:flex;align-items:center;justify-content:space-between;padding:20px;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s}.preference-option:hover{border-color:#cbd5e1}.preference-option h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.preference-option p{color:#64748b;font-size:14px;margin:0}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(26px)}@media(max-width:768px){.profile-header-card{flex-direction:column;gap:20px;align-items:flex-start}.profile-avatar-section{width:100%}.profile-actions{width:100%;justify-content:flex-end}.profile-tabs{flex-direction:column}.profile-tab{justify-content:flex-start}.field-row{grid-template-columns:1fr}.security-option,.preference-option{flex-direction:column;align-items:flex-start;gap:16px}.security-btn,.switch{align-self:flex-end}}.system-logs-page{padding:24px;background:#f8fafc;min-height:100vh}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-text{flex:1}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.btn-icon{width:16px;height:16px}.logs-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.log-stat-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.log-stat-card.total{background:#fff}.log-stat-card.errors{background:#fef2f2;border-color:#fecaca}.log-stat-card.errors .stat-title,.log-stat-card.errors .stat-value{color:#7f1d1d}.log-stat-card.errors .stat-subtitle{color:#991b1b}.log-stat-card.warnings{background:#fffbeb;border-color:#fed7aa}.log-stat-card.warnings .stat-title,.log-stat-card.warnings .stat-value{color:#92400e}.log-stat-card.warnings .stat-subtitle{color:#b45309}.log-stat-card.info{background:#eff6ff;border-color:#bfdbfe}.log-stat-card.info .stat-title,.log-stat-card.info .stat-value{color:#1e3a8a}.log-stat-card.info .stat-subtitle{color:#1d4ed8}.log-stat-card.success{background:#f0fdf4;border-color:#bbf7d0}.log-stat-card.success .stat-title,.log-stat-card.success .stat-value{color:#14532d}.log-stat-card.success .stat-subtitle{color:#166534}.log-stat-card .stat-title{font-size:14px;font-weight:500;margin-bottom:8px;color:#374151}.log-stat-card .stat-value{font-size:28px;font-weight:700;margin-bottom:4px;color:#111827}.log-stat-card .stat-subtitle{font-size:12px;color:#6b7280}.logs-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.logs-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.search-container{flex:1;max-width:400px}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.search-input::placeholder{color:#9ca3af}.filters-container{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;background:#f3f4f6;color:#374151}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:#111827;color:#fff}.more-btn{display:flex;align-items:center;gap:4px}.dropdown-icon{width:16px;height:16px}.logs-table-container{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb}.logs-table td{padding:16px 20px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.logs-table tbody tr:hover{background:#f9fafb}.timestamp-cell{font-family:Courier New,monospace;color:#6b7280;white-space:nowrap}.level-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.level-badge.error{background:#fef2f2;color:#dc2626}.level-badge.warning{background:#fffbeb;color:#d97706}.level-badge.info{background:#eff6ff;color:#2563eb}.level-badge.success{background:#f0fdf4;color:#16a34a}.source-cell{font-weight:500}.message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cell{color:#6b7280}.transactions-section{margin-top:28px;background:#fff;border-radius:14px;padding:24px;box-shadow:0 1px 4px #00000014}.transactions-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.transactions-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}.transactions-subtitle{font-size:13px;color:#9ca3af;margin:0}.tx-filter-group{display:flex;gap:8px}.tx-filter-btn{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.tx-filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.tx-filter-btn.active{background:#1f2937;border-color:#1f2937;color:#fff}.tx-filter-btn.active.income{background:#059669;border-color:#059669}.tx-filter-btn.active.expense{background:#dc2626;border-color:#dc2626}.transactions-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid #f0f0f0}.transactions-table{width:100%;border-collapse:collapse;font-size:14px}.transactions-table thead tr{background:#f9fafb}.transactions-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;border-bottom:1px solid #e5e7eb}.transactions-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table tbody tr:hover{background:#fafafa}.tx-date{color:#9ca3af;font-size:13px;white-space:nowrap;padding:14px 16px}.tx-from,.tx-to{padding:14px 16px}.tx-party{font-weight:500;color:#374151}.tx-desc{color:#6b7280;padding:14px 16px;max-width:260px}.tx-amount{padding:14px 16px;white-space:nowrap}.tx-amount-value{font-weight:700;font-size:14px}.tx-amount-value.income{color:#059669}.tx-amount-value.expense{color:#dc2626}.tx-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.tx-badge.income{background:#d1fae5;color:#065f46}.tx-badge.expense{background:#fee2e2;color:#991b1b}.tx-summary{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.tx-summary-item{flex:1;min-width:160px;padding:16px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.tx-summary-item.income{background:#f0fdf4;border:1px solid #bbf7d0}.tx-summary-item.expense{background:#fef2f2;border:1px solid #fecaca}.tx-summary-item.net{background:#eff6ff;border:1px solid #bfdbfe}.tx-summary-label{font-size:13px;font-weight:500;color:#6b7280}.tx-summary-value{font-size:16px;font-weight:700}.tx-summary-value.income{color:#059669}.tx-summary-value.expense{color:#dc2626}.tx-summary-value.net{color:#1d4ed8}.admin-actions{margin-top:24px;background:#7c3aed;border-radius:12px;padding:24px;color:#fff}.admin-content{display:flex;gap:16px;align-items:flex-start}.admin-icon{background:#fff3;padding:12px;border-radius:8px;flex-shrink:0}.admin-icon svg{width:24px;height:24px}.admin-text{flex:1}.admin-title{font-size:18px;font-weight:600;margin-bottom:8px}.admin-description{color:#e0e7ff;margin-bottom:16px;line-height:1.5}.admin-buttons{display:flex;gap:12px;flex-wrap:wrap}.admin-btn{padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all .2s ease}.admin-btn.primary{background:#0003;color:#fff}.admin-btn.primary:hover{background:#0000004d}.admin-btn.secondary{background:#fff3;color:#fff}.admin-btn.secondary:hover{background:#ffffff4d}@media(max-width:768px){.system-logs-page{padding:16px}.header-content{flex-direction:column;gap:16px}.header-actions{align-self:stretch}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1;justify-content:center}.logs-stats-grid{grid-template-columns:1fr}.logs-header{flex-direction:column;align-items:stretch}.search-container{max-width:none}.filters-container{justify-content:flex-start}.admin-content{flex-direction:column;text-align:center}.admin-buttons{justify-content:center}.logs-table{font-size:12px}.logs-table th,.logs-table td{padding:12px 8px}.message-cell{max-width:150px}}.pos-auto-sync-page{padding:24px;max-width:1200px;margin:0 auto}.pos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.pos-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 4px}.pos-subtitle{color:#64748b;font-size:14px;margin:0}.pos-header-actions{display:flex;gap:12px}.pos-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.pos-btn-primary{background:#3b82f6;color:#fff}.pos-btn-primary:hover{background:#2563eb}.pos-btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.pos-btn-secondary:hover{background:#f1f5f9;color:#475569}.pos-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.pos-status-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.pos-status-card.pos-status-active{background:#f0fdf4;border-color:#bbf7d0}.pos-status-label{color:#64748b;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pos-status-value{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px}.pos-status-active .pos-status-value{color:#16a34a}.pos-status-icon{font-size:18px}.pos-status-detail{color:#64748b;font-size:12px}.pos-auto-enabled{color:#3b82f6!important}.pos-content-grid{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.pos-activity-chart{width:100%}.pos-bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pos-systems-card,.pos-history-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.pos-card-header{margin-bottom:16px}.pos-card-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.pos-systems-list,.pos-history-list{display:flex;flex-direction:column;gap:12px}.pos-system-item,.pos-history-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}.pos-system-item:last-child,.pos-history-item:last-child{border-bottom:none;padding-bottom:0}.pos-system-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.pos-system-icon.pos-system-active{background:#dcfce7;color:#16a34a}.pos-system-icon.pos-system-warning{background:#fef3c7;color:#d97706}.pos-system-info{flex:1}.pos-system-name{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:2px}.pos-system-detail{color:#64748b;font-size:12px}.pos-system-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pos-status-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;text-transform:lowercase}.pos-status-badge.pos-status-active{background:#dcfce7;color:#16a34a}.pos-status-badge.pos-status-warning{background:#fef3c7;color:#d97706}.pos-status-time{color:#64748b;font-size:11px}.pos-history-status{width:20px;display:flex;justify-content:center}.pos-history-icon{font-size:16px}.pos-history-icon.pos-history-success{color:#16a34a}.pos-history-icon.pos-history-failed{color:#dc2626}.pos-history-info{flex:1}.pos-history-time{color:#1e293b;font-size:13px;font-weight:500;margin-bottom:2px}.pos-history-detail{color:#64748b;font-size:11px}.pos-history-status-text{display:flex;align-items:center}.pos-history-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.pos-history-badge.success{background:#dcfce7;color:#16a34a}.pos-history-badge.failed{background:#fee2e2;color:#dc2626}.pos-config-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px;display:flex;gap:12px}.pos-config-icon{width:32px;height:32px;border-radius:6px;background:#dbeafe;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.pos-config-content{flex:1}.pos-config-title{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.pos-config-description{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 8px}.pos-config-details{display:flex;gap:16px;flex-wrap:wrap}.pos-config-details span{color:#64748b;font-size:11px}.pos-config-details strong{color:#1e293b}@media(max-width:1024px){.pos-status-grid{grid-template-columns:repeat(2,1fr)}.pos-bottom-section{grid-template-columns:1fr}}@media(max-width:768px){.pos-auto-sync-page{padding:16px}.pos-header{flex-direction:column;gap:16px;align-items:stretch}.pos-header-actions{justify-content:flex-end}.pos-status-grid{grid-template-columns:1fr}.pos-config-details{flex-direction:column;gap:4px}}.auth-container{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);align-items:center;justify-content:center;padding:40px}.auth-card{background:#fff;border-radius:24px;padding:48px;width:100%;max-width:420px;box-shadow:0 25px 50px #00000040}.auth-title{color:#1e293b;font-size:28px;font-weight:700;text-align:center;margin-bottom:24px}.auth-error{color:#ff6b6b;background-color:#ffe0e0;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center;font-size:14px}.auth-form{margin-bottom:24px}.auth-button{width:100%;padding:14px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-button:hover{background:#334155;transform:translateY(-1px)}.auth-footer{text-align:center;font-size:14px;color:#64748b;margin-top:24px}.auth-footer a{color:#3b82f6;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.divider{display:flex;align-items:center;justify-content:center;margin:24px 0;position:relative}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e5e7eb}.divider span{background:#fff;padding:0 16px;color:#64748b;font-size:14px;position:relative;z-index:1}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#fff;color:#1e293b;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.google-btn:hover{background:#f8fafc;border-color:#cbd5e1}.error-message{color:#ff6b6b;background-color:#ffe0e0;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center;font-size:14px}.menu-table-full{grid-column:1 / -1}.menu-item-indicator{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;color:#3b82f6;font-size:18px}.category-cell .category-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#f1f5f9;color:#64748b}.price-cell .price-value{font-weight:600;color:#22c55e;font-size:14px}.ingredients-cell{position:relative}.ingredients-summary{position:relative;display:inline-block}.ingredients-count{color:#3b82f6;font-size:13px;font-weight:500;cursor:help}.ingredients-tooltip{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#1e293b;color:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;max-width:300px}.ingredients-summary:hover .ingredients-tooltip{display:block}.ingredient-detail{font-size:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1)}.ingredient-detail:last-child{border-bottom:none}.no-ingredients{color:#94a3b8;font-size:13px;font-style:italic}.description-cell .description-text{color:#64748b;font-size:13px;max-width:250px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-filter{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:6px 12px;border-radius:10px}.category-filter .filter-icon{color:#9ca3af}.category-select{border:none;background:transparent;font-size:14px;font-weight:500;color:#1e293b;cursor:pointer;outline:none}.modal-large{max-width:700px}.ingredients-section{margin-top:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.ingredients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ingredients-header label{font-weight:600;color:#1e293b;font-size:14px}.add-ingredient-btn{display:flex;align-items:center;gap:6px;background:#3b82f6;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-ingredient-btn:hover{background:#2563eb}.no-ingredients-text{color:#94a3b8;font-size:13px;font-style:italic;text-align:center;padding:16px 0}.ingredients-list{display:flex;flex-direction:column;gap:10px}.ingredient-item{display:grid;grid-template-columns:2fr 1fr 100px 40px;gap:10px;align-items:center;background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.ingredient-name-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1e293b;background:#f9fafb;transition:all .2s ease}.ingredient-name-input:focus{outline:none;border-color:#3b82f6;background:#fff}.ingredient-qty-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1e293b;background:#f9fafb;transition:all .2s ease}.ingredient-qty-input:focus{outline:none;border-color:#3b82f6;background:#fff}.ingredient-unit-select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1e293b;background:#f9fafb;transition:all .2s ease;cursor:pointer}.ingredient-unit-select:focus{outline:none;border-color:#3b82f6;background:#fff}.remove-ingredient-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-ingredient-btn:hover{background:#fef2f2;border-color:#ef4444}.inventory-stat-icon.purple{background:#f3e8ff;color:#a855f7}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-content{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.error-icon{font-size:4rem;color:#f87171;margin-bottom:1rem}.error-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.error-content p{color:#6b7280;margin-bottom:2rem}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#2563eb;transform:translateY(-1px)}.error-details{margin-top:2rem;text-align:left;background:#f3f4f6;border-radius:8px;padding:1rem}.error-details pre{font-size:.875rem;white-space:pre-wrap;color:#374151}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-container.centered{justify-content:center;min-height:200px}.loading-container.inline{flex-direction:row;min-height:auto}.spinner{display:flex;align-items:center;gap:4px}.spinner>div{border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner-small>div{width:8px;height:8px}.spinner-medium>div{width:12px;height:12px}.spinner-large>div{width:16px;height:16px}.spinner .bounce1{background-color:#3b82f6;animation-delay:-.32s}.spinner .bounce2{background-color:#1d4ed8;animation-delay:-.16s}.spinner .bounce3{background-color:#1e40af}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text{color:#6b7280;font-size:.875rem;margin:0}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.notification-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.notification{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-left:4px solid;animation:slideIn .3s ease-out;transition:all .3s}.notification:hover{transform:translate(-4px)}.notification-success{border-left-color:#10b981}.notification-error{border-left-color:#f87171}.notification-warning{border-left-color:#f59e0b}.notification-info{border-left-color:#3b82f6}.notification-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#f87171}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-content{flex:1}.notification-content h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1f2937}.notification-content p{margin:0;font-size:.875rem;color:#4b5563;line-height:1.4}.notification-close{flex-shrink:0;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.notification-close:hover{color:#6b7280;background:#f3f4f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.stat-meta{display:flex;align-items:center;gap:.5rem}.stat-trend{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.stat-trend.up{background:#dcfce7;color:#166534}.stat-trend.down{background:#fef2f2;color:#991b1b}.trend-icon{font-size:.875rem}.trend-value{font-weight:600}.info-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s}.info-btn:hover{color:#6b7280}.stat-content{margin-bottom:.5rem}.stat-title{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.stat-value{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.stat-description{font-size:.75rem;color:#9ca3af;margin:.5rem 0 0;line-height:1.4}.stat-progress{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .5s ease}.progress-text{font-size:.75rem;font-weight:600;color:#374151;min-width:40px;text-align:right}.stat-tooltip{position:absolute;bottom:-2.5rem;left:1rem;right:1rem;background:#1f2937;color:#fff;padding:.5rem;border-radius:6px;font-size:.75rem;z-index:10;animation:fadeIn .2s ease}.stat-tooltip:before{content:"";position:absolute;top:-4px;left:1rem;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #1f2937}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-icon{width:40px;height:40px}}.stat-card-new{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #f3f4f6}.stat-card-new:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-card-new.clickable{cursor:pointer}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.stat-icon-new{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.trend-indicator{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.trend-indicator.trend-up{color:#10b981}.trend-indicator.trend-down{color:#ef4444}.trend-arrow{font-size:1rem}.trend-text{font-size:.875rem}.stat-card-content{margin-top:1rem}.stat-title-new{font-size:.875rem;color:#6b7280;margin:0 0 1rem;font-weight:500;line-height:1.2}.stat-value-new{font-size:2rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.page-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-actions{display:flex;gap:.75rem;flex-shrink:0}.last-updated{font-size:.875rem;color:#6b7280;margin:.5rem 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.enhanced-stat-card{position:relative;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.enhanced-stat-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.enhanced-stat-card:hover .stat-actions{opacity:1}.stat-action-btn{background:#ffffffe6;border:none;border-radius:6px;padding:.375rem;color:#6b7280;cursor:pointer;transition:all .2s;font-size:.875rem}.stat-action-btn:hover{background:#fff;color:#374151;transform:scale(1.05)}.priority-row{display:grid;grid-template-columns:3fr 1.1fr;gap:1.5rem;margin-bottom:1rem;align-items:start}.qa-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;align-self:start;height:fit-content}.qa-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.qa-section-title{margin:0;color:#1f2937;font-size:1.125rem;font-weight:600}.qa-section-badge{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .625rem;border-radius:999px;font-weight:500}.qa-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.qa-card{display:flex;align-items:center;gap:.875rem;padding:1.1rem 1.125rem;border:1.5px solid #f3f4f6;border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:all .18s ease}.qa-card:hover{border-color:var(--qa-color);background:var(--qa-bg);transform:translateY(-3px);box-shadow:0 8px 24px #00000017}.qa-card-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s ease}.qa-card:hover .qa-card-icon-wrap{transform:scale(1.1)}.qa-card-body{flex:1;display:flex;flex-direction:column;gap:.15rem}.qa-card-name{font-size:.9rem;font-weight:600;color:#1f2937;line-height:1.3}.qa-card-desc{font-size:.75rem;color:#6b7280;line-height:1.4}.qa-card-arrow{color:#d1d5db;flex-shrink:0;transition:all .18s ease}.qa-card:hover .qa-card-arrow{color:var(--qa-color);transform:translate(4px)}.alerts-elevated{height:100%}.alerts-elevated .alerts-panel{border-radius:16px;height:100%;max-height:340px;overflow-y:auto;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.alerts-elevated .alert-item{padding:.6rem .75rem}.alerts-elevated .alerts-header{margin-bottom:.75rem;padding-bottom:.5rem}.charts-section{display:flex;flex-direction:column;gap:1.5rem}.charts-row-equal{display:grid;grid-template-columns:1fr;gap:1.5rem}.chart-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.chart-container.full-width{width:100%}@media(max-width:1024px){.priority-row,.charts-row-equal{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.stats-grid,.qa-cards-grid{grid-template-columns:1fr}.header-actions{width:100%;justify-content:stretch}.header-actions .btn{flex:1}}.ml-banner{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.1rem;margin-bottom:1.25rem;border-radius:14px;background:#eff6ff;border:1.5px solid #bfdbfe;opacity:0;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease}.ml-banner--visible{opacity:1;transform:translateY(0)}.ml-banner--complete{background:#f0fdf4;border-color:#86efac}.ml-banner__icon{flex-shrink:0;margin-top:2px;color:#3b82f6;display:flex;align-items:center}.ml-banner--complete .ml-banner__icon{color:#22c55e}.ml-banner__body{flex:1;display:flex;flex-direction:column;gap:.3rem}.ml-banner__title{margin:0;font-size:.875rem;font-weight:700;color:#1e40af;line-height:1.3}.ml-banner--complete .ml-banner__title{color:#166534}.ml-banner__text{margin:0;font-size:.8125rem;color:#374151;line-height:1.55}.ml-banner__progress-wrap{display:flex;align-items:center;gap:.625rem;margin-top:.4rem}.ml-banner__progress-track{flex:1;height:6px;background:#dbeafe;border-radius:999px;overflow:hidden;max-width:200px}.ml-banner--complete .ml-banner__progress-track{background:#dcfce7}.ml-banner__progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:999px;transition:width .5s ease}.ml-banner--complete .ml-banner__progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.ml-banner__progress-label{font-size:.75rem;color:#6b7280;white-space:nowrap;font-weight:500}.ml-banner__tip{margin:0;font-size:.775rem;color:#6b7280;font-style:italic;line-height:1.45}.ml-banner__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#93c5fd;padding:2px;display:flex;align-items:center;border-radius:4px;transition:color .15s,background .15s;margin-top:1px}.ml-banner__close:hover{color:#3b82f6;background:#3b82f614}.empty-state-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.5rem 1.5rem;text-align:center;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:14px}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#eff6ff;color:#3b82f6;margin-bottom:.25rem}.empty-state-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.empty-state-body{margin:0;font-size:.85rem;color:#6b7280;max-width:340px;line-height:1.55}.empty-state-btn{margin-top:.5rem;padding:.6rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .16s,transform .16s}.empty-state-btn:hover{background:#2563eb;transform:translateY(-1px)}.empty-state-btn:active{transform:translateY(0)}.form-input-container{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-label.required:after{content:" *";color:#ef4444}.input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease}.input-wrapper:hover{border-color:#9ca3af}.input-wrapper.focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-wrapper.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-wrapper.disabled{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.form-input{flex:1;padding:.75rem;border:none;background:transparent;font-size:.875rem;color:#1f2937;outline:none;transition:all .2s ease}.form-input::placeholder{color:#9ca3af}.form-input:disabled{cursor:not-allowed;color:#9ca3af}.form-input.with-icon{padding-left:.5rem}.form-input.with-right-icon{padding-right:.5rem}.input-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;color:#6b7280;font-size:1rem}.input-icon.left{border-right:1px solid #e5e7eb}.input-icons-right{display:flex;align-items:center;border-left:1px solid #e5e7eb}.input-icon.error{color:#ef4444}.input-icon.success{color:#10b981}.input-icon.password-toggle{background:none;border:none;cursor:pointer;transition:color .2s ease}.input-icon.password-toggle:hover{color:#374151}.input-feedback{margin-top:.5rem}.feedback{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1.4}.feedback.error{color:#ef4444}.feedback.success{color:#10b981}.feedback.helper{color:#6b7280}.alerts-panel{background:#fff;border-radius:12px;padding:1.5rem;height:fit-content;max-height:600px;overflow:hidden;display:flex;flex-direction:column}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:.5rem}.alerts-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.unread-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:1.5rem;text-align:center}.header-actions{display:flex;gap:.5rem}.alert-action-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;font-size:.875rem}.alert-action-btn:hover{color:#374151;background:#f3f4f6}.alerts-settings{margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.filter-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.filter-tab{background:none;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;color:#6b7280}.filter-tab:hover{background:#e5e7eb;color:#374151}.filter-tab.active{background:#3b82f6;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #f8717166}.btn-loading{pointer-events:none}@media(max-width:768px){.notification-container{left:1rem;right:1rem;max-width:none}.error-content{padding:2rem 1.5rem;margin:1rem}.btn{padding:.875rem 1.25rem;font-size:.8125rem}}@media(max-width:480px){.notification{padding:.875rem}.error-content{padding:1.5rem 1rem}.error-icon{font-size:3rem}}