:root{color:#17233e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17233e;--muted:#7b87a1;--line:#e5eaf5;--line-strong:#d1d9eb;--surface:#fff;--canvas:#f5f8ff;--navy:#111b38;--blue:#3d78ef;--blue-2:#2356da;--pink:#e9569b;--violet:#8664f3;--cyan:#20b7d8;--mint:#23b597;--amber:#e9a63d;--shadow:0 18px 55px #19326c14;background:#f5f8ff;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #3d78ef40}.brand-mark{background:#19274b;border:1px solid #ffffff47;border-radius:12px;grid-template-columns:repeat(3,7px);align-items:end;gap:3px;width:36px;height:36px;padding:7px;display:grid;position:relative;overflow:hidden}.brand-mark:after{content:"";opacity:.78;background:linear-gradient(135deg,#4896ffe6,#f25aa7d9);position:absolute;inset:-20px;transform:rotate(-25deg)}.brand-mark i{z-index:1;background:#e4f1ff;border-radius:3px;height:11px;display:block;position:relative}.brand-mark i:nth-child(2){background:#b5ddff;height:18px}.brand-mark i:nth-child(3){background:#ffb5d7;height:23px}.brand-mark.compact{border-radius:10px;grid-template-columns:repeat(3,5px);gap:2px;width:31px;height:31px;padding:6px}.brand-mark.compact i{height:8px}.brand-mark.compact i:nth-child(2){height:13px}.brand-mark.compact i:nth-child(3){height:17px}.landing-page{background:var(--canvas);background-image:linear-gradient(#4a73ca0b 1px,#0000 1px),linear-gradient(90deg,#4a73ca0b 1px,#0000 1px);background-size:44px 44px;min-height:100vh}.landing-nav{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fbffdb;border-bottom:1px solid #e2e9f7d1;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 650px);display:flex;position:sticky;top:0}.brand-lockup{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-lockup b{letter-spacing:.01em;font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1;display:block}.brand-lockup small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.landing-nav nav{gap:27px;margin-left:70px;display:flex}.landing-nav nav button,.plain-action,.top-link{color:#63708b;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.landing-nav nav button:hover,.top-link:hover{color:var(--blue)}.landing-actions{align-items:center;gap:12px;display:flex}.dark-cta{color:#fff;background:var(--navy);border:0;border-radius:999px;align-items:center;gap:8px;min-height:35px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.dark-cta span{background:#1bb58d;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.icon-button{width:35px;height:35px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;padding:0;display:grid}.icon-button:hover{border-color:var(--line-strong);background:#fff}.hero-block{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);align-items:center;gap:70px;max-width:1120px;min-height:475px;margin:0 auto;padding:76px 24px 48px;display:grid}.hero-kicker{color:#2774d9;background:#edf6ff;border:1px solid #bcd9ff;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.hero-copy h1{color:#102047;letter-spacing:-.045em;margin:18px 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(54px,7vw,82px);line-height:.95}.hero-copy p{color:#61718f;max-width:440px;margin:0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.gradient-button,.outline-button,.quiet-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.gradient-button{color:#fff;background:linear-gradient(110deg,#2e7af2,#795ff0 58%,#e65b9e);border:0;box-shadow:0 10px 20px #4d6fe433}.gradient-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.gradient-button.small{min-height:36px;padding:0 13px}.gradient-button:disabled{opacity:.65;cursor:wait}.outline-button,.quiet-button{border:1px solid var(--line-strong);color:#465675;background:#fff}.outline-button:hover,.quiet-button:hover{color:var(--blue);border-color:#9eb7e8}.hero-note{color:#7784a1;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.live-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #23b59724}.hero-console{background:#10192f;border:1px solid #7693d559;border-radius:19px;min-height:264px;position:relative;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 30px 60px #182e6738}.hero-console:after{content:"";background:radial-gradient(circle,#4788ff57,#0000 64%);height:160px;position:absolute;inset:auto -15% -55% 20%}.console-top{color:#7e8bab;border-bottom:1px solid #c5d7ff1f;align-items:center;gap:6px;height:40px;padding:0 15px;display:flex}.console-top span{background:#ff587d;border-radius:50%;width:9px;height:9px}.console-top span:nth-child(2){background:#f6c25c}.console-top span:nth-child(3){background:#4ad99c}.console-top small{margin-left:auto;font-family:DM Mono,monospace;font-size:10px}.console-body{z-index:1;color:#9fb7dc;padding:20px 24px;font-family:DM Mono,monospace;font-size:12px;line-height:2;position:relative}.console-body p{margin:0}.console-body b{color:#6ae0b5}.console-dim{color:#6d7d9f}.console-success{color:#55e0a5}.console-success span{color:#d5b7ff}.console-caret{vertical-align:-2px;background:#66d7ff;width:7px;height:14px;margin-left:6px;animation:1s steps(2,end) infinite blink;display:inline-block}.console-chip{color:#1b4c9b;background:#e9f3ff;border:1px solid #a1c9ff;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:17px;right:-14px;transform:rotate(-1.4deg)}@keyframes blink{50%{opacity:0}}.landing-section{max-width:1120px;margin:0 auto;padding:66px 24px 10px}.section-heading{text-align:center}.section-heading>span{color:#3f80ee;font-family:DM Mono,monospace;font-size:11px}.section-heading h2{color:#132149;letter-spacing:-.025em;margin:10px 0 7px;font-family:Space Grotesk,sans-serif;font-size:32px}.section-heading p{color:var(--muted);margin:0 auto;font-size:13px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.feature-grid article{min-height:196px;box-shadow:var(--shadow);background:#ffffffbf;border:1px solid #d8e1f2e6;border-radius:16px;padding:24px}.feature-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.feature-blue{color:#2e75ea;background:#e6f0ff}.feature-pink{color:#df4c92;background:#fff0f7}.feature-violet{color:#7557e8;background:#f0edff}.feature-grid h3{color:#19284d;margin:18px 0 7px;font-family:Space Grotesk,sans-serif;font-size:18px}.feature-grid p{color:#71809c;margin:0;font-size:12px;line-height:1.7}.pricing-section{padding-top:76px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.plan-card{min-height:250px;box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #d8e1f2e6;border-radius:16px;padding:21px}.plan-card.featured{border-color:#afc8ff;transform:translateY(-7px);box-shadow:0 17px 55px #4a71e129}.plan-top{justify-content:space-between;align-items:center;display:flex}.plan-top span{color:#1d2c4f;font-size:13px;font-weight:700}.plan-top b{color:#fff;background:var(--mint);border-radius:999px;padding:4px 7px;font-size:10px}.plan-card p{color:var(--muted);margin:15px 0 3px;font-size:11px}.plan-price{align-items:baseline;gap:8px;margin:4px 0 18px;display:flex}.plan-price strong{color:#14234a;font-family:Space Grotesk,sans-serif;font-size:35px}.plan-price del{color:#a5afc0;font-size:13px}.plan-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 19px;display:grid}.plan-card dt{color:var(--muted);font-size:10px}.plan-card dd{color:#334367;margin:4px 0 0;font-size:11px;font-weight:700}.landing-footer{border-top:1px solid var(--line);color:#8793aa;justify-content:space-between;max-width:1120px;margin:66px auto 0;padding:22px 24px 30px;font-size:11px;display:flex}.app-shell{background:var(--canvas);min-height:100vh}.app-sidebar{z-index:20;color:#dce7ff;background:var(--navy);flex-direction:column;width:224px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #d8e4ff1a;align-items:center;min-height:73px;padding:0 18px;display:flex}.sidebar-brand .brand-lockup{color:#fff}.sidebar-brand .brand-lockup small{color:#8c9cbe}.sidebar-nav{gap:3px;padding:18px 11px;display:grid;overflow-y:auto}.sidebar-item{color:#93a5c7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;min-height:39px;padding:0 11px;font-size:12px;font-weight:600;display:flex;position:relative}.sidebar-item:hover{color:#fff;background:#6b8cdf1f}.sidebar-item.active{color:#fff;background:linear-gradient(100deg,#4d81f159,#dd55a32e)}.sidebar-item.active:before{content:"";background:#80a9ff;border-radius:0 3px 3px 0;width:3px;height:19px;position:absolute;left:0}.nav-status{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 0 3px #23b59721}.image-item{color:#ffc2df;background:#e9569b1a;margin-top:10px}.new-tag{color:#fff;background:var(--pink);border-radius:4px;margin-left:auto;padding:3px 5px;font-family:DM Mono,monospace;font-size:8px}.sidebar-bottom{border-top:1px solid #d8e4ff1a;margin-top:auto;padding:12px}.workspace-switch{color:#e9f0ff;text-align:left;background:#ffffff0d;border:1px solid #cbdcff24;border-radius:9px;grid-template-columns:28px 1fr 15px;align-items:center;gap:8px;width:100%;padding:9px;display:grid}.workspace-icon{color:#a8cbff;background:#4886ff2e;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.workspace-switch b,.sidebar-user b{font-size:11px;display:block}.workspace-switch small,.sidebar-user small{color:#8b9cbd;margin-top:3px;font-size:9px;display:block}.sidebar-help{gap:3px;margin:11px 0;display:grid}.sidebar-help button{color:#8c9abd;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:7px;font-size:11px;display:flex}.sidebar-help button:hover{color:#fff}.sidebar-user{color:#e5edff;text-align:left;background:0 0;border:0;border-top:1px solid #d8e4ff1a;grid-template-columns:29px 1fr 15px;align-items:center;gap:8px;width:100%;padding:11px 7px 3px;display:grid}.user-avatar{color:#213161;background:linear-gradient(140deg,#b8d9ff,#ffb9d6);border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.main-area{min-height:100vh;margin-left:224px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;justify-content:space-between;align-items:center;height:69px;padding:0 30px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:9px;display:flex}.topbar-left{color:var(--muted);font-size:12px}.topbar-left b{color:var(--ink)}.topbar-actions{gap:13px}.environment-label{color:#64819f;align-items:center;gap:6px;font-size:11px;display:inline-flex}.environment-label i{background:var(--mint);border-radius:50%;width:6px;height:6px}.top-link{color:#697895}.user-menu{color:#6c7893;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0 4px 7px;font-size:11px;display:inline-flex}.user-menu>span:first-child{color:#259a7c;background:#e8fbf4;border-radius:8px;padding:6px 10px;font-weight:700}.user-dot{color:#fff;background:#18aa91;border-radius:9px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.user-menu b{color:var(--ink);font-weight:700}.canvas{max-width:1500px;margin:0 auto;padding:35px 30px 50px}.dashboard-intro,.subview-header,.studio-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:23px;display:flex}.eyebrow{color:#6284bb;letter-spacing:.05em;font-family:DM Mono,monospace;font-size:10px;display:inline-flex}.dashboard-intro h1,.subview-header h1,.studio-heading h1{color:#14244c;letter-spacing:-.025em;margin:5px 0 8px;font-family:Space Grotesk,sans-serif;font-size:30px;line-height:1.05}.dashboard-intro p,.subview-header p,.studio-heading p{max-width:600px;color:var(--muted);margin:0;font-size:13px}.intro-right{align-items:center;gap:13px;padding-top:5px;display:flex}.status{color:#26957b;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.status i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #23b5971f}.status-warn{color:#bc7628}.status-warn i{background:var(--amber);box-shadow:0 0 0 3px #e9a63d24}.status-muted{color:#8e9ab0}.status-muted i{box-shadow:none;background:#aab4c5}.metrics-grid{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:19px;display:grid;overflow:hidden}.metric-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:11px;min-width:0;padding:17px;display:flex}.metric-card:nth-child(4n){border-right:0}.metric-card:nth-last-child(-n+4){border-bottom:0}.metric-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.metric-blue{color:#3b72e4;background:#e8f0ff}.metric-pink{color:#db4e93;background:#fff0f7}.metric-violet{color:#7960e6;background:#f1edff}.metric-cyan{color:#17a8c9;background:#e7f9ff}.metric-mint{color:#1caa89;background:#e8fbf4}.metric-amber{color:#d8912c;background:#fff5e6}.metric-card>div{gap:2px;min-width:0;display:grid}.metric-card>div>span,.metric-card small{color:#8591a9;font-size:10px}.metric-card strong{color:#1a2a50;text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.15;overflow:hidden}.metric-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-grid{gap:18px;margin-bottom:18px;display:grid}.top-grid{grid-template-columns:1.1fr .9fr}.lower-grid{grid-template-columns:1.15fr .85fr}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:13px;padding:18px 20px 15px;display:flex}.panel-heading h2{color:#1a2a4f;margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:16px}.text-action{color:#5b79b2;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:11px;font-weight:700;display:inline-flex}.text-action:hover{color:var(--blue)}.provider-grid{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.provider-card{background:#fcfdff;border:1px solid #edf0f7;border-radius:11px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;min-height:88px;padding:12px;display:grid}.provider-badge{border-radius:9px;place-items:center;width:30px;height:30px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:grid}.provider-blue{color:#2f6de1;background:#e5efff}.provider-pink{color:#d94d92;background:#fff0f7}.provider-cyan{color:#159bc0;background:#e4faff}.provider-violet{color:#785be8;background:#f0edff}.provider-amber{color:#cc861f;background:#fff4e1}.provider-card div{gap:3px;display:grid}.provider-card b{color:#203054;font-size:12px}.provider-card small,.provider-card>span:last-child{color:#8a96ab;font-size:9px}.provider-card strong{color:#7b59dd;align-self:start;font-family:DM Mono,monospace;font-size:11px}.provider-card>span:last-child{grid-column:2/-1}.chart-legend{color:#8a96ab;flex-wrap:wrap;gap:13px;padding:15px 20px 0;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.chart-legend i{border-radius:50%;width:8px;height:8px}.legend-blue{background:#4f7ff0}.legend-pink{background:#f16da7}.legend-violet{background:#9f89ef}.area-chart{padding:12px 15px 15px}.area-chart svg{width:100%;height:200px;display:block}.chart-labels{color:#a0aabd;justify-content:space-between;padding:0 6px;font-family:DM Mono,monospace;font-size:9px;display:flex}.model-table{padding:2px 20px 13px}.model-head,.model-line{border-bottom:1px solid #eef1f7;grid-template-columns:1.45fr .55fr .75fr .65fr .65fr;align-items:center;gap:9px;min-height:43px;font-size:10px;display:grid}.model-head{color:#9aa5b8;min-height:34px;font-family:DM Mono,monospace;font-size:9px}.model-name{color:#304062;align-items:center;gap:7px;font-weight:700;display:flex}.model-dot{border-radius:50%;width:7px;height:7px}.dot-blue{background:#5c8cf1}.dot-pink{background:#ed70a9}.dot-violet{background:#9b82ef}.dot-cyan{background:#36bdd8}.dot-amber{background:#edae52}.model-line>b{color:#2d9d7e;font-family:DM Mono,monospace;font-size:10px}.standard-cost{color:#8e9bb0;font-family:DM Mono,monospace;font-size:9px}.recent-list{padding:3px 20px 12px}.recent-row{border-bottom:1px solid #eef1f7;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;min-height:58px;display:grid}.recent-row:last-child{border-bottom:0}.recent-icon{color:#28b39a;background:#e8fbf4;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.recent-row>div{gap:3px;display:grid}.recent-row b{color:#2d3b5a;font-size:11px}.recent-row small{color:#9aa5b8;font-size:9px}.recent-cost{text-align:right}.recent-cost b{color:#3aab85;font-family:DM Mono,monospace}.quick-actions{background:linear-gradient(110deg,#f0f6ff,#fff5fb);border:1px solid #dce6fa;border-radius:14px;grid-template-columns:160px 1fr;align-items:start;gap:20px;padding:20px;display:grid}.quick-actions h2{color:#18284e;margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:17px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-grid button{color:#5c6e91;text-align:left;background:#fffc;border:1px solid #cedcf7e6;border-radius:10px;grid-template-columns:25px 1fr 15px;align-items:center;gap:9px;min-height:66px;padding:11px;display:grid}.quick-grid button:hover{border-color:#a7bff2;transform:translateY(-1px)}.quick-grid button>svg:first-child{color:var(--blue)}.quick-grid span{gap:4px;display:grid}.quick-grid b{color:#263657;font-size:11px}.quick-grid small{color:#8b98ae;font-size:9px}.subview{gap:18px;display:grid}.subview-header{margin-bottom:2px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:0 19px;display:flex}.toolbar-note{color:#7785a0;align-items:center;gap:8px;font-size:11px;display:inline-flex}.search-field{color:#9aa6bb;align-items:center;gap:8px;width:min(330px,100%);display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.data-table{width:100%}.table-head,.table-row{align-items:center;gap:13px;padding:0 20px;display:grid}.table-head{color:#94a0b5;border-bottom:1px solid var(--line);background:#f7f9fd;min-height:38px;font-family:DM Mono,monospace;font-size:9px}.table-row{color:#4a5875;border-bottom:1px solid #eef1f7;min-height:68px;font-size:11px}.table-row:last-child{border-bottom:0}.table-row b{color:#243354;font-size:11px;display:block}.table-row small{color:#9aa5b8;margin-top:4px;font-size:9px;display:block}.secret-cell{align-items:center;gap:5px;display:flex}.secret-cell code,.usage-table code{color:#5874aa;font-family:DM Mono,monospace;font-size:10px}.switch{background:#cbd3e1;border:0;border-radius:10px;width:31px;height:18px;padding:0;position:relative}.switch i{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch.on{background:var(--blue)}.switch.on i{transform:translate(13px)}.usage-summary{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.usage-summary .metric-card{border-bottom:0}.usage-summary .metric-card:last-child{border-right:0}.usage-table .table-head,.usage-table .table-row{grid-template-columns:.9fr 1fr 1fr .7fr .7fr .7fr}.channel-table .table-head,.channel-table .table-row{grid-template-columns:1.1fr 1.25fr 1fr .8fr 25px}.provider-cell{color:#243354;align-items:center;gap:8px;font-weight:700;display:flex}.provider-dot{border-radius:50%;width:8px;height:8px}.info-strip{border-left:3px solid var(--blue);color:#5a6f98;background:#edf5ff;align-items:flex-start;gap:10px;padding:14px 16px;font-size:11px;display:flex}.info-strip b,.info-strip span{display:block}.info-strip span{color:#8090ad;margin-top:3px;font-size:10px}.pricing-grid.dashboard-pricing{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.price-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:18px}.price-card.compact{min-height:210px}.price-card-head{justify-content:space-between;align-items:center;display:flex}.price-card h2{color:#1d2b4d;margin:17px 0 4px;font-family:Space Grotesk,sans-serif;font-size:16px}.price-card p{color:#8b97ab;margin:0;font-size:10px}.price-card dl{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0 16px;display:grid}.price-card dt{color:#9da7ba;font-size:9px}.price-card dd{color:#344266;margin:4px 0 0;font-family:DM Mono,monospace;font-size:11px}.image-studio{gap:19px;display:grid}.studio-heading{align-items:center}.studio-grid{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.prompt-panel,.output-panel{min-height:560px}.prompt-panel{padding-bottom:18px}.field-label{color:#536384;gap:7px;margin:17px 20px 0;font-size:11px;font-weight:700;display:grid}.field-label textarea,.field-label input,.field-label select{border:1px solid var(--line-strong);color:#243354;resize:vertical;background:#fbfcff;border-radius:10px;outline:0;width:100%;padding:11px 12px;font-size:12px}.field-label textarea:focus,.field-label input:focus,.field-label select:focus{border-color:#8eadeb;box-shadow:0 0 0 3px #4f7ff01a}.field-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.studio-actions{gap:9px;padding:21px 20px 0;display:flex}.studio-safety{border-left:3px solid var(--mint);color:#73819d;background:#f0fbf7;align-items:flex-start;gap:8px;margin:16px 20px 0;padding:11px;font-size:10px;line-height:1.5;display:flex}.output-panel{overflow:hidden}.image-preview{background:#eaf0fb;border-radius:12px;place-items:center;min-height:444px;margin:18px;display:grid;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;min-height:444px;display:block}.empty-canvas{color:#8e9bb4;background:#f8faff;border:1px dashed #bbcae5;border-radius:12px;place-items:center;gap:8px;min-height:444px;margin:18px;display:grid}.empty-canvas b{color:#5b6b8b;font-size:14px}.empty-canvas span{font-size:11px}.demo-art{background:linear-gradient(145deg,#142b57 0%,#2d5eba 42%,#e35d9f 100%);position:relative;overflow:hidden}.demo-art:before{content:"";mix-blend-mode:screen;background:linear-gradient(155deg,#0000 35%,#ffbedc61 36%,#0000 43%),linear-gradient(30deg,#0000 50%,#7ed5ff59 51%,#0000 60%);position:absolute;inset:0}.art-sun{background:linear-gradient(135deg,#ffe9b6,#ff7baa);border-radius:50%;width:105px;height:105px;position:absolute;top:16%;right:17%;box-shadow:0 0 50px #ffbeae8c}.art-city{clip-path:polygon(0 35%,9% 26%,15% 37%,22% 15%,27% 34%,39% 9%,45% 28%,54% 17%,64% 37%,72% 12%,77% 32%,86% 24%,92% 36%,100% 19%,100% 100%,0 100%);background:linear-gradient(155deg,#0000 0 9%,#0b1837 10% 13%,#0000 14% 21%,#101f49 22% 31%,#0000 32% 40%,#0c1839 41% 53%,#0000 54%),linear-gradient(90deg,#152c60 0 9%,#0000 9% 14%,#1b3d83 14% 20%,#0000 20% 27%,#132b63 27% 40%,#0000 40% 46%,#243e87 46% 58%,#0000 58% 67%,#15295a 67% 76%,#0000 76%);width:100%;height:54%;position:absolute;bottom:0;left:0}.art-mist{filter:blur(12px);background:linear-gradient(90deg,#0000,#c7e1ff8f,#0000);height:28%;position:absolute;bottom:16%;left:-10%;right:-10%;transform:rotate(-4deg)}.art-caption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1c408c;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:inline-flex;position:absolute;bottom:15px;right:17px}.output-meta{color:#8b97ad;gap:8px;padding:0 20px 17px;font-family:DM Mono,monospace;font-size:10px;display:flex}.output-meta span{background:#f1f4fa;border-radius:6px;padding:5px 7px}.history-strip{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:160px 1fr;align-items:start;gap:18px;padding:18px 20px;display:grid}.history-strip h2{color:#203053;margin:5px 0 0;font-family:Space Grotesk,sans-serif;font-size:17px}.history-list{gap:12px;display:flex;overflow-x:auto}.history-list button{color:#71809b;text-align:left;background:0 0;border:0;flex:none;gap:7px;width:116px;padding:0;font-size:10px;display:grid}.history-thumb{background:#edf2fc;border-radius:9px;width:116px;height:79px;display:block;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-thumb.demo-art .art-city{height:70%}.empty-state{text-align:center;place-items:center;min-height:330px;padding:30px;display:grid}.empty-icon{color:#6f61df;background:#f0edff;border-radius:15px;place-items:center;width:49px;height:49px;display:grid}.empty-state h2{color:#243253;margin:17px 0 7px;font-family:Space Grotesk,sans-serif;font-size:19px}.empty-state p{color:#8390a8;max-width:450px;margin:0 0 17px;font-size:12px;line-height:1.6}.toast{z-index:60;color:#fff;background:var(--navy);border-radius:10px;align-items:center;gap:7px;min-height:43px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #1421483b}.exit-preview{z-index:40;border:1px solid var(--line-strong);color:#8792a7;opacity:.72;background:#fffc;border-radius:8px;padding:7px 10px;font-size:10px;position:fixed;bottom:16px;right:18px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.mobile-close{display:none}@media (width<=1100px){.landing-nav nav{margin-left:0}.hero-block{gap:36px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(4n){border-right:1px solid var(--line)}.metric-card:nth-child(2n){border-right:0}.metric-card:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.metric-card:nth-last-child(-n+2){border-bottom:0}.top-grid,.lower-grid,.studio-grid{grid-template-columns:1fr}.pricing-grid.dashboard-pricing{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.landing-nav{height:62px;padding:0 17px}.landing-nav nav,.landing-actions .plain-action,.landing-actions .icon-button{display:none}.hero-block{grid-template-columns:1fr;gap:34px;min-height:auto;padding:55px 18px 30px}.hero-copy h1{font-size:63px}.hero-copy p{font-size:16px}.hero-console{min-height:235px}.feature-grid,.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.landing-section{padding:55px 18px 8px}.section-heading h2{font-size:27px}.landing-footer{margin-top:50px;padding:18px}.app-sidebar{width:276px;transition:transform .2s;transform:translate(-100%);box-shadow:20px 0 55px #101b3840}.app-sidebar.open{transform:translate(0)}.mobile-close,.mobile-menu{display:grid}.main-area{margin-left:0}.topbar{height:61px;padding:0 16px}.topbar-left .crumb,.topbar-left>svg,.topbar-actions .environment-label,.top-link,.user-menu>b,.user-menu>svg{display:none}.topbar-actions{gap:7px}.canvas{padding:25px 16px 43px}.dashboard-intro,.subview-header,.studio-heading{gap:15px;display:grid}.dashboard-intro h1,.subview-header h1,.studio-heading h1{font-size:28px}.intro-right{justify-content:space-between;padding-top:0}.metrics-grid{grid-template-columns:1fr}.metric-card,.metric-card:nth-child(2n),.metric-card:nth-child(4n),.metric-card:nth-last-child(-n+4),.metric-card:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.metric-card:last-child{border-bottom:0}.provider-grid,.quick-actions,.history-strip,.quick-grid{grid-template-columns:1fr}.data-table{min-width:700px}.table-panel{overflow-x:auto}.usage-summary{grid-template-columns:1fr}.usage-summary .metric-card{border-right:0;border-bottom:1px solid var(--line)}.usage-summary .metric-card:last-child{border-bottom:0}.pricing-grid.dashboard-pricing,.field-grid{grid-template-columns:1fr}.image-preview,.empty-canvas,.image-preview img{min-height:330px}.prompt-panel,.output-panel{min-height:auto}.studio-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-page{background:radial-gradient(circle at 15% 10%,#6fa3ff38,#0000 34%),radial-gradient(circle at 88% 88%,#f874ae33,#0000 32%),#f5f8ff;place-items:center;min-height:100vh;padding:32px 18px;display:grid}.auth-shell{width:min(470px,100%);position:relative}.auth-back{color:#6e7e9d;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:22px;font-size:12px;display:inline-flex}.auth-back svg{transform:rotate(180deg)}.auth-brand{align-items:center;gap:11px;width:fit-content;margin:0 auto 16px;display:flex}.auth-brand>span:last-child{gap:2px;display:grid}.auth-brand b{color:#152752;font-family:Space Grotesk,sans-serif;font-size:20px}.auth-brand small{color:#8290ad;font-size:10px}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #dce6fa;border-radius:16px;padding:25px;box-shadow:0 22px 60px #27448524}.auth-tabs{background:#f0f4fc;border-radius:9px;gap:6px;margin-bottom:24px;padding:4px;display:flex}.auth-tabs button{color:#8794ad;background:0 0;border:0;border-radius:7px;flex:1;min-height:34px;font-size:12px;font-weight:700}.auth-tabs button.active{color:#23375f;background:#fff;box-shadow:0 3px 12px #3c568f1f}.auth-heading{margin-bottom:8px}.auth-heading h1{color:#1b2d57;margin:7px 0 6px;font-family:Space Grotesk,sans-serif;font-size:25px;line-height:1.15}.auth-heading p{color:#8190aa;margin:0;font-size:12px;line-height:1.6}.auth-form{gap:0;display:grid}.auth-form .field-label{margin:14px 0 0}.auth-submit{justify-content:center;width:100%;margin-top:20px}.code-field{grid-template-columns:1fr auto;gap:8px;display:grid}.code-field .quiet-button{justify-content:center;min-width:104px;padding:0 10px}.auth-alert,.auth-error,.auth-notice{border-radius:8px;margin:13px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.auth-alert{color:#956a24;background:#fff6e5;border:1px solid #f4dfb6}.auth-error{color:#b04467;background:#fff0f5;border:1px solid #f6cad9}.auth-notice{color:#258c73;background:#ecfbf5;border:1px solid #c8efdf}.auth-footnote{color:#9aa6bb;text-align:center;margin:18px 0 0;font-size:10px;line-height:1.5}.billing-grid{grid-template-columns:.95fr 1.05fr;gap:18px;display:grid}.recharge-panel{min-height:390px;padding-bottom:20px}.recharge-panel>.gradient-button{margin:20px 20px 0}.method-list{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 20px 0;display:grid}.method-option{border:1px solid var(--line-strong);color:#61708d;text-align:left;background:#fbfcff;border-radius:9px;gap:4px;padding:11px 12px;display:grid}.method-option.active{color:#2d5ebd;background:#eff5ff;border-color:#81a4ed;box-shadow:0 0 0 3px #4f7ff01a}.method-option span{font-size:12px;font-weight:700}.method-option small{color:#99a5b9;font-size:9px}.order-result{color:#526486;background:#f6f9ff;border:1px solid #dce6fa;border-radius:10px;gap:8px;margin:18px 20px 0;padding:13px;font-size:11px;display:grid}.order-result b{color:#26416f}.order-result img{object-fit:contain;width:160px;height:160px;margin:3px auto}.order-result a{color:#4b75cb;font-weight:700}.order-list{padding:3px 20px 12px}.order-row{border-bottom:1px solid #eef1f7;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:62px;display:grid}.order-row:last-child{border-bottom:0}.order-row b,.order-row small{display:block}.order-row b{color:#2c3c5d;font-family:DM Mono,monospace;font-size:10px}.order-row small{color:#98a4b8;margin-top:4px;font-size:9px}.order-row strong{color:#2d9c7c;font-family:DM Mono,monospace;font-size:11px}.empty-state.compact{min-height:230px}.muted-copy{color:#96a2b7;font-size:11px}.redeem-grid{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.redeem-panel{min-height:330px;padding-bottom:20px}.redeem-panel form{gap:18px;display:grid}.redeem-panel form>.gradient-button{margin:0 20px}.redeem-result{color:#258c73;background:#ecfbf5;border:1px solid #c8efdf;border-radius:10px;align-items:flex-start;gap:10px;margin:20px;padding:13px;display:flex}.redeem-result>div{gap:4px;display:grid}.redeem-result b{color:#227b67;font-size:12px}.redeem-result span,.redeem-result small{color:#5e8e80;font-size:10px}.redeem-history{min-height:330px}.redeem-grid+.info-strip{margin-top:0}.recharge-store-panel{grid-template-columns:270px 1fr;align-items:stretch;gap:28px;display:grid;overflow:hidden}.recharge-store-art{color:#fff;background:linear-gradient(145deg,#264fa6,#c85b9c);place-items:center;min-height:290px;display:grid;position:relative;overflow:hidden}.recharge-store-art:before{content:"";border:1px solid #ffffff57;border-radius:50%;position:absolute;inset:16%;transform:rotate(-24deg)scaleY(.45)}.recharge-store-art:after{content:"";border:1px solid #ffffff38;border-radius:50%;position:absolute;inset:28%;transform:rotate(34deg)scaleY(.6)}.recharge-store-art svg{z-index:1;filter:drop-shadow(0 7px 12px #0e1a4b40);position:relative}.store-orbit{background:#fff;border-radius:50%;width:9px;height:9px;display:block;position:absolute;box-shadow:0 0 0 5px #ffffff24}.orbit-one{top:24%;right:23%}.orbit-two{background:#ffd6e9;bottom:26%;left:21%}.recharge-store-copy{align-content:center;padding:30px 30px 30px 0;display:grid}.recharge-store-copy h2{color:#1c2d55;margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:23px}.recharge-store-copy p{color:#7888a4;max-width:560px;margin:0;font-size:12px;line-height:1.7}.recharge-store-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.recharge-store-actions a{text-decoration:none}.store-note{border-left:3px solid var(--mint);color:#72819d;background:#f0fbf7;align-items:flex-start;gap:8px;margin-top:18px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}@media (width<=820px){.auth-card{padding:21px 17px}.billing-grid,.method-list{grid-template-columns:1fr}.recharge-store-panel{grid-template-columns:1fr;gap:0}.recharge-store-art{min-height:180px}.recharge-store-copy{padding:24px 20px 25px}.recharge-store-copy h2{font-size:21px}}.workspace-switch small{font-size:0}.workspace-switch small:after{content:"当前生产环境";font-size:9px}.account-wrap{position:relative}.account-menu{z-index:80;border:1px solid var(--line);background:#fff;border-radius:11px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #1c2d5633}.account-menu-heading{border-bottom:1px solid #edf0f7;align-items:center;gap:9px;padding:8px 9px 11px;display:flex}.account-menu-heading>span:last-child{gap:3px;display:grid}.account-menu-heading b{color:#263657;font-size:11px}.account-menu-heading small{color:#98a4b8;font-size:9px}.account-menu>button{color:#5e6d8a;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;min-height:34px;margin-top:3px;padding:0 9px;font-size:11px;display:flex}.account-menu>button:hover{color:#315fbd;background:#f0f5ff}.account-menu>.account-logout{color:#c25470}.sidebar-bottom{position:relative}.sidebar-account-menu{min-width:0;inset:auto 12px 58px}.sidebar-account-menu .account-menu-heading{padding-left:5px;padding-right:5px}.key-reveal{border:1px solid #bfe8d9;border-left:4px solid var(--mint);background:#effbf7;border-radius:12px;grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:center;gap:18px;padding:17px 20px;display:grid}.key-reveal b,.key-reveal p{display:block}.key-reveal b{color:#1f795f;margin-top:5px;font-size:13px}.key-reveal p{color:#5f927f;margin:5px 0 0;font-size:10px;line-height:1.5}.key-reveal-value{background:#fff;border:1px solid #c9e9de;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.key-reveal-value code{color:#247761;white-space:nowrap;min-width:0;font-family:DM Mono,monospace;font-size:11px;overflow:auto}.key-create-panel{padding-bottom:20px;overflow:hidden}.key-create-form{grid-template-columns:1.2fr .9fr .9fr;align-items:end;gap:0;display:grid}.key-create-form .field-label{margin-top:0}.key-create-actions{grid-column:1/-1;gap:9px;padding:17px 20px 0;display:flex}.key-create-actions .gradient-button,.key-create-actions .quiet-button{min-height:38px}.keys-table .table-row>span:nth-child(4){align-items:center;gap:7px;display:flex}.keys-table .table-row>span:nth-child(4) small{margin-top:0}.icon-button:disabled,.quiet-button:disabled,.switch:disabled{cursor:not-allowed;opacity:.55}@media (width<=820px){.key-reveal,.key-create-form{grid-template-columns:1fr}.key-create-actions{grid-column:auto}.key-reveal-value{margin-top:5px}.key-create-actions{padding-top:17px}}.keys-table .table-head,.keys-table .table-row{grid-template-columns:1.05fr 1.35fr 1fr .95fr .55fr 74px}.key-group-cell,.key-action-cell{align-items:center;gap:7px;min-width:0;display:flex}.key-group-cell>span{flex:1;min-width:0}.key-group-cell b,.key-group-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-group-cell select{border:1px solid var(--line-strong);color:#304062;background:#fbfcff;border-radius:7px;outline:0;flex:1;min-width:0;padding:7px 8px;font-size:10px}.key-action-cell{justify-content:flex-end}.key-create-form{grid-template-columns:1.2fr 1.15fr .9fr .9fr}.key-group-error{color:#b04467;grid-column:1/-1;margin:13px 20px 0;font-size:10px}.keys-table .table-row>span:nth-child(5){align-items:center;gap:7px;display:flex}.keys-table .table-row>span:nth-child(5) small{margin-top:0}.status-bad{color:#bd4964;background:#fff0f3}.status-bad i{background:#dc5873}.live-dot.offline{background:#e0a146;box-shadow:0 0 0 4px #e0a14621}.channel-catalog-table .table-head,.channel-catalog-table .table-row{grid-template-columns:minmax(150px,.85fr) minmax(165px,1fr) minmax(250px,1.55fr) minmax(105px,.55fr)}.channel-name,.channel-group{align-items:center;gap:9px;min-width:0;display:flex}.channel-name>span,.channel-group{gap:3px;display:grid}.channel-name b,.channel-group b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-name small,.channel-group small{color:#8d99ae;font-size:9px}.model-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.model-tags>span{color:#227d61;text-overflow:ellipsis;white-space:nowrap;background:#effbf5;border:1px solid #bfe8d4;border-radius:5px;max-width:180px;padding:4px 6px;font-family:DM Mono,monospace;font-size:9px;display:inline-flex;overflow:hidden}.model-tags small{color:#9aa6ba}.monitor-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-control{border:1px solid var(--line);background:#ffffffad;border-radius:9px;gap:3px;padding:3px;display:inline-flex}.segmented-control button{color:#7d8aa1;background:0 0;border:0;border-radius:6px;min-width:48px;min-height:29px;padding:0 9px;font-size:10px;font-weight:700}.segmented-control button.active{color:#245fbb;background:#eaf2ff;box-shadow:0 1px 4px #2556af1c}.health-note{color:#8d9ab0;align-items:center;gap:7px;font-size:10px;display:inline-flex}.monitor-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px;display:grid}.monitor-card{border:1px solid var(--line);background:#ffffffde;border-radius:11px;min-height:255px;padding:18px;box-shadow:0 11px 30px #1e39710f}.monitor-card-top{grid-template-columns:36px 1fr auto;align-items:start;gap:10px;display:grid}.monitor-provider{color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;font-family:DM Mono,monospace;font-size:13px;font-weight:800;display:grid}.monitor-provider.provider-blue{background:#4f7ff0}.monitor-provider.provider-pink{background:#e86aa0}.monitor-provider.provider-cyan{background:#2dadd4}.monitor-provider.provider-violet{background:#8664f3}.monitor-provider.provider-amber{background:#db9d3b}.monitor-card h2{color:#243354;margin:0;font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.2}.monitor-card p{color:#8e9ab0;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9px;overflow:hidden}.monitor-stat-grid{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.monitor-stat-grid span{background:#fbfcfe;border:1px solid #eef1f7;border-radius:8px;gap:5px;padding:10px;display:grid}.monitor-stat-grid small,.availability-line>span,.timeline-label{color:#98a5b8;font-size:9px}.monitor-stat-grid b{color:#253451;font-family:DM Mono,monospace;font-size:13px}.availability-line{border-top:1px solid #eef1f7;justify-content:space-between;align-items:end;padding-top:2px;display:flex}.availability-line>span{padding-top:12px}.availability-line b{color:#1fa84a;font-family:DM Mono,monospace;font-size:24px;line-height:1}.availability-line b small{margin-left:3px;font-size:12px}.timeline-label{justify-content:space-between;margin:15px 0 7px;display:flex}.monitor-timeline{align-items:end;gap:2px;height:20px;display:flex;overflow:hidden}.monitor-point{background:#b8c2d5;border-radius:1px;width:4px;min-width:4px;height:18px}.monitor-point.good{background:#22bb7a}.monitor-point.warn{background:#e6ac3e;height:13px}.monitor-point.bad{background:#e75f78;height:9px}.monitor-point.muted{background:#c5cedd;height:11px}.timeline-empty{color:#a2adbe;font-size:10px;display:block}.monitor-extra-models{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}.monitor-extra-models span{color:#677791;background:#f4f6fa;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;font-family:DM Mono,monospace;font-size:8px;display:inline-flex}.monitor-extra-models i{background:#bcc6d5;border-radius:50%;width:5px;height:5px}.monitor-extra-models i.good{background:#27b97a}.monitor-extra-models i.warn{background:#e4a53f}.monitor-extra-models i.bad{background:#e15d75}.subscription-overview,.referral-metrics{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.referral-metrics{grid-template-columns:repeat(4,1fr)}.subscription-overview .metric-card,.referral-metrics .metric-card{border-bottom:0}.subscription-overview .metric-card:last-child,.referral-metrics .metric-card:last-child{border-right:0}.subscription-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.subscription-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px;box-shadow:0 11px 30px #1e39710f}.subscription-card-top{justify-content:space-between;gap:12px;display:flex}.subscription-card h2{color:#203251;margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:17px}.subscription-dates{border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0;padding:10px 0;display:grid}.subscription-dates span{color:#98a4b8;gap:4px;font-size:9px;display:grid}.subscription-dates b{color:#566682;font-size:10px;font-weight:700}.quota-list{gap:11px;display:grid}.quota-meter{gap:6px;display:grid}.quota-meter>div{color:#8794aa;justify-content:space-between;gap:10px;font-size:9px;display:flex}.quota-meter b{color:#54647f;font-family:DM Mono,monospace;font-size:9px}.quota-meter i{background:#ecf0f7;border-radius:999px;height:5px;display:block;overflow:hidden}.quota-meter em{border-radius:inherit;background:linear-gradient(90deg,#5c8cf0,#3bc2ac);min-width:0;height:100%;display:block}.select-field{color:#7d8aa2;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.select-field select{border:1px solid var(--line-strong);color:#34435f;background:#fbfcff;border-radius:8px;outline:0;min-height:34px;padding:0 27px 0 10px;font-size:11px}.orders-table .table-head,.orders-table .table-row{grid-template-columns:1.25fr .58fr .8fr .75fr .72fr 1fr 48px}.table-action{border:1px solid var(--line-strong);color:#52637f;background:#fff;border-radius:6px;min-height:29px;padding:0 8px;font-size:10px;font-weight:700}.table-action:hover{color:#265db6;background:#f2f6ff;border-color:#a4bee9}.table-action.danger{color:#b14b68}.table-pagination{color:#8794aa;justify-content:space-between;align-items:center;min-height:58px;padding:0 19px;font-size:10px;display:flex}.table-pagination>div{align-items:center;gap:8px;display:flex}.table-pagination button{border:1px solid var(--line-strong);color:#596984;background:#fff;border-radius:6px;min-height:29px;padding:0 8px;font-size:10px}.table-pagination button:disabled{opacity:.45;cursor:not-allowed}.referral-panel{padding-bottom:16px}.invite-fields{grid-template-columns:.78fr 1.22fr;gap:15px;padding:0 20px 18px;display:grid}.invite-fields label{color:#6f7f9a;gap:7px;font-size:10px;font-weight:700;display:grid}.invite-fields label>div{border:1px solid var(--line-strong);background:#fbfcff;border-radius:8px;align-items:center;min-width:0;padding:4px 5px 4px 11px;display:flex}.invite-fields code{color:#44638f;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:10px;overflow:hidden}.referral-transfer{border-left:3px solid var(--mint);background:#effbf7;justify-content:space-between;align-items:center;gap:18px;margin:0 20px;padding:14px;display:flex}.referral-transfer div{gap:4px;display:grid}.referral-transfer b{color:#267f67;font-size:12px}.referral-transfer span{color:#648b80;font-size:10px;line-height:1.5}.panel-label{color:#344460;font-size:11px}.invitees-table .table-head,.invitees-table .table-row{grid-template-columns:1.4fr 1fr .6fr}.profile-hero{box-shadow:var(--shadow);background:linear-gradient(115deg,#f2fffdf5,#fffffff2 58%,#fffcf2f2);border:1px solid #cbe9e4;border-radius:13px;grid-template-columns:auto minmax(180px,1fr) minmax(330px,.9fr);align-items:center;gap:17px;padding:23px;display:grid}.profile-avatar{color:#fff;background:linear-gradient(145deg,#23baa4,#148c80);border-radius:18px;place-items:center;width:66px;height:66px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 8px 20px #1b9d8738}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-hero h2{color:#1f304e;margin:0;font-family:Space Grotesk,sans-serif;font-size:23px}.profile-hero p{color:#687995;margin:5px 0 9px;font-size:12px}.profile-hero>div:nth-child(2)>span{flex-wrap:wrap;gap:6px;display:flex}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-stats span{background:#ffffffc7;border:1px solid #eceff6e6;border-radius:8px;gap:5px;min-width:0;padding:10px 11px;display:grid}.profile-stats small{color:#98a4b8;font-size:9px}.profile-stats b{color:#3d4d69;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:10px;overflow:hidden}.profile-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.profile-panel{min-height:300px;padding-bottom:20px}.profile-form{gap:0;display:grid}.profile-form>.gradient-button,.profile-form>.quiet-button{justify-self:start;margin:19px 20px 0}.field-note{color:#8c98ad;margin:12px 20px 0;font-size:9px;line-height:1.5}.bindings-panel{overflow:hidden}.binding-list{padding:0 20px 13px}.binding-row{border-bottom:1px solid #eef1f6;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:64px;display:grid}.binding-row:last-child{border-bottom:0}.binding-icon{color:#3676cc;background:#e8f2ff;border-radius:9px;place-items:center;width:32px;height:32px;font-family:DM Mono,monospace;font-size:12px;font-weight:800;display:grid}.binding-row:nth-child(2) .binding-icon{color:#b87527;background:#fff1dc}.binding-row:nth-child(3) .binding-icon{color:#4375bb;background:#e8efff}.binding-row b,.binding-row small{display:block}.binding-row b{color:#35445f;font-size:11px}.binding-row small{color:#98a4b8;margin-top:3px;font-size:9px}.header-actions{align-items:center;gap:9px;display:flex}.ticket-create-panel{padding-bottom:20px}.ticket-form{gap:0;display:grid}.ticket-form-actions{align-items:center;gap:12px;padding:19px 20px 0;display:flex}.ticket-form-actions span{color:#8997ad;font-size:9px;line-height:1.45}.ticket-detail{overflow:hidden}.ticket-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:15px;padding:19px 20px 16px;display:flex}.ticket-detail-head>div:first-child{gap:6px;display:grid}.ticket-detail-head .text-action{justify-content:flex-start;padding:0}.ticket-detail-head h2{color:#273752;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px}.ticket-detail-head span{color:#8c99ae;font-family:DM Mono,monospace;font-size:9px}.ticket-detail-head>div:last-child{align-items:center;gap:8px;display:flex}.ticket-thread{background:#fafcff;gap:12px;max-height:390px;padding:20px;display:grid;overflow-y:auto}.ticket-message{grid-template-columns:27px minmax(0,1fr);align-items:start;gap:9px;display:grid}.ticket-message>span{color:#fff;background:#4c7cf0;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.ticket-message.from-support>span{background:#27aa93}.ticket-message>div{background:#fff;border:1px solid #e4eaf5;border-radius:4px 10px 10px;gap:5px;width:fit-content;max-width:86%;padding:10px 12px;display:grid}.ticket-message.from-support>div{background:#effbf7;border-color:#cfece4}.ticket-message p{color:#53627d;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.65}.ticket-message small{color:#9aa5b8;font-size:9px}.ticket-reply{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:9px;padding:15px 20px;display:grid}.ticket-reply textarea{border:1px solid var(--line-strong);color:#34435f;min-height:62px;font:inherit;resize:vertical;background:#fbfcff;border-radius:8px;outline:0;padding:10px 12px;font-size:11px}.ticket-reply textarea:focus{border-color:#8eadeb;box-shadow:0 0 0 3px #4f7ff01a}.tickets-table .table-head,.tickets-table .table-row{grid-template-columns:1.55fr .65fr .66fr .72fr 1fr 48px}@media (width<=1100px){.referral-metrics{grid-template-columns:repeat(2,1fr)}.referral-metrics .metric-card:nth-child(2){border-right:0}.referral-metrics .metric-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.profile-hero{grid-template-columns:auto 1fr}.profile-stats{grid-column:1/-1}.profile-grid{grid-template-columns:1fr}}@media (width<=820px){.monitor-toolbar,.referral-transfer,.ticket-detail-head{flex-direction:column;align-items:flex-start}.health-note{display:none}.monitor-grid,.subscription-grid,.subscription-overview,.referral-metrics{grid-template-columns:1fr}.subscription-overview .metric-card,.referral-metrics .metric-card{border-right:0;border-bottom:1px solid var(--line)}.subscription-overview .metric-card:last-child,.referral-metrics .metric-card:last-child{border-bottom:0}.invite-fields,.profile-grid{grid-template-columns:1fr}.referral-transfer{margin:0 15px}.profile-hero{grid-template-columns:auto 1fr;padding:18px}.profile-stats{grid-template-columns:1fr}.ticket-form-actions,.header-actions{flex-direction:column;align-items:stretch}.ticket-reply{grid-template-columns:1fr}.channel-catalog-table .table-head,.channel-catalog-table .table-row,.orders-table .table-head,.orders-table .table-row,.tickets-table .table-head,.tickets-table .table-row{min-width:790px}.table-pagination{flex-direction:column;align-items:flex-start;gap:12px;padding:13px 19px}}