*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background:#0b1020;color:#e5e7eb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.centered,.page,body{min-height:100vh}.centered{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:460px;background:#121a2b;border:1px solid #26324d;border-radius:20px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.28)}.title{margin:0 0 8px;font-size:28px;line-height:1.2}.muted{color:#93a0b8}.field{display:flex;flex-direction:column;gap:8px;margin-top:16px}.input{padding:12px 14px}.input,.search-input{width:100%;border-radius:12px;border:1px solid #334155;background:#0c1324;color:#e5e7eb}.search-input{padding:10px 12px;margin-bottom:14px}.button{margin-top:18px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;cursor:pointer;font-weight:700}.button.secondary{background:#334155}.button.inline{width:auto;margin-top:0}.error{margin-top:14px;padding:10px 12px;border-radius:12px;background:rgba(127,29,29,.35);border:1px solid #7f1d1d;color:#fecaca}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{border-right:1px solid #23304a;background:linear-gradient(180deg,#0e1526,#111827);padding:24px}.logo{font-size:24px;font-weight:800;margin-bottom:24px;letter-spacing:.3px}.nav{display:flex;flex-direction:column;gap:10px}.nav a{display:block;padding:10px 12px;border-radius:12px;color:#cbd5e1;transition:.15s ease}.nav a:hover{background:#182235}.main{padding:24px;background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 26%),#0b1020}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.panel{background:rgba(18,26,43,.96);border:1px solid #23304a;border-radius:20px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.18)}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.stat-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(18,26,43,.98),rgba(13,19,36,.98));border:1px solid #23304a;border-radius:22px;padding:18px;min-height:122px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:999px;background:rgba(59,130,246,.08)}.stat-card .label{color:#9fb0c9;font-size:14px}.stat-card .value{margin-top:10px;font-size:32px;font-weight:800;line-height:1}.stat-card .sub{margin-top:10px;color:#7f8da7;font-size:13px}.kpi-blue{border-color:rgba(59,130,246,.3)}.kpi-green{border-color:rgba(34,197,94,.3)}.kpi-orange{border-color:rgba(245,158,11,.3)}.kpi-red{border-color:rgba(239,68,68,.3)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid #22304a;vertical-align:top}.table th{color:#9fb0c9;font-weight:600}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(51,65,85,.4);border:1px solid #334155;font-size:12px}.badge.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.badge.warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35)}.badge.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.row-link{color:#93c5fd}.pre{white-space:pre-wrap;line-height:1.5;background:#0c1324;border:1px solid #334155;border-radius:12px;padding:14px}.chart-placeholder{min-height:220px;border:1px dashed #334155;border-radius:16px;padding:18px;color:#93a0b8;display:flex;align-items:center;justify-content:center;text-align:center}.empty-box{padding:18px;border:1px dashed #334155;border-radius:14px;color:#93a0b8}.toolbar{gap:12px;justify-content:space-between;margin-bottom:16px}.modal-backdrop,.toolbar{display:flex;align-items:center}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.75);justify-content:center;padding:24px;z-index:1000}.modal{width:100%;max-width:560px;background:#111827;border:1px solid #334155;border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.modal-actions{display:flex;gap:12px;margin-top:18px}.quality-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.quality-box{border:1px solid #23304a;border-radius:18px;padding:16px;background:rgba(12,19,36,.9)}.quality-box .q-label{color:#9fb0c9;font-size:13px}.quality-box .q-value{margin-top:8px;font-size:24px;font-weight:800}@media (max-width:1100px){.grid,.shell,.stat-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #334155}.quality-strip{grid-template-columns:1fr}}