:root{
  --navy:#1a142e;--navy-2:#241b43;--cyan:#00abd3;--green:#3aaa35;--black:#1d1d1b;
  --paper:#f5f5f2;--panel:#fff;--ink:#24232a;--muted:#74727c;--line:#e4e2e7;
  --red:#c83d4c;--red-soft:#fff0f1;--amber:#a96812;--amber-soft:#fff6e7;
  --green-soft:#eef9ed;--cyan-soft:#eaf9fc;
}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.48 Hind,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.hidden{display:none!important}
h1,h2,.metric,.brand-kicker,.eyebrow,.nav-section{font-family:Blinker,"Avenir Next","Segoe UI",Arial,sans-serif}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(440px,.86fr);background:var(--navy)}
.login-brand{position:relative;min-height:100vh;padding:54px clamp(42px,6vw,96px);overflow:hidden;color:#fff;display:flex;flex-direction:column;background:var(--navy)}
.login-brand:before{content:"";position:absolute;width:620px;height:620px;right:-210px;bottom:-260px;border-radius:50%;border:95px solid rgba(0,171,211,.12);box-shadow:0 0 0 72px rgba(58,170,53,.055)}
.login-brand:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 48%,rgba(255,255,255,.025) 48% 48.5%,transparent 48.5%);pointer-events:none}
.partner-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:30px}.partner-lockup img:first-child{width:184px}.partner-lockup img:last-child{width:174px}.partner-lockup>span{width:1px;height:38px;background:rgba(255,255,255,.28)}
.login-message{position:relative;z-index:1;margin:auto 0;max-width:700px;padding:80px 0}.brand-kicker{margin:0 0 20px;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.17em}.login-message h1{max-width:700px;margin:0;font-size:clamp(50px,5.7vw,84px);font-weight:600;line-height:1.02;letter-spacing:-.018em}.login-message>p:last-child{max-width:530px;margin:28px 0 0;color:rgba(255,255,255,.68);font-size:18px;line-height:1.55}
.brand-signal{position:relative;z-index:1;display:flex;align-items:flex-end;gap:8px;height:34px}.brand-signal i{display:block;width:34px;height:7px;border-radius:5px;background:var(--cyan)}.brand-signal i:nth-child(2){width:72px;background:#fff}.brand-signal i:nth-child(3){width:48px;background:var(--green)}.brand-signal i:nth-child(4){width:12px;background:rgba(255,255,255,.3)}
.login-access{min-height:100vh;background:#fff;display:grid;place-items:center;padding:56px clamp(34px,6vw,88px)}
.login-card{width:min(420px,100%)}.portal-label{display:flex;align-items:center;gap:12px;margin-bottom:90px}.portal-label strong,.portal-label small{display:block}.portal-label strong{font:600 17px/1.1 Blinker,"Avenir Next","Segoe UI",sans-serif;letter-spacing:.03em}.portal-label small{margin-top:3px;color:var(--muted);font-size:11px;letter-spacing:.06em}.portal-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:0 12px 0 12px;font:700 18px Blinker,"Avenir Next","Segoe UI",sans-serif;box-shadow:inset -5px -5px 0 rgba(0,171,211,.32)}
.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 8px}.login-card h2{font-size:38px;line-height:1.12;letter-spacing:-.015em;margin:0;font-weight:600;color:var(--navy)}.muted{color:var(--muted);margin:10px 0 32px}.login-card label{display:block;color:#4f4d57;font-size:12px;font-weight:600;margin:15px 0 6px}.login-card input{width:100%;height:48px;border:1px solid #d8d5dc;border-radius:0 12px 0 12px;padding:0 14px;margin-top:6px;outline:none;background:#fbfbfa;transition:.16s}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,171,211,.11);background:#fff}.login-card button{width:100%;height:50px;margin-top:24px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:0 13px 0 13px;background:var(--navy);color:#fff;font-weight:650;cursor:pointer;transition:.18s}.login-card button span{color:var(--cyan);font-size:20px}.login-card button:hover{background:var(--navy-2);transform:translateY(-1px)}.error{color:var(--red);min-height:18px;margin:12px 0 0;font-size:12px}
.portal{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:30px 20px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column;overflow:hidden}aside:after{content:"";position:absolute;right:-82px;bottom:100px;width:170px;height:170px;border:26px solid rgba(0,171,211,.07);border-radius:50%;pointer-events:none}.side-brands{height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 7px 23px;border-bottom:1px solid rgba(255,255,255,.12)}.side-brands img{display:block;width:auto;height:24px;object-fit:contain}.side-product{display:flex;align-items:center;gap:11px;padding:24px 7px 32px}.portal-symbol.small{width:36px;height:36px;border-radius:0 9px 0 9px;font-size:14px}.side-product strong,.side-product span{display:block}.side-product strong{font:600 14px Blinker,"Avenir Next","Segoe UI",sans-serif}.side-product span{margin-top:2px;color:#9b97aa;font-size:10px}.nav-section{margin:0 11px 8px;color:#747085;font-size:9px;font-weight:700;letter-spacing:.18em}.nav-button{position:relative;display:flex;width:100%;align-items:center;gap:12px;text-align:left;background:transparent;color:#aaa6b6;padding:12px 13px;margin:3px 0;border:0;border-radius:0 10px 0 10px;font-size:13px;font-weight:600;cursor:pointer}.nav-button:hover{background:rgba(255,255,255,.065);color:#fff}.nav-button.active{background:#fff;color:var(--navy)}.nav-button.active:after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:var(--cyan)}.nav-dot{width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%}.nav-button.active .nav-dot{background:var(--green);border-color:var(--green)}.account{position:relative;z-index:1;margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:17px 7px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px}.account:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(58,170,53,.16);margin-right:8px}.account span{margin-right:auto}.ghost{border:0;background:transparent;color:#918d9f;padding:5px;font-size:10px;cursor:pointer}.ghost:hover{color:#fff}
.portal main{padding:34px clamp(26px,4vw,58px) 50px;min-width:0}.portal header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid var(--line)}.portal header .eyebrow{margin:0 0 4px}.portal header h1{font-size:36px;line-height:1.12;letter-spacing:-.015em;margin:0;color:var(--navy);font-weight:600}.freshness{display:flex;align-items:center;gap:8px;font-size:11px;color:#5b5961;padding:7px 11px;border:1px solid var(--line);border-radius:0 8px 0 8px;background:#fff}.freshness i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:0 14px 0 14px;padding:19px;min-width:0}.grid>.card:nth-child(1){border-top:3px solid var(--cyan)}.grid>.card:nth-child(2){border-top:3px solid var(--green)}.grid>.card:nth-child(3){border-top:3px solid var(--navy)}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.card h2{font-size:13px;letter-spacing:.015em;margin:0 0 12px;color:var(--navy);font-weight:600}.metric{font-size:34px;line-height:1;font-weight:600;letter-spacing:-.018em;color:var(--navy)}.metric-label{font-size:11px;color:var(--muted);margin-top:7px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:3px 7px;background:var(--green-soft);color:#258123;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.status.bad{background:var(--red-soft);color:var(--red)}.status.warn{background:var(--amber-soft);color:var(--amber)}.list{list-style:none;margin:0;padding:0}.list li{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:10px;align-items:center;min-height:45px;padding:8px 0;border-top:1px solid #efedf1}.list li:first-child{border:0}.list strong{font-size:11px}.sub{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.home{display:grid;gap:16px}.home-hero{position:relative;min-height:350px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 46%;background:var(--navy);color:#fff;border-radius:0 24px 0 24px}.home-hero:before{content:"";position:absolute;inset:auto auto -180px -70px;width:430px;height:430px;border:62px solid rgba(0,171,211,.075);border-radius:50%}.hero-copy{position:relative;z-index:2;padding:46px 20px 42px 46px;align-self:center}.hero-copy h2{margin:0;font-size:clamp(38px,4vw,61px);font-weight:600;line-height:1.04;letter-spacing:-.018em;color:#fff}.hero-copy>p:not(.brand-kicker){max-width:560px;margin:20px 0 26px;color:#bbb7c6;font-size:15px}.hero-actions{display:flex;gap:10px}.hero-actions button,.home-module button{border:0;cursor:pointer;font-weight:650}.hero-actions button{display:flex;gap:24px;align-items:center;padding:12px 15px;border-radius:0 10px 0 10px;background:var(--cyan);color:var(--navy)}.hero-actions button:last-child{background:#fff;color:var(--navy)}.hero-actions button span{font-size:17px}.mascot-stage{position:relative;overflow:hidden;min-height:350px}.mascots-together{position:absolute;right:-2%;bottom:-13%;width:min(108%,720px);height:auto;max-height:118%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(0,0,0,.24))}.home-kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:0 15px 0 15px}.home-kpis article{position:relative;padding:20px 22px;border-left:1px solid var(--line)}.home-kpis article:first-child{border:0}.home-kpis strong{display:block;font:600 28px/1 Blinker,"Avenir Next","Segoe UI",sans-serif;color:var(--navy)}.home-kpis p{margin:6px 0 0;color:var(--muted);font-size:10px}.kpi-dot{position:absolute;right:18px;top:19px;width:8px;height:8px;border-radius:50%;background:#d5d2d8}.kpi-dot.cyan{background:var(--cyan)}.kpi-dot.green{background:var(--green)}.kpi-dot.navy{background:var(--navy)}.home-kpis .attention .kpi-dot{background:var(--red)}.home-lower{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px}.home-module{padding:24px;min-height:185px}.home-module:after{content:"";position:absolute;right:0;bottom:0;width:52px;height:52px;background:var(--cyan-soft);border-radius:52px 0 0 0}.home-module.sql:after{background:var(--green-soft)}.module-no{margin:0 0 27px;color:var(--cyan);font:700 9px Blinker,"Avenir Next","Segoe UI",sans-serif;letter-spacing:.13em}.home-module.sql .module-no{color:var(--green)}.home-module h2{font-size:23px;margin-bottom:8px}.home-module>p:not(.module-no){color:var(--muted);font-size:11px;max-width:300px}.home-module button{position:absolute;left:24px;bottom:20px;padding:0;background:transparent;color:var(--navy);font-size:11px}.home-feed{padding:24px}.home-feed .module-no{margin-bottom:10px}
.release-metric{font-size:16px;line-height:1.25;overflow-wrap:anywhere}.unit-list li{min-height:56px}.tree-root{margin:0 0 12px;color:var(--muted);overflow-wrap:anywhere}.tree-list{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}.tree-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 0;border-top:1px solid #efedf1;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4b4951}.tree-list li:first-child{border:0}.tree-list li.pointer{color:var(--cyan)}.tree-list small{color:var(--muted)}.release-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.release-strip article{padding:11px;background:#f7f7f4;border-radius:0 8px 0 8px}.release-strip strong,.release-strip small{display:block}.release-strip small{margin-top:5px;color:var(--muted);font-size:9px}.sql-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.sql-summary .card{padding:16px}.sql-summary .schema-title{margin:0 0 12px}.sql-summary strong{display:block;font:600 28px/1 Blinker,"Avenir Next","Segoe UI",sans-serif;color:var(--navy)}.sql-summary small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.sql-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.tree-panel{max-height:calc(100vh - 155px);overflow:auto;padding:13px}.tree-panel h2{padding:5px 7px 12px;border-bottom:1px solid var(--line)}.schema-title{font:700 9px/1 Blinker,"Avenir Next","Segoe UI",sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan);margin:17px 8px 6px}.table-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#4b4951;padding:8px 9px;border-radius:0 7px 0 7px;text-align:left;font-size:11px;font-weight:600;cursor:pointer}.table-button:hover{background:#f4f4f1}.table-button.active{background:var(--navy);color:#fff}.table-wrap{overflow:auto;max-height:calc(100vh - 250px);border:1px solid var(--line);border-radius:0 8px 0 8px}table{width:100%;border-collapse:collapse;font-size:11px}th{position:sticky;top:0;background:#f4f4f1;text-align:left;padding:9px 10px;border-bottom:1px solid #d7d4da;white-space:nowrap;color:#56535d;font-size:10px}td{padding:8px 10px;border-bottom:1px solid #efedf1;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#403e46}tr:hover td{background:var(--cyan-soft)}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:12px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.pill{font-size:9px;padding:2px 6px;border-radius:9px;background:#eeedf0;color:#6e6b74;font-weight:650}.table-button.active .pill{background:rgba(255,255,255,.15);color:#fff}
@media(max-width:1100px){.home-hero{grid-template-columns:1fr 42%}.home-lower{grid-template-columns:1fr 1fr}.home-feed{grid-column:span 2}.home-kpis{grid-template-columns:repeat(2,1fr)}.home-kpis article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.home-kpis article:nth-child(4){border-top:1px solid var(--line)}.release-strip,.sql-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:350px;padding:36px}.login-message{padding:55px 0}.login-message h1{font-size:52px}.login-access{min-height:auto}.portal-label{margin-bottom:55px}.portal{grid-template-columns:1fr}aside{height:auto;position:static;padding-bottom:12px}.side-brands{width:284px}.side-product{padding-bottom:12px}nav{display:flex;overflow:auto}.nav-section{display:none}.account{position:absolute;right:18px;top:25px;border:0}.portal main{padding:25px 15px}.sql-layout{grid-template-columns:1fr}.tree-panel{max-height:320px}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr}.hero-copy{padding:34px 28px}.mascot-stage{min-height:250px}.mascots-together{right:50%;bottom:-10%;width:min(96%,620px);transform:translateX(50%)}.home-kpis{grid-template-columns:1fr 1fr}.home-lower{grid-template-columns:1fr}.home-feed{grid-column:auto}}
@media(max-width:560px){.login-brand{min-height:310px;padding:28px 24px}.partner-lockup img:first-child{width:128px}.partner-lockup img:last-child{width:120px}.partner-lockup{gap:18px}.login-message{padding:42px 0}.login-message h1{font-size:39px}.login-message>p:last-child{font-size:15px}.login-access{padding:42px 24px}.portal header{display:block}.freshness{margin-top:14px;width:max-content}.hero-actions{display:grid}.home-kpis,.release-strip,.sql-summary{grid-template-columns:1fr}.home-kpis article{border-left:0;border-top:1px solid var(--line)}}