@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");:root{--bg:#f7f8fa;--panel:#fff;--ink:#20242d;--muted:#858b98;--line:#eaecf0;--blue:#5578e8;--nav:#333944}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Noto Sans SC,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #eceef2;padding:21px 14px 13px;display:flex;flex-direction:column;z-index:4}.brand{height:35px;display:flex;align-items:center;gap:10px;padding:0 5px}.brand-mark{height:30px;width:30px;border-radius:9px;background:#272e3b;color:white;display:grid;place-items:center}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.6px;line-height:18px}.brand-name span{font-size:8px;vertical-align:top;margin-left:2px;color:#858b98}.brand-caption{color:#a1a6b0;font:8px DM Mono,monospace;letter-spacing:1.1px;margin-top:2px}.icon-button{height:30px;width:30px;border:0;border-radius:7px;background:transparent;color:#737986;display:grid;place-items:center}.icon-button:hover,.row-more:hover{background:#f2f4f7}.side-more{margin-left:auto}.workspace-switch{display:flex;align-items:center;width:100%;margin-top:25px;padding:9px 8px;border:1px solid #eaecf0;border-radius:9px;background:#fff;text-align:left;gap:9px}.workspace-logo{width:29px;height:29px;display:grid;place-items:center;background:#edf1ff;color:#5573d5;border-radius:7px;font-weight:700}.workspace-label{display:flex;flex-direction:column;gap:2px;flex:1 1}.workspace-label strong{font-size:11px;font-weight:600}.workspace-label span{font-size:10px;color:#9a9fac}.workspace-switch>svg{color:#979ca7}.search-shortcut{margin-top:15px;display:flex;align-items:center;gap:9px;border:1px solid #eceef2;background:#fbfbfc;color:#848b97;border-radius:7px;height:34px;padding:0 9px;text-align:left}.search-shortcut span{flex:1 1;font-size:11px}.search-shortcut kbd,.table-search kbd{font:9px DM Mono,monospace;color:#a1a6b0;border:1px solid #e5e7eb;border-radius:4px;padding:2px 4px;background:white}.nav-groups{padding-top:21px}.nav-group{margin-bottom:18px}.nav-heading{padding:0 9px;margin-bottom:6px;color:#a0a5af;font-size:10px;font-weight:600;letter-spacing:.2px}.nav-item{display:flex;align-items:center;width:100%;height:34px;border:0;border-radius:6px;background:transparent;padding:0 9px;gap:10px;color:#727987;text-align:left;font-size:11px;margin:1px 0}.nav-item svg{color:#8b919c}.nav-item span:nth-child(2){flex:1 1}.nav-item:hover{background:#f6f7f9;color:#2b303a}.nav-item.active{background:#f0f3fc;color:#4168df;font-weight:600}.nav-item.active svg{color:#5176e8}.nav-count{font:9px DM Mono,monospace;color:#959ba6;background:#f0f1f4;padding:3px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto}.connection{height:29px;margin:0 7px 9px;display:flex;align-items:center;gap:6px;color:#747b88;font-size:10px;border-bottom:1px solid #eff0f3;padding-bottom:10px}.connection-dot,.sync-indicator span{height:6px;width:6px;border-radius:50%;background:#54b987;box-shadow:0 0 0 3px #e8f6ee}.connection-time{margin-left:auto;color:#a1a6b0;font:9px DM Mono,monospace}.user-profile{display:flex;align-items:center;gap:9px;padding:11px 6px 0;margin-top:7px;border-top:1px solid #eff0f3}.avatar,.top-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e8ecf5;color:#53627d;font-size:11px;font-weight:600}.user-meta{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-meta strong{font-size:11px;font-weight:600}.user-meta span{font-size:9px;color:#9ba0aa}.user-profile>svg{color:#9ba0aa}.main-column{margin-left:244px;min-height:100vh}.topbar{height:54px;background:rgba(255,255,255,.82);border-bottom:1px solid #ebedf1;justify-content:space-between;padding:0 38px;position:-webkit-sticky;position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:10px;color:#8e94a0;font-size:11px}.breadcrumbs strong{color:#424752;font-weight:600}.crumb-sep{color:#d2d5db}.top-actions{gap:16px}.help-button,.top-actions{display:flex;align-items:center}.help-button{gap:6px;border:0;background:none;color:#777e8a;font-size:10px}.notification{position:relative}.notification i{position:absolute;right:6px;top:5px;width:5px;height:5px;background:#e77b73;border:1px solid white;border-radius:50%}.top-avatar{width:27px;height:27px}.content{max-width:1460px;padding:31px 39px 22px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px}.eyebrow{font:9px DM Mono,monospace;color:#9ba1ad;letter-spacing:.65px;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:#8094df}h1,h2,h3,p{margin:0}h1{font:700 24px Manrope,Noto Sans SC,sans-serif;letter-spacing:-.8px;margin-top:9px;color:#252a34}h1 .heading-period{color:#aeb7ca;margin:0 3px}.page-heading p{color:#8d939e;font-size:11px;margin-top:6px}.heading-actions{display:flex;gap:8px}.button{height:32px;border-radius:6px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.button.secondary{background:white;border:1px solid #e5e7eb;color:#646b78;box-shadow:0 1px 2px #20242d08}.button.primary{background:#5578e8;border:1px solid #5578e8;color:white;box-shadow:0 2px 5px #5578e833}.button.primary:hover{background:#486bd9}.button.small{height:28px;padding:0 9px}.scope-bar{height:43px;background:#fff;border:1px solid #eaecf0;border-radius:7px;justify-content:space-between;padding:0 11px;margin-bottom:13px}.scope-bar,.scope-left{display:flex;align-items:center}.scope-left{gap:8px;color:#454b57;font-size:10px}.scope-mark{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;background:#f0f3fa;color:#697da9}.scope-left strong{font-weight:600}.scope-divider{height:15px;width:1px;background:#ebedf0;margin:0 4px}.scope-muted{color:#737a86}.sync-indicator{display:flex;align-items:center;gap:7px;color:#9399a4;font-size:9px}.sync-indicator span{width:5px;height:5px;box-shadow:none}.date-select,.select-compact{height:27px;padding:0 8px;border:1px solid #e9ebef;border-radius:5px;background:#fff;display:flex;align-items:center;gap:7px;color:#68707d;font-size:10px}.date-square{color:#858c99;font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:13px}.metric-card{height:105px;background:white;border:1px solid #eaecf0;border-radius:8px;padding:13px 14px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#777e8a;font-size:10px}.metric-icon{height:27px;width:27px;border-radius:7px;display:grid;place-items:center}.metric-icon.blue{color:#5b7ae1;background:#eff3ff}.metric-icon.violet{color:#8870d1;background:#f4f0fd}.metric-icon.green{color:#4da47d;background:#edf7f1}.metric-icon.amber{color:#c79348;background:#fbf4e8}.metric-value{font:700 21px Manrope,DM Sans,sans-serif;letter-spacing:-.65px;margin-top:6px;color:#272c36}.metric-foot{justify-content:space-between;margin-top:3px;color:#9a9faa;font-size:9px}.metric-foot,.trend{display:flex;align-items:center}.trend{color:#48a37a;font:9px DM Mono,monospace}.overview-grid{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(270px,.92fr);grid-gap:12px;gap:12px;margin-bottom:13px}.panel{background:#fff;border:1px solid #eaecf0;border-radius:8px}.health-panel,.trend-panel{height:240px;padding:15px 16px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between}.panel-header h2,.records-heading h2{font-size:12px;font-weight:650;letter-spacing:-.1px;color:#353a44}.panel-header p,.records-heading p{font-size:9px;color:#999eaa;margin-top:4px}.select-compact{height:25px;font-size:9px}.chart-legend{display:flex;align-items:center;gap:14px;margin-top:13px;color:#8c929e;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:2px}.legend-blue{background:#6688f0}.legend-amber{background:#e6aa53}.legend-gray{background:#b9c0cd}.chart-area{height:148px;display:flex;padding-top:9px}.chart-y{width:26px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-bottom:18px;color:#aeb3bc;font:8px DM Mono,monospace}.chart{position:relative;flex:1 1;height:100%}.grid-lines{position:absolute;inset:0 0 18px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #eef0f4}.chart svg{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);overflow:visible}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aeb3bc;font:8px DM Mono,monospace}.health-panel{padding-left:17px;padding-right:17px}.health-score{height:110px;display:flex;align-items:center;gap:16px;padding:9px 0 7px 6px}.ring{height:77px;width:77px;border-radius:50%;background:conic-gradient(#5c7fe8 0deg 335deg,#edf0f5 335deg 1turn);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:white}.ring>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}.ring strong{font:700 19px Manrope;color:#303641;letter-spacing:-.7px}.ring span{font-size:8px;color:#9ba1ab}.health-meta{display:flex;flex-direction:column;gap:9px;color:#9a9faa;font-size:9px}.health-meta b{color:#4caa7f;font-weight:600;margin-left:3px}.healthy-tag{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;background:#eff8f3;color:#479a72;width:max-content}.healthy-tag span{width:5px;height:5px;border-radius:50%;background:#50af80}.health-rows{border-top:1px solid #f0f1f4;padding-top:8px;display:flex;flex-direction:column;gap:8px}.health-rows>div{display:flex;align-items:center;justify-content:space-between;color:#858b97;font-size:9px}.health-rows strong{font:600 10px DM Mono,monospace;color:#505661}.health-rows>div>span{display:flex;align-items:center;gap:7px}.health-dot{height:6px;width:6px;border-radius:2px}.green-dot{background:#58b585}.blue-dot{background:#6c8cec}.amber-dot{background:#dfa84f}.text-link{display:flex;align-items:center;gap:5px;margin-top:10px;padding:0;border:0;background:none;color:#6681d6;font-size:9px}.records-panel{overflow:hidden}.records-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 13px}.records-title{display:flex;align-items:center;gap:8px}.records-total{font:9px DM Mono,monospace;color:#8f95a1;background:#f3f4f6;border-radius:4px;padding:3px 5px}.records-actions{display:flex;align-items:center;gap:6px}.bordered{border:1px solid #e9ebef;background:#fff}.table-toolbar{min-height:41px;border-top:1px solid #f0f1f4;border-bottom:1px solid #ebedf0;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.tabs{height:41px;align-items:stretch;gap:15px}.tab,.tabs{display:flex}.tab{align-items:center;gap:6px;position:relative;border:0;background:transparent;color:#8c929d;font-size:9px;white-space:nowrap;padding:0 2px}.tab.selected{color:#3f5fae;font-weight:600}.tab.selected:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;border-radius:2px 2px 0 0;background:#6380e6}.tab-badge{border-radius:4px;background:#fcf1e9;color:#c28548;font:8px DM Mono,monospace;padding:2px 4px}.table-tools{gap:7px}.table-search,.table-tools{display:flex;align-items:center}.table-search{height:26px;width:190px;gap:6px;border:1px solid #e9ebef;border-radius:5px;padding:0 7px;color:#969ca7}.table-search input{width:100%;min-width:0;outline:none;border:0;background:transparent;color:#414752;font-size:9px}.table-search input::placeholder{color:#b0b5be}.table-search kbd{white-space:nowrap;font-size:8px}.tool-button{height:26px;display:flex;align-items:center;gap:5px;border:1px solid #e9ebef;border-radius:5px;background:white;color:#727986;padding:0 7px;font-size:9px}.filter-count{display:grid;place-items:center;min-width:14px;height:14px;border-radius:4px;background:#edf1ff;color:#6681d9;font:8px DM Mono,monospace}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px;text-align:left}thead{height:32px;background:#fbfbfc}th{font-weight:500;color:#9da2ac;font-size:8px;white-space:nowrap}td,th{padding:0 9px}td:first-child,th:first-child{padding-left:14px;width:34px}td{height:51px;border-top:1px solid #f0f1f4;color:#555c68;font-size:9px;white-space:nowrap}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:#fafbfe}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border:1px solid #d7dae0;border-radius:3px;background:#fff;vertical-align:middle}input[type=checkbox]:checked{background:#5a7ce5;border-color:#5a7ce5}.code-cell{font:9px DM Mono,monospace;color:#586b9b}.name-cell{display:flex;flex-direction:column;gap:4px;max-width:254px}.name-cell strong{font-weight:550;color:#454b56}.name-cell span,.name-cell strong{overflow:hidden;text-overflow:ellipsis}.name-cell span{font-size:8px;color:#a0a5ae}.name-cell span i{font-style:normal;margin:0 3px;color:#d0d3d9}.supplier-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}.amount-cell{font:9px DM Mono,monospace;color:#505661}.push-pill,.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:4px 6px;font-size:8px}.push-pill i,.status-pill i{height:5px;width:5px;border-radius:50%;background:currentColor}.status-pill.complete{background:#eff7f2;color:#589573}.status-pill.pending{background:#f5f3ec;color:#ae9151}.push-pill.success{background:#eff7f2;color:#4d9b71}.push-pill.failed{background:#fdf0ed;color:#ca7666}.push-pill.waiting{background:#f2f3f6;color:#858c99}.date-cell{font:8px DM Mono,monospace;color:#969ca7}.row-more{border:0;background:transparent;color:#a6abb4;border-radius:4px;padding:3px}.table-footer{height:41px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f3;padding:0 13px;color:#9a9faa;font-size:8px}.table-footer b{font:9px DM Mono,monospace;color:#656c78;font-weight:500}.pagination{gap:3px}.pagination,.pagination button{display:flex;align-items:center}.pagination button{height:23px;min-width:23px;padding:0 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:#858b96;font-size:8px;gap:4px}.pagination button:disabled{color:#c5c8ce}.pagination .page-current{border-color:#e7eaf1;background:#f7f8fb;color:#526db8}.pagination span{color:#a2a7b0}.empty-state{text-align:center;padding:40px;color:#999}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 1px 0;color:#a6abb4;font-size:8px}.footer-dot{padding:0 5px;color:#d0d3d9}.page-footer a{color:#7383ad}.drawer-backdrop{position:fixed;inset:0;background:#22273333;z-index:10;display:flex;justify-content:flex-end}.detail-drawer{width:420px;height:100%;background:#fff;box-shadow:-10px 0 35px #26314d12;padding:24px;overflow:auto;animation:slide .18s ease-out}@keyframes slide{0%{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.drawer-kicker{font-size:9px;color:#9299a5}.drawer-head h2{font:600 17px DM Mono,monospace;color:#343a45;margin-top:5px}.drawer-status{display:flex;gap:7px;margin-top:15px;padding-bottom:17px;border-bottom:1px solid #eff0f3}.drawer-section{padding-top:20px}.drawer-section h3{font-size:11px;font-weight:650;margin-bottom:12px}.drawer-section dl{margin:0}.drawer-section dl>div{display:grid;grid-template-columns:125px 1fr;grid-gap:8px;gap:8px;margin-bottom:12px}.drawer-section dt{font-size:9px;color:#959ba6}.drawer-section dd{margin:0;font-size:10px;color:#434955;line-height:1.5}.timeline{padding-left:2px}.timeline-item{position:relative;display:flex;gap:11px;min-height:52px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:0;width:1px;background:#e5e8ee}.timeline-item>i{position:relative;z-index:1;flex:0 0 9px;height:9px;border-radius:50%;background:#d4d8df;border:2px solid white;box-shadow:0 0 0 1px #d4d8df;margin-top:2px}.timeline-item.done>i{background:#59ac81;box-shadow:0 0 0 1px #59ac81}.timeline-item.error>i{background:#d98170;box-shadow:0 0 0 1px #d98170}.timeline-item>div{display:flex;flex-direction:column;gap:4px}.timeline-item strong{font-size:9px;color:#505661;font-weight:600}.timeline-item span{font:8px DM Mono,monospace;color:#a0a5ae}.timeline-item.error p{font-size:9px;line-height:1.6;color:#b27468;background:#fff5f2;border:1px solid #fae5df;border-radius:5px;padding:8px;margin-top:3px}.drawer-note{display:flex;gap:8px;align-items:flex-start;margin-top:9px;background:#f5f7fb;color:#74819c;border-radius:6px;padding:10px;font-size:9px;line-height:1.5}.drawer-note svg{flex:0 0 auto}.drawer-action{margin-top:17px;width:100%;justify-content:center}.drawer-action svg{transform:rotate(-45deg)}@media(max-width:1100px){.sidebar{width:210px}.main-column{margin-left:210px}.content{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr)}.tabs{gap:8px}.table-search{width:160px}}@media(max-width:850px){.sidebar{width:62px;padding:16px 9px}.brand{padding:0;justify-content:center}.brand>div:not(.brand-mark),.connection,.nav-heading,.nav-item span,.search-shortcut kbd,.search-shortcut span,.side-more,.user-meta,.user-profile>svg,.workspace-label,.workspace-switch>svg{display:none}.workspace-switch{padding:6px;justify-content:center}.search-shortcut{justify-content:center;padding:0}.nav-groups{padding-top:18px}.nav-item{justify-content:center;padding:0}.main-column{margin-left:62px}.content{padding:23px 16px}.topbar{padding:0 16px}.overview-grid{grid-template-columns:1fr}.health-panel{height:auto}.health-score{height:100px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{align-items:flex-start;flex-direction:column;padding:0 10px 8px}.tabs{width:100%;overflow:auto}.table-tools{width:100%;justify-content:flex-end}.records-heading{padding:13px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.heading-actions{align-self:flex-end;margin-top:-6px}}@media(max-width:560px){.content{padding:20px 10px}.topbar{height:48px;padding:0 11px}.help-button{display:none}.page-heading h1{font-size:20px}.scope-left{gap:6px}.scope-left strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-left .scope-divider:last-of-type,.scope-left .scope-muted,.scope-left>svg,.sync-indicator{display:none}.metrics-grid{gap:7px}.metric-card{height:100px;padding:11px}.metric-value{font-size:18px}.overview-grid{gap:8px}.trend-panel{padding:13px 11px}.records-actions .button{font-size:0;gap:0}.records-actions .button svg{margin:0}.records-heading p{max-width:215px}.table-search{flex:1 1;width:auto}.table-tools{justify-content:stretch}.tool-button{flex:0 0 auto}.page-footer{gap:8px;align-items:flex-start;flex-direction:column}.detail-drawer{width:min(100%,420px);padding:20px 17px}}.demo-banner{display:flex;align-items:flex-start;gap:8px;border:1px solid #f0e5cb;background:#fffaf0;color:#8c7650;border-radius:6px;padding:9px 11px;margin:-3px 0 13px;font-size:9px;line-height:1.6}.demo-banner svg{flex:0 0 auto;margin-top:1px;color:#bd9757}.demo-banner strong{font-weight:650;color:#886831}.chart-legend em{font-style:normal;color:#b89965;font-size:8px;margin-left:auto}.chart-legend{width:100%}.related-row{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border:1px solid #eef0f3;border-radius:5px;margin-bottom:7px}.related-row strong{font:9px DM Mono,monospace;color:#536791}.related-row span{font-size:9px;color:#555c68}.related-empty,.related-row small{font-size:8px;color:#989eaa}.drawer-action:disabled{background:#f1f2f5;border-color:#f1f2f5;color:#9ca2ad;box-shadow:none;cursor:not-allowed}.login-screen{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:42px 24px;background:#f5f7f8;color:#17212b}.login-screen:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 16% 15%,rgba(28,159,144,.09),transparent 31%),radial-gradient(ellipse at 88% 82%,rgba(61,111,199,.08),transparent 32%),linear-gradient(135deg,#f8fafb,#f3f6f7 55%,#f7f8fa)}.login-orb{position:absolute;z-index:-1;border:1px solid rgba(31,128,125,.08);border-radius:50%;pointer-events:none}.login-orb-one{width:560px;height:560px;top:-360px;right:-110px}.login-orb-two{width:760px;height:760px;bottom:-610px;left:-240px}.login-panel{width:min(100%,438px);padding:42px 44px 30px;border:1px solid rgba(28,49,61,.08);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 24px 80px rgba(27,45,58,.09),0 2px 8px rgba(27,45,58,.03);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e9f5f3;color:#147f77}.login-brand-name{font-size:20px;font-weight:750;letter-spacing:.04em;color:#172a35}.login-brand-name span{font-size:9px;vertical-align:top;margin-left:2px;color:#74848d}.login-brand-caption{font-size:9px;letter-spacing:.18em;color:#92a0a7;margin-top:2px}.login-intro{margin-top:42px}.login-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:.14em;color:#83939a}.login-eyebrow span{width:6px;height:6px;border-radius:50%;background:#19a28d;box-shadow:0 0 0 4px #e6f4f1}.login-intro h1{font-size:27px;letter-spacing:-.035em;margin:15px 0 8px;font-weight:680;color:#1b2c37}.login-intro p{font-size:13px;line-height:1.7;color:#7c8b92;margin:0}.login-form{display:flex;flex-direction:column;margin-top:30px}.login-form label{font-size:12px;font-weight:600;color:#45565f;margin-bottom:8px}.login-form input{height:45px;width:100%;box-sizing:border-box;border:1px solid #dfe6e8;border-radius:8px;background:#fff;padding:0 13px;color:#20323a;font:inherit;font-size:13px;outline:none;transition:border-color .16s,box-shadow .16s}.login-form input::placeholder{color:#b3bec2}.login-form input:focus{border-color:#50a99f;box-shadow:0 0 0 3px rgba(36,146,134,.11)}.login-password-label{display:flex;justify-content:space-between;align-items:center;margin-top:19px;color:#a0afb3}.login-password-label label{margin:0 0 8px;color:#45565f}.login-submit{height:46px;margin-top:24px;border:0;border-radius:8px;background:#187f77;color:#fff;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 5px 12px rgba(24,127,119,.16);transition:background .15s,transform .15s}.login-submit:hover{background:#126e68;transform:translateY(-1px)}.login-submit:disabled{opacity:.68;cursor:wait;transform:none}.login-error{margin-top:12px;padding:10px 12px;border-radius:7px;background:#fff3f0;color:#b94a3c;font-size:12px;line-height:1.5}.login-security{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:25px;padding-top:20px;border-top:1px solid #edf0f1;color:#99a6ab;font-size:11px}.login-security svg{color:#75a99f}.login-footer{position:absolute;bottom:23px;color:#9aa5aa;font-size:11px;letter-spacing:.01em}.login-footer span{padding:0 6px;color:#bdc6c9}@media(max-width:520px){.login-screen{padding:22px 16px 60px}.login-panel{padding:32px 26px 25px;border-radius:15px}.login-intro{margin-top:34px}.login-footer{bottom:17px;font-size:10px}}