@charset "UTF-8";:root{--sidebar-bg: #1c124e;--topbar-bg: #1c124e;--bg-primary: #f0f4f8;--card-bg: #ffffff;--border-color: #e2e8f0;--hover-bg: rgba(59,130,246,.06);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-blue-light: rgba(59,130,246,.1);--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-orange: #f59e0b;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--info: #3b82f6;--danger-light: rgba(239,68,68,.1);--warning-light: rgba(245,158,11,.1);--success-light: rgba(16,185,129,.1);--info-light: rgba(59,130,246,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 40px rgba(0,0,0,.12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-text: #a5a0c0;--sidebar-text-hover:#e2e8f0;--sidebar-active-bg: rgba(139,92,246,.18);--sidebar-active: #a78bfa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow:hidden}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.375rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}p{line-height:1.6}a{text-decoration:none;color:inherit}.page{padding:20px 24px;max-width:1600px}.page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.page__title{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.page__subtitle{font-size:.825rem;color:var(--text-secondary);margin-top:3px}.page-header-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:16px;flex-wrap:wrap}.page-header-bar__left{display:flex;flex-direction:column;gap:2px}.page-header-bar__breadcrumb{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.page-header-bar__breadcrumb span{color:var(--text-muted)}.page-header-bar__breadcrumb a{color:var(--accent-blue);cursor:pointer}.page-header-bar__breadcrumb a:hover{text-decoration:underline}.page-header-bar__title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.page-header-bar__actions{display:flex;align-items:center;gap:8px}.pill-tabs{display:flex;align-items:center;gap:4px;padding:12px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.pill-tabs .pill-tab{padding:5px 16px;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);transition:all .15s}.pill-tabs .pill-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.pill-tabs .pill-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.filter-row{display:flex;align-items:center;gap:10px;padding:10px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card__title{font-size:1rem;font-weight:600;color:var(--text-primary)}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-card__icon{font-size:1.8rem;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.stat-card__label{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-card__trend{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.stat-card.danger{border-left:4px solid var(--danger)}.stat-card.danger .stat-card__icon{background:var(--danger-light)}.stat-card.warning{border-left:4px solid var(--warning)}.stat-card.warning .stat-card__icon{background:var(--warning-light)}.stat-card.success{border-left:4px solid var(--success)}.stat-card.success .stat-card__icon{background:var(--success-light)}.stat-card.info{border-left:4px solid var(--info)}.stat-card.info .stat-card__icon{background:var(--info-light)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-ghost{background:var(--hover-bg);color:var(--text-primary)}.btn-ghost:hover{background:var(--border-color)}.btn-outline{background:transparent;color:var(--accent-blue);border:1px solid var(--accent-blue)}.btn-outline:hover{background:var(--accent-blue-light)}.btn-sm{padding:5px 10px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:1rem;border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-success{background:var(--success-light);color:var(--success)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--hover-bg);color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.855rem}.data-table th{font-weight:600;color:var(--text-secondary);background:#f8fafc;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border-color)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#3b82f60a}.data-table tbody tr:nth-child(2n) td{background:#00000003}.data-table tbody tr:hover td{background:#3b82f60f!important}.progress-bar{height:8px;background:var(--border-color);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:999px;transition:width .5s ease}.progress-bar__fill.success{background:var(--success)}.progress-bar__fill.warning{background:var(--warning)}.progress-bar__fill.danger{background:var(--danger)}.progress-bar__fill.info{background:var(--accent-blue)}.temp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.temp-badge.normal{background:var(--success-light);color:var(--success)}.temp-badge.warning{background:var(--warning-light);color:var(--warning)}.temp-badge.critical{background:var(--danger-light);color:var(--danger);animation:pulse-danger 1.5s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.65}}.zone-frozen{color:#60a5fa}.zone-chilled{color:#34d399}.zone-dry{color:#fbbf24}.zone-badge{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.zone-badge.Frozen{background:#60a5fa1f;color:#60a5fa}.zone-badge.Chilled{background:#34d3991f;color:#34d399}.zone-badge.Dry{background:#fbbf241f;color:#fbbf24}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background:var(--card-bg);font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.text-muted{color:var(--text-secondary)}.font-bold{font-weight:700}.text-sm{font-size:.8rem}.text-lg{font-size:1.1rem}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}