:root{--ink:#17142b;--muted:#726f82;--muted-light:#9a97a8;--paper:#f7f6fa;--panel:#fff;--line:#e8e5ee;--violet:#5f4ad1;--violet-dark:#3d2a9c;--violet-soft:#f0edff;--mint:#54c9a4;--mint-soft:#e8f9f3;--danger:#d25d6b;--danger-soft:#fff0f2;--shadow:0 18px 55px #1f183f12}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Avenir Next,Avenir,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.brand-lockup{letter-spacing:.18em;align-items:center;gap:11px;font-size:.78rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;letter-spacing:0;background:linear-gradient(145deg,#7564df,#4937b0);border-radius:11px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:1.15rem;font-style:italic;display:inline-grid;box-shadow:0 8px 22px #513dba40}.eyebrow{color:var(--violet);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:800}.login-shell{background:#fff;grid-template-columns:minmax(420px,.93fr) minmax(520px,1.07fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 13% 22%,#8f7eef6b,#0000 30%),radial-gradient(circle at 85% 78%,#48c9a329,#0000 33%),linear-gradient(145deg,#251955 0%,#342377 50%,#271c5a 100%);flex-direction:column;justify-content:space-between;padding:54px clamp(42px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-brand-panel:before{width:450px;height:450px;top:12%;right:-260px}.login-brand-panel:after{width:650px;height:650px;bottom:-390px;left:-430px}.brand-lockup-light .brand-mark{box-shadow:none;background:#ffffff29}.login-brand-copy{z-index:1;max-width:590px;position:relative}.eyebrow-light{color:#bdb2ff}.login-brand-copy h1{letter-spacing:-.045em;max-width:560px;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,4.5vw,5.6rem);font-weight:400;line-height:.98}.login-brand-copy>p:last-child{color:#ffffffab;max-width:500px;margin:0;font-size:1.04rem;line-height:1.75}.login-confidential{color:#ffffff75;margin:0;font-size:.76rem}.login-card-panel{background:radial-gradient(circle at 80% 8%,#604ad10d,#0000 25%),#fff;place-items:center;min-height:100%;padding:48px;display:grid}.login-card{width:min(100%,430px)}.login-mobile-brand{display:none}.login-card h2{letter-spacing:-.035em;margin:0 0 12px;font-family:Georgia,serif;font-size:2.65rem;font-weight:400}.login-intro{color:var(--muted);margin:0 0 36px;line-height:1.65}.login-form{gap:21px;display:grid}.environment-fieldset{border:0;gap:9px;margin:0;padding:0;display:grid}.environment-fieldset legend{margin-bottom:9px;padding:0;font-size:.82rem;font-weight:700}.environment-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.environment-option{cursor:pointer;background:#fbfafd;border:1px solid #dedbe6;border-radius:12px;align-items:center;gap:10px;min-height:68px;padding:12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.environment-option:has(input:checked){border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft);background:#fff}.environment-option input{opacity:0;pointer-events:none;position:absolute}.environment-indicator{border-radius:50%;flex:none;width:9px;height:9px}.environment-indicator-preprod{background:#e6a448;box-shadow:0 0 0 4px #fff3df}.environment-indicator-prod{background:var(--mint);box-shadow:0 0 0 4px var(--mint-soft)}.environment-option>span:nth-of-type(2){gap:3px;min-width:0;display:grid}.environment-option strong{font-size:.74rem}.environment-option small{color:var(--muted-light);font-size:.6rem}.environment-radio{border:1px solid #cbc7d6;border-radius:50%;flex:none;width:15px;height:15px;margin-left:auto}.environment-option:has(input:checked) .environment-radio{border:4px solid var(--violet)}.environment-option-disabled{opacity:.48;cursor:not-allowed}.field-group{gap:9px;display:grid}.field-group label{font-size:.82rem;font-weight:700}.field-group input{width:100%;height:54px;color:var(--ink);background:#fbfafd;border:1px solid #dedbe6;border-radius:12px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s,background .15s}.field-group input:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft);background:#fff}.form-error{color:#9c3343;background:var(--danger-soft);border-radius:9px;margin:-4px 0 0;padding:11px 13px;font-size:.82rem;line-height:1.45}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6551d6,#4b37bb);border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;height:56px;margin-top:5px;padding:0 18px;font-weight:750;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 13px 28px #4c37bb38}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #4c37bb47}.primary-button:disabled{opacity:.68;cursor:wait}.security-note{border-top:1px solid var(--line);color:var(--muted-light);align-items:flex-start;gap:11px;margin-top:31px;padding-top:24px;font-size:.76rem;line-height:1.5;display:flex}.security-note p{margin:0}.security-note span{color:var(--mint);font-size:1.1rem}.portal-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ffffffbf;background:#20184d;border-right:1px solid #ffffff12;flex-direction:column;height:100vh;padding:30px 20px 22px;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;margin:0 11px 18px}.environment-badge{color:#ffffffad;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0e;border:1px solid #ffffff17;border-radius:20px;align-items:center;gap:7px;width:fit-content;margin:0 11px 36px;padding:6px 9px;font-size:.61rem;font-weight:750;display:inline-flex}.environment-badge>span{border-radius:50%;width:7px;height:7px}.environment-badge-preprod>span{background:#e6a448;box-shadow:0 0 0 3px #e6a44826}.environment-badge-prod>span{background:var(--mint);box-shadow:0 0 0 3px #54c9a424}.main-nav{gap:5px;display:grid}.nav-label{color:#ffffff52;letter-spacing:.16em;text-transform:uppercase;margin:0 12px 10px;font-size:.62rem;font-weight:800}.nav-item{border-radius:10px;align-items:center;gap:11px;min-height:45px;padding:0 12px;font-size:.83rem;font-weight:600;display:flex}.nav-item-active{color:#fff;background:#ffffff1c;box-shadow:inset 3px 0 #8b7df1}.nav-item-disabled{color:#ffffff57}.nav-item small{color:#ffffff42;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:.55rem}.nav-icon{color:#aaa0eb;place-items:center;width:20px;font-size:1.25rem;display:inline-grid}.sidebar-footer{gap:15px;margin-top:auto;display:grid}.admin-identity{border-top:1px solid #ffffff14;align-items:center;gap:11px;padding:13px 10px;display:flex}.avatar{color:#2d2362;background:#c9c1f6;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:grid}.admin-identity>span:last-child{gap:3px;min-width:0;display:grid}.admin-identity strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.admin-identity small{color:#fff6;font-size:.64rem}.logout-button{color:#ffffff73;cursor:pointer;background:0 0;border:0;padding:7px 10px;font-size:.72rem}.logout-button:hover{color:#fff}.portal-main{min-width:0}.mobile-header{display:none}.mobile-environment{color:#ffffffb8;text-transform:uppercase;background:#ffffff14;border-radius:20px;padding:5px 8px;font-size:.58rem;font-weight:750}.dashboard-page{width:min(100%,1540px);margin:0 auto;padding:50px clamp(26px,4vw,68px) 30px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.dashboard-heading h1{letter-spacing:-.045em;margin:0 0 8px;font-family:Georgia,serif;font-size:clamp(2.1rem,3.2vw,3.35rem);font-weight:400}.dashboard-heading>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:.94rem}.period-switcher{border:1px solid var(--line);background:#fff;border-radius:11px;padding:4px;display:inline-flex;box-shadow:0 8px 25px #1f183f09}.period-option{color:var(--muted);border-radius:8px;padding:9px 14px;font-size:.74rem;font-weight:700;transition:color .15s,background .15s}.period-option:hover{color:var(--violet)}.period-option-active{color:#fff;background:var(--violet);box-shadow:0 5px 14px #5f4ad13b}.source-status{color:var(--muted-light);justify-content:flex-end;align-items:center;gap:7px;margin:-10px 0 22px;font-size:.68rem;display:flex}.live-dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 4px var(--mint-soft);border-radius:50%}.source-alert{color:#7d3943;background:#fff7f8;border:1px solid #f1dadd;border-radius:12px;align-items:flex-start;gap:13px;margin-bottom:22px;padding:15px 18px;display:flex}.source-alert-icon{color:#fff;background:var(--danger);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.source-alert strong{font-size:.82rem}.source-alert p{color:#946069;margin:3px 0 0;font-size:.76rem;line-height:1.45}.retry-button{color:#7d3943;cursor:pointer;background:#fff;border:1px solid #e6c8cd;border-radius:7px;margin-top:10px;padding:7px 11px;font-size:.7rem;font-weight:700}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-height:148px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 32px #1f183f09}.metric-card:after{content:"";background:var(--violet-soft);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-60px;right:-52px}.metric-heading{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.69rem;font-weight:750;display:flex}.metric-dot{background:#cbc6db;border-radius:50%;width:7px;height:7px}.metric-value{letter-spacing:-.03em;white-space:nowrap;margin-bottom:8px;font-family:Georgia,serif;font-size:clamp(1.55rem,2vw,2.15rem);font-weight:400;display:block}.metric-card p{color:var(--muted-light);margin:0;font-size:.68rem;line-height:1.45}.metric-card-success .metric-dot{background:var(--mint)}.metric-card-danger .metric-dot{background:var(--danger)}.metric-card-violet{color:#fff;background:linear-gradient(140deg,#6250cb,#4936a7);border-color:#0000}.metric-card-violet:after{background:#ffffff12}.metric-card-violet .metric-heading,.metric-card-violet p{color:#fff9}.metric-card-violet .metric-dot{background:#b9aff8}.charts-grid{grid-template-columns:1.35fr 1fr;gap:13px;margin-bottom:20px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;padding:22px;box-shadow:0 10px 32px #1f183f09}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:45px;margin-bottom:16px;display:flex}.panel-kicker{color:var(--violet);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:.6rem;font-weight:800}.panel h2{letter-spacing:-.02em;margin:0;font-family:Georgia,serif;font-size:1.25rem;font-weight:400}.panel-unit{color:var(--muted-light);background:var(--paper);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:5px 8px;font-size:.58rem;font-weight:750}.svg-chart{width:100%;overflow:hidden}.svg-chart svg{width:100%;min-height:195px;display:block}.chart-grid{stroke:#eeebf2;stroke-width:1px}.trend-area{fill:#5f4ad113}.trend-line{fill:none;stroke:var(--violet);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.trend-point{fill:#fff;stroke:var(--violet);stroke-width:3px}.chart-label{fill:#9692a3;font-family:Inter,sans-serif;font-size:10px}.chart-empty,.table-empty{min-height:200px;color:var(--muted-light);place-items:center;font-size:.78rem;display:grid}.cost-chart{justify-content:space-around;align-items:stretch;gap:8px;height:205px;padding-top:16px;display:flex}.cost-column{flex-direction:column;flex:1 1 0;align-items:center;min-width:25px;max-width:62px;display:flex}.cost-value{width:100%;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:.55rem;overflow:hidden}.cost-bar-track{background:#f3f1f6;border-radius:7px 7px 3px 3px;flex:1;align-items:flex-end;width:min(100%,30px);min-height:125px;display:flex;position:relative}.cost-bar{background:linear-gradient(#6d5ad5,#8c7ce1);border-radius:7px 7px 3px 3px;width:100%;display:block}.cost-date{color:var(--muted-light);white-space:nowrap;margin-top:8px;font-size:.58rem}.distribution-list{align-content:center;gap:18px;min-height:205px;display:grid}.distribution-row{gap:7px;display:grid}.distribution-meta{justify-content:space-between;align-items:center;gap:15px;font-size:.72rem;display:flex}.distribution-meta strong{color:var(--muted);font-size:.68rem}.distribution-track{background:#f0eef4;border-radius:10px;height:7px;display:block;overflow:hidden}.distribution-fill{border-radius:10px;height:100%;display:block}.distribution-fill-violet{background:linear-gradient(90deg,#5f4ad1,#9486e7)}.distribution-fill-mint{background:linear-gradient(90deg,#3fb58f,#8bd8c1)}.recent-panel{margin-bottom:18px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.73rem}th{border-bottom:1px solid var(--line);color:var(--muted-light);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:10px 12px;font-size:.58rem;font-weight:800}td{color:var(--muted);white-space:nowrap;border-bottom:1px solid #f0eef3;padding:13px 12px}tbody tr:last-child td{border-bottom:0}td strong{color:var(--ink);display:block}.row-id{color:var(--muted-light);margin-top:3px;font-family:Consolas,monospace;font-size:.58rem;display:block}.monospace{font-family:Consolas,SFMono-Regular,monospace;font-size:.66rem}.status-pill{color:#776f87;background:#f1eff4;border-radius:20px;padding:5px 8px;font-size:.62rem;font-weight:750;display:inline-flex}.status-completed{color:#247b61;background:var(--mint-soft)}.status-failed{color:#a43e4c;background:var(--danger-soft)}.dashboard-footer{color:var(--muted-light);justify-content:space-between;align-items:center;gap:20px;padding:0 3px;font-size:.62rem;display:flex}.skeleton{background:linear-gradient(100deg,#eeecf2 25%,#f8f7fa 45%,#eeecf2 65%) 0 0/220% 100%;animation:1.4s linear infinite shimmer}.loading-heading{background:#eae8ee;border-radius:10px;width:280px;height:50px;margin-bottom:35px}.loading-panel{min-height:330px}@keyframes shimmer{to{background-position-x:-220%}}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-card-panel{min-height:100vh;padding:30px 22px}.login-mobile-brand{letter-spacing:.16em;align-items:center;gap:11px;margin-bottom:70px;font-size:.76rem;font-weight:800;display:flex}.portal-shell{display:block}.sidebar{display:none}.mobile-header{color:#fff;background:#20184d;justify-content:space-between;align-items:center;min-height:66px;padding:0 22px;display:flex}.dashboard-page{padding-top:32px}}@media (max-width:650px){.dashboard-page{padding:26px 15px 24px}.dashboard-heading{flex-direction:column;align-items:flex-start}.period-switcher{width:100%}.period-option{text-align:center;flex:1}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:136px}.panel{padding:17px}.dashboard-footer{flex-direction:column;align-items:flex-start}.login-card h2{font-size:2.25rem}.environment-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}