:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary:#059669;--color-primary-hover:#047857;--color-primary-light:#d1fae5;--color-primary-subtle:#ecfdf5;--color-primary-glow:#05966933;--color-secondary:#0284c7;--color-secondary-light:#e0f2fe;--color-gold:#d97706;--color-gold-bright:#f59e0b;--color-gold-light:#fef3c7;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-bg:#fffbeb;--color-bg-app:#f8fafc;--color-surface:#fff;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a14, 0 1px 2px -1px #0f172a14;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0f;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-app);color:var(--color-slate-800);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}@media (width>=641px){input,select,textarea{font-size:.875rem}}.scroll-x-touch{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.scroll-x-touch::-webkit-scrollbar{display:none}.main-app-nav-deck{box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:.45rem;display:flex}@media (width<=768px){.main-app-nav-deck{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.45rem;overflow-x:auto}}.monitoring-nav-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}@media (width<=1024px){.monitoring-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.monitoring-nav-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:.5rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.monitoring-deck-card{scroll-snap-align:start;flex-shrink:0;min-width:210px}}.monitoring-deck-card{cursor:pointer;text-align:left;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;padding:.65rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.monitoring-deck-card:hover{border-color:var(--card-accent,#059669);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.monitoring-deck-card.is-active{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.bundles-nav-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width<=900px){.bundles-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.bundles-nav-grid{grid-template-columns:1fr}}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-emerald{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.badge-blue{background-color:var(--color-secondary-light);color:#0369a1}.badge-red{background-color:var(--color-danger-light);color:#b91c1c}.badge-amber{background-color:var(--color-warning-light);color:#b45309}.badge-slate{background-color:var(--color-slate-100);color:var(--color-slate-600)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm);padding:1.25rem;transition:box-shadow .2s,border-color .2s}@media (width<=640px){.card{border-radius:var(--radius-md);padding:1rem}}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-glow)}.btn-secondary{background-color:var(--color-slate-100);color:var(--color-slate-700);border:1px solid var(--color-slate-200)}.btn-secondary:hover{background-color:var(--color-slate-200)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:1rem}.form-label{color:var(--color-slate-700);margin-bottom:.35rem;font-size:.8125rem;font-weight:700;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--color-slate-300);width:100%;min-height:42px;color:var(--color-slate-800);background-color:#fff;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media print{body{color:#000!important;background-color:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.card{box-shadow:none!important;border:none!important;padding:0!important}@page{size:A4 portrait;margin:1.2cm}}