:root{--bg:#080d19;--sidebar:#0b1121;--panel:#101a2e;--panel2:#111d33;--border:#26334b;--line:#203049;--ink:#f4f7ff;--muted:#94a4bd;--low:#687a97;--cyan:#31ddf0;--blue:#5284ff;--violet:#8c5dff;--green:#35dab0;--pink:#ec65da;--rad:16px;--shadow:0 13px 50px #0000001b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.ico{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:linear-gradient(180deg,#0e172a 0%,#090f1d 100%);border-right:1px solid #26324a;display:flex;flex-direction:column;z-index:50;padding:30px 17px 17px}.brand-block{display:flex;align-items:center;gap:13px;padding:0 12px 43px}.brandmark{display:flex;align-items:center;justify-content:center;position:relative;width:42px;height:43px;border:1px solid #4a63a6;border-radius:13px;color:#edf8ff;font-size:28px;font-weight:900;font-style:italic;box-shadow:inset 0 0 20px #335cc238,0 7px 24px #2957ca1a;background:linear-gradient(132deg,#062d4d,#293479)}.brandmark span{width:22px;height:3px;position:absolute;bottom:13px;background:linear-gradient(90deg,#34e5f4,#9880fb);transform:skew(-19deg);border-radius:3px}.brand-stack{display:flex;flex-direction:column;gap:3px}.brand-stack strong{font-size:22px;font-weight:800;letter-spacing:1.8px}.brand-stack small{letter-spacing:2.2px;font-size:9px;font-weight:700;color:#7590b7}.side-section-label{font-weight:800;font-size:10px;color:#627797;letter-spacing:2.2px;margin:0 17px 14px}.side-nav{display:grid;gap:6px}.nav-item{width:100%;height:47px;display:flex;align-items:center;gap:14px;border:none;background:transparent;color:#a5b4cd;border-radius:11px;padding:0 16px;text-align:left;font-weight:590;transition:.2s}.nav-item:hover{color:white;background:#1c2b43}.nav-item.active{background:linear-gradient(102deg,#1a3760 0%,#24274a 100%);color:#fff;box-shadow:inset 3px 0 #35dbea,0 5px 16px #080d1926}.nav-item.active .ico{color:#40d8f2}.sidebar-bottom{margin-top:auto}.protection-card{background:linear-gradient(135deg,#122d3c,#141f36);border:1px solid #31536a;border-radius:14px;padding:17px 17px 16px}.protection-icon{color:var(--cyan);margin-bottom:11px}.protection-icon .ico{height:24px;width:24px}.protection-card strong{font-size:13px}.protection-card p{font-size:11px;line-height:1.65;color:#a6b7cf;margin:8px 0 13px}.protection-card span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#43d8cb}.sidebar-user{display:flex;align-items:center;gap:10px;padding:20px 2px 3px}.user-avatar,.top-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(150deg,#1a6bca,#7747df);display:grid;place-items:center;color:white;font-weight:800}.user-info{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}.user-info b{font-size:12px}.user-info small{font-size:10px;color:#8b9fb9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn,.icon-button{border:0;background:transparent;color:#8094b0;border-radius:9px;padding:8px;display:grid;place-items:center}.logout-btn:hover,.icon-button:hover{background:#25324b;color:white}.main{margin-left:258px;min-height:100vh;position:relative}.topbar{height:75px;border-bottom:1px solid #1e2a3e;display:flex;align-items:center;justify-content:space-between;padding:0 41px;background:#0a1120}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#71829d;font-size:12px}.breadcrumbs strong{color:#e1e8f6;font-weight:600}.breadcrumbs .ico{width:14px;height:14px;color:#5b6e8b}.topbar-right{display:flex;align-items:center;gap:22px}.environment-tag{display:flex;gap:9px;align-items:center;font-size:11px;color:#b9d7d2;background:#122c2d;border:1px solid #24544d;padding:9px 14px;border-radius:30px}.live-dot{display:inline-block;width:7px;height:7px;background:#36dcaf;border-radius:50%;box-shadow:0 0 10px #32d5a977}.top-avatar{border-radius:50%;width:32px;height:32px;font-size:13px}.content-wrap{max-width:1590px;margin:auto;padding:28px 40px 28px}.hero{position:relative;overflow:hidden;border-radius:18px;min-height:197px;background:linear-gradient(108deg,#0e2245 0%,#13254d 48%,#251c4e 100%);border:1px solid #2d3f6a;padding:37px 38px;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;opacity:.23;background-image:radial-gradient(#8ac1ff 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent 50%,#000)}.hero-aura{pointer-events:none;position:absolute;right:-35px;top:-110px;width:470px;height:330px;background:radial-gradient(ellipse,#625afd51,transparent 67%);transform:rotate(-10deg)}.hero-copy,.hero-badge{z-index:1;position:relative}.hero-kicker{color:#65dff5;font-size:10px;letter-spacing:2.2px;font-weight:800;display:flex;align-items:center;gap:10px}.kicker-line{width:22px;height:2px;background:var(--cyan)}.hero h1{font-size:clamp(32px,3.2vw,48px);line-height:1.13;letter-spacing:-1.9px;margin:16px 0 11px;font-weight:780}.highlight-dot{color:#56dafb}.hero p{color:#afbfda;font-size:13px;margin:0}.hero-badge{font-size:10px;display:flex;align-items:center;gap:8px;color:#cedaf5;letter-spacing:1.1px;background:#16264ca0;border:1px solid #6774b05f;border-radius:30px;padding:10px 13px;white-space:nowrap}.hero-badge .ico{color:#70d5ff;width:15px;height:15px}.hero-version{color:#7fa2d1;margin-left:7px}.page{display:none}.page.active-page{display:block}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:31px 0 20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#6fa2d3}.section-heading h2{font-size:25px;letter-spacing:-.6px;font-weight:720;margin:7px 0 0}.subtle{color:#7186a5}.section-description{margin:9px 0 0;color:#90a1bd}.toolbar-actions{display:flex;gap:10px;align-items:center}.custom-select-label,.filters label{display:flex;align-items:center;gap:8px;background:#101b30;border:1px solid #2a3a54;border-radius:10px;padding:0 12px;height:38px;color:#a6b7d0}.custom-select-label .ico,.filters .ico{width:15px;height:15px}.custom-select-label select,.filters select{background:transparent;border:0;outline:0;color:#d8e1f3;font-size:12px;min-width:0;cursor:pointer}.custom-select-label select option,.filters select option{background:#12203a;color:#e8eeff}.btn{border-radius:10px;padding:0 15px;height:38px;border:1px solid transparent;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:650;font-size:12px;transition:.18s}.btn-outline{border-color:#2e415e;background:#14233b;color:#e0eafd}.btn-outline:hover{border-color:#5d80bb;background:#1c3150}.btn .ico{width:15px;height:15px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-width:0;background:linear-gradient(146deg,#121f36,#10192d);border:1px solid var(--border);border-radius:15px;padding:21px 20px 19px;box-shadow:0 9px 23px #01061122}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.metric-top>span{font-size:12px;color:#b5c2d7;font-weight:620}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px}.metric-icon .ico{height:19px;width:19px}.metric-icon-cyan{background:#19414c;color:#36d7ed}.metric-icon-blue{background:#1d315e;color:#6f9cf6}.metric-icon-violet{background:#33284e;color:#a783fe}.metric-icon-pink{background:#412849;color:#f189db}.metric-value{font-size:39px;font-weight:760;letter-spacing:-1.3px;line-height:1.2;padding-top:11px}.metric-bottom{padding-top:12px}.metric-caption{color:#8295b1;font-size:10px;line-height:1.3}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,.9fr);gap:17px;margin-top:19px}.panel{border-radius:16px;background:linear-gradient(150deg,#111c30,#0d1729);border:1px solid #25354c;box-shadow:0 7px 21px #00000015;min-width:0}.chart-panel,.status-panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h3,.endpoint-panel h3,.integration-intro h3{font-size:16px;letter-spacing:-.25px;font-weight:700;margin:7px 0 0}.chart-legend,.mini-refresh{font-size:10px;color:#93a4bd;display:flex;align-items:center;gap:8px;white-space:nowrap}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px #20c4df88}.mini-refresh .live-dot{height:6px;width:6px}.chart-container{position:relative;height:235px;margin:14px 0 10px}.activity-chart{width:100%;height:100%;overflow:visible}.chart-empty{position:absolute;inset:8px 0 9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:#101a2de3;border-radius:9px}.chart-empty>.ico{width:35px;height:35px;color:#547498}.chart-empty strong{font-size:13px;color:#d1dded}.chart-empty span{max-width:330px;text-align:center;font-size:11px;line-height:1.5;color:#8295b2}.chart-footer{border-top:1px solid #24354e;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#7990ad;font-size:10px}.connection-ring{min-height:184px;display:grid;place-items:center}.ring-svg{height:146px;width:146px;position:relative}.ring-svg svg{height:100%;width:100%;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:9}.ring-track{stroke:#26354e}.ring-progress{stroke:#32d4d4;stroke-linecap:round;stroke-dasharray:295.31;stroke-dashoffset:295.31;transition:stroke-dashoffset .45s}.ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.ring-center strong{font-size:36px;letter-spacing:-1px}.ring-center strong span{font-size:16px;color:#7890b1;letter-spacing:0}.ring-center small{color:#8094b0;font-size:11px}.status-divider{border-top:1px solid #24344a;margin:2px 0 12px}.status-line{display:flex;justify-content:space-between;align-items:center;padding:5px 1px;font-size:11px;color:#9eafc8}.status-line span{display:flex;align-items:center;gap:9px}.status-line strong{font-size:12px;color:#e3edf9}.status-spot{height:7px;width:7px;border-radius:50%}.status-spot.ok{background:#31d4a6}.status-spot.waiting{background:#f0b664}.status-spot.faint{background:#6d83bc}.apps-overview-panel{margin-top:19px;padding:22px 23px}.text-link{border:0;background:transparent;color:#66d9f2;display:flex;gap:7px;align-items:center;font-size:11px;font-weight:700}.text-link .ico{height:15px;width:15px}.app-overview-list{margin-top:18px}.app-row{display:grid;grid-template-columns:46px minmax(0,1fr) 115px 115px 116px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #26334b}.app-row:first-child{border-top:0}.app-icon{height:42px;width:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;font-weight:850;color:white;border:1px solid #ffffff20}.app-icon.imagine{background:linear-gradient(140deg,#3d55d7,#925ce8)}.app-icon.clone{background:linear-gradient(140deg,#2174d8,#20bcd8)}.app-icon.control{background:linear-gradient(140deg,#225da0,#36b0aa)}.app-icon.organiq{background:linear-gradient(140deg,#197f80,#57b596)}.app-icon.talk{background:linear-gradient(140deg,#963fd0,#5c65e1)}.app-name{font-weight:690;font-size:12px}.app-subtitle{font-size:10px;color:#8095af;margin-top:4px}.app-stat{text-align:right;color:#cbd5e5;font-size:12px;font-weight:700}.app-stat small{display:block;margin-top:3px;color:#7f93ae;font-size:10px;font-weight:500}.status-pill{font-size:10px;font-weight:700;border-radius:999px;padding:8px 11px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;justify-content:center}.status-pill:before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.status-pill.connected{background:#12372e;color:#49dbb0}.status-pill.waiting{background:#292941;color:#c9a1f4}.status-pill.off{background:#263145;color:#a0acc2}.all-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.app-detail-card{padding:24px}.app-detail-head{display:flex;align-items:center;gap:14px}.app-detail-head .app-icon{width:52px;height:52px;font-size:22px}.app-detail-head .app-name{font-size:17px}.app-detail-head .app-subtitle{font-size:11px}.app-detail-status{margin-left:auto}.app-detail-metrics{border-top:1px solid #25364f;margin-top:20px;padding-top:19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.app-detail-metrics>div+div{padding-left:14px;border-left:1px solid #25364f}.app-detail-metrics strong{font-size:20px;display:block}.app-detail-metrics span{font-size:10px;color:#90a2ba;display:block;margin-top:5px}.app-last{border-top:1px solid #25364f;padding-top:14px;margin-top:20px;display:flex;gap:8px;align-items:center;font-size:11px;color:#90a2bc}.app-last .ico{width:15px;height:15px}.filters{display:flex;gap:9px}.filters label{padding:0 12px}.event-table-head,.event-row{display:grid;grid-template-columns:1.2fr .95fr .95fr 1.2fr;gap:12px;align-items:center}.events-panel{overflow:hidden}.event-table-head{background:#17233a;border-bottom:1px solid #293a52;color:#7d94b3;letter-spacing:1.3px;font-size:10px;font-weight:800;padding:18px 22px}.event-row{border-bottom:1px solid #23324a;padding:16px 22px;font-size:12px}.event-row:last-child{border:0}.event-type{background:#29334e;border-radius:6px;padding:6px 9px;color:#cbdafa;font-size:11px;display:inline-block;width:max-content}.event-row .event-time{color:#96a6bf}.event-app{display:flex;align-items:center;gap:9px;font-weight:650}.event-app .app-icon{height:30px;width:30px;border-radius:8px;font-size:13px}.empty-list{text-align:center;padding:55px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#879bb6}.empty-list>.ico{width:32px;height:32px}.empty-list strong{font-size:14px;color:#e2eaf9}.empty-list span{font-size:12px}.integration-intro{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#153448,#171f3e);border:1px solid #30627a;border-radius:15px;padding:24px;margin:0 0 18px}.integration-intro-icon{width:50px;height:50px;display:grid;place-items:center;color:#42d6e4;background:#235269;border-radius:13px}.integration-intro-icon .ico{width:25px;height:25px}.integration-intro h3{margin:0}.integration-intro p{font-size:12px;line-height:1.6;color:#a8bad0;margin:7px 0 0}.endpoint-panel{padding:22px;margin-bottom:18px}.endpoint-panel p{color:#90a6c0;font-size:12px;line-height:1.5;margin:10px 0 16px}.endpoint-row{display:flex;gap:12px}.endpoint-row code{min-width:0;flex:1;display:flex;align-items:center;overflow:auto;border:1px solid #334768;background:#0b1425;padding:0 13px;border-radius:9px;font-size:12px;color:#9cdbf7}.endpoint-technical{font-size:10px;color:#7795ad;margin-top:14px}.integration-list{display:grid;grid-template-columns:1fr;gap:11px}.integration-row{display:flex;align-items:center;gap:12px;padding:17px 20px;background:#111c31;border:1px solid #293b53;border-radius:13px}.integration-row .app-icon{width:40px;height:40px}.integration-description{flex:1}.integration-description strong{font-size:13px;display:block}.integration-description small{color:#8799b7;display:block;margin-top:5px;font-size:10px}.guard-panel{display:flex;gap:13px;align-items:flex-start;margin-top:18px;padding:18px 20px;background:#1a253a;border-color:#33445f}.guard-panel>.ico{width:18px;height:18px;color:#7ebbf5}.guard-panel strong{font-size:12px}.guard-panel p{margin:7px 0 0;color:#9cacc7;font-size:11px;line-height:1.6}.page-footer{margin-top:30px;border-top:1px solid #223147;padding:17px 1px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7488a4;font-size:10px}.footer-separator{margin:0 10px;color:#4d6582}.notice{border-radius:10px;padding:14px 18px;font-size:12px;margin-top:19px}.notice-error{background:#3d2433;color:#ffd0da;border:1px solid #8b3c61}.toast{position:fixed;bottom:25px;right:27px;padding:13px 18px;background:#263a54;border:1px solid #4e7192;color:#e7f3ff;border-radius:10px;box-shadow:0 14px 35px #0008;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:150}.toast.show{opacity:1;transform:translateY(0)}.menu-toggle,.mobile-backdrop{display:none}
/* login */
.login-screen{min-height:100vh;background:radial-gradient(ellipse at 20% 5%,#15254f 0%,transparent 42%),radial-gradient(ellipse at 86% 78%,#241e4e 0%,transparent 38%),#090e1b;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.login-aura{position:absolute;border:1px solid #28457455;width:550px;height:550px;border-radius:50%;pointer-events:none}.login-aura-1{top:-360px;left:-130px}.login-aura-2{bottom:-390px;right:-130px}.login-card{position:relative;width:min(100%,450px);background:linear-gradient(150deg,#111e34,#11162b);border:1px solid #304260;border-radius:22px;padding:38px 37px;box-shadow:0 30px 90px #0006}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:35px}.big-mark{width:50px;height:50px;font-size:33px}.brand-title{font-size:24px;font-weight:800;letter-spacing:1.3px}.brand-title span{font-size:11px;font-weight:560;letter-spacing:.1px;display:block;color:#8ea5c7;margin-top:2px}.login-eyebrow{font-size:10px;color:#6edbf5;font-weight:750;letter-spacing:1.7px}.login-card h1{font-size:31px;line-height:1.1;letter-spacing:-.9px;margin:16px 0 11px}.login-subtext{color:#93a7c2;font-size:13px;line-height:1.6;margin:0 0 29px}.login-card form{display:grid}.login-card label{color:#c5d4e9;font-size:12px;font-weight:620;margin-bottom:9px}.login-card input{background:#0b1529;border:1px solid #2d405d;border-radius:10px;padding:14px 16px;color:#f4f8ff;outline:0;margin-bottom:20px;transition:.18s}.login-card input:focus{border-color:#39c4eb;box-shadow:0 0 0 3px #36a9ec17}.login-card input::placeholder{color:#5f7390}.login-error{color:#ff9cab;font-size:11px;margin:-5px 0 10px;min-height:14px}.btn-primary{background:linear-gradient(100deg,#27cae9,#5978f2 65%,#9568ff);color:white;border:0;box-shadow:0 9px 24px #236cda37}.btn-primary:hover{filter:brightness(1.1)}.login-submit{height:47px;font-size:13px;margin-top:1px}.login-security{display:flex;align-items:center;justify-content:center;gap:8px;color:#7893af;font-size:11px;margin-top:26px}.login-security .ico{width:15px;height:15px;color:#46c4b1}
@media(min-width:1550px){.content-wrap{padding-left:54px;padding-right:54px}.metric-card{padding:24px}.hero{min-height:210px}}
@media(max-width:1190px){.sidebar{width:224px}.main{margin-left:224px}.content-wrap{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.hero{padding:29px}.metric-card{padding:18px 14px}.metric-value{font-size:35px}.overview-grid{grid-template-columns:1.5fr 1fr}.app-row{grid-template-columns:43px minmax(0,1fr) 90px 90px 108px;gap:8px}}
@media(max-width:920px){.sidebar{width:242px;transform:translateX(-110%);transition:transform .23s;box-shadow:15px 0 50px #0007}.sidebar.open{transform:translateX(0)}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:44;background:#0009;opacity:0;pointer-events:none;transition:opacity .25s}.mobile-backdrop.active{opacity:1;pointer-events:auto}.main{margin-left:0}.menu-toggle{display:grid;margin-left:-9px}.breadcrumbs{flex:1;margin-left:9px}.metrics-grid{gap:12px}}
@media(max-width:700px){.topbar{height:65px;padding:0 17px}.content-wrap{padding:17px 14px}.topbar-right{gap:8px}.environment-tag{padding:7px 9px;font-size:10px}.top-avatar{width:30px;height:30px}.hero{min-height:180px;padding:25px 22px;align-items:flex-start}.hero h1{font-size:34px;margin:19px 0 13px}.hero-kicker{font-size:9px;letter-spacing:1.3px}.hero p{max-width:290px;line-height:1.5;font-size:12px}.hero-badge{position:absolute;right:14px;top:12px;padding:5px 8px;font-size:8px}.hero-version{display:none}.section-heading{margin-top:28px;align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:23px}.page-toolbar{gap:14px}.toolbar-actions{width:100%}.custom-select-label{flex:1}.custom-select-label select{width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-card{padding:15px 13px}.metric-top>span{font-size:11px}.metric-icon{height:31px;width:31px}.metric-icon .ico{height:17px;width:17px}.metric-value{font-size:33px;padding-top:12px}.metric-caption{font-size:9px}.overview-grid{grid-template-columns:1fr;gap:13px;margin-top:13px}.panel-head h3{font-size:15px}.chart-panel,.status-panel,.apps-overview-panel{padding:18px}.chart-container{height:220px}.status-panel .connection-ring{min-height:154px}.ring-svg{height:136px;width:136px}.apps-overview-panel{margin-top:13px}.app-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.app-row .app-stat{display:none}.app-row .status-pill{font-size:9px;padding:7px 8px}.all-apps-grid{grid-template-columns:1fr}.app-detail-card{padding:17px}.app-detail-head .app-icon{height:44px;width:44px}.app-detail-head .app-name{font-size:14px}.filters{width:100%;flex-wrap:wrap}.filters label{flex:1}.event-table-head{grid-template-columns:1fr 1fr;gap:0}.event-table-head span:nth-child(3),.event-table-head span:nth-child(4){display:none}.event-row{grid-template-columns:1fr auto;gap:11px}.event-row .event-user,.event-row .event-time{font-size:10px}.event-user{grid-column:1}.event-row .event-time{text-align:right}.integration-intro{padding:19px;align-items:flex-start}.endpoint-row{flex-direction:column}.endpoint-row code{min-height:45px;padding:12px}.page-footer{flex-direction:column;align-items:flex-start;line-height:1.4}.breadcrumbs{font-size:11px}}
@media(max-width:390px){.brand-block{padding-bottom:26px}.hero h1{font-size:30px}.hero-badge{font-size:7px}.metrics-grid{gap:9px}.metric-top{align-items:flex-start}.metric-top>span{min-height:30px}.metric-card{padding:13px 11px}.metric-value{font-size:31px}.chart-legend{font-size:9px}.app-detail-status .status-pill{max-width:111px;white-space:normal;text-align:center}}
@media(max-width:700px){.chart-panel .panel-head{align-items:flex-start;flex-direction:column;gap:10px}.chart-panel .chart-legend{margin-left:0}.hero-badge{max-width:142px}.hero-badge .ico{width:13px}}