:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-indigo: #6366f1;--urgent-red: #ef4444;--urgent-bg: #fee2e2;--panic-dark-red: #991b1b;--panic-bg: #fecaca;--low-blue: #0284c7;--low-bg: #e0f2fe;--high-orange: #d97706;--high-bg: #fef3c7;--normal-green: #059669;--normal-bg: #d1fae5;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--bg-main: #f8fafc;--bg-card: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--slate-800);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--slate-900);font-weight:700;letter-spacing:-.02em}.container-fluid{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;box-sizing:border-box}@media(max-width:768px){.container-fluid{padding:.5rem}.card{padding:.75rem}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--slate-100)}.card-title{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-weight:600;font-size:.875rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:#fff;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700),var(--primary-900));box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.btn-secondary{background:var(--slate-100);color:var(--slate-700);border-color:var(--slate-300)}.btn-secondary:hover:not(:disabled){background:var(--slate-200);color:var(--slate-900)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#e11d48,#be123c)}.btn-smartcard{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid #38bdf8;box-shadow:0 0 12px #38bdf84d}.btn-smartcard:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 0 16px #38bdf880}.btn-sm{padding:.35rem .65rem;font-size:.8rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.825rem;font-weight:600;color:var(--slate-700);margin-bottom:.35rem}.form-control,.form-select{width:100%;font-family:var(--font-sans);font-size:.875rem;padding:.55rem .75rem;border:1px solid var(--slate-300);border-radius:var(--radius-sm);background-color:#fff;color:var(--slate-900);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626}.table-responsive{width:100%;overflow-x:auto}.table-custom{width:100%;border-collapse:separate;border-spacing:0;margin-top:.5rem}.table-custom th{background-color:var(--slate-100);color:var(--slate-700);font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:2px solid var(--slate-200);text-align:left}.table-custom td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--slate-100);vertical-align:middle;transition:background-color .1s ease}.table-custom tr:hover td{background-color:var(--primary-50)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-heading);font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.badge-urgent{background-color:var(--urgent-bg);color:var(--urgent-red);border:1px solid #fca5a5;animation:pulse-urgent 2s infinite ease-in-out}@keyframes pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.badge-status-new{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.badge-status-progress{background-color:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.badge-status-finished{background-color:#d1fae5;color:#047857;border:1px solid #6ee7b7}.badge-status-verified{background-color:#e0e7ff;color:#4338ca;border:1px solid #a5b4fc}.val-normal{color:var(--normal-green);font-weight:600}.val-low{color:var(--low-blue);background-color:var(--low-bg);padding:.15rem .4rem;border-radius:var(--radius-sm);font-weight:700}.val-high{color:var(--high-orange);background-color:var(--high-bg);padding:.15rem .4rem;border-radius:var(--radius-sm);font-weight:700}.val-panic{color:#fff;background-color:var(--urgent-red);padding:.15rem .4rem;border-radius:var(--radius-sm);font-weight:800;animation:pulse-urgent 1.5s infinite}.shortcut-pill{display:inline-flex;align-items:center;background:var(--slate-800);color:#fff;padding:.15rem .45rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;box-shadow:0 1px 2px #0003;margin-right:.4rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0}@media(max-width:992px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.span-2,.span-3,.span-4{grid-column:span 1!important}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease-out}.modal-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--slate-50);border-bottom:1px solid var(--slate-200)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--slate-50);border-top:1px solid var(--slate-200)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
