:root{--brand-primary:#1e5e2b;--brand-primary-dark:#123c1a;--brand-primary-deep:#0b2411;--brand-primary-light:#2d7738;--brand-primary-surface:#eef7ef;--brand-primary-border:#c8e6c9;--brand-primary-glow:#1e5e2b29;--brand-secondary:#f37023;--brand-secondary-dark:#d45811;--brand-secondary-light:#ff8a43;--brand-secondary-surface:#fff5ee;--brand-secondary-border:#fcd8c1;--brand-secondary-glow:#f370232e;--accent-citrus:#ea8c00;--accent-produce:#2e7d32;--accent-tomato:#d32f2f;--accent-coldchain:#0277bd;--accent-sunburst:#f57c00;--accent-olive:#558b2f;--accent-oak:#8d6e63;--surface-canvas:#fbfbf9;--surface-canvas-subtle:#f6f5f0;--surface-creme:#fdfcf7;--surface-creme-warm:#f4efeb;--surface-card:#fff;--surface-card-subtle:#fafaf7;--surface-subtle:#f1f4f0;--surface-hover:#f3f7f2;--surface-sidebar:#091c0e;--surface-sidebar-gradient:linear-gradient(180deg, #0c2413 0%, #07170b 100%);--surface-sidebar-card:#ffffff0d;--surface-sidebar-hover:#ffffff14;--surface-sidebar-active:#1e5e2b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#8e9bae;--text-inverted:#fff;--text-sidebar:#e2e8f0;--text-sidebar-muted:#8e9bae;--text-sidebar-active:#fff;--border-subtle:#e6eae3;--border-light:#ecefe8;--border-card:#e4e8e1;--border-focus:#1e5e2b;--border-gold:#f3702359;--border-sidebar:#ffffff14;--status-success:#15803d;--status-success-bg:#eaf8ee;--status-success-border:#a7f3d0;--status-warning:#b45309;--status-warning-bg:#fef9c3;--status-warning-border:#fde047;--status-danger:#b91c1c;--status-danger-bg:#fee2e2;--status-danger-border:#fca5a5;--status-info:#0369a1;--status-info-bg:#e0f2fe;--status-info-border:#7dd3fc;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-card:0 2px 6px #0f172a06, 0 1px 2px #0f172a05;--shadow-hover:0 8px 20px -4px #123c1a14, 0 2px 6px -2px #0f172a08;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 16px 32px -4px #0f172a14, 0 4px 8px -2px #0f172a08;--shadow-elevated:0 20px 40px -8px #0e2e151f, 0 4px 12px -2px #0000000a;--shadow-pill:0 2px 8px #0000000f;--shadow-dropdown:0 12px 28px -4px #0f172a1f, 0 4px 8px -2px #0f172a0f;--shadow-float:0 20px 45px -8px #0f172a33, 0 8px 16px -4px #0f172a14;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:60px;--radius-full:9999px;--ease-delta:cubic-bezier(.19, 1, .22, 1);--ease-smooth:cubic-bezier(.165, .84, .44, 1);--transition-fast:.16s var(--ease-delta);--transition-normal:.28s var(--ease-delta);--transition-slow:.45s var(--ease-delta);--sidebar-width:280px;--sidebar-collapsed-width:82px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,Inter,system-ui,-apple-system,sans-serif;line-height:1.5}body{background-color:var(--surface-canvas);color:var(--text-primary);min-height:100vh;font-size:14px;overflow-x:hidden}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-family:Inter,Cairo,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.app-container{background-color:var(--surface-canvas);min-height:100vh;display:flex}.main-content{background-color:var(--surface-canvas);flex-direction:column;flex:1;min-width:0;display:flex}.alofuk-card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);position:relative}.alofuk-card-hover:hover{box-shadow:var(--shadow-hover);border-color:var(--brand-primary-border);transform:translateY(-2px)}.alofuk-card-warm{background:var(--surface-creme);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.separator-dual{width:100%;height:2px;margin:16px 0;position:relative}.separator-dual:before{content:"";background-color:#123c1a14;width:100%;height:1px;display:block}.separator-dual:after{content:"";background-color:#ffffffd9;width:100%;height:1px;display:block}.separator-dark{width:100%;height:2px;margin:14px 0;position:relative}.separator-dark:before{content:"";background-color:#00000073;width:100%;height:1px;display:block}.separator-dark:after{content:"";background-color:#ffffff14;width:100%;height:1px;display:block}.eyebrow-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.status-badge{border-radius:var(--radius-pill);letter-spacing:.015em;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:700;line-height:1.3;display:inline-flex}.status-badge:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.status-badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.status-badge-danger{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger-border)}.status-badge-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.status-badge-neutral{background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-primary);color:var(--text-inverted);box-shadow:0 2px 8px #1e5e2b33}.btn-primary:hover:not(:disabled){background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #1e5e2b52}.btn-secondary{background:var(--brand-secondary);color:var(--text-inverted);box-shadow:0 2px 8px #f3702333}.btn-secondary:hover:not(:disabled){background:var(--brand-secondary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #f3702352}.btn-outline{background:var(--surface-card);border-color:var(--border-subtle);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--brand-primary-border);color:var(--brand-primary)}.btn-pill{border-radius:var(--radius-pill);padding:6px 14px;font-size:12.5px;font-weight:700}.btn-icon{border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--surface-subtle);color:var(--brand-primary);border-color:var(--brand-primary-border);transform:scale(1.04)}.btn-icon:active{transform:scale(.96)}.glass-pill{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);background:#ffffffe0;border:1px solid #ffffffb3}.capsule-switcher{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:4px;display:inline-flex}.capsule-switcher-item{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.capsule-switcher-item:hover{color:var(--text-primary)}.capsule-switcher-item.active{color:var(--brand-primary);box-shadow:var(--shadow-xs);background:#fff;font-weight:700}.alofuk-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;padding:10px 14px;font-family:inherit;font-size:13.5px}.alofuk-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow);outline:none}.alofuk-input::placeholder{color:var(--text-muted)}.capsule-search{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);background:#fff;align-items:center;padding:4px 14px;display:inline-flex}.capsule-search:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.capsule-search input{color:var(--text-primary);background:0 0;border:none;outline:none;padding:6px 8px;font-family:inherit;font-size:13px}.alofuk-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#fff;width:100%;overflow-x:auto}.alofuk-table{border-collapse:collapse;width:100%;text-align:inherit;font-size:13.5px}.alofuk-table th{background-color:var(--surface-canvas-subtle);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;letter-spacing:.01em;padding:12px 16px;font-size:12px;font-weight:700}.alofuk-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:13px 16px}.alofuk-table tr:last-child td{border-bottom:none}.alofuk-table tbody tr{transition:background-color var(--transition-fast)}.alofuk-table tbody tr:hover{background-color:var(--surface-hover)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f4f0 25%,#e4eae3 50%,#f1f4f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes pulse-emerald{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.15)}}.pulse-dot{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-emerald}@media (width<=1024px){.mobile-menu-btn{justify-content:center;align-items:center;display:inline-flex!important}.sidebar{z-index:50;transition:transform var(--transition-normal);top:0;bottom:0;transform:translate(100%);width:280px!important;position:fixed!important}html[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0)!important}}.alofuk-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0b241173;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.alofuk-modal{border:1px solid var(--border-card);border-radius:var(--radius-xl);background:#fff;flex-direction:column;width:100%;max-width:680px;max-height:calc(100vh - 32px);animation:.2s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;overflow:hidden;box-shadow:0 24px 48px -12px #0b241140}@keyframes modalEnter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.alofuk-modal-header{border-bottom:1px solid var(--border-light);background:var(--surface-canvas-subtle);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.alofuk-modal-body{flex:1;padding:24px;overflow-y:auto}.alofuk-modal-footer{border-top:1px solid var(--border-light);background:var(--surface-canvas-subtle);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:12.5px;font-weight:700}.form-hint{color:var(--text-muted);font-size:11.5px}