:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-border: #E2E8F0;--color-text: #0F172A;--color-muted: #475569;--asf-navy-50: #E6ECF8;--asf-navy-100: #A9B6DE;--asf-navy-200: #6E88C7;--asf-navy-300: #3B5CA8;--asf-navy-400: #27478F;--asf-navy-500: #163374;--asf-navy-600: #122A60;--asf-navy-700: #0F214D;--asf-navy-800: #0D1C3F;--asf-navy-900: #0A1633;--asf-acc-400: #63B6FF;--asf-acc-500: #3AA0FF;--asf-acc-600: #1E90FF;--asf-success: #16A34A;--asf-warning: #F59E0B;--asf-danger: #DC2626;--color-primary: var(--asf-navy-500);--color-primary-700: var(--asf-navy-700);--color-accent: var(--asf-acc-600);--radius: 12px;--shadow: 0 8px 24px rgba(2, 6, 23, .08);--container: 1140px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-family-base);color-scheme:light;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#f8fafc;color:var(--color-text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title h1{margin:0;font-size:24px}.page-title p{margin:4px 0 0;color:var(--color-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.actions-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.toolbar-actions,.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn,.icon-btn{border:0;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary,.icon-btn.secondary{background:var(--asf-navy-50);color:var(--color-primary)}.btn.danger,.icon-btn.danger{background:var(--asf-danger)}.btn.warning,.icon-btn.warning{background:var(--asf-warning);color:#111827}.btn:disabled,.icon-btn:disabled{cursor:not-allowed;opacity:.6}.field,.check-field{display:grid;gap:6px;font-weight:700;color:var(--color-muted)}.check-field{align-content:end;grid-template-columns:auto 1fr;align-items:center;min-height:42px}.field input,.field select,.field textarea,.filter-row input,.filter-row select,.table-search-input{border:1px solid var(--color-border);border-radius:10px;padding:11px 12px;color:var(--color-text);background:#fff;outline:none;min-width:0;font-weight:400}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.filter-row input:focus,.filter-row select:focus,.table-search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1e90ff1f}.data-table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table .table-actions{width:72px;min-width:72px;max-width:72px;text-align:center;white-space:nowrap}.data-table td.table-actions>*{display:inline-flex;vertical-align:middle}.data-table th{font-size:12px;text-transform:uppercase;color:var(--color-muted);background:#f8fafc}.data-table.hover tbody tr:hover td{background:#f8fafc}.data-table.hover tbody tr.row-inactive:hover td{background:#e8eef6}.data-table tr:last-child td{border-bottom:0}.empty-state{color:var(--color-muted);text-align:center;padding:22px}.badge{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:4px 9px;font-size:12px;font-weight:800;background:var(--asf-navy-50);color:var(--color-primary)}.badge.success{background:#dcfce7;color:#166534}.badge.danger{background:#fee2e2;color:#991b1b}.badge.warning{background:#fef3c7;color:#92400e}.muted{color:var(--color-muted)}.code-box{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:12px;overflow:auto;white-space:pre-wrap}.table-toolbar{align-items:stretch;flex-direction:column;gap:12px}.table-search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.table-search-row input{flex:1 1 320px;width:min(520px,100%)}.table-search-input{padding-left:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px 50%;background-size:16px}.table-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-options-row.only-right{justify-content:flex-end}.table-filter-content .filter-row{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap}.table-filter-left{flex:1 1 auto}.table-size-right{margin-left:auto}.table-check,.page-size{display:inline-flex;align-items:center;gap:6px;color:var(--color-muted);font-size:13px;font-weight:700}.page-size select{border:1px solid var(--color-border);border-radius:8px;padding:7px 9px;background:#fff;color:var(--color-text);font-size:13px}.sort-column{font:inherit;font-weight:900}.sort-column button{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:6px;padding:0;text-transform:inherit;font:inherit;font-weight:900}.sort-column span{min-width:12px;color:var(--color-primary)}.loading-host{position:relative;min-height:120px}.table-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;min-width:100%;background:#f8fafcc7;color:#ccc;font-weight:400;text-align:center}.row-inactive td{background:#f1f5f9;color:#64748b;font-style:italic}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px}.pagination-summary{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.pagination-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagination-actions .icon-btn{min-width:34px;min-height:34px;padding:7px 9px;font-size:13px}.pagination-actions .pagination-icon-btn{width:34px;padding-inline:0}.pagination-actions fa-icon{font-size:12px;line-height:1}.field-error{color:var(--asf-danger);font-size:12px;font-weight:350;line-height:1.35}.field input.ng-invalid.ng-touched,.field select.ng-invalid.ng-touched,.field textarea.ng-invalid.ng-touched,.auth-field input.ng-invalid.ng-touched{border-color:var(--asf-danger)}.field input.ng-invalid.ng-touched:focus,.field select.ng-invalid.ng-touched:focus,.field textarea.ng-invalid.ng-touched:focus,.auth-field input.ng-invalid.ng-touched:focus{border-color:var(--asf-danger);box-shadow:0 0 0 3px #dc26261f}.crud-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:#fff}.crud-table{width:100%;min-width:920px;border-collapse:collapse;background:#fff}.crud-table th,.crud-table td{padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;font-size:13px}.crud-table th{background:#f1f5f9;color:#334155;font-weight:800}.crud-table td{color:#1f2937}.crud-table tr:last-child td{border-bottom:0}.crud-table.hover tbody tr:hover td{background:#f8fafc}.crud-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;white-space:nowrap}.status-dot{width:11px;height:11px;flex:0 0 11px;border-radius:999px;background:var(--color-muted);box-shadow:0 0 0 4px #4755691f}.status-dot.online{background:var(--asf-success);box-shadow:0 0 0 4px #16a34a1f}.status-dot.offline{background:var(--asf-danger);box-shadow:0 0 0 4px #dc26261f}.status-dot.maintenance,.status-dot.outofschedule{background:var(--asf-warning);box-shadow:0 0 0 4px #f59e0b29}.status-dot.degraded{background:var(--color-accent);box-shadow:0 0 0 4px #1e90ff24}.status-dot.unknown{background:var(--color-muted)}.crud-page{display:grid;gap:16px}.crud-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.crud-title h1,.crud-title p,.crud-panel h2{margin:0}.crud-title h1{color:var(--asf-navy-700);font-size:30px}.crud-title p{margin-top:6px;color:var(--color-muted)}.crud-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:18px}.crud-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;align-items:end}.crud-form h2,.crud-field.wide,.crud-form-actions,.crud-panel .form-message{grid-column:1 / -1}.crud-field{display:grid;gap:7px;color:#1f2937;font-weight:700}.crud-field input,.crud-field select,.crud-field textarea{min-height:42px;border:1px solid var(--color-border);border-radius:8px;padding:0 10px;background:#fff;color:var(--color-text);font-weight:400}.crud-field textarea{min-height:80px;padding-block:10px;resize:vertical}.crud-check{min-height:42px;display:inline-flex;align-items:center;gap:8px;color:#1f2937;font-weight:700}.crud-form-actions,.crud-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crud-form-actions{justify-content:flex-end}@media(max-width:1100px){.crud-form{grid-template-columns:1fr}.crud-title{flex-direction:column}.crud-form-actions{justify-content:flex-start}}