:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:#f5f7fa}button,input{font:inherit}button{cursor:pointer}.login-page{background:#eef1f5;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{background:#fff;border:1px solid #dfe3e8;border-radius:8px;width:100%;max-width:390px;padding:32px;box-shadow:0 4px 18px #0f172a0f}.login-brand{margin-bottom:28px}.login-brand h1{color:#111827;margin:0 0 6px;font-size:24px;font-weight:650}.login-brand p{color:#6b7280;margin:0;font-size:14px}.login-box form{flex-direction:column;gap:18px;display:flex}.login-box label{color:#374151;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.login-box input{color:#111827;background:#fff;border:1px solid #cfd4dc;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px}.login-box input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72801f}.login-box button{color:#fff;background:#1f2937;border:0;border-radius:6px;height:42px;font-weight:600}.login-box button:hover{background:#111827}.login-box button:disabled{opacity:.65;cursor:default}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 12px;font-size:13px}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#1f2937;border-right:1px solid #111827;flex-direction:column;width:240px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-collapsed .sidebar{width:72px}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;min-height:66px;padding:0 14px 0 16px;display:flex}.sidebar-brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#1f2937;background:#fff;border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.brand-name{white-space:nowrap;font-size:15px;font-weight:650}.sidebar-toggle{color:#d1d5db;background:#ffffff14;border:0;border-radius:5px;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid}.sidebar-toggle:hover{color:#fff;background:#ffffff24}.sidebar-nav{flex:1;padding:14px 10px}.sidebar-nav a,.sidebar-footer button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.sidebar-nav a:hover,.sidebar-footer button:hover{color:#fff;background:#ffffff12}.sidebar-nav a.active{color:#fff;background:#ffffff1c}.nav-icon{text-align:center;flex:0 0 22px;width:22px;font-size:17px}.sidebar-footer{border-top:1px solid #ffffff14;padding:10px}.main-content{min-height:100vh;margin-left:240px;padding:28px;transition:margin-left .2s}.sidebar-collapsed .main-content{margin-left:72px}@media (width<=768px){.sidebar{width:72px}.brand-name,.sidebar-nav a span:not(.nav-icon),.sidebar-footer button span:not(.nav-icon){display:none}.main-content{margin-left:72px;padding:20px}}.summary-card,.table-card{background:#fff;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 1px 2px #0f172a08}.summary-card{padding:20px;position:relative;overflow:hidden}.summary-card:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.summary-active:before{background:#16a34a}.summary-blocked:before{background:#7c3aed}.summary-offline:before{background:#dc2626}.summary-auth-failed:before{background:#ea580c}.summary-label{color:#6b7280;margin-bottom:8px;font-size:13px}.summary-value{color:#111827;font-size:28px;font-weight:650}.summary-meta{color:#9ca3af;margin-top:8px;font-size:12px}.domain-toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.domain-search{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;max-width:420px;height:40px;padding:0 12px;font-size:14px}.status-filter{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;flex:0 0 170px;width:170px;height:40px;padding:0 10px;font-size:14px}.status-filter:focus,.domain-search:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72801f}.table-card{overflow:hidden}.domain-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.domain-table th,.domain-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f3;padding:14px 16px}.domain-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f8f9fb;font-size:12px;font-weight:650}.domain-table tbody tr:hover{background:#fafbfc}.domain-table tbody tr:last-child td{border-bottom:0}.shell-url{text-overflow:ellipsis;white-space:nowrap;color:#4b5563;overflow:hidden}.selection-column{width:3%;text-align:center!important}.selection-column input{cursor:pointer;width:16px;height:16px}.domain-table th:nth-child(2),.domain-table td:nth-child(2){width:14%}.domain-table th:nth-child(3),.domain-table td:nth-child(3){width:8%}.domain-table th:nth-child(4),.domain-table td:nth-child(4){width:25%}.domain-table th:nth-child(5),.domain-table td:nth-child(5){white-space:nowrap;width:15%}.domain-table th:nth-child(6),.domain-table td:nth-child(6){white-space:nowrap;width:35%}.table-actions{grid-template-columns:repeat(2,max-content);align-items:center;gap:6px;display:grid}.table-actions .table-action-button{padding-left:14px;padding-right:14px}.status-badge{border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-active{color:#067647;background:#ecfdf3}.status-offline{color:#b42318;background:#fef2f2}.status-auth_failed,.status-error{color:#c2410c;background:#fff7ed}.status-blocked{color:#6d28d9;background:#f5f3ff}.status-unknown{color:#4b5563;background:#f3f4f6}.empty-state{text-align:center;color:#6b7280;padding:36px;font-size:14px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.summary-grid{grid-template-columns:1fr}}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0;position:relative}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .sidebar-toggle{color:#374151;background:#fff;border:1px solid #d1d5db;width:28px;height:28px;position:absolute;top:19px;right:-14px;box-shadow:0 2px 6px #0f172a14}.sidebar-collapsed .sidebar-toggle:hover{color:#111827;background:#f3f4f6}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:#111827;margin:0;font-size:24px;font-weight:650}.page-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.primary-button,.secondary-button{border-radius:6px;min-height:40px;padding:0 14px;font-size:14px;font-weight:600}.primary-button{color:#fff;background:#1f2937;border:1px solid #1f2937}.primary-button:hover{background:#111827}.primary-button:disabled{opacity:.45;cursor:not-allowed;background:#6b7280;border-color:#6b7280}.secondary-button{color:#374151;background:#fff;border:1px solid #d1d5db}.secondary-button:hover{background:#f9fafb}.modal-backdrop{z-index:100;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border:1px solid #dfe3e8;border-radius:8px;width:100%;max-width:560px;box-shadow:0 20px 50px #0f172a2e}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.modal-header h2{color:#111827;margin:0;font-size:19px;font-weight:650}.modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.modal-close{color:#6b7280;background:0 0;border:0;border-radius:5px;width:32px;height:32px;font-size:24px;line-height:1}.modal-close:hover{color:#111827;background:#f3f4f6}.modal-body{flex-direction:column;gap:18px;padding:22px;display:flex}.modal-body label{color:#374151;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.modal-body input{color:#111827;background:#fff;border:1px solid #cfd4dc;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px}.modal-body input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72801f}.modal-footer{background:#fafbfc;border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.history-modal{max-width:640px}.history-body{max-height:520px;overflow-y:auto}.history-list{flex-direction:column;display:flex}.history-item{border-bottom:1px solid #edf0f3;align-items:flex-start;gap:14px;padding:14px 20px;display:flex}.history-item:last-child{border-bottom:0}.history-status{flex:0 0 100px}.history-details{flex:1;min-width:0}.history-time{color:#374151;font-size:13px}.history-error{color:#b42318;word-break:break-word;margin-top:5px;font-size:12px}@media (width<=640px){.page-header{flex-direction:column}.page-header .primary-button{width:100%}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.connection-result{border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex}.connection-result.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.connection-result.failed{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.connection-result strong{font-size:12px;font-weight:700}.connection-result span{font-size:12px}.table-actions{align-items:center;gap:8px;display:flex}.table-action-button{color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:34px;padding:0 14px;font-size:13px;font-weight:600}.table-action-button.danger{color:#b42318;border-color:#fecaca}.table-action-button.danger:hover{background:#fef2f2;border-color:#fca5a5}.table-action-button:hover{background:#f9fafb;border-color:#9ca3af}.table-action-button:disabled{opacity:.6;cursor:default}.pagination{background:#fafbfc;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.pagination-info{color:#6b7280;font-size:13px}.pagination-controls{align-items:center;gap:10px;display:flex}.pagination-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:600}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{opacity:.45;cursor:not-allowed}.pagination-page{text-align:center;color:#4b5563;min-width:90px;font-size:13px}@media (width<=640px){.pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:space-between}}.bulk-actions{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 14px;display:flex}.bulk-actions-info{color:#374151;font-size:14px;font-weight:600}.bulk-actions-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.bulk-actions{flex-direction:column;align-items:flex-start}.bulk-actions-buttons{width:100%}}.domain-name{color:#111827;font-weight:500}.domain-root{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-top:4px;font-size:12px;overflow:hidden}.domain-root.missing{color:#dc2626;font-style:italic}