@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
.metrics-shell{--slate:#1a2e35;--slate-2:#16272d;--slate-3:#21383f;--teal:#4496a3;--teal-soft:#5fb4c0;--sunset:#efb160;--error:#e5534b;--green:#5ebd8f;--violet:#9a8cdb;--grey:#7c8b90;--white:#f3f7f8;--w70:#f3f7f8b3;--w55:#f3f7f88c;--w40:#f3f7f866;--w10:#f3f7f812;--w10b:#f3f7f81a;--card:#f3f7f80b;--card-brd:#f3f7f81a;--card-brd-2:#f3f7f80f;--mono:"IBM Plex Mono",ui-monospace,monospace;--ui:"Outfit",system-ui,sans-serif;--r:16px;background:radial-gradient(1200px 600px at 85% -10%,#4496a31a,transparent 60%),radial-gradient(900px 500px at 5% 0%,#efb1600d,transparent 55%),var(--slate);color:var(--white);font-family:var(--ui);-webkit-font-smoothing:antialiased;min-height:100vh}.metrics-shell *{box-sizing:border-box;margin:0;padding:0}.metrics-shell ::selection{background:#4496a359}.metrics-shell ::-webkit-scrollbar{width:10px;height:10px}.metrics-shell ::-webkit-scrollbar-thumb{background:#f3f7f81f padding-box padding-box;border:2px solid #0000;border-radius:8px}.metrics-shell ::-webkit-scrollbar-thumb:hover{background:#f3f7f833 padding-box padding-box}.metrics-shell a{color:var(--teal-soft);text-decoration:none}.metrics-shell a:hover{color:var(--teal)}.metrics-shell .app{max-width:1320px;margin:0 auto;padding:26px 30px 90px}.metrics-shell .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.metrics-shell .brand{align-items:center;gap:13px;display:flex}.metrics-shell .brand .mark{background:linear-gradient(150deg,var(--teal),#2f6e78);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 20px -8px #4496a3b3}.metrics-shell .brand .mark svg{width:23px;height:23px}.metrics-shell .brand h1{letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.1}.metrics-shell .brand .sub{color:var(--w55);align-items:center;gap:8px;margin-top:2px;font-size:12.5px;display:flex}.metrics-shell .dot{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #5ebd8f2e}.metrics-shell .top-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.metrics-shell .range{background:var(--w10);border:1px solid var(--card-brd-2);border-radius:11px;gap:2px;padding:3px;display:flex}.metrics-shell .range button{font-family:var(--ui);color:var(--w55);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:500;transition:all .15s}.metrics-shell .range button:hover{color:var(--white)}.metrics-shell .range button.on{background:var(--teal);color:#08191d;font-weight:600}.metrics-shell .range .lbl{color:var(--w40);letter-spacing:.04em;text-transform:uppercase;align-self:center;padding:0 6px 0 4px;font-size:11px}.metrics-shell .who{color:var(--w70);align-items:center;gap:9px;font-size:12.5px;display:flex}.metrics-shell .who .av{color:#fff;background:linear-gradient(140deg,#557a58,#3f5d42);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.metrics-shell .tabs{border-bottom:1px solid var(--card-brd-2);scrollbar-width:none;gap:3px;margin-bottom:24px;display:flex;overflow-x:auto}.metrics-shell .tabs::-webkit-scrollbar{display:none}.metrics-shell .tab{font-family:var(--ui);color:var(--w55);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:12px 15px 14px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.metrics-shell .tab:hover,.metrics-shell .tab.on{color:var(--white)}.metrics-shell .tab.on:after{content:"";background:var(--teal);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.metrics-shell .tab .cnt{font-family:var(--mono);color:var(--w40);background:var(--w10);border-radius:6px;padding:2px 6px;font-size:10.5px}.metrics-shell .tab.on .cnt{color:var(--teal-soft);background:#4496a324}.metrics-shell .tab svg{opacity:.8;width:15px;height:15px}.metrics-shell .grid{gap:16px;display:grid}.metrics-shell .card{background:var(--card);border:1px solid var(--card-brd);border-radius:var(--r);padding:18px 19px;position:relative}.metrics-shell .card.pad0{padding:0;overflow:hidden}.metrics-shell .card h3{color:var(--w70);letter-spacing:.01em;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.metrics-shell .card h3 .hint{font-family:var(--mono);color:var(--w40);text-align:right;font-size:10.5px;font-weight:400}.metrics-shell .card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 19px 0;display:flex}.metrics-shell .card-head h3{padding:0}.metrics-shell .kpi{flex-direction:column;min-height:128px;display:flex}.metrics-shell .kpi .top-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.metrics-shell .kpi .label{color:var(--w55);font-size:12.5px;font-weight:500}.metrics-shell .kpi .ico{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.metrics-shell .kpi .ico svg{width:16px;height:16px}.metrics-shell .kpi .val{font-family:var(--mono);letter-spacing:-.02em;margin-top:13px;font-size:31px;font-weight:600;line-height:1}.metrics-shell .kpi .val .unit{color:var(--w55);margin-left:3px;font-size:16px;font-weight:500}.metrics-shell .kpi .foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.metrics-shell .kpi.hl{background:linear-gradient(160deg,#5ebd8f1a,var(--card))}.metrics-shell .delta{font-family:var(--mono);border-radius:7px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:500;display:inline-flex}.metrics-shell .delta.up{color:var(--green);background:#5ebd8f21}.metrics-shell .delta.down{color:var(--error);background:#e5534b21}.metrics-shell .delta.flat{color:var(--w55);background:var(--w10)}.metrics-shell .delta svg{width:11px;height:11px}.metrics-shell .delta-cap{color:var(--w40);font-size:11px}.metrics-shell .margin-bar{background:var(--w10);border-radius:5px;height:8px;margin-top:16px;position:relative}.metrics-shell .margin-bar .mb-cost{background:linear-gradient(90deg,var(--green),#7bd0a8);border-radius:5px;min-width:4px;height:8px}.metrics-shell .margin-bar span{color:var(--w40);white-space:nowrap;margin-top:9px;font-size:10.5px;display:block}.metrics-shell .grp{margin-bottom:22px}.metrics-shell .grp-head{color:var(--w55);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.metrics-shell .tilegrid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;display:grid}.metrics-shell .tile{text-align:left;background:var(--card);border:1px solid var(--card-brd);cursor:pointer;font-family:var(--ui);color:var(--white);border-radius:16px;flex-direction:column;padding:17px 18px;transition:all .15s;display:flex}.metrics-shell .tile:hover{background:#4496a30f;border-color:#4496a380;transform:translateY(-2px)}.metrics-shell .tile-label{color:var(--w55);font-size:12.5px;font-weight:500}.metrics-shell .tile-val{font-family:var(--mono);letter-spacing:-.02em;margin-top:12px;font-size:30px;font-weight:600;line-height:1}.metrics-shell .tile-val .u{color:var(--w55);margin-left:2px;font-size:16px}.metrics-shell .tile-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.metrics-shell .tile-link{color:var(--teal-soft);white-space:nowrap;font-size:11.5px}.metrics-shell .hero-val{font-family:var(--mono);letter-spacing:-.02em;margin-top:8px;font-size:46px;font-weight:600;line-height:1}.metrics-shell .hero-sub{color:var(--w55);flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;font-size:13px;display:flex}.metrics-shell .legend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.metrics-shell .legend .it{color:var(--w70);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;transition:all .15s;display:flex}.metrics-shell .legend .it.off{opacity:.34}.metrics-shell .legend .sw{border-radius:3px;flex:none;width:10px;height:10px}.metrics-shell .legend .val{font-family:var(--mono);color:var(--w55);margin-left:2px;font-size:11.5px}.metrics-shell .seg{background:var(--w10);border:1px solid var(--card-brd-2);border-radius:9px;padding:3px;display:inline-flex}.metrics-shell .seg button{font-family:var(--ui);color:var(--w55);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:500;transition:all .15s}.metrics-shell .seg button:hover{color:var(--white)}.metrics-shell .seg button.on{background:var(--w10b);color:var(--white)}.metrics-shell .seg.mini button{padding:4px 8px;font-size:11px}.metrics-shell .hbar{flex-direction:column;gap:11px;margin-top:6px;display:flex}.metrics-shell .hbar .row{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.metrics-shell .hbar .nm{color:var(--w70);font-size:12.5px}.metrics-shell .hbar .nm .ev{font-family:var(--mono);color:var(--w40);margin-left:7px;font-size:11px}.metrics-shell .hbar .num{font-family:var(--mono);color:var(--white);font-size:12.5px;font-weight:500}.metrics-shell .hbar .track{background:var(--w10);border-radius:5px;grid-column:1/-1;height:7px;overflow:hidden}.metrics-shell .hbar .fill{background:var(--teal);border-radius:5px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.metrics-shell .adopt{flex-direction:column;gap:11px;margin-top:6px;display:flex}.metrics-shell .arow{grid-template-columns:minmax(110px,1.15fr) 1fr auto auto;align-items:center;gap:9px 12px;display:grid}.metrics-shell .anm{color:var(--w70);align-items:center;gap:8px;font-size:12.5px;display:flex}.metrics-shell .anm .sw{border-radius:3px;flex:none;width:10px;height:10px}.metrics-shell .atrack{background:var(--w10);border-radius:5px;height:7px;overflow:hidden}.metrics-shell .afill{border-radius:5px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.metrics-shell .apct{font-family:var(--mono);color:#fff;text-align:right;min-width:36px;font-size:12.5px}.metrics-shell .aavg{font-family:var(--mono);color:var(--w55);text-align:right;font-size:11.5px}.metrics-shell .aavg span{color:var(--w40)}.metrics-shell .cmp{gap:10px;margin-top:16px;display:flex}.metrics-shell .cmp-col{background:var(--w10);border-radius:12px;flex:1;padding:12px 14px}.metrics-shell .cmp-tag{text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:600}.metrics-shell .cmp-val{font-family:var(--mono);margin-top:7px;font-size:21px;font-weight:600}.metrics-shell .ret-wrap{flex-direction:column;gap:12px;margin-top:14px;display:flex}.metrics-shell .ret{grid-template-columns:30px 1fr 46px;align-items:center;gap:10px;display:grid}.metrics-shell .ret-l{color:var(--w55);font-size:12px}.metrics-shell .ret-bar{background:var(--w10);border-radius:5px;height:9px;overflow:hidden}.metrics-shell .ret-bar div{background:var(--teal);border-radius:5px;height:100%}.metrics-shell .ret-v{font-family:var(--mono);text-align:right;color:#fff;font-size:13px}.metrics-shell .dau-row{color:var(--w55);flex-wrap:wrap;gap:18px;margin-top:16px;font-size:12px;display:flex}.metrics-shell .dau-row b{font-family:var(--mono);color:#fff;font-size:14px}.metrics-shell .segbar{border-radius:8px;gap:2px;height:16px;display:flex;overflow:hidden}.metrics-shell .segbar span{display:block}.metrics-shell .sub-split{flex-direction:column;gap:9px;margin-top:16px;display:flex}.metrics-shell .ss{color:var(--w70);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.metrics-shell .ss-l{color:var(--w40)}.metrics-shell .bdfunnel{flex-direction:column;gap:8px;display:flex}.metrics-shell .bdf-bar{background:var(--w10);height:40px;color:var(--w70);border-radius:10px;justify-content:space-between;align-items:center;min-width:150px;padding:0 15px;font-size:12.5px;display:flex;position:relative}.metrics-shell .bdf-bar.ok{background:#5ebd8f29}.metrics-shell .bdf-bar b{font-family:var(--mono);color:#fff}.metrics-shell .bdf-drop{font-family:var(--mono);color:var(--error);padding-left:2px;font-size:11.5px}.metrics-shell .bd-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.metrics-shell .bdk-v{font-family:var(--mono);font-size:22px;font-weight:600}.metrics-shell .bdk-l{color:var(--w55);margin-top:3px;font-size:11px}.metrics-shell .pulse{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.metrics-shell .pulse-v{font-family:var(--mono);font-size:34px;font-weight:600}.metrics-shell .pulse-l{color:var(--w55);align-items:center;gap:6px;font-size:12px;display:flex}.metrics-shell .pulse-l .d{border-radius:50%;width:7px;height:7px}.metrics-shell .fblist{flex-direction:column;display:flex}.metrics-shell .fb{border-bottom:1px solid var(--card-brd-2);padding:14px 19px}.metrics-shell .fb:last-child{border-bottom:none}.metrics-shell .fb-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.metrics-shell .fb-url{font-family:var(--mono);color:var(--teal-soft);font-size:11px}.metrics-shell .fb-time{font-family:var(--mono);color:var(--w40);margin-left:auto;font-size:11px}.metrics-shell .fb-del{color:var(--w40);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 7px;font-size:13px;transition:all .15s}.metrics-shell .fb-del:hover{color:var(--error);background:#e5534b1f}.metrics-shell .fb-msg{color:var(--white);text-wrap:pretty;margin-top:9px;font-size:13.5px;line-height:1.5}.metrics-shell .tbl{border-collapse:collapse;width:100%;font-size:12.5px}.metrics-shell .tbl th{text-align:left;color:var(--w40);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--card-brd-2);padding:0 14px 10px;font-size:11px;font-weight:500}.metrics-shell .tbl th.r,.metrics-shell .tbl td.r{text-align:right}.metrics-shell .tbl td{border-bottom:1px solid var(--card-brd-2);color:var(--w70);padding:11px 14px}.metrics-shell .tbl tr:last-child td{border-bottom:none}.metrics-shell .tbl tr:hover td{background:#f3f7f806}.metrics-shell .tbl tr.legacy td{opacity:.5}.metrics-shell .tbl .mono{font-family:var(--mono);color:var(--white)}.metrics-shell .tbl .key{color:var(--white);font-weight:500}.metrics-shell .tbl .muted{color:var(--w40)}.metrics-shell .tbl .key .ev{font-family:var(--mono);color:var(--w40);margin-left:9px;font-size:10px;font-weight:400}.metrics-shell .barcell{position:relative}.metrics-shell .barcell .b{border-radius:0;position:absolute;top:0;bottom:0;left:0}.metrics-shell .barcell.util span,.metrics-shell .barcell.util .mono{position:relative}.metrics-shell .flag{font-family:var(--mono);color:var(--sunset);background:#efb16024;border-radius:6px;margin-left:4px;padding:2px 6px;font-size:10px}.metrics-shell .flag.muted{color:var(--w40);background:var(--w10)}.metrics-shell .util-stats{color:var(--w70);gap:16px;margin-top:2px;font-size:12px;display:flex}.metrics-shell .badge{font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.metrics-shell .badge .d{border-radius:50%;flex:none;width:6px;height:6px}.metrics-shell .b-ios{color:var(--teal-soft);background:#4496a324}.metrics-shell .b-android{color:var(--green);background:#5ebd8f24}.metrics-shell .b-web{color:#9aa7ab;background:#7c8b9021}.metrics-shell .b-unbekannt{color:var(--grey);background:#7c8b9029}.metrics-shell .b-server{color:var(--sunset);background:#efb16024}.metrics-shell .b-error{color:var(--error);background:#e5534b24}.metrics-shell .b-warn{color:var(--sunset);background:#efb16024}.metrics-shell .b-info{color:var(--teal-soft);background:#4496a324}.metrics-shell .groups{flex-direction:column;display:flex}.metrics-shell .grp-row{border-bottom:1px solid var(--card-brd-2)}.metrics-shell .grp-row:last-child{border-bottom:none}.metrics-shell .gr-main{cursor:pointer;align-items:center;gap:10px;padding:13px 19px;transition:all .12s;display:flex}.metrics-shell .gr-main:hover{background:#f3f7f806}.metrics-shell .gr-cat{font-family:var(--mono);color:var(--w55);letter-spacing:.03em;font-size:11px}.metrics-shell .gr-msg{color:var(--white);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.metrics-shell .gr-count{font-family:var(--mono);color:#fff;background:var(--w10);border-radius:7px;padding:3px 9px;font-size:13px;font-weight:600}.metrics-shell .gr-seen{font-family:var(--mono);color:var(--w40);white-space:nowrap;font-size:11px}.metrics-shell .chev{width:14px;height:14px;color:var(--w40);flex:none;transition:all .2s}.metrics-shell .grp-row.open .chev{transform:rotate(90deg)}.metrics-shell .gr-detail{flex-direction:column;gap:8px;padding:0 19px 16px 43px;display:none}.metrics-shell .grp-row.open .gr-detail{display:flex}.metrics-shell .gr-meta{font-family:var(--mono);color:var(--w40);padding:2px 0;font-size:11px}.metrics-shell .occ{background:var(--slate-2);border:1px solid var(--card-brd-2);border-radius:10px;padding:10px 12px}.metrics-shell .occ-h{font-family:var(--mono);color:var(--w55);margin-bottom:6px;font-size:11px}.metrics-shell .occ-ctx{font-family:var(--mono);color:var(--w70);white-space:pre-wrap;font-size:11.5px;line-height:1.7;overflow-x:auto}.metrics-shell .occ-ctx .k{color:var(--sunset)}.metrics-shell code{font-family:var(--mono);color:var(--teal-soft);background:var(--w10);border-radius:5px;padding:1px 5px;font-size:11px}.metrics-shell .mini-note{color:var(--w40);margin-top:14px;font-size:11.5px;line-height:1.6;display:block;overflow:hidden}.metrics-shell .mini-note svg{float:left;opacity:.7;width:14px;height:14px;margin:2px 8px 0 0}.metrics-shell .section-note{color:var(--w55);margin:-2px 0 20px;font-size:12.5px;line-height:1.6;display:block;overflow:hidden}.metrics-shell .section-note svg{float:left;opacity:.7;width:15px;height:15px;margin:2px 8px 0 0}.metrics-shell .empty{text-align:center;color:var(--w40);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.metrics-shell .empty svg{opacity:.6;width:26px;height:26px}.metrics-shell .empty .t{color:var(--w55);font-size:13px}.metrics-shell .fade-in{animation:.32s both me-fade}@keyframes me-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.metrics-shell .chart-svg{width:100%;display:block;overflow:visible}.metrics-shell .chart-svg .axis{font-family:var(--mono);fill:var(--w40);font-size:10px}.metrics-shell .crosshair{stroke:#f3f7f840;stroke-width:1px;stroke-dasharray:3 3}.metrics-tip{z-index:50;pointer-events:none;opacity:0;color:#f3f7f8;background:#16272d;border:1px solid #f3f7f81a;border-radius:11px;min-width:140px;padding:10px 12px;font-family:Outfit,system-ui,sans-serif;font-size:12px;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(4px);box-shadow:0 12px 34px -10px #0009}.metrics-tip.show{opacity:1;transform:translateY(0)}.metrics-tip .td{color:#f3f7f88c;margin-bottom:7px;font-family:IBM Plex Mono,monospace;font-size:11px}.metrics-tip .tr{justify-content:space-between;align-items:center;gap:14px;margin-top:4px;display:flex}.metrics-tip .tl{color:#f3f7f8b3;align-items:center;gap:6px;display:flex}.metrics-tip .tl .sw{border-radius:2px;width:8px;height:8px}.metrics-tip .tv{color:#f3f7f8;font-family:IBM Plex Mono,monospace;font-weight:500}@media (max-width:720px){.metrics-shell .app{padding:18px 16px 60px}.metrics-shell .hero-val{font-size:36px}.metrics-shell .bd-kpis{grid-template-columns:repeat(2,1fr)}.metrics-shell .gr-seen{display:none}}.metrics-login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.metrics-login .card-login{background:var(--card);border:1px solid var(--card-brd);border-radius:20px;width:100%;max-width:360px;padding:30px 28px}.metrics-login .mark{background:linear-gradient(150deg,var(--teal),#2f6e78);border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto;display:grid;box-shadow:0 6px 20px -8px #4496a3b3}.metrics-login .mark svg{width:26px;height:26px}.metrics-login h1{text-align:center;margin-top:16px;font-size:18px;font-weight:600}.metrics-login .sub{color:var(--w55);text-align:center;margin-top:5px;font-size:12.5px}.metrics-login .g-btn{width:100%;font-family:var(--ui);color:#1a1a1a;border:1px solid var(--card-brd);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding:11px 13px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.metrics-login .g-btn:hover{background:#f0f0f0}.metrics-login .g-btn:disabled{opacity:.6;cursor:default}.metrics-login .divider{color:var(--w40);align-items:center;gap:12px;margin:18px 0 -6px;font-size:11.5px;display:flex}.metrics-login .divider:before,.metrics-login .divider:after{content:"";background:var(--card-brd-2);flex:1;height:1px}.metrics-login form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.metrics-login label{color:var(--w55);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.metrics-login input{width:100%;font-family:var(--ui);color:var(--white);background:var(--w10);border:1px solid var(--card-brd);border-radius:10px;outline:none;padding:11px 13px;font-size:14px;transition:all .15s}.metrics-login input:focus{border-color:var(--teal)}.metrics-login input::placeholder{color:var(--w40)}.metrics-login .err{color:var(--error);background:#e5534b1a;border:1px solid #e5534b40;border-radius:9px;padding:9px 12px;font-size:12.5px}.metrics-login button[type=submit]{font-family:var(--ui);cursor:pointer;background:var(--teal);color:#08191d;border:none;border-radius:10px;margin-top:6px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .15s}.metrics-login button[type=submit]:hover{background:var(--teal-soft)}.metrics-login button[type=submit]:disabled{opacity:.6;cursor:default}