html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.main-layout{background:var(--gray-light);height:100vh;display:flex}.sidebar{background:var(--navy);z-index:200;border-right:1px solid #ffffff14;flex-direction:column;width:280px;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.logo{color:var(--white);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.sidebar-close{color:var(--white);cursor:pointer;background:0 0;border:none;display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.nav-link{color:#ffffffb3;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:var(--white);background:#ffffff14}.nav-link.active{background:var(--blue);color:var(--white)}.nav-icon{justify-content:center;align-items:center;width:24px;font-size:18px;display:flex}.nav-label{flex:1}.nav-badge{background:var(--red);color:var(--white);text-align:center;border-radius:12px;min-width:24px;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:16px;padding:20px;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.user-avatar{width:40px;height:40px;color:var(--white);background:linear-gradient(135deg,#ff6b6b,#ff8e72);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:#fff9;font-size:12px}.facility-selector{flex-direction:column;gap:6px;display:flex}.facility-label{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;font-size:11px;font-weight:600}.facility-button{color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.facility-button:hover{background:#ffffff1f;border-color:#fff3}.sidebar-links{border-top:1px solid #ffffff14;flex-direction:column;gap:0;padding-top:12px;display:flex}.sidebar-link{color:#fff9;align-items:center;gap:10px;padding:6px 0;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.sidebar-link:hover{color:var(--white)}.sidebar-link.small{color:#ffffff80;font-size:12px}.sidebar-overlay{z-index:150;background:#00000080;display:none;position:fixed;inset:0}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{background:var(--white);border-bottom:1px solid var(--gray-medium);justify-content:space-between;align-items:center;gap:24px;height:80px;padding:0 32px;display:flex}.sidebar-toggle{color:var(--navy);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.top-bar-center{text-align:center;flex:1}.facility-display{color:var(--navy);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.top-bar-actions{align-items:center;gap:20px;display:flex}.icon-button{color:var(--navy);cursor:pointer;background:0 0;border:none;padding:8px;transition:color .2s;position:relative}.icon-button:hover{color:var(--blue)}.notification-badge{background:var(--red);width:20px;height:20px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;right:0}.user-button{color:var(--navy);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.user-button:hover{background:var(--gray-light)}.user-avatar-small{width:32px;height:32px;color:var(--white);background:linear-gradient(135deg,#ff6b6b,#ff8e72);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.dropdown-arrow{opacity:.6;font-size:12px}.page-content{flex:1;padding:32px;overflow-y:auto}@media (width<=1024px){.sidebar{width:240px}.top-bar{padding:0 24px}.page-content{padding:24px}}@media (width<=768px){.main-layout{flex-direction:column}.sidebar{z-index:250;width:280px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close,.sidebar-overlay{display:block}.main-content{width:100%}.sidebar-toggle{display:block}.top-bar{height:70px;padding:0 16px}.top-bar-center{display:none}.page-content{padding:20px}}.dashboard{flex-direction:column;gap:32px;display:flex}.greeting-section{justify-content:space-between;align-items:center;display:flex}.greeting{align-items:flex-start;gap:20px;display:flex}.greeting-icon{margin-top:4px;font-size:40px;line-height:1}.greeting h1{color:var(--navy);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.greeting p{color:var(--gray-dark);margin:4px 0 0;font-size:14px}.stats-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.stat-card{background:var(--white);border-left:4px solid var(--blue);border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.stat-green{border-left-color:var(--green)}.stat-card.stat-amber{border-left-color:var(--amber)}.stat-card.stat-red{border-left-color:var(--red)}.stat-card.stat-purple{border-left-color:#8b5cf6}.stat-header{align-items:flex-start;gap:12px;display:flex}.stat-icon{font-size:24px;line-height:1}.stat-label{color:var(--gray-dark);font-size:13px;font-weight:500}.stat-change{color:var(--green);margin-top:2px;font-size:12px;font-weight:600}.stat-value{color:var(--navy);letter-spacing:-1px;font-size:36px;font-weight:800}.stat-link{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.stat-link:hover{color:var(--blue-hover)}.chart-card{background:var(--white);border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014}.chart-card h3{color:var(--navy);margin:0 0 20px;font-size:16px;font-weight:700}.chart-header h3{margin:0}.chart-content{align-items:center;gap:32px;display:flex}.donut-wrapper{flex:0 0 120px;height:120px}.donut-chart{background:conic-gradient(var(--green) 0deg 297deg, var(--amber) 297deg 336deg, #ffb84d 336deg 346deg, var(--red) 346deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.donut-center{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:85px;height:85px;display:flex;box-shadow:inset 0 1px 3px #00000014}.donut-value{color:var(--navy);font-size:24px;font-weight:800}.donut-label{color:var(--gray-dark);margin-top:2px;font-size:11px}.chart-legend{flex-direction:column;flex:1;gap:12px;display:flex}.legend-item{align-items:center;gap:12px;font-size:13px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.legend-item.ready .legend-dot{background:var(--green)}.legend-item.due-soon .legend-dot{background:var(--amber)}.legend-item.attention .legend-dot{background:#ffb84d}.legend-item.overdue .legend-dot{background:var(--red)}.legend-value{color:var(--gray-dark);margin-left:auto;font-weight:600}.chart-note{color:var(--gray-dark);border-top:1px solid var(--gray-medium);margin:16px 0 0;padding-top:16px;font-size:12px}.line-chart-wrapper{gap:16px;margin-bottom:16px;display:flex}.chart-y-axis{color:var(--gray-dark);flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:40px;padding-right:8px;font-size:11px;display:flex}.line-chart{flex-direction:column;flex:1;gap:12px;display:flex}.line-chart svg{width:100%;height:120px}.chart-x-axis{color:var(--gray-dark);justify-content:space-between;padding:0 2px;font-size:11px;display:flex}.alerts-list{flex-direction:column;gap:12px;display:flex}.alert-item{background:var(--gray-light);border-left:3px solid var(--red);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.alert-item.alert-overdue{border-left-color:var(--red)}.alert-item.alert-expiring{border-left-color:var(--amber)}.alert-item.alert-failed{border-left-color:var(--red)}.alert-item.alert-due-today{border-left-color:var(--blue)}.alert-content{flex:1;min-width:0}.alert-subtitle{color:var(--gray-dark);margin-top:2px;font-size:12px}.carts-section{background:var(--white);border-radius:16px;padding:24px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{color:var(--navy);margin:0;font-size:16px;font-weight:700}.view-all{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.view-all:hover{color:var(--blue-hover)}.carts-table tbody tr:last-child td{border-bottom:none}.cart-name{font-weight:600}.text-muted{color:var(--gray-dark)}.status-ready{color:var(--green);background:#10b9811a}.status-due-soon,.status-expiring-soon{color:var(--amber);background:#f59e0b1a}.status-missing-items,.status-overdue{color:var(--red);background:#ef44441a}.score-bar{background:var(--gray-medium);border-radius:3px;width:100%;height:6px;margin-bottom:4px;overflow:hidden}.score-fill{background:linear-gradient(90deg, var(--green), var(--amber));border-radius:3px;height:100%}.score-text{color:var(--navy);font-size:12px;font-weight:600}.action-btn{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:0 0;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.action-btn:hover{background:var(--blue);color:var(--white)}.bottom-widgets{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.widget-card{background:var(--white);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.widget-card.widget-full{grid-column:1/-1}.widget-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.widget-card h4{color:var(--navy);margin:0;font-size:14px;font-weight:700}.alerts-compact{flex-direction:column;gap:12px;display:flex}.alert-compact{background:var(--gray-light);border-left:3px solid var(--red);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.alert-compact:hover{background:var(--gray-medium)}.alert-compact.alert-expiring{border-left-color:var(--amber)}.alert-compact.alert-failed{border-left-color:var(--red)}.alert-compact.alert-due-today{border-left-color:var(--blue)}.alert-icon-small{flex-shrink:0;font-size:18px;line-height:1}.alert-title-small{color:var(--navy);font-size:12px;font-weight:600}.alert-subtitle-small{color:var(--gray-dark);margin-top:2px;font-size:11px}.arrow{color:var(--gray-dark);margin-left:auto;font-size:18px}.tasks-list{flex-direction:column;gap:12px;display:flex}.task-item{background:var(--gray-light);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:background .2s;display:flex}.task-item:hover{background:var(--gray-medium)}.task-icon{flex-shrink:0;font-size:20px}.task-info{flex:1;min-width:0}.task-name{color:var(--navy);font-size:12px;font-weight:600}.task-cart,.task-assigned{color:var(--gray-dark);margin-top:2px;font-size:11px}.task-priority{white-space:nowrap;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.task-priority.priority-high{color:var(--red);background:#ef44441a}.task-priority.priority-medium{color:var(--amber);background:#f59e0b1a}.task-priority.priority-low{color:var(--green);background:#10b9811a}.reports-list{flex-direction:column;gap:8px;display:flex}.report-link{background:var(--gray-light);color:var(--navy);border-radius:8px;align-items:center;gap:12px;padding:10px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.report-link:hover{background:var(--gray-medium)}.report-icon{flex-shrink:0;font-size:18px}.score-widget{align-items:center;gap:24px;display:flex}.score-donut{background:conic-gradient(var(--green) 0deg 295deg, var(--amber) 295deg 320deg, var(--red) 320deg 360deg);border-radius:50%;flex:0 0 100px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.score-donut-center{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:75px;height:75px;display:flex;box-shadow:inset 0 1px 3px #00000014}.score-donut-value{color:var(--navy);font-size:20px;font-weight:800}.score-donut-label{color:var(--gray-dark);text-align:center;margin-top:2px;font-size:10px}.score-details{flex-direction:column;flex:1;gap:8px;display:flex}.score-detail-item{color:var(--gray-dark);justify-content:space-between;font-size:12px;display:flex}.detail-value{color:var(--navy);font-weight:600}.activity-feed{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--gray-light);border-left:3px solid var(--green);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.activity-item.activity-alert{border-left-color:var(--amber)}.activity-icon{color:var(--green);margin-top:6px;font-size:8px;line-height:1}.activity-item.activity-alert .activity-icon{color:var(--amber)}.activity-text{color:var(--navy);flex:1;font-size:12px;line-height:1.5}.activity-time{color:var(--gray-dark);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.widget-action{background:var(--blue);color:var(--white);cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:12px;font-weight:600;transition:background .2s}.widget-action:hover{background:var(--blue-hover)}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.charts-section{grid-template-columns:1fr 1fr}.bottom-widgets{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.greeting{flex-direction:column}.greeting-icon{font-size:32px}.greeting h1{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px}.stat-value{font-size:28px}.charts-section{grid-template-columns:1fr}.chart-content{flex-direction:column;gap:20px}.chart-legend{gap:8px}.carts-table{font-size:12px}.carts-table th,.carts-table td{padding:12px 0}.bottom-widgets{grid-template-columns:1fr}.widget-card.widget-full{grid-column:auto}.score-widget{gap:16px}.line-chart-wrapper{gap:8px}}.start-check{flex-direction:column;display:flex}.check-container{flex-direction:column;gap:24px;display:flex}.step-indicator{background:var(--white);border-radius:16px;align-items:center;gap:0;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.step-row{flex:1;align-items:center;gap:12px;display:flex}.step-badge{background:var(--gray-light);width:40px;height:40px;color:var(--gray-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .3s;display:flex}.step-badge.completed{background:var(--green);color:var(--white)}.step-badge.active{background:var(--blue);color:var(--white);box-shadow:0 4px 12px #2563ff4d}.step-label{color:var(--navy);white-space:nowrap;font-size:13px;font-weight:600}.step-connector{background:var(--gray-medium);flex:1;height:2px;margin:0 8px}.check-content{grid-template-columns:320px 1fr;gap:24px;display:grid}.left-panel{flex-direction:column;gap:20px;display:flex}.cart-info-card{background:var(--white);border-radius:16px;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.cart-image{background:var(--gray-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:100px;display:flex;overflow:hidden}.cart-image img{object-fit:contain;width:80%;height:80%}.cart-details{flex-direction:column;flex:1;gap:8px;display:flex}.cart-badge{color:var(--green);background:#10b98126;border-radius:4px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.cart-info-row{color:var(--gray-dark);font-size:12px;line-height:1.4}.progress-summary{background:var(--white);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.progress-item{justify-content:space-between;align-items:center;display:flex}.progress-label{color:var(--gray-dark);font-size:12px;font-weight:500}.progress-value{color:var(--navy);font-size:24px;font-weight:800}.drawers-list{background:var(--white);border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000014}.drawers-list h4{color:var(--navy);margin:0 0 8px;font-size:13px;font-weight:700}.drawers-completed{color:var(--gray-dark);border-bottom:1px solid var(--gray-medium);margin-bottom:12px;padding-bottom:12px;font-size:12px}.drawer-items{flex-direction:column;gap:0;display:flex}.drawer-item{cursor:pointer;text-align:left;color:var(--navy);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin-bottom:0;padding:12px;transition:all .2s;display:flex}.drawer-item:hover{background:var(--gray-light)}.drawer-item.active{background:#2563ff1a}.drawer-item.completed{opacity:.8}.drawer-number{background:var(--gray-light);width:32px;height:32px;color:var(--gray-dark);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.drawer-item.active .drawer-number{background:var(--blue);color:var(--white)}.drawer-item.completed .drawer-number{background:var(--green);color:var(--white)}.drawer-info{flex:1;min-width:0}.drawer-name{color:var(--navy);font-size:13px;font-weight:600}.drawer-count{color:var(--gray-dark);margin-top:2px;font-size:11px}.drawer-notes-btn{background:var(--white);border:2px solid var(--blue);color:var(--blue);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.drawer-notes-btn:hover{background:var(--blue);color:var(--white)}.right-panel{background:var(--white);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.drawer-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.drawer-header h2{color:var(--navy);margin:0;font-size:18px;font-weight:700}.drawer-header-info{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.item-count{color:var(--gray-dark);font-size:13px;font-weight:500}.drawer-progress-inline{align-items:center;gap:12px;width:200px;display:flex}.progress-bar{background:var(--gray-medium);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .3s}.progress-percent{color:var(--navy);text-align:right;min-width:35px;font-size:13px;font-weight:700}.scan-section{align-items:center;gap:12px;display:flex}.scan-input-group{flex:1;position:relative}.scan-input{border:1px solid var(--gray-medium);border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.scan-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563ff1a}.enter-manually-btn{background:var(--white);border:1px solid var(--blue);color:var(--blue);cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.enter-manually-btn:hover{background:var(--blue);color:var(--white)}.scan-btn{background:var(--white);border:1px solid var(--gray-medium);cursor:pointer;width:44px;height:44px;color:var(--blue);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.scan-btn:hover{background:var(--blue);color:var(--white)}.missing-items-alert{border:1px solid #ef444433;border-left:4px solid var(--red);background:#ef444414;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.alert-icon{flex-shrink:0;font-size:20px}.alert-content{flex-direction:column;flex:1;gap:12px;display:flex}.alert-title{color:var(--red);font-size:13px;font-weight:600}.alert-buttons{gap:10px;display:flex}.btn-found{background:var(--white);border:1px solid var(--green);color:var(--green);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-found:hover{background:var(--green);color:var(--white)}.btn-note{background:var(--white);border:1px solid var(--blue);color:var(--blue);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-note:hover{background:var(--blue);color:var(--white)}.items-table-wrapper{margin:0 -24px;padding:0 24px;overflow-x:auto}.col-par,.col-found,.col-expiration,.col-status,.col-actions{width:1%}.item-row.item-missing{background:#ef44440d}.col-item{max-width:300px}.item-name{color:var(--navy);font-size:13px;font-weight:600}.item-gtin{color:var(--gray-dark);margin-top:2px;font-size:11px}.col-par,.col-found{text-align:center;font-weight:600}.quantity-control{justify-content:center;align-items:center;gap:8px;display:flex}.qty-btn{border:1px solid var(--gray-medium);background:var(--white);cursor:pointer;width:28px;height:28px;color:var(--navy);border-radius:4px;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.qty-btn:hover{background:var(--blue);border-color:var(--blue);color:var(--white)}.qty-display{text-align:center;min-width:20px;font-weight:700}.col-expiration{text-align:center;font-size:12px}.col-expiration.na{color:var(--gray-dark)}.col-status{text-align:center}.status-checked{color:var(--green);background:#10b98126}.status-low{color:var(--amber);background:#f59e0b26}.status-missing{color:var(--red);background:#ef444426}.col-actions{text-align:center}.scan-icon{background:var(--white);border:1px solid var(--blue);width:32px;height:32px;color:var(--blue);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.scan-icon:hover{background:var(--blue);color:var(--white)}.navigation-buttons{border-top:1px solid var(--gray-medium);justify-content:space-between;gap:16px;margin:0 -24px -24px;padding:16px 24px 24px;display:flex}.btn-prev,.btn-next{border:1px solid var(--gray-medium);background:var(--white);color:var(--blue);cursor:pointer;white-space:nowrap;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-prev:hover{background:var(--gray-light);border-color:var(--blue)}.btn-next{background:var(--blue);color:var(--white);border:none}.btn-next:hover{background:var(--blue-hover)}@media (width<=1200px){.check-content{grid-template-columns:280px 1fr}.drawer-header{flex-direction:column;gap:16px}.drawer-header-info{align-items:flex-start;width:100%}.drawer-progress-inline{width:100%}}@media (width<=1024px){.check-content{grid-template-columns:250px 1fr}.items-table{font-size:12px}.items-table th,.items-table td{padding:10px 0}}@media (width<=768px){.check-content{grid-template-columns:1fr}.step-indicator{padding:16px;overflow-x:auto}.step-row{min-width:80px}.step-connector{min-width:20px}.cart-info-card{flex-direction:column;align-items:flex-start}.cart-image{width:100px;height:120px}.left-panel{order:2}.right-panel{order:1}.drawer-header{flex-direction:column}.navigation-buttons{margin:0 -20px -20px;padding:16px 20px 20px}.btn-prev,.btn-next{flex:1}.scan-section{flex-wrap:wrap}.scan-input-group{width:100%}.items-table-wrapper{margin:0 -20px;padding:0 20px}}.active-checks{flex-direction:column;gap:32px;display:flex}.status-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.status-card{background:var(--white);border-top:4px solid var(--blue);border-radius:14px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-card.status-amber{border-top-color:var(--amber)}.status-card.status-red{border-top-color:var(--red)}.status-card.status-purple{border-top-color:#8b5cf6}.status-card.status-green{border-top-color:var(--green)}.card-header{align-items:center;gap:10px;display:flex}.card-value{color:var(--navy);letter-spacing:-.5px;font-size:32px;font-weight:800}.date-picker svg{color:var(--gray-dark);flex-shrink:0}.date-picker input{color:var(--navy);cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;font-size:13px;font-weight:500}.export-btn{background:var(--blue);color:var(--white);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:10px 18px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.export-btn:hover{background:var(--blue-hover)}.checks-table-wrapper{background:var(--white);border-radius:14px;padding:20px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.checks-table{border-collapse:collapse;width:100%;font-size:13px}.checks-table thead{border-bottom:2px solid var(--gray-medium)}.checks-table th{text-align:left;color:var(--gray-dark);white-space:nowrap;background:0 0;padding:12px 0;font-weight:700}.checks-table td{border-bottom:1px solid var(--gray-medium);color:var(--navy);padding:14px 0}.check-row{transition:background .2s}.check-row:hover{background:var(--gray-light)}.col-cart{min-width:250px}.cart-name{color:var(--navy);margin-bottom:2px;font-weight:600}.cart-id{color:var(--gray-dark);margin-bottom:4px;font-size:11px}.cart-badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:var(--blue);white-space:nowrap;background:#2563ff1a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.col-department{min-width:150px}.dept-info{flex-direction:column;gap:2px;display:flex}.dept-name{color:var(--navy);font-weight:600}.status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{font-size:8px}.status-badge.status-in-progress{color:var(--green);background:#10b98126}.status-badge.status-due-soon{color:var(--amber);background:#f59e0b26}.status-badge.status-overdue{color:var(--red);background:#ef444426}.col-progress{min-width:180px}.progress-info{flex-direction:column;gap:8px;display:flex}.progress-bar-container{width:100%}.progress-bar{background:var(--gray-medium);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.progress-fill.status-in-progress{background:var(--green)}.progress-fill.status-due-soon{background:var(--amber)}.progress-fill.status-overdue{background:var(--red)}.progress-text{color:var(--gray-dark);justify-content:space-between;font-size:12px;display:flex}.progress-percent{color:var(--navy);font-weight:600}.progress-drawers{font-size:11px}.col-started{min-width:140px}.started-info{flex-direction:column;gap:2px;display:flex}.started-info span{color:var(--navy);font-size:13px}.started-by{color:var(--gray-dark);font-size:11px}.col-due{min-width:140px}.due-info span{color:var(--navy);font-size:12px}.time-remaining{color:var(--green);font-size:11px;font-weight:600}.time-remaining.overdue{color:var(--red)}.col-checker{min-width:140px}.checker-info{align-items:center;gap:10px;display:flex}.checker-avatar{width:36px;height:36px;color:var(--white);background:linear-gradient(135deg,#ff6b6b,#ff8e72);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.checker-details{min-width:0}.checker-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.checker-role{color:var(--gray-dark);font-size:11px}.col-actions{min-width:120px}.action-buttons{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-btn.resume{background:var(--blue);color:var(--white)}.action-btn.resume:hover{background:var(--blue-hover)}.action-btn.start{background:var(--blue);color:var(--white)}.action-btn.start:hover{background:var(--blue-hover)}.action-menu:hover{border-color:var(--blue);color:var(--white);background:var(--blue)}.pagination-page{border:1px solid var(--gray-medium);background:var(--white);cursor:pointer;width:32px;height:32px;color:var(--navy);border-radius:6px;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}@media (width<=1200px){.status-cards-grid{grid-template-columns:repeat(3,1fr)}.filter-controls{gap:10px}.checks-table{font-size:12px}.checks-table th,.checks-table td{padding:12px 0}}@media (width<=1024px){.status-cards-grid{grid-template-columns:repeat(2,1fr)}.action-btn{padding:6px 10px;font-size:11px}.pagination{text-align:center;flex-direction:column;gap:16px}}@media (width<=768px){.status-cards-grid{grid-template-columns:1fr}.filters-section{gap:12px}.filter-controls{flex-direction:column;width:100%}.filter-select,.date-picker,.search-box{width:100%}.export-btn{justify-content:center;width:100%;margin-left:0}.checks-table-wrapper{padding:0;overflow-x:auto}.checks-table{min-width:900px;font-size:11px}.checks-table th,.checks-table td{padding:10px 8px}.cart-image{width:40px;height:50px;font-size:24px}.action-btn{padding:6px 8px;font-size:10px}.pagination{font-size:12px}}.carts-page{flex-direction:column;gap:28px;display:flex}.add-cart-btn{background:var(--blue);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.add-cart-btn:hover{background:var(--blue-hover)}.summary-card.summary-gray{border-left:4px solid var(--gray-medium)}.carts-table-wrapper{background:var(--white);border-radius:14px;padding:20px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.carts-table{border-collapse:collapse;width:100%;font-size:13px}.carts-table thead{border-bottom:2px solid var(--gray-medium)}.carts-table th{text-align:left;color:var(--gray-dark);white-space:nowrap;background:0 0;padding:12px 0;font-weight:700}.carts-table td{border-bottom:1px solid var(--gray-medium);color:var(--navy);padding:14px 0}.cart-row{transition:background .2s}.cart-row:hover{background:var(--gray-light)}.cart-row.cart-inactive{opacity:.75}.col-cart-name{min-width:220px}.cart-item{align-items:flex-start;gap:12px;display:flex}.cart-image{background:var(--gray-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:60px;font-size:32px;display:flex}.cart-info{flex:1;min-width:0}.cart-name{color:var(--navy);align-items:center;gap:8px;font-weight:600;display:flex}.cart-badge{color:var(--blue);background:#2563ff1a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.cart-location{color:var(--gray-dark);margin-top:2px;font-size:11px}.col-cart-id{min-width:100px;color:var(--gray-dark);font-weight:500}.col-dept{min-width:130px;color:var(--navy);font-weight:500}.col-type{min-width:130px;color:var(--navy)}.col-status{align-items:center;gap:8px;min-width:100px;display:flex}.status-text{color:var(--navy);font-weight:600}.col-last-checked{min-width:160px}.checked-info{flex-direction:column;gap:2px;display:flex}.checked-info span{font-size:12px}.checked-by{color:var(--gray-dark);font-size:11px}.col-next-due{min-width:160px}.due-info{flex-direction:column;gap:2px;display:flex}.due-info span{font-size:12px}.due-status{color:var(--green);font-size:11px;font-weight:600}.due-status.overdue{color:var(--red)}.col-score{min-width:140px}.score-display{align-items:center;gap:10px;display:flex}.score-bar{background:var(--gray-medium);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.score-fill{border-radius:3px;height:100%}.score-fill.score-high{background:var(--green)}.score-fill.score-medium{background:var(--amber)}.score-fill.score-low{background:var(--red)}.score-text{color:var(--navy);text-align:right;min-width:35px;font-size:12px;font-weight:600}.score-na{color:var(--gray-dark);font-size:12px}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}.filter-controls{gap:10px}.carts-table{font-size:12px}.carts-table th,.carts-table td{padding:12px 0}}@media (width<=1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.col-cart-name{min-width:180px}.action-menu{width:28px;height:28px}}@media (width<=768px){.page-header{flex-direction:column;gap:16px}.add-cart-btn{justify-content:center;width:100%}.summary-cards-grid{grid-template-columns:1fr}.filters-section{gap:12px}.filter-controls{flex-direction:column;width:100%}.filter-select,.filters-btn,.search-box{width:100%}.export-btn{justify-content:center;width:100%;margin-left:0}.carts-table-wrapper{padding:0;overflow-x:auto}.carts-table{min-width:1000px;font-size:11px}.carts-table th,.carts-table td{padding:10px 8px}.cart-image{width:40px;height:50px;font-size:24px}.pagination{flex-direction:column;gap:12px;font-size:12px}.pagination-controls{gap:4px}.pagination-page,.pagination-btn{width:28px;height:28px}}.items-page{flex-direction:column;gap:28px;display:flex}.page-header{background:var(--white);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex;box-shadow:0 1px 3px #00000014}.add-item-btn{background:var(--blue);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.add-item-btn:hover{background:var(--blue-hover)}.items-table-wrapper{background:var(--white);border-radius:14px;padding:20px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.items-table{border-collapse:collapse;width:100%;font-size:13px}.items-table thead{border-bottom:2px solid var(--gray-medium)}.items-table th{text-align:left;color:var(--gray-dark);white-space:nowrap;background:0 0;padding:12px 0;font-weight:700}.items-table td{border-bottom:1px solid var(--gray-medium);color:var(--navy);padding:14px 0}.item-row{transition:background .2s}.item-row:hover{background:var(--gray-light)}.col-item-name{min-width:220px}.item{align-items:flex-start;gap:12px;display:flex}.item-icon{background:var(--gray-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.item-info{flex:1;min-width:0}.item-name{color:var(--navy);margin-bottom:4px;font-weight:600}.item-badge{color:#8b5cf6;background:#8b5cf626;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.col-sku{min-width:100px;color:var(--gray-dark);font-weight:500}.col-category{min-width:110px;color:var(--navy)}.col-par-level{text-align:center;min-width:90px;color:var(--navy);font-weight:600}.items-table th.col-par-level{text-align:center}.col-unit{min-width:100px;color:var(--navy)}.col-udi{min-width:180px;color:var(--gray-dark);font-family:Courier New,monospace;font-size:12px}.pagination-dots{color:var(--gray-dark);padding:0 4px}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}.filter-controls{gap:10px}.items-table{font-size:12px}.items-table th,.items-table td{padding:12px 0}}@media (width<=1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.col-item-name{min-width:180px}.action-menu{width:28px;height:28px}}@media (width<=768px){.page-header{flex-direction:column;gap:16px}.add-item-btn{justify-content:center;width:100%}.summary-cards-grid{grid-template-columns:1fr}.filters-section{gap:12px}.filter-controls{flex-direction:column;width:100%}.filter-select,.filters-btn,.search-box{width:100%}.export-btn{justify-content:center;width:100%;margin-left:0}.items-table-wrapper{padding:0;overflow-x:auto}.items-table{min-width:1000px;font-size:11px}.items-table th,.items-table td{padding:10px 8px}.item-icon{width:40px;height:40px;font-size:24px}.pagination{flex-direction:column;gap:12px;font-size:12px}.pagination-controls{gap:4px}.pagination-page,.pagination-btn{width:28px;height:28px}}.alerts-page{flex-direction:column;gap:28px;display:flex}.subtext-link{color:var(--blue);cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.subtext-link:hover{color:var(--blue-hover)}.date-picker{border:1px solid var(--gray-medium);background:var(--white);color:var(--gray-dark);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.date-picker svg{flex-shrink:0}.date-picker input{color:var(--navy);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:500}.filters-btn{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.alerts-table-wrapper{background:var(--white);border-radius:14px;padding:20px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.alerts-table{border-collapse:collapse;width:100%;font-size:13px}.alerts-table thead{border-bottom:2px solid var(--gray-medium)}.alerts-table th{text-align:left;color:var(--gray-dark);white-space:nowrap;background:0 0;padding:12px 0;font-weight:700}.alerts-table td{border-bottom:1px solid var(--gray-medium);color:var(--navy);padding:14px 0}.alert-row{transition:background .2s}.alert-row:hover{background:var(--gray-light)}.col-alert{min-width:220px}.alert-item{align-items:flex-start;gap:12px;display:flex}.alert-icon{flex-shrink:0;margin-top:2px;font-size:20px;line-height:1}.alert-info{flex:1;min-width:0}.alert-name{color:var(--navy);margin-bottom:2px;font-weight:600}.alert-reference{color:var(--gray-dark);font-size:11px}.col-details{min-width:200px}.details-display{flex-direction:column;gap:2px;display:flex}.detail-line{color:var(--navy);font-size:12px;font-weight:500}.detail-sub{color:var(--blue);font-size:11px}.dept-display{flex-direction:column;gap:2px;display:flex}.dept-name{color:var(--navy);font-size:12px;font-weight:600}.dept-sub{color:var(--gray-dark);font-size:11px}.col-severity{min-width:110px}.severity-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.severity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.severity-badge.severity-critical{color:var(--red);background:#ef444426}.severity-badge.severity-critical .severity-dot{background:var(--red)}.severity-badge.severity-warning{color:var(--amber);background:#f59e0b26}.severity-badge.severity-warning .severity-dot{background:var(--amber)}.severity-badge.severity-info{color:var(--blue);background:#2563ff26}.severity-badge.severity-info .severity-dot{background:var(--blue)}.status-badge{white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.status-new{color:var(--red);background:#ef444426}.status-badge.status-acknowledged{color:var(--blue);background:#2563ff26}.status-badge.status-resolved{color:var(--green);background:#10b98126}.col-triggered{min-width:160px}.triggered-display{flex-direction:column;gap:2px;display:flex}.triggered-date{color:var(--navy);font-size:12px}.triggered-ago{font-size:11px;font-weight:600}.triggered-ago.severity-critical{color:var(--red)}.triggered-ago.severity-warning{color:var(--amber)}.triggered-ago.severity-info{color:var(--blue)}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}.filter-controls{gap:10px}.alerts-table{font-size:12px}.alerts-table th,.alerts-table td{padding:12px 0}}@media (width<=1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.col-alert{min-width:180px}.action-menu{width:28px;height:28px}}@media (width<=768px){.filters-section{gap:12px}.filter-controls{flex-direction:column;width:100%}.filter-select,.date-picker,.search-box,.filters-btn{width:100%}.export-btn{justify-content:center;width:100%;margin-left:0}.summary-cards-grid{grid-template-columns:1fr}.alerts-table-wrapper{padding:0;overflow-x:auto}.alerts-table{min-width:900px;font-size:11px}.alerts-table th,.alerts-table td{padding:10px 8px}.pagination{flex-direction:column;gap:12px;font-size:12px}.pagination-controls{gap:4px}.pagination-page,.pagination-btn{width:28px;height:28px}}.reports-page{flex-direction:column;gap:28px;display:flex}.summary-card{background:var(--white);border-radius:14px;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.card-icon{flex-shrink:0;font-size:28px}.card-content{flex-direction:column;gap:4px;display:flex}.card-change{color:var(--gray-dark);font-size:11px;font-weight:500}.charts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.chart-container{background:var(--white);border-radius:14px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-header h3{color:var(--navy);margin:0;font-size:14px;font-weight:700}.time-select{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px;transition:border-color .2s}.time-select:hover{border-color:var(--blue)}.time-select:focus{border-color:var(--blue);outline:none}.line-chart{flex:1;justify-content:center;align-items:center;min-height:200px;margin-top:12px;display:flex}.chart-svg{width:100%;height:100%}.donut-chart-container{flex:1;align-items:center;gap:20px;margin-top:12px;display:flex}.donut-chart{flex-shrink:0;width:120px;min-width:120px;height:120px}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.legend-item{color:var(--navy);align-items:center;gap:8px;font-size:12px;display:flex}.legend-color{border-radius:2px;flex-shrink:0;width:12px;height:12px}.filters-section{background:var(--white);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 1px 3px #00000014}.search-box{border:1px solid var(--gray-medium);background:var(--gray-light);border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex}.filter-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563ff1a}.date-range-display{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);white-space:nowrap;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.export-btn{background:var(--white);border:1px solid var(--blue);color:var(--blue);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.export-btn:hover{background:var(--blue);color:var(--white)}.reports-table-wrapper{background:var(--white);border-radius:14px;padding:20px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.reports-table{border-collapse:collapse;width:100%;font-size:13px}.reports-table thead{border-bottom:2px solid var(--gray-medium)}.reports-table th{text-align:left;color:var(--gray-dark);white-space:nowrap;background:0 0;padding:12px 0;font-weight:700}.reports-table td{border-bottom:1px solid var(--gray-medium);color:var(--navy);padding:14px 0}.report-row{transition:background .2s}.report-row:hover{background:var(--gray-light)}.col-name{min-width:200px}.report-item{align-items:flex-start;gap:12px;display:flex}.report-icon{flex-shrink:0;margin-top:2px;font-size:20px;line-height:1}.report-info{flex:1;min-width:0}.report-name{color:var(--navy);font-weight:600}.col-type{min-width:120px}.type-badge{white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.type-badge.type-summary{color:#a78bfa;background:#a78bfa26}.type-badge.type-compliance{color:var(--green);background:#10b98126}.type-badge.type-activity{color:var(--amber);background:#f59e0b26}.type-badge.type-inventory{color:var(--blue);background:#2563ff26}.type-badge.type-alerts{color:var(--red);background:#ef444426}.col-description{min-width:220px}.description-text{color:var(--gray-dark);font-size:12px;line-height:1.4}.dept-text{color:var(--navy);font-size:12px}.col-date-range{min-width:160px}.date-range-text{color:var(--navy);font-size:12px}.col-generated{min-width:160px}.generated-text{color:var(--gray-dark);font-size:12px}.col-author{min-width:140px}.author-display{align-items:center;gap:8px;display:flex}.author-avatar{width:32px;height:32px;color:var(--white);background:linear-gradient(135deg,#2563ff,#60a5fa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.author-name{color:var(--navy);font-size:12px;font-weight:500}.view-link{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.view-link:hover{color:var(--blue-hover)}.action-menu{border:1px solid var(--gray-medium);cursor:pointer;width:32px;height:32px;color:var(--gray-dark);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-menu:hover{border-color:var(--blue);color:var(--blue)}.pagination{background:var(--white);color:var(--gray-dark);border-radius:14px;justify-content:space-between;align-items:center;padding:18px;font-size:13px;display:flex;box-shadow:0 1px 3px #00000014}.pagination-btn{border:1px solid var(--gray-medium);background:var(--white);cursor:pointer;width:32px;height:32px;color:var(--navy);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-btn:hover{border-color:var(--blue);color:var(--blue)}.pagination-page{border:1px solid var(--gray-medium);background:var(--white);cursor:pointer;width:32px;height:32px;color:var(--navy);border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pagination-page:hover:not(.active){border-color:var(--blue);color:var(--blue)}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}.charts-grid{grid-template-columns:1fr}.reports-table{font-size:12px}.reports-table th,.reports-table td{padding:12px 0}}@media (width<=1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.col-name{min-width:180px}.action-menu{width:28px;height:28px}}@media (width<=768px){.filters-section{gap:12px}.filter-controls{flex-direction:column;width:100%}.filter-select,.date-range-display,.search-box{width:100%}.export-btn{justify-content:center;width:100%;margin-left:0}.summary-cards-grid,.charts-grid{grid-template-columns:1fr}.donut-chart-container{flex-direction:column;align-items:flex-start}.reports-table-wrapper{padding:0;overflow-x:auto}.reports-table{min-width:1000px;font-size:11px}.reports-table th,.reports-table td{padding:10px 8px}.pagination{flex-direction:column;gap:12px;font-size:12px}.pagination-controls{gap:4px}.pagination-page,.pagination-btn{width:28px;height:28px}}.admin-page{flex-direction:column;gap:28px;display:flex}.summary-cards-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.summary-card{background:var(--white);border-radius:14px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card.summary-blue{border-left:4px solid var(--blue)}.summary-card.summary-green{border-left:4px solid var(--green)}.summary-card.summary-purple{border-left:4px solid #a78bfa}.summary-card.summary-amber{border-left:4px solid var(--amber)}.summary-card.summary-teal{border-left:4px solid #06b6d4}.summary-card.summary-red{border-left:4px solid var(--red)}.card-icon{font-size:24px}.card-label{color:var(--gray-dark);font-size:12px;font-weight:500}.card-value{color:var(--navy);font-size:24px;font-weight:800}.card-subtext{color:var(--gray-dark);font-size:11px}.card-link{color:var(--blue);align-self:flex-start;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.card-link:hover{color:var(--blue-hover)}.admin-layout{grid-template-columns:1fr 320px;gap:20px;display:grid}.admin-main{min-width:0}.admin-sidebar{flex-direction:column;gap:20px;display:flex}.management-section{background:var(--white);border-radius:14px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.section-header{border-bottom:2px solid var(--gray-medium);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.section-header h2{color:var(--navy);margin:0;font-size:16px;font-weight:700}.add-btn{background:var(--blue);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.add-btn:hover{background:#1d4ed8}.tabs{border-bottom:2px solid var(--gray-medium);gap:0;display:flex}.tab{color:var(--gray-dark);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s}.filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{border:1px solid var(--gray-medium);background:var(--gray-light);border-radius:10px;flex:1;align-items:center;gap:12px;min-width:200px;padding:10px 16px;display:flex}.search-box svg{color:var(--gray-dark);flex-shrink:0}.search-box input{color:var(--navy);background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-box input::placeholder{color:var(--gray-dark)}.filter-select{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .2s}.filter-select:hover{border-color:var(--blue)}.filter-select:focus{border-color:var(--blue);outline:none}.filters-btn{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.filters-btn:hover{border-color:var(--blue);color:var(--blue)}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table thead{border-bottom:2px solid var(--gray-medium)}.users-table th{text-align:left;color:var(--gray-dark);white-space:nowrap;background:0 0;padding:12px 0;font-weight:700}.users-table td{border-bottom:1px solid var(--gray-medium);color:var(--navy);padding:14px 0}.user-row{transition:background .2s}.user-row:hover{background:var(--gray-light)}.col-user{min-width:240px}.user-item{align-items:center;gap:12px;display:flex}.user-avatar{width:40px;height:40px;color:var(--white);background:linear-gradient(135deg,#2563ff,#60a5fa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--navy);font-size:13px;font-weight:600}.user-email{color:var(--gray-dark);margin-top:2px;font-size:11px}.col-role{min-width:130px}.role-badge{white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.role-badge.role-blue{color:var(--blue);background:#2563ff26}.role-badge.role-green{color:var(--green);background:#10b98126}.role-badge.role-purple{color:#a78bfa;background:#a78bfa26}.role-badge.role-teal{color:#06b6d4;background:#06b6d426}.role-badge.role-amber{color:var(--amber);background:#f59e0b26}.role-badge.role-orange{color:#f97316;background:#f9731626}.role-badge.role-red{color:var(--red);background:#ef444426}.col-dept{min-width:130px}.col-status{min-width:100px}.status-display{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.status-active{background:var(--green)}.status-dot.status-inactive{background:var(--gray-medium)}.col-active{min-width:160px;color:var(--gray-dark);font-size:12px}.col-actions{align-items:center;gap:8px;min-width:80px;display:flex}.action-edit,.action-menu{border:1px solid var(--gray-medium);cursor:pointer;width:32px;height:32px;color:var(--gray-dark);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-edit:hover,.action-menu:hover{border-color:var(--blue);color:var(--blue)}.pagination{border-top:2px solid var(--gray-medium);color:var(--gray-dark);justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;display:flex}.pagination-info{font-weight:500}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn,.pagination-page{border:1px solid var(--gray-medium);background:var(--white);cursor:pointer;width:32px;height:32px;color:var(--navy);border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover,.pagination-page:hover:not(.active){border-color:var(--blue);color:var(--blue)}.pagination-page.active{background:var(--blue);color:var(--white);border-color:var(--blue)}.pagination-ellipsis{color:var(--gray-dark);margin:0 2px;font-size:12px}.page-size{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:border-color .2s}.page-size:hover{border-color:var(--blue)}.sidebar-section{background:var(--white);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #00000014}.sidebar-header{border-bottom:1px solid var(--gray-medium);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.sidebar-header h3{color:var(--navy);margin:0;font-size:13px;font-weight:700}.section-link{color:var(--blue);font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.section-link:hover{color:var(--blue-hover)}.role-list{flex-direction:column;gap:10px;display:flex}.role-item{background:var(--gray-light);border-radius:6px;flex-direction:column;gap:2px;padding:8px;transition:background .2s;display:flex}.role-item:hover{background:#f0f4f8}.role-name{color:var(--navy);font-size:12px;font-weight:600}.role-users{color:var(--blue);font-size:11px;font-weight:500}.role-desc{color:var(--gray-dark);font-size:10px}.settings-list{flex-direction:column;gap:0;display:flex}.settings-item{background:var(--gray-light);cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;transition:background .2s;display:flex}.settings-item:hover{background:#f0f4f8}.settings-icon{flex-shrink:0;margin-top:2px;font-size:16px}.settings-content{flex:1;min-width:0}.settings-title{color:var(--navy);font-size:12px;font-weight:600}.settings-desc{color:var(--gray-dark);margin-top:2px;font-size:10px}.settings-arrow{color:var(--gray-dark);flex-shrink:0;font-size:12px}.view-all-link{color:var(--blue);margin-top:4px;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.view-all-link:hover{color:var(--blue-hover)}.audit-list{flex-direction:column;gap:12px;display:flex}.audit-item{background:var(--gray-light);border-radius:6px;gap:12px;padding:8px;transition:background .2s;display:flex}.audit-item:hover{background:#f0f4f8}.audit-icon{flex-shrink:0;font-size:18px}.audit-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.audit-action{color:var(--navy);font-size:12px;font-weight:600}.audit-details{color:var(--gray-dark);font-size:11px}.audit-time{color:var(--gray-dark);font-size:10px;font-weight:500}@media (width<=1400px){.summary-cards-grid{grid-template-columns:repeat(4,1fr)}.admin-layout{grid-template-columns:1fr 280px}}@media (width<=1200px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}.admin-layout{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;grid-column:1;grid-template-columns:repeat(3,1fr);gap:16px}.sidebar-section{flex:1}}@media (width<=1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.search-box{width:100%}.users-table{font-size:12px}.users-table th,.users-table td{padding:10px 0}}@media (width<=768px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{flex-direction:column;grid-template-columns:1fr}.filters-row{flex-direction:column;gap:10px}.search-box,.filter-select,.filters-btn{width:100%}.users-table-wrapper{overflow-x:auto}.users-table{min-width:900px;font-size:11px}.users-table th,.users-table td{padding:8px 0}.user-avatar{width:32px;height:32px;font-size:10px}.pagination{flex-direction:column;gap:12px;font-size:12px}.pagination-controls{gap:4px}.pagination-page,.pagination-btn{width:28px;height:28px}}.settings-page{flex-direction:column;gap:28px;display:flex}.page-header{background:var(--white);border-radius:16px;padding:28px;box-shadow:0 1px 3px #00000014}.page-header h1{color:var(--navy);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.page-header p{color:var(--gray-dark);margin:0;font-size:14px}.settings-tabs{border-bottom:2px solid var(--gray-medium);background:var(--white);border-radius:14px 14px 0 0;gap:0;padding:0 24px;display:flex;box-shadow:0 1px 3px #00000014}.tab{color:var(--gray-dark);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .2s}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.tab:hover:not(.active){color:var(--navy)}.settings-layout{grid-template-columns:1fr 340px;gap:20px;display:grid}.settings-main{flex-direction:column;gap:20px;display:flex}.settings-sidebar{flex-direction:column;gap:16px;display:flex}.settings-section{background:var(--white);border-radius:14px;flex-direction:column;gap:24px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.settings-section h2{color:var(--navy);margin:0;font-size:16px;font-weight:700}.settings-section p{color:var(--gray-dark);margin:0;font-size:13px}.section-header{border-bottom:none;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:0;display:flex}.section-header>div{flex:1}.section-header.danger{flex-direction:column}.edit-btn{border:1px solid var(--blue);color:var(--blue);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.edit-btn:hover{background:var(--blue);color:var(--white)}.settings-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--navy);font-size:12px;font-weight:600}.form-value{color:var(--gray-dark);font-size:13px;line-height:1.5}.form-select{border:1px solid var(--gray-medium);background:var(--white);color:var(--navy);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:13px;transition:border-color .2s}.form-select:hover{border-color:var(--blue)}.form-select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563ff1a}.settings-section.danger-zone{border-left:4px solid var(--red);background:#ef444405;padding:20px}.danger-actions{flex-direction:column;gap:16px;display:flex}.danger-action{background:var(--white);border:1px solid #ef444433;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.danger-title{color:var(--navy);font-size:13px;font-weight:600}.danger-desc{color:var(--gray-dark);margin-top:4px;font-size:12px}.reset-btn,.delete-btn{border:1px solid var(--red);color:var(--red);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.reset-btn:hover,.delete-btn:hover{background:var(--red);color:var(--white)}.sidebar-card{background:var(--white);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #00000014}.card-header{border-bottom:1px solid var(--gray-medium);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.card-header h3{color:var(--navy);margin:0;font-size:13px;font-weight:700}.sidebar-card.subscription{border-left:4px solid var(--blue)}.subscription-content{flex-direction:column;gap:10px;display:flex}.plan-label{color:var(--gray-dark);text-transform:uppercase;font-size:11px;font-weight:500}.plan-name{color:var(--blue);font-size:18px;font-weight:800}.plan-renewal{color:var(--gray-dark);font-size:11px}.features-list{flex-direction:column;gap:8px;margin:8px 0;display:flex}.feature-item{color:var(--navy);align-items:center;gap:8px;font-size:12px;display:flex}.feature-icon{color:var(--green);font-size:14px;font-weight:700}.manage-subscription-btn{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.manage-subscription-btn:hover{background:var(--blue);color:var(--white)}.sidebar-card.usage{border-left:4px solid var(--green)}.usage-subtitle{color:var(--gray-dark);font-size:11px;line-height:1.4}.usage-list{flex-direction:column;gap:14px;display:flex}.usage-item{flex-direction:column;gap:6px;display:flex}.usage-label{color:var(--navy);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.usage-icon{font-size:14px}.usage-value{color:var(--gray-dark);font-size:11px;font-weight:500}.usage-bar{background:var(--gray-light);border-radius:3px;height:6px;overflow:hidden}.usage-fill{background:var(--blue);border-radius:3px;height:100%}.sidebar-card.support{border-left:4px solid var(--amber)}.support-subtitle{color:var(--gray-dark);font-size:11px}.support-list{flex-direction:column;gap:0;display:flex}.support-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px;transition:background .2s;display:flex}.support-item:hover{background:var(--gray-light)}.support-icon{flex-shrink:0;font-size:16px}.support-content{flex:1;min-width:0}.support-title{color:var(--navy);font-size:12px;font-weight:600}.support-desc{color:var(--gray-dark);margin-top:2px;font-size:11px}.support-arrow{color:var(--gray-dark);flex-shrink:0}@media (width<=1200px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;grid-column:1;grid-template-columns:repeat(2,1fr);gap:16px}.sidebar-card{flex:1}}@media (width<=1024px){.settings-grid{grid-template-columns:1fr}.danger-action{flex-direction:column;align-items:flex-start}.reset-btn,.delete-btn{justify-content:center;width:100%}}@media (width<=768px){.settings-tabs{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}.tab{padding:12px 14px;font-size:12px}.settings-sidebar{flex-direction:column;grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.edit-btn{justify-content:center;width:100%}.danger-action{flex-direction:column;align-items:stretch}.reset-btn,.delete-btn{justify-content:center;width:100%}.form-select{width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#071b34;--navy-light:#0d2847;--navy-lighter:#1a3a52;--blue:#2563ff;--blue-hover:#1d4ed8;--blue-light:#3b82f6;--white:#fff;--gray-light:#f8fafc;--gray-medium:#e2e8f0;--gray-dark:#64748b;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--spacing:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app,.landing-page{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);min-height:100vh}.navbar{background:var(--navy);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071b34f2;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar-container{max-width:1400px;padding:0 var(--spacing);justify-content:space-between;align-items:center;height:80px;margin:0 auto;display:flex}.navbar-logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.logo-mark{background:var(--blue);width:40px;height:40px;color:var(--white);border-radius:8px;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.logo-highlight{color:var(--blue)}.nav-links{flex:1;gap:48px;margin-left:80px;display:flex}.nav-links a{color:var(--white);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--blue)}.nav-actions{align-items:center;gap:24px;display:flex}.login-link{color:var(--white);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.login-link:hover{color:var(--blue)}.mobile-menu-btn{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.cta-primary{background:var(--blue);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .3s}.cta-primary:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:0 10px 25px #2563ff4d}.cta-primary.large{padding:16px 40px;font-size:16px}.cta-secondary{color:var(--white);cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #ffffff4d;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .3s}.cta-secondary:hover{border-color:var(--blue);color:var(--blue);background:#2563ff1a}.cta-secondary.large{padding:16px 40px;font-size:16px}.hero{max-width:1400px;padding:100px var(--spacing) 80px;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin:0 auto;display:grid}.hero-content{flex-direction:column;gap:32px;display:flex}.tagline-badge{color:var(--blue);letter-spacing:1px;background:#2563ff26;border-radius:100px;width:fit-content;padding:10px 20px;font-size:13px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1px;font-size:64px;font-weight:800;line-height:1.2}.hero-title .highlight{color:var(--blue)}.hero-description{color:#ffffffd9;max-width:500px;font-size:18px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}.hero-features{flex-wrap:wrap;gap:40px;padding-top:20px;display:flex}.feature-item{align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.feature-icon{font-size:20px}.hero-visual{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.mockup-container{align-items:flex-end;gap:20px;width:100%;height:100%;display:flex;position:relative}.desktop-mockup{z-index:2;flex:1}.mockup-frame{background:var(--white);border-radius:20px;transition:transform .3s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 40px 80px #0006}.mockup-frame:hover{transform:perspective(1000px)rotateY(-3deg)rotateX(1deg)}.mockup-content{background:var(--white);color:var(--navy);min-height:500px;font-size:13px;display:flex}.sidebar-preview{background:var(--navy);width:200px;color:var(--white);border-right:1px solid #ffffff1a;padding:16px}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:16px;font-size:14px;font-weight:700}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{cursor:pointer;color:#ffffffb3;border-radius:8px;padding:10px 12px;font-size:13px;transition:all .2s}.nav-item.active{background:var(--blue);color:var(--white);font-weight:600}.main-preview{flex:1;padding:24px}.top-bar{border-bottom:1px solid var(--gray-medium);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.greeting{color:var(--navy);font-size:14px;font-weight:600}.facility-selector{color:var(--gray-dark);font-size:13px}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--gray-light);border-left:4px solid var(--blue);border-radius:12px;padding:20px}.stat-card.success{border-left-color:var(--green)}.stat-card.warning{border-left-color:var(--amber)}.stat-card.alert{border-left-color:var(--red)}.stat-label{color:var(--gray-dark);margin-bottom:8px;font-size:12px}.stat-value{color:var(--navy);font-size:28px;font-weight:800}.charts-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-box{background:var(--gray-light);border-radius:12px;padding:20px}.chart-title{color:var(--navy);margin-bottom:16px;font-size:13px;font-weight:600}.donut-chart{background:conic-gradient(var(--green) 0deg 356deg, var(--gray-medium) 356deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;font-size:12px;display:flex;position:relative}.donut-percent{color:var(--navy);font-size:20px;font-weight:800}.donut-status{color:var(--gray-dark);margin-top:4px;font-size:11px}.line-chart{background:linear-gradient(90deg,#2563ff1a 0%,#2563ff4d 50%,#2563ff33 100%);border-radius:8px;height:60px;position:relative;overflow:hidden}.chart-line{background:var(--blue);width:100%;height:2px;position:absolute;bottom:20px;left:0;right:0}.mobile-mockup{z-index:1;flex:0 0 280px;justify-content:center;display:flex}.phone-frame{background:var(--white);border:8px solid var(--navy);border-radius:40px;flex-direction:column;width:280px;height:560px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0000004d}.phone-frame:before{content:"";background:var(--navy);z-index:10;border-radius:0 0 20px 20px;width:150px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-content{background:var(--white);color:var(--navy);flex-direction:column;flex:1;padding-top:8px;font-size:12px;display:flex}.phone-header{border-bottom:1px solid var(--gray-medium);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.back-btn,.menu-btn{cursor:pointer}.phone-body{flex-direction:column;flex:1;gap:20px;padding:16px;display:flex}.cart-selector{background:var(--gray-light);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.cart-icon{font-size:24px}.cart-name{color:var(--navy);font-size:14px;font-weight:700}.cart-location{color:var(--gray-dark);font-size:11px}.drawer-progress{flex-direction:column;gap:8px;display:flex}.drawer-item{background:var(--gray-light);color:var(--gray-dark);text-align:center;border-radius:8px;padding:12px;font-size:12px;transition:all .2s}.drawer-item.done{color:var(--green);background:#10b9811a;font-weight:600}.drawer-item.active{background:var(--blue);color:var(--white);font-weight:600}.scan-button{background:var(--blue);color:var(--white);cursor:pointer;border:none;border-radius:10px;margin-top:auto;padding:14px;font-size:12px;font-weight:600;transition:all .2s}.scan-button:active{transform:scale(.98)}.features{max-width:1400px;padding:120px var(--spacing) 80px;border-top:1px solid #ffffff14;margin:0 auto}.features-grid{grid-template-columns:repeat(5,1fr);gap:32px;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:flex-start;gap:20px;padding:32px;transition:all .3s;display:flex}.feature-card:hover{background:#ffffff0f;border-color:#2563ff4d;transform:translateY(-4px)}.feature-icon-large{font-size:48px}.feature-card h3{letter-spacing:-.5px;font-size:18px;font-weight:700}.feature-card p{color:#ffffffbf;font-size:14px;line-height:1.6}@media (width<=1024px){.hero{padding:80px var(--spacing) 60px;grid-template-columns:1fr;gap:60px}.hero-title{font-size:48px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.nav-links{gap:32px;margin-left:40px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.mockup-container{flex-direction:column}.mobile-mockup{flex:none}}@media (width<=768px){.navbar-container{flex-wrap:wrap}.mobile-menu-btn{order:3;display:block}.nav-links{background:var(--navy-light);flex-direction:column;order:4;gap:0;width:100%;max-height:0;margin-left:0;transition:max-height .3s;overflow:hidden}.nav-links.mobile-open{max-height:400px}.nav-links a{padding:16px var(--spacing);border-bottom:1px solid #ffffff14}.nav-actions{width:100%;padding:16px var(--spacing);border-top:1px solid #ffffff14;flex-wrap:wrap;order:5;gap:16px}.navbar-logo{flex:1;order:1}.hero-title{font-size:36px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.hero-buttons button{text-align:center;width:100%}.features-grid{grid-template-columns:1fr}.mockup-frame{transform:none}.mockup-content{flex-direction:column;min-height:auto}.sidebar-preview{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;padding:12px}.main-preview{padding:16px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:20px}.phone-frame{width:240px;height:480px}.hero-features{flex-direction:column;gap:20px}.feature-item{gap:8px}}