*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #1A4E8C;--blue-dark: #163F73;--blue-hover:#2563C8;--blue-l: #EAF2FB;--teal: #00A896;--teal-hover:#00C4B0;--bg-page: #F4F8FC;--bg-surface:#EAF2FB;--text-main: #0C2040;--text-sec: #3E5878;--text-muted:#8A9DB5;--green: #1EAA78;--red: #D94040;--gray-50: #F4F8FC;--gray-100: #EAF2FB;--gray-200: #D0DFEE;--gray-400: #8A9DB5;--gray-600: #3E5878;--gray-800: #0C2040;--radius: 8px;--shadow: 0 1px 4px rgba(26,78,140,.1)}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg-page);color:var(--text-main);line-height:1.5;font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.45rem .9rem;font-size:13px;font-weight:500;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-hover)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--gray-200);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--gray-400);color:#fff}input,select,textarea{width:100%;padding:.45rem .7rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;background:#fff;outline:none;color:var(--text-main)}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1a4e8c1f}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-ok{background:#d1faf0;color:var(--green)}.badge-alarm{background:#fde8e8;color:var(--red)}.badge-off{background:var(--gray-100);color:var(--gray-400)}.badge-warn{background:#fff3cd;color:#856404}table{width:100%;border-collapse:collapse}thead th{background:var(--bg-surface);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-sec)}th,td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--gray-100)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-page)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:12px;font-weight:500;color:var(--text-sec)}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:13px;margin-bottom:1rem}.alert-error{background:#fde8e8;color:var(--red)}.alert-success{background:#d1faf0;color:var(--green)}.alert-info{background:var(--blue-l);color:var(--blue)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c204080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:var(--radius);padding:1.5rem;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0c204033}.modal h2{font-size:16px;margin-bottom:1rem;color:var(--text-main)}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.page-header h1{font-size:20px;font-weight:700;color:var(--text-main)}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}