:root{--brand-primary:#f81775;--brand-primary-hover:#d90d63;--brand-primary-soft:#fff0f6;--bg-app:#f7f8fc;--bg-card:#fff;--bg-sidebar:#fff;--border:#e7e9f0;--text-primary:#171a22;--text-secondary:#6b7280;--text-muted:#9ca3af;--success:#16a34a;--success-soft:#ecfdf3;--warning:#f59e0b;--warning-soft:#fff7e8;--danger:#dc2626;--danger-soft:#fef2f2;--info:#2563eb;--shadow-card:0 8px 30px #1118270f;--radius:14px;--sidebar-width:260px;--topbar-height:74px;--chart-download:#f6b26b;--chart-upload:#9ca3af;--chart-total:#f81775;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg-app);min-width:100%;min-height:100%;color:var(--text-primary);margin:0}body{min-width:1366px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.muted{color:var(--text-secondary)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:20;flex-direction:column;padding:22px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand img{object-fit:contain;width:56px;height:48px}.brand div{flex-direction:column;gap:2px;display:flex}.brand b{font-size:14px}.brand span{color:var(--text-secondary);font-size:11px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#4b5563;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{background:#fafafc}.nav-item.active{background:var(--brand-primary-soft);color:var(--brand-primary)}.system-status{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:5px;margin-top:auto;padding:13px;font-size:12px;display:flex;position:relative}.system-status>div{align-items:center;gap:7px;display:flex}.system-status strong{color:var(--success);font-size:11px}.system-status small{color:var(--text-secondary);padding-right:20px}.system-status button{color:var(--text-secondary);background:0 0;border:0;position:absolute;bottom:9px;right:8px}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.online{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.dashboard-main{margin-left:var(--sidebar-width);min-height:100vh}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:15;background:#fffffff5;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.page-heading h1{margin:0;font-size:22px}.top-actions{align-items:center;gap:10px;display:flex}.page-body{flex-direction:column;gap:20px;padding:24px 28px 40px;display:flex}.page-body.narrow{max-width:1100px}.metrics-grid{gap:14px;display:grid}.metrics-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metrics-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-grid,.analytics-grid{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.overview-grid .span2,.analytics-grid .span2{grid-column:span 1}.detail-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.detail-chart{grid-row:span 2}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-layout{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{background:linear-gradient(145deg,#fff 0%,#fff5fa 50%,#ffe8f2 100%);flex-direction:column;justify-content:space-between;padding:72px 9vw;display:flex}.login-brand h1{margin:14px 0 20px;font-size:54px;line-height:1.05}.login-brand p{color:var(--text-secondary);max-width:620px;font-size:18px;line-height:1.7}.login-brand ul{gap:16px;margin-top:36px;padding:0;list-style:none;display:grid}.login-brand li{align-items:center;gap:12px;font-weight:600;display:flex}.login-brand li svg{color:var(--brand-primary)}.login-panel{background:#fbfbfd;place-items:center;display:grid;position:relative}.login-links{color:var(--text-secondary);gap:22px;font-size:13px;display:flex;position:absolute;top:28px;right:36px}.login-card{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:440px;padding:38px;display:flex;box-shadow:0 24px 70px #11182714}.login-lock{background:var(--brand-primary-soft);width:46px;height:46px;color:var(--brand-primary);border-radius:14px;place-items:center;display:grid}.login-card h2{margin:0;font-size:26px}.login-card>p{color:var(--text-secondary);margin:-8px 0 8px;font-size:14px}.login-card label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.login-card input{border:1px solid var(--border);border-radius:10px;outline:none;height:44px;padding:0 12px}.login-card input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft)}.password-wrap{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.password-wrap input{border:0;flex:1}.password-wrap button{color:var(--text-secondary);background:#fff;border:0;padding:0 12px}.remember{align-items:center;flex-direction:row!important}.remember input{height:auto}.prototype-note{text-align:center;color:var(--text-muted)}.panel,.metric-card,.identity-card,.device-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.panel{padding:18px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-title>div{flex-direction:column;gap:4px;display:flex}.panel-title small,.metric-caption{color:var(--text-secondary);font-size:11px}.metric-card{min-height:116px;padding:16px}.metric-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.metric-main{align-items:center;gap:10px;margin:12px 0 8px;display:flex}.metric-main strong{font-size:24px;line-height:1.05}.metric-icon{background:var(--brand-primary-soft);width:34px;height:34px;color:var(--brand-primary);border-radius:10px;place-items:center;display:grid}.badge-demo,.real-chip,.local-chip,.readonly-tag{letter-spacing:.05em;white-space:nowrap;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800}.badge-demo{color:#a15c00;background:#fff4e5}.real-chip{color:#15803d;background:#ecfdf3}.local-chip{background:var(--brand-primary-soft);color:var(--brand-primary);margin-left:6px}.readonly-tag{color:#6b7280;background:#f3f4f6;margin-left:6px}.control,.report-controls input,.report-controls select{border:1px solid var(--border);height:38px;color:var(--text-primary);background:#fff;border-radius:9px;outline:none;padding:0 10px}.control:focus,.report-controls input:focus,.report-controls select:focus{border-color:var(--brand-primary)}.control.compact{width:90px}.control.grow{flex:1}.wide-control{min-width:360px}.btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.btn.primary{background:var(--brand-primary);color:#fff}.btn.primary:hover{background:var(--brand-primary-hover)}.btn.secondary{border-color:var(--border);color:#374151;background:#fff}.btn.ghost{color:#4b5563;background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.tiny{height:30px;padding:0 9px;font-size:11px}.btn.wide{width:100%;height:45px}.text-link,.text-button{color:var(--brand-primary);background:0 0;border:0;font-size:12px;font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-field,.global-search{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex;position:relative}.search-field{min-width:360px}.search-field input,.global-search input{background:0 0;border:0;outline:none;width:100%}.global-search{width:280px}.search-results{border:1px solid var(--border);z-index:60;background:#fff;border-radius:10px;padding:6px;position:absolute;top:44px;left:0;right:0;box-shadow:0 14px 40px #0000001f}.search-results button{text-align:left;background:#fff;border:0;border-radius:8px;flex-direction:column;width:100%;padding:9px;display:flex}.search-results button:hover{background:#faf5f8}.search-results span,.search-empty{color:var(--text-secondary);font-size:11px}.icon-button,.user-button,.date-button{border:1px solid var(--border);background:#fff;border-radius:10px;height:40px}.icon-button{place-items:center;width:40px;display:grid;position:relative}.count-badge{background:var(--brand-primary);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-5px;right:-4px}.user-button{align-items:center;gap:8px;padding:0 9px;display:flex}.user-button>span:nth-child(2){text-align:left;flex-direction:column;font-size:11px;display:flex}.user-button small{color:var(--text-secondary)}.avatar{background:var(--brand-primary-soft);width:28px;height:28px;color:var(--brand-primary);border-radius:8px;place-items:center;font-weight:800;display:grid}.menu-wrap,.date-range-wrap{position:relative}.popover{border:1px solid var(--border);z-index:70;background:#fff;border-radius:12px;padding:8px;position:absolute;top:46px;right:0;box-shadow:0 16px 50px #0000001f}.date-button{align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.date-pop{grid-template-columns:1fr 1fr;gap:8px;width:310px;display:grid}.date-pop label{flex-direction:column;gap:4px;font-size:11px;display:flex}.date-pop input{border:1px solid var(--border);border-radius:8px;height:34px;padding:0 5px}.date-pop small{color:var(--text-secondary);grid-column:1/-1}.notifications{width:330px}.popover-head{justify-content:space-between;padding:7px;display:flex}.notification-row,.user-pop button{text-align:left;background:#fff;border:0;border-radius:8px;gap:5px;width:100%;padding:10px;display:flex}.notification-row{flex-direction:column}.notification-row span{color:var(--text-secondary);font-size:11px}.notification-row:hover,.user-pop button:hover{background:#faf5f8}.user-pop{width:210px}.user-pop button{justify-content:flex-start;align-items:center}.chart-box{height:300px}.chart-tooltip{border:1px solid var(--border);background:#fff;border-radius:9px;padding:9px;font-size:11px;box-shadow:0 10px 25px #0000001a}.donut-layout{align-items:center;gap:8px;display:flex}.donut{width:190px;height:190px;position:relative}.donut-total{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.donut-total b{font-size:20px}.donut-total span{color:var(--text-secondary);font-size:10px}.legend-list{flex:1;gap:10px;display:grid}.legend-list>div{grid-template-columns:12px 1fr auto;align-items:center;font-size:11px;display:grid}.legend-dot{border-radius:50%;width:8px;height:8px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;color:#6b7280;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;background:#fafafc;padding:11px;font-size:10px}.data-table td{vertical-align:middle;border-bottom:1px solid #f0f1f5;padding:12px 11px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fffafc}.data-table td>small{color:var(--text-secondary);margin-top:4px;display:block}.status-badge{text-transform:capitalize;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.status-badge.success{background:var(--success-soft);color:var(--success)}.status-badge.warning{background:var(--warning-soft);color:#b45309}.status-badge.danger{background:var(--danger-soft);color:var(--danger)}.status-badge.neutral{color:#6b7280;background:#f3f4f6}.pagination{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.pagination button{border:1px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px}.state-panel{min-height:120px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.state-panel.error{color:var(--danger)}.spinner{border:2px solid #eee;border-top-color:var(--brand-primary);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.identity-card{grid-template-columns:repeat(6,1fr);padding:16px;display:grid}.identity-card>div{border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:6px 14px;display:flex}.identity-card>div:last-child{border:0}.identity-card small{color:var(--text-secondary);font-size:10px}.detail-actions{justify-content:space-between;display:flex}.detail-list{gap:0;margin:0;display:grid}.detail-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:10px 0;display:flex}.detail-list dt{color:var(--text-secondary);font-size:11px}.detail-list dd{text-align:right;margin:0;font-size:12px;font-weight:700}.timeline{gap:16px;display:grid}.timeline>div{gap:10px;display:flex}.timeline-dot{background:var(--brand-primary);border-radius:50%;width:9px;height:9px;margin-top:4px}.timeline>div>div{flex-direction:column;display:flex}.timeline small{color:var(--text-secondary)}.form-banner{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;display:flex}.form-banner p{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.device-form{padding:20px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{border:1px solid var(--border);border-radius:9px;outline:none;padding:10px}.form-grid input{height:40px}.form-grid textarea{resize:vertical;min-height:78px}.form-grid input:disabled,.form-grid textarea:disabled{color:#6b7280;background:#f6f7f9}.form-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:9px 12px;font-size:12px}.success-note{background:var(--success-soft);color:var(--success);border-radius:8px;margin-top:12px;padding:9px 12px;font-size:12px}.page-demo-note{color:#92400e;background:#fff7e8;border:1px solid #fde7bd;border-radius:9px;padding:8px 10px;font-size:11px}.inline-label{color:var(--text-secondary);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.report-controls{grid-template-columns:repeat(5,1fr) auto;align-items:end;gap:12px;display:grid}.report-controls label{flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.usage-groups{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.usage-groups>div{border:1px solid var(--border);text-align:center;border-radius:10px;padding:15px;font-size:12px;font-weight:700}.usage-groups>div.selected{border-color:var(--brand-primary);background:var(--brand-primary-soft);color:var(--brand-primary)}.settings-list{display:grid}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.setting-row>div{flex-direction:column;gap:4px;display:flex}.setting-row small{color:var(--text-secondary)}.filter-chips{gap:7px;display:flex}.filter-chips button{color:#be185d;background:#fff0f6;border:1px solid #fbcfe8;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:flex}.not-found{text-align:center;place-content:center;gap:12px;min-height:100vh;display:grid}.not-found h1{color:var(--brand-primary);margin:0;font-size:72px}.eyebrow{color:var(--brand-primary);letter-spacing:.12em;font-weight:800}@media print{.sidebar,.topbar,.toolbar,.btn,.page-demo-note{display:none!important}.dashboard-main{margin:0}.page-body{padding:0}.panel{box-shadow:none;border:0}}@media (width<=1500px){.metrics-grid.six{grid-template-columns:repeat(3,1fr)}.overview-grid,.analytics-grid{grid-template-columns:2fr 1fr}.overview-grid>:last-child,.analytics-grid>:last-child{grid-column:2}.global-search{width:220px}.identity-card{grid-template-columns:repeat(3,1fr)}.identity-card>div:nth-child(3){border-right:0}.report-controls{grid-template-columns:repeat(3,1fr)}}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading h1,.page-heading h2{margin:0;font-size:22px;line-height:1.15}.page-heading p{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{background:var(--brand-primary);color:#fff;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.button.secondary{border-color:var(--border);color:#374151;background:#fff}.button.ghost{color:#4b5563;background:0 0;border-color:#0000}.button:disabled{opacity:.45;cursor:not-allowed}.select{border:1px solid var(--border);height:38px;color:var(--text-primary);background:#fff;border-radius:9px;outline:none;padding:0 10px}.select:focus{border-color:var(--brand-primary)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-heading h3{margin:0;font-size:14px}.metric-top{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.metric-body{justify-content:space-between;align-items:center;gap:10px;margin:12px 0 8px;display:flex}.metric-body>div{flex-direction:column;gap:5px;display:flex}.metric-body strong{font-size:24px;line-height:1.05}.metric-body small{color:var(--text-secondary);font-size:10px}.chart-wrap{min-width:0;height:300px}.chart-empty{height:300px;color:var(--text-secondary);place-items:center;font-size:12px;display:grid}.donut-panel{min-width:0}.donut-inner{min-width:0;height:250px;position:relative}.donut-total strong{font-size:18px}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:12px;display:flex}.filters>input{border:1px solid var(--border);border-radius:9px;flex:1;min-width:300px;height:38px;padding:0 10px}.filter-chips{flex-wrap:wrap;align-items:center;margin-bottom:10px}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:12px}.table-scroll th{text-align:left;color:#6b7280;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;background:#fafafc;padding:11px;font-size:10px}.table-scroll td{vertical-align:middle;border-bottom:1px solid #f0f1f5;padding:12px 11px}.alert-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.threshold-box{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 10px;font-size:11px;display:flex}.threshold-box input{border:0;outline:none}.info-list{gap:0;display:grid}.info-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:9px 0;display:flex}.info-item label{color:var(--text-secondary);font-size:11px}.info-item strong{text-align:right;font-size:12px}.audit-list{gap:10px;display:grid}.audit-entry{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.audit-entry span{color:var(--text-secondary);font-size:11px}.side-stack{flex-direction:column;gap:16px;display:flex}.device-edit-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.state-box{text-align:center;min-height:160px;color:var(--text-secondary);place-content:center;gap:10px;display:grid}.modal-backdrop{z-index:100;background:#11182773;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(560px,90vw);padding:20px;box-shadow:0 24px 80px #0003}.chip{color:#be185d;background:#fff0f6;border:1px solid #fbcfe8;border-radius:99px;padding:5px 9px;font-size:11px}.usage-panel{min-width:0}@media (width<=1500px){.alert-summary{grid-template-columns:repeat(2,1fr)}.device-edit-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}}.transport-stale-notice{color:#92400e;background:#fffbeb;border:1px solid #f59e0b;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.transport-stale-notice span{color:#a16207}.filter-with-badge{align-items:center;gap:6px;display:flex}.filter-with-badge>span{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.machine-telemetry-table{table-layout:fixed;min-width:1300px}.machine-telemetry-table th,.machine-telemetry-table td{overflow-wrap:anywhere;line-height:1.25}.machine-telemetry-table th{text-align:center;vertical-align:middle}.machine-telemetry-table td{vertical-align:top}.machine-telemetry-table td>b{font-weight:700;display:block}.machine-telemetry-table td>small{margin-top:3px;line-height:1.3;display:block}.rank-column{width:42px}.machine-id-column{width:145px}.machine-type-column{width:90px}.network-column{width:105px}.network-detail-column{width:220px}.cpu-column{width:100px}.ram-column{width:90px}.storage-column{width:95px}.temp-column{width:90px}.usage-column{width:110px}.last-data-column{width:100px}.status-column{width:78px}.remark-column{width:86px}.machine-telemetry-table th.machine-type-column{white-space:nowrap;overflow-wrap:normal}.machine-telemetry-table td.network-detail-column{text-align:left}.machine-telemetry-table td.status-column{text-align:center}.machine-telemetry-table .network-detail-cell small{white-space:nowrap;overflow-wrap:normal;word-break:normal;display:block}.table-wrap{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}@media (width<=1500px){.metrics-grid.five{gap:10px}.metrics-grid.five .metric-card{min-width:0;padding:12px}.metrics-grid.five .metric-body strong{font-size:21px}.machine-telemetry-table{min-width:1240px;font-size:11px}.machine-telemetry-table th{padding:8px 7px;font-size:9px}.machine-telemetry-table td{padding:9px 7px}.machine-telemetry-table .status-badge{padding:3px 6px;font-size:9px}.filters>input{min-width:240px}}.auth-layout{grid-template-columns:1.05fr .95fr;min-height:100vh}.login-brand{padding:72px 9vw 46px}.login-brand img{object-fit:contain;width:64px;height:54px}.login-brand h1{letter-spacing:-.025em;margin:18px 0 14px;font-size:40px;line-height:1.02}.login-brand p{max-width:470px;margin:0;font-size:14px;line-height:1.55}.login-brand ul{gap:11px;margin-top:26px}.login-brand li{gap:10px;font-size:13px}.login-brand li svg{width:16px;height:16px}.login-brand small{font-size:11px}.login-links{gap:18px;font-size:11px;top:22px;right:28px}.login-card{border-radius:16px;gap:12px;width:336px;padding:26px;box-shadow:0 18px 52px #11182713}.login-lock{border-radius:11px;width:38px;height:38px}.login-lock svg{width:18px;height:18px}.login-card h2{font-size:20px}.login-card>p{margin:-5px 0 5px;font-size:11px}.login-card label{gap:6px;font-size:11px}.login-card input{border-radius:8px;height:38px;padding:0 10px;font-size:11px}.password-wrap{border-radius:8px}.password-wrap button{padding:0 10px}.remember{font-size:11px!important}.login-card .btn.wide{min-height:38px;font-size:11px}.prototype-note{font-size:11px;line-height:1.35}@media (width<=1100px){.login-brand{padding:52px 6vw 38px}.login-brand h1{font-size:36px}.login-card{width:min(336px,100vw - 48px)}}