:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:#0b1220;min-height:100%;margin:0}body{min-width:320px}.group-manager{border-top:1px solid #273244;margin-top:20px;padding-top:14px}.group-title-row{align-items:center;gap:6px;display:flex}.group-title-button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:10px;font-size:14px;font-weight:700;display:flex}.group-count{color:#94a3b8;font-size:12px}.group-add-button{color:#86efac;cursor:pointer;background:#052e16;border:1px solid #166534;border-radius:8px;width:31px;height:31px;font-size:20px}.group-tree{gap:2px;display:grid}.group-tree-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding-top:9px;padding-bottom:9px;padding-right:6px;font-size:13px;display:flex}.group-tree-item:hover,.group-tree-item.selected{color:#fff;background:#1e293b}.group-empty,.group-selection{color:#94a3b8;overflow-wrap:anywhere;padding:8px 10px;font-size:12px}.group-selection{color:#86efac}.group-error{color:#fca5a5;font-size:12px}.group-modal-backdrop{z-index:100;background:#000b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.group-modal{color:#f9fafb;background:#111827;border:1px solid #334155;border-radius:14px;flex-direction:column;gap:12px;width:min(440px,100%);padding:28px;display:flex;box-shadow:0 25px 75px #0008}.group-modal h2{margin:0 0 10px;font-size:21px}.group-modal label{color:#cbd5e1;font-size:14px}.group-modal input,.group-modal select{color:#fff;background:#0b1220;border:1px solid #475569;border-radius:8px;width:100%;padding:12px;font-size:15px}.group-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.group-actions button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;padding:11px 17px;font-weight:700}.group-actions .group-cancel{background:#334155}.group-actions button:disabled{opacity:.6}.group-selected-actions{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.group-selected-actions .group-selection{padding:0}.group-delete-button{color:#fff;cursor:pointer;background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:600}.group-delete-button:hover:not(:disabled){background:#b91c1c}.group-delete-button:disabled{opacity:.5;cursor:not-allowed}.group-filter-line{align-items:center;gap:8px;min-width:0;display:flex}.group-filter-line input,.device-type-filter input{accent-color:#22c55e;cursor:pointer;flex-shrink:0;width:16px;height:16px}.group-filter-line .group-tree-item{flex:1;min-width:0;padding-left:0}.device-type-filter{color:#cbd5e1;border-top:1px solid #273244;flex-direction:column;gap:12px;margin-top:18px;padding:16px 10px;display:flex}.device-type-title{font-size:14px;font-weight:700}.device-type-filter label{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.device-filter-reset{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:7px;margin-top:6px;padding:9px}.device-type-filter .group-title-row{align-items:center;gap:12px;display:flex}.device-type-filter .device-type-title{flex:1}.device-type-filter .group-add-button{flex-shrink:0}.sidebar .group-filter-line{border-radius:8px;transition:background-color .15s}.sidebar .group-filter-line:hover{background:#1e293b}.sidebar .group-filter-line .group-tree-item{transition:padding-left .15s,color .15s}.sidebar .group-filter-line:hover .group-tree-item{color:#fff;padding-left:4px}.sidebar .device-type-filter label{cursor:pointer;border-radius:8px;margin:-8px -10px;padding:8px 10px;transition:background-color .15s,padding-left .15s}.sidebar .device-type-filter label:hover{color:#fff;background:#1e293b;padding-left:14px}.sidebar .group-filter-line input,.sidebar .device-type-filter input{cursor:pointer}.md-dashboard-table-area{position:relative}.md-dashboard-table-toolbar{justify-content:flex-end;padding:5px 10px;display:flex}.md-dashboard-table-toolbar>button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;padding:4px 9px;font-size:12px}.md-dashboard-column-menu{z-index:30;background:#111827;border:1px solid #475569;border-radius:9px;flex-direction:column;gap:10px;min-width:220px;padding:12px;display:flex;position:absolute;top:36px;right:10px;box-shadow:0 12px 35px #0009}.md-dashboard-column-title{font-weight:700}.md-dashboard-column-menu label{cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.md-dashboard-column-menu input{accent-color:#22c55e}.md-dashboard-column-menu button{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:7px}.md-dashboard-table-wrap{overflow-x:auto}.main .md-dashboard-table{table-layout:fixed;font-size:calc(.85em + 1px);line-height:1.15}.main .md-dashboard-table th,.main .md-dashboard-table td{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;height:24px;padding:4px 10px;line-height:1.15;position:relative;overflow:hidden}.main .md-dashboard-table th{height:28px;padding-top:6px;padding-bottom:6px}.md-dashboard-table th .md-column-resizer{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;width:8px;height:100%;position:absolute;top:0;right:0}.md-dashboard-table th .md-column-resizer:hover{background:#22c55e55}.profiles-page{flex-direction:column;gap:20px;display:flex}.profiles-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.profiles-heading h2{margin:0}.profiles-heading p{color:#94a3b8;margin:7px 0 0}.profiles-add{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;padding:11px 16px;font-weight:700}.profiles-table-wrap{overflow-x:auto}.profiles-error{color:#fca5a5}.profiles-delete{color:#fff;cursor:pointer;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;padding:8px 12px}.profiles-delete:disabled{opacity:.5}.profiles-form{max-height:min(90vh,900px);overflow-y:auto}.profiles-hint{color:#94a3b8;margin:0;font-size:12px}.profiles-check{align-items:center;gap:10px;display:flex}.profiles-check input{width:auto}.profiles-form{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:9px 14px;width:min(690px,96vw);max-height:96dvh;padding:20px 24px;display:grid}.profiles-form h2,.profiles-form .profiles-hint,.profiles-form .group-actions,.profiles-form .profiles-check{grid-column:1/-1}.profiles-form h2{margin:0 0 8px}.profiles-form input,.profiles-form select{min-width:0;padding:9px 12px}.profiles-form label{font-size:13px}.profiles-password-wrap{min-width:0;position:relative}.profiles-password-wrap input{width:100%;padding-right:48px}.profiles-eye{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.profiles-eye:hover{color:#fff;background:#263348}@media (width<=560px){.profiles-form{grid-template-columns:minmax(0,1fr)}.profiles-form h2,.profiles-form .profiles-hint,.profiles-form .group-actions,.profiles-form .profiles-check{grid-column:1}}.profiles-form-error{color:#fecaca;background:#450a0a;border:1px solid #b91c1c;border-radius:8px;grid-column:1/-1;margin:6px 0;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.5;display:block}.md-devices{flex-direction:column;gap:20px;display:flex}.md-devices-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.md-devices-heading h2{margin:0}.md-devices-heading p{color:#94a3b8;margin:6px 0 0}.md-devices-add{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;padding:11px 16px;font-weight:700}.md-devices-form{width:min(550px,96vw);max-height:94dvh;overflow-y:auto}.md-devices-form textarea{color:#fff;width:100%;font:inherit;resize:vertical;background:#0b1220;border:1px solid #475569;border-radius:8px;padding:12px}.md-devices-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.md-devices-tabs button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:10px}.md-devices-tabs button.selected{color:#86efac;background:#052e16;border-color:#16a34a}.md-devices-note{color:#94a3b8;margin:0;font-size:12px}.md-devices-error{color:#fca5a5}.md-devices-success{color:#86efac}.md-profile-fields{border-top:1px solid #334155;border-bottom:1px solid #334155;gap:12px;padding:14px 0;display:grid}.md-profile-fields h3{color:#f1f5f9;margin:0;font-size:16px}.md-profile-fields p{color:#94a3b8;margin:0;font-size:12px}.md-profile-field{gap:6px;display:grid}.md-profile-field label{color:#cbd5e1;font-size:13px}.md-profile-field select{color:#fff;background:#0b1220;border:1px solid #475569;border-radius:8px;width:100%;padding:10px 12px}.md-nat-section{border-top:1px solid #334155;gap:12px;padding-top:14px;display:grid}.md-nat-toggle{color:#cbd5e1;cursor:pointer;align-items:center;gap:10px;display:flex}.md-nat-toggle input{accent-color:#22c55e;width:17px;height:17px}.md-nat-fields{gap:12px;display:grid}.md-nat-port-row{grid-template-columns:1fr 145px;align-items:center;gap:12px;display:grid}.md-nat-port-row input[type=number]{appearance:textfield;width:100%}.md-nat-port-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.md-nat-port-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=480px){.md-nat-port-row{grid-template-columns:1fr}}.main .md-action-open{color:#e2e8f0;cursor:pointer;font:inherit;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:4px 10px}.main .md-action-open:hover{background:#334155}.md-action-overlay{z-index:220}.md-action-dialog{gap:11px;width:min(400px,94vw)}.md-action-device{color:#94a3b8;overflow-wrap:anywhere;margin:0 0 8px}.md-action-dialog>button{color:#f1f5f9;text-align:left;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;width:100%;padding:12px}.md-action-dialog>button:hover{background:#334155}.md-action-dialog>button.md-action-delete{color:#fca5a5;border-color:#7f1d1d}.md-action-dialog>button.md-action-cancel{text-align:center}.md-routeros{flex-direction:column;gap:16px;display:flex}.md-routeros-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.md-routeros-heading h2{margin:10px 0 4px}.md-routeros-heading p{color:#94a3b8;margin:0}.md-routeros-back{color:#86efac;cursor:pointer;background:0 0;border:0;padding:0}.md-routeros-refresh{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:7px;padding:9px 14px}.md-routeros-tabs{gap:8px;display:flex}.md-routeros-tabs button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:7px;padding:10px 18px}.md-routeros-tabs button.selected{color:#86efac;border-color:#16a34a}.md-routeros-up{color:#22c55e}.md-routeros-down{color:#ef4444}.md-routeros-error{color:#fca5a5}.md-routeros-notice{color:#94a3b8}.md-routeros-device-link{color:#86efac;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.md-routeros-device-link:hover{text-decoration:underline}.md-scan-overlay{z-index:250}.md-scan-dialog{color:#e2e8f0;background:#111827;border:1px solid #334155;border-radius:14px;flex-direction:column;gap:18px;width:min(1120px,96vw);max-height:92dvh;padding:22px;display:flex;overflow-y:auto}.md-scan-header,.md-scan-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.md-scan-header h2{margin:0 0 5px}.md-scan-header p,.md-scan-hint{color:#94a3b8;margin:0;font-size:13px}.md-scan-search{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.md-scan-search label{width:100%}.md-scan-search input{color:#fff;min-width:200px;font:inherit;background:#0b1220;border:1px solid #475569;border-radius:8px;flex:1;padding:11px}.md-scan-dialog button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:10px 14px}.md-scan-dialog button.md-scan-primary{color:#fff;background:#15803d;border-color:#15803d;font-weight:600}.md-scan-dialog button:disabled{opacity:.55;cursor:default}.md-scan-table-container{overflow-x:auto}.md-scan-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.md-scan-table th,.md-scan-table td{white-space:nowrap;border-bottom:1px solid #334155;padding:11px 9px}.md-scan-table tbody tr:hover{background:#1e293b}.md-scan-table input[type=checkbox]{accent-color:#22c55e}.md-scan-error{color:#fca5a5;font-weight:600}.md-scan-summary{color:#86efac;margin:0;font-size:13px}.md-scan-mode{flex-wrap:wrap;gap:20px;display:flex}.md-scan-mode label{cursor:pointer;align-items:center;gap:8px;display:flex}.md-scan-mode input{accent-color:#22c55e}.md-scan-router{gap:8px;display:grid}.md-scan-router select{color:#fff;font:inherit;background:#0b1220;border:1px solid #475569;border-radius:8px;padding:11px}.md-connection-form{gap:11px;width:min(570px,96vw);max-height:94dvh;overflow-y:auto}.md-connection-name{color:#94a3b8;margin:0 0 6px}.md-connection-row{grid-template-columns:minmax(0,1fr) 155px;align-items:center;gap:12px;display:grid}.md-connection-row input{min-width:0}.md-connection-note{color:#94a3b8;font-size:12px;line-height:1.5}.md-connection-error{color:#fecaca;background:#450a0a;border-radius:7px;padding:10px}@media (width<=480px){.md-connection-row{grid-template-columns:1fr}}.md-connection-form input[type=number]{appearance:textfield}.md-connection-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.md-connection-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.md-edit-form{width:min(620px,96vw);max-height:94dvh;overflow-y:auto}.md-edit-form h3{margin:12px 0 0;font-size:16px}.md-edit-profile{gap:6px;display:grid}.md-edit-profile select{color:#fff;background:#0b1220;border:1px solid #475569;border-radius:8px;width:100%;padding:10px}.md-edit-error{color:#fecaca;background:#450a0a;border:1px solid #b91c1c;border-radius:8px;padding:12px}.md-actions-menu{display:inline-block;position:relative}.md-actions-menu summary{cursor:pointer;color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:7px;padding:5px 10px;list-style:none}.md-actions-menu summary::-webkit-details-marker{display:none}.md-actions-options{z-index:30;background:#111827;border:1px solid #475569;border-radius:8px;min-width:185px;padding:5px;position:absolute;top:100%;right:0;box-shadow:0 12px 28px #0008}.md-actions-options button{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:9px;display:block}.md-actions-options button:hover{background:#263348}.md-actions-options .md-delete-action{color:#fca5a5}.md-edit-form input[type=number]{appearance:textfield}.md-edit-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.md-edit-form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.layout{color:#e5e7eb;background:#0b1220;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:#0f172a;border-right:1px solid #1f2937;padding:24px 18px}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-icon{color:#04130a;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.brand-title{color:#f9fafb;font-size:22px;font-weight:700}.brand-subtitle{color:#94a3b8;font-size:13px}.menu{flex-direction:column;gap:8px;display:flex}.menu-item{color:#cbd5e1;border-radius:10px;padding:10px 12px;text-decoration:none;transition:all .2s}.menu-item:hover,.menu-item.active{color:#fff;background:#111827}.main{padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.topbar h1{margin:0 0 8px;font-size:34px;line-height:1.1}.topbar p{color:#94a3b8;margin:0}.status-pill{color:#86efac;white-space:nowrap;background:#052e16;border:1px solid #166534;border-radius:999px;padding:10px 14px;font-weight:600}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.card,.panel{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:18px}.card-label{color:#94a3b8;margin-bottom:10px;font-size:13px}.card-value{color:#f9fafb;font-size:24px;font-weight:700}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel h2{margin:0 0 14px;font-size:20px}.panel p{color:#cbd5e1;margin:0;line-height:1.6}.simple-list{color:#cbd5e1;margin:0;padding-left:18px;line-height:1.8}.ok-box,.error-box{border-radius:12px;padding:12px 14px;font-weight:500}.ok-box{color:#86efac;background:#052e16;border:1px solid #166534}.error-box{color:#fca5a5;background:#450a0a;border:1px solid #991b1b}@media (width<=1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}}@media (width<=820px){.layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1f2937;border-right:0}.topbar{flex-direction:column}.cards{grid-template-columns:1fr}}.brand-logo{object-fit:contain;flex-shrink:0;width:48px;height:48px}.sidebar{flex-direction:column;min-height:100vh;display:flex}.mikrodudy-footer{color:#94a3b8;text-align:center;border-top:1px solid #273244;margin-top:auto;padding:16px 6px 4px;font-size:12px;line-height:1.8}.device-section{background:#111827;border:1px solid #1f2937;border-radius:14px;overflow:hidden}.device-heading{border-bottom:1px solid #273244;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.device-heading h2{margin:0;font-size:21px}.device-heading>span{color:#94a3b8;font-size:13px}.device-table-wrap{width:100%;overflow-x:auto}.device-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.device-table th{color:#94a3b8;white-space:nowrap;background:#172033;padding:14px;font-weight:600}.device-table td{white-space:nowrap;border-top:1px solid #273244;padding:14px}.device-table tbody tr:hover{background:#192438}.device-name{color:#e5e7eb;font-weight:600}.device-status{align-items:center;gap:8px;font-weight:600;display:inline-flex}.device-status.online{color:#22c55e}.device-status.offline{color:#ef4444}.status-dot{background:currentColor;border-radius:50%;width:9px;height:9px;display:inline-block}.device-warning{color:#fca5a5;background:#452020;padding:12px 20px}.device-empty{color:#94a3b8;text-align:center;padding:30px!important}.device-table{table-layout:fixed;font-variant-numeric:tabular-nums}.device-table th,.device-table td{text-overflow:ellipsis;overflow:hidden}.device-heading{font-variant-numeric:tabular-nums}.sidebar-logout{color:#fff;cursor:pointer;text-align:center;background:#7f1d1d;border:1px solid #991b1b;border-radius:9px;width:100%;margin-top:auto;padding:11px 14px;font-size:14px;font-weight:700}.sidebar-logout:hover{background:#b91c1c}.sidebar-logout+.mikrodudy-footer{margin-top:14px}.sidebar .menu button.menu-item{box-sizing:border-box;width:100%;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:12px 16px;font-weight:400;text-decoration:none;display:block}.sidebar .menu button.menu-item:hover{background:#ffffff0b}.sidebar .menu button.menu-item.active{color:#22c55e;background:0 0}.sidebar .menu button.menu-item:focus-visible{outline-offset:-2px;outline:1px solid #22c55e}.sidebar .menu .menu-item{box-sizing:border-box;width:100%;box-shadow:none;color:#e2e8f0;font:inherit;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:8px;margin:0;padding:12px 16px;font-weight:400;text-decoration:none;transition:background-color .15s,padding-left .15s,color .15s;display:block}.sidebar .menu .menu-item:hover{color:#fff;background:#1e293b;padding-left:20px}.sidebar .menu .menu-item.active{color:#22c55e}.sidebar .menu .menu-item.active:hover{color:#22c55e;background:#1e293b}.sidebar .menu .menu-item:focus-visible{outline-offset:-1px;outline:1px solid #22c55e}.md-status-name.md-online{color:#22c55e}.md-status-name.md-offline{color:#ef4444}.device-table .md-sort-head{appearance:none;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.device-table .md-sort-head:hover{color:#22c55e}.device-table .md-sort-head:focus-visible{outline-offset:4px;border-radius:2px;outline:1px solid #22c55e}.main .device-table{border-collapse:collapse;font-size:.85em;line-height:1.15}.main .device-table th,.main .device-table td{vertical-align:middle;height:22px;padding:3px 10px;line-height:1.15}.main .device-table thead th{height:26px;padding-top:5px;padding-bottom:5px}.main .device-table .md-sort-head,.main .device-table .device-name{font-size:inherit;line-height:inherit}.main .device-table .md-devices-add{font-size:inherit;border-radius:5px;min-height:20px;padding:3px 8px;line-height:1.15}.md-status-name.md-unknown{color:#e2e8f0}.login-page{box-sizing:border-box;background:#071225;place-items:start center;min-height:100vh;padding:28px 16px;display:grid}.login-panel{box-sizing:border-box;background:#0b162d;border:1px solid #1f3658;border-radius:18px;width:min(100%,520px);padding:26px 22px 24px;box-shadow:0 20px 50px #00000059}.login-panel *{box-sizing:border-box}.login-brand{justify-content:center;align-items:center;gap:16px;margin-bottom:18px;display:flex}.login-brand img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.login-brand-title{color:#f8fafc;font-size:34px;font-weight:800;line-height:1.1}.login-subtitle{text-align:center;color:#b7c3d6;margin-bottom:28px;font-size:18px}.login-label{color:#f8fafc;margin:0 0 10px;padding-left:14px;font-size:16px;font-weight:700;display:block}.login-input{color:#f8fafc;background:#06101f;border:1px solid #2b4367;border-radius:14px;outline:none;width:100%;height:58px;margin-bottom:18px;padding:0 18px;font-size:18px}.login-input::placeholder{color:#9aa9be}.login-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.trust-options{gap:10px;margin:2px 0 12px;padding-left:14px;display:grid}.check-row{color:#c7d3e5;cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;line-height:1.35;display:flex}.check-row input{accent-color:#22c55e;flex-shrink:0;width:16px;height:16px;margin-top:2px}.authenticator-note{color:#b7c3d6;margin:8px 0 18px;padding-left:14px;font-size:15px}.login-error{color:#fecaca;background:#3a1212;border:1px solid #7f1d1d;border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:15px}.login-button{color:#fff;cursor:pointer;background:#1fb34a;border:0;border-radius:14px;width:100%;height:54px;font-size:18px;font-weight:800}.login-button:hover:enabled{background:#22c55e}.login-button:disabled{opacity:.75;cursor:not-allowed}@media (width<=640px){.login-page{padding:16px 10px}.login-panel{padding:22px 16px 20px}.login-brand{gap:12px}.login-brand img{width:54px;height:54px}.login-brand-title{font-size:28px}.login-subtitle{font-size:16px}.login-input{font-size:17px}}.trust-information{color:#cbd5e1;background:#172033;border:1px solid #334155;border-radius:10px;margin:4px 0 18px;padding:13px 15px;font-size:14px;line-height:1.5}.trust-information.trust-active{color:#86efac;background:#052e16;border-color:#166534;font-weight:600}