*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #1d4ed8;--blue-l: #eff6ff;--green: #16a34a;--red: #dc2626;--orange: #ea580c;--gray-50: #f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.12)}body{font-family:system-ui,-apple-system,sans-serif;background:var(--gray-50);color:var(--gray-800);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:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-secondary{background:var(--gray-200);color:var(--gray-800)}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}input:focus,select:focus{border-color:var(--blue)}.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:#dcfce7;color:var(--green)}.badge-alarm{background:#fee2e2;color:var(--red)}.badge-off{background:var(--gray-100);color:var(--gray-400)}table{width:100%;border-collapse:collapse}thead th{background:var(--gray-50);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600)}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(--gray-50)}.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(--gray-600)}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:13px;margin-bottom:1rem}.alert-error{background:#fee2e2;color:var(--red)}.alert-success{background:#dcfce7;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:#00000073;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 #0003}.modal h2{font-size:16px;margin-bottom:1rem}.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}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}