:root{--accent:#ffc400;--accent-soft:#fff6cf;--ink:#121316;--muted:#697184;--canvas:#f2f4f6;--surface:#fff;--surface-subtle:#f7f8f9;--border:#e7e9ed;--border-strong:#d8dce2;--positive:#139c49;--danger:#ed3535;--warning:#c88900;--warning-soft:#fff4d8;--series-generation:#ffc400;--series-consumption:#17181b;--series-compensation:#c3c8d1;--sidebar-width:15.5rem;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:20rem}body{background:radial-gradient(circle at 80% 0%, #fff 0, transparent 30rem), var(--canvas);min-width:20rem;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:100vh;display:grid;overflow:hidden}.sidebar{z-index:5;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;flex-direction:column;height:100vh;padding:1.6rem 1rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:-.03em;align-items:center;gap:.5rem;padding:0 .75rem 1.7rem;font-size:1.55rem;font-weight:600;line-height:1;display:flex}.brand img{object-fit:contain;object-position:center;width:3.4rem;height:2.45rem}.nav{scrollbar-width:thin;align-content:start;gap:1rem;min-height:0;display:grid;overflow:hidden auto}.nav__group{gap:.2rem;display:grid}.nav__heading{color:#9aa1af;letter-spacing:.12em;text-transform:uppercase;margin:.35rem 0 .3rem .9rem;font-size:.6875rem;font-weight:600}.nav__item{color:#4e5666;border-radius:.75rem;align-items:center;gap:.8rem;min-height:2.65rem;padding:.6rem .85rem;font-size:.875rem;font-weight:400;transition:color .18s,background .18s,transform .18s;display:flex;position:relative}.nav__item>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav__item svg{stroke-width:1.8px;flex:none;width:1.2rem;height:1.2rem}.nav__item:hover{color:var(--ink);background:var(--surface-subtle);transform:translate(.12rem)}.nav__item--active{color:var(--ink);background:linear-gradient(90deg,#fff2bd,#fff9e9);font-weight:600}.nav__item--active:before{content:"";background:var(--accent);border-radius:1rem;width:.22rem;height:1.9rem;position:absolute;left:-.85rem}.sidebar__footer{color:#fff;background:linear-gradient(145deg,#191b1d,#0c0d0e);border-radius:1rem;flex:none;gap:.5rem;margin-top:1rem;padding:1rem;display:grid;position:relative;overflow:hidden}.sidebar__footer:after{content:"";border:1px solid #ffc40066;border-radius:50%;width:8rem;height:8rem;position:absolute;top:-3.5rem;right:-3.5rem;box-shadow:0 0 0 1.3rem #ffc4000d,0 0 0 2.6rem #ffc40008}.sidebar__footer-icon{width:2.1rem;height:2.1rem;color:var(--accent);background:#ffc40024;border-radius:.65rem;place-items:center;display:grid}.sidebar__footer-icon svg{width:1.1rem;height:1.1rem}.sidebar__footer strong{font-size:.9375rem;line-height:1.3}.sidebar__footer p{color:#ffffffa6;margin:0;font-size:.75rem;line-height:1.45}.sidebar__footer-state{color:#ffffffd1;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.sidebar__footer-state i{background:var(--warning);border-radius:50%;width:.45rem;height:.45rem}.sidebar__footer-state[data-online=true] i{background:#35d07f}.sidebar__footer-action{min-height:2.35rem;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;margin-top:.15rem;font-size:.8125rem;font-weight:600;transition:opacity .18s;display:inline-flex}.sidebar__footer-action svg{width:.95rem;height:.95rem}.sidebar__footer-action:disabled{opacity:.6;cursor:wait}.workspace{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{z-index:4;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f9c7;justify-content:space-between;align-items:center;gap:1.5rem;height:5.25rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.search-box{background:var(--surface);border:1px solid #0000;border-radius:.9rem;align-items:center;gap:.7rem;width:min(34rem,50vw);height:3rem;padding:0 .75rem;transition:border .18s,box-shadow .18s;display:flex;box-shadow:0 .35rem 1.3rem #1a1f2909}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 .2rem #ffc40026}.search-box svg{width:1.2rem}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.875rem}.search-box input::placeholder{color:#969dab}.search-box kbd{color:var(--muted);background:var(--surface-subtle);border-radius:.4rem;padding:.28rem .45rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1}.topbar__actions{align-items:center;gap:.65rem;display:flex}.offline-pill{color:#3c4350;background:var(--surface);white-space:nowrap;border-radius:2rem;align-items:center;gap:.45rem;height:2.5rem;padding:0 .95rem;font-size:.8125rem;font-weight:600;display:inline-flex}.offline-pill svg{width:1rem;height:1rem;color:var(--positive)}.icon-button,.profile{color:var(--ink);background:var(--surface);cursor:pointer;border:0}.icon-button{border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:grid;position:relative}.icon-button svg{width:1.15rem}.notification:after{content:"";border:.14rem solid var(--surface);background:var(--accent);border-radius:50%;width:.48rem;height:.48rem;position:absolute;top:.25rem;right:.3rem}.profile{text-align:left;border-radius:2rem;align-items:center;gap:.65rem;padding:.35rem .55rem .35rem .38rem;display:flex}.profile>svg{width:1rem;color:var(--muted)}.avatar{color:#fff;background:#202326;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:.8125rem;font-weight:600;display:grid}.profile__copy{min-width:8.5rem;display:grid}.profile__copy strong{font-size:.875rem}.profile__copy small{color:var(--muted);font-size:.75rem}.dashboard{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:1.5rem 2rem;display:flex;overflow-y:auto}#dashboard{overflow:hidden}.page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:.85rem;display:flex}.eyebrow{color:var(--warning);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:500}.page-heading h1{letter-spacing:-.02em;margin:.1rem 0 .18rem;font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:600;line-height:1.1}.page-heading p{color:var(--muted);margin:0;font-size:.95rem}.page-actions{gap:.7rem;display:flex}.primary-button,.secondary-button{border:1px solid var(--border-strong);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.75rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;transition:transform .18s,box-shadow .18s;display:inline-flex}.primary-button{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 .5rem 1.1rem #1213161f}.secondary-button{color:var(--ink);background:var(--surface)}.primary-button:hover,.secondary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .45rem 1rem #12131617}.primary-button svg,.secondary-button svg{width:1.05rem;height:1.05rem}.secondary-button:disabled{opacity:.55;cursor:wait}.text-button{min-height:2.4rem;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.45rem;padding:.4rem .6rem;font-size:.8125rem;font-weight:600;transition:color .18s,background .18s;display:inline-flex}.text-button svg{flex:none;width:1rem;height:1rem}.text-button:hover:not(:disabled){color:var(--ink);background:var(--surface-subtle)}.text-button:disabled{opacity:.5;cursor:default}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.metric-card,.panel{border:1px solid var(--border);background:#fffffff0;box-shadow:0 .65rem 2rem #1e242f09}.metric-card{border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;min-width:0;min-height:6.75rem;padding:.75rem;display:grid}.metric-card__icon{color:#17181b;background:var(--accent-soft);border-radius:.8rem;place-items:center;width:3rem;height:3rem;display:grid}.metric-card__icon svg{stroke-width:1.75px;width:1.45rem;height:1.45rem}.metric-card__content{min-width:0;display:grid}.metric-card__content>span{color:#343a46;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.metric-card__content>strong{letter-spacing:-.03em;margin-top:.12rem;font-size:1.65rem;font-weight:600;line-height:1.05}.metric-card__content small{color:#8c93a0;white-space:nowrap;align-items:center;gap:.45rem;margin-top:.75rem;font-size:.75rem;display:flex}.metric-card__content small b{align-items:center;gap:.12rem;font-size:.8125rem;display:inline-flex}.metric-card__content small svg{width:.8rem;height:.8rem}[data-tone=positive]{color:var(--positive)!important}[data-tone=warning]{color:var(--warning)!important}[data-tone=danger]{color:var(--danger)!important}[data-tone=neutral]{color:var(--muted)!important}.metric-card__chevron{width:1.5rem;height:1.5rem;color:var(--muted);background:var(--surface-subtle);border-radius:50%;padding:.34rem}.dashboard-grid{flex:1;grid-template-rows:minmax(0,.95fr) minmax(0,1fr);gap:.75rem;min-height:0;margin-top:.75rem;display:grid}.dashboard-row{gap:.75rem;min-height:0;display:grid}.dashboard-row--charts{grid-template-columns:minmax(0,2.2fr) minmax(0,1.05fr) minmax(0,1fr)}.dashboard-row--tables{grid-template-columns:minmax(0,1.95fr) minmax(0,1.45fr) minmax(0,1fr)}.panel{border-radius:1rem;min-width:0;overflow:hidden}.chart-panel{flex-direction:column;min-height:0;padding-bottom:1rem;display:flex}.dashboard-row--charts .chart-frame{flex:1;grid-template-rows:minmax(5rem,1fr) auto;min-height:0;margin-top:.5rem;padding-inline:1.1rem}.table-panel{flex-direction:column;min-height:0;display:flex}.panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;min-height:3.8rem;padding:1rem 1.1rem .65rem;display:flex}.panel__header>div:first-child{display:grid}.panel__header small,.compact-panel>small{color:var(--muted);font-size:.75rem}.panel__title{letter-spacing:-.015em;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex}.panel__title svg{stroke-width:2px;width:1.2rem;height:1.2rem}.panel__header a{color:var(--muted);align-items:center;font-size:.75rem;display:inline-flex}.panel__header a svg{width:.8rem}.panel__header select{border:1px solid var(--border-strong);color:#353b46;background:var(--surface);border-radius:.55rem;padding:.4rem 1.7rem .4rem .65rem;font-size:.75rem}.chart-legend{color:var(--muted);gap:.9rem;margin-left:auto;padding-top:.2rem;font-size:.75rem;display:flex!important}.chart-legend span:before{content:"";border-radius:50%;width:.5rem;height:.5rem;margin-right:.35rem;display:inline-block}.chart-legend [data-series=generation]:before{background:var(--series-generation)}.chart-legend [data-series=consumption]:before{background:var(--series-consumption)}.chart-legend [data-series=compensation]:before{background:var(--series-compensation)}.chart-frame{--chart-plot-height:11rem;grid-template-columns:2.9rem minmax(0,1fr);grid-template-rows:var(--chart-plot-height) auto;gap:.45rem .5rem;margin-top:1rem;display:grid}.chart-ticks{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-content:space-between;font-size:.7rem;display:flex}.chart-ticks span{height:0;line-height:0}.chart-plot{border-bottom:1px solid var(--border-strong);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.35rem;min-width:0;display:grid;position:relative}.chart-plot:before{content:"";background:repeating-linear-gradient(to bottom, var(--border) 0 1px, transparent 1px 25%);position:absolute;inset:0}.chart-labels{min-width:0;color:var(--muted);text-align:center;grid-column:2;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.35rem;font-size:.75rem;display:grid}.chart-labels span{text-overflow:ellipsis;min-width:0;overflow:hidden}.chart__bars{justify-content:center;align-items:flex-end;gap:.24rem;min-width:0;height:100%;display:flex;position:relative}.chart__bars span{border-radius:.2rem .2rem 0 0;width:min(.65rem,32%);min-height:.2rem;transition:height .35s}.chart__bars [data-series=generation]{background:linear-gradient(#ffd12d, var(--series-generation))}.chart__bars [data-series=consumption]{background:linear-gradient(#32353a, var(--series-consumption))}.chart__bars [data-series=compensation]{background:var(--series-compensation)}.dashboard-row--tables .panel__header{min-height:3.35rem;padding-bottom:.5rem}.table-panel th,.table-panel td{height:2.4rem;padding-inline:.6rem}.table-scroll{flex:1;min-width:0;min-height:0;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.75rem}th{color:var(--muted);text-align:left;font-weight:500}th,td{border-bottom:1px solid var(--border);white-space:nowrap;height:2.55rem;padding:.35rem .75rem}tbody tr:last-child td{border-bottom:0}.client{align-items:center;gap:.45rem;display:flex}.client i{color:#48505e;background:#eef0f2;border-radius:50%;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-size:.75rem;font-style:normal;display:grid}.client strong{text-overflow:ellipsis;max-width:8rem;font-weight:600;overflow:hidden}.coverage{align-items:center;gap:.4rem;display:flex}.coverage>i{background:#e8eaed;border-radius:1rem;flex:0 auto;width:3.2rem;min-width:1.6rem;height:.35rem;display:block;overflow:hidden}.coverage>i b{border-radius:inherit;background:var(--accent);height:100%;display:block}.danger-value{color:var(--danger);font-weight:500}.danger-value svg{vertical-align:middle;width:.75rem;margin-left:.35rem}.document-name{align-items:center;gap:.4rem;min-width:0;display:flex}.table-panel table{table-layout:fixed}.table-panel td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-panel:not(.documents-panel) th:first-child{width:30%}.table-panel:not(.documents-panel) th:nth-child(3){width:6rem}.table-panel:not(.documents-panel) th:nth-child(4){width:7rem}.documents-panel th:nth-child(2){width:7.5rem}.documents-panel th:nth-child(3){width:5.5rem}.dashboard-row--tables .tag{padding-inline:.4rem;font-size:.6875rem}.document-name>span,.client strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.document-name svg{flex:none;width:1rem}.tag{color:#636b79;background:#f0f2f4;border-radius:1rem;padding:.25rem .45rem;font-size:.75rem}.empty-state{min-height:4rem;color:var(--muted);place-items:center;margin:0;font-size:.8125rem;display:grid}.compact-panel,.progress-panel{min-height:0;padding:.9rem 1rem}.compact-panel{flex-direction:column;gap:.4rem;display:flex}.compact-panel>strong{font-size:1.08rem;line-height:1.25}.compact-panel>p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.75rem}.compact-panel hr{border:0;border-top:1px solid var(--border);width:100%;margin:auto 0 .4rem}.status-pill{background:var(--warning-soft);border-radius:2rem;width:max-content;padding:.28rem .55rem;font-size:.75rem;font-weight:500}.progress{background:#e7e9ec;border-radius:1rem;height:.5rem;margin-top:.3rem;overflow:hidden}.progress i{border-radius:inherit;background:var(--accent);height:100%;display:block}.split-label{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.split-label b{color:var(--ink)}.sync-status{align-items:center;gap:.45rem;font-size:.8125rem;font-weight:500;display:flex}.sync-status i{background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.progress-panel{flex-direction:column;display:flex}.progress-panel .panel__title{margin-bottom:.35rem}.donut{aspect-ratio:1;border-radius:50%;flex:0 auto;place-items:center;width:min(7.25rem,100%);height:min(7.25rem,100%);margin:.2rem auto .55rem;padding:.6rem;display:grid}.donut>span{background:var(--surface);text-align:center;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.donut strong{font-size:1.2rem;font-weight:600;line-height:1}.donut small{color:var(--muted);margin-top:.25rem;font-size:.75rem}.progress-panel ul{color:var(--muted);gap:.45rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:grid}.progress-panel li{align-items:center;gap:.45rem;display:flex}.progress-panel li:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.progress-panel li b{color:var(--ink);margin-left:auto}:focus-visible{outline-offset:.15rem;outline:.18rem solid #ffc400bf}@media (height<=58rem){.topbar{height:4.5rem}.dashboard{padding-block:1rem}.page-heading{margin-bottom:.6rem}.metric-card{min-height:5.9rem;padding:.65rem}.metric-card__icon{width:2.6rem;height:2.6rem}.metric-card__content small{margin-top:.45rem}.dashboard-row--tables .panel__header{min-height:3rem}.table-panel th,.table-panel td{height:2.2rem}.donut{width:min(6.5rem,100%);height:min(6.5rem,100%);margin-block:.15rem .4rem}.source-card{padding:.55rem}.source-card .secondary-button{min-height:2.15rem}}@media (height<=53rem){#dashboard{overflow-y:auto}.dashboard-grid{grid-template-rows:auto auto}.dashboard-row--charts .chart-frame{min-height:11rem}}@media (width<=78rem){:root{--sidebar-width:5.5rem}.brand{justify-content:center;padding-inline:0}.brand img{width:3rem}.brand span,.nav__item span,.nav__heading,.sidebar__footer{display:none}.nav__item{justify-content:center}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dashboard{overflow-y:auto}.dashboard-grid{grid-template-rows:auto auto}.dashboard-row--charts,.dashboard-row--tables{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-row--charts>.chart-panel,.dashboard-row--tables>.table-panel:first-child{grid-column:1/-1}.dashboard-row--charts .chart-frame{min-height:15rem}}@media (width<=58rem){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;height:auto;padding:.6rem 1rem;position:sticky;overflow-x:auto}.brand{padding:0 1rem 0 0}.brand img{width:2.6rem;height:2rem}.nav{gap:.25rem;display:flex}.nav__group{display:contents}.nav__item{min-width:2.8rem;min-height:2.8rem;padding:.65rem}.nav__item--active:before{width:1.6rem;height:.18rem;bottom:-.55rem;left:50%;transform:translate(-50%)}.topbar{height:4.6rem;padding-inline:1.25rem}.search-box{width:min(30rem,100vw - 13rem)}.profile__copy,.profile>svg,.topbar__actions .icon-button:nth-child(2){display:none}.profile{padding-right:.35rem}.dashboard{padding-inline:1.25rem}}@media (width<=42rem){.topbar{gap:.6rem}.search-box{width:100%}.search-box kbd,.notification,.profile{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:1rem}.page-actions{width:100%}.page-actions a{flex:1}.summary-grid,.dashboard-row--charts,.dashboard-row--tables{grid-template-columns:minmax(0,1fr)}.chart-legend{display:none!important}.chart-frame{--chart-plot-height:10rem;grid-template-columns:2.2rem minmax(0,1fr)}.chart__bars span{width:min(.5rem,40%)}.chart-labels{font-size:.6875rem}}.pagination{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;font-size:.8125rem;display:flex}.pagination__controls{align-items:center;gap:.3rem;display:flex}.pagination__page,.pagination__step{border:1px solid var(--border-strong);min-width:2.1rem;height:2.1rem;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:.5rem;place-items:center;font-size:.8125rem;font-weight:600;transition:color .18s,border-color .18s,background .18s;display:grid}.pagination__step svg{width:.95rem;height:.95rem}.pagination__page:hover:not([data-active=true]),.pagination__step:hover:not(:disabled){background:var(--surface-subtle)}.pagination__page[data-active=true]{border-color:var(--accent);background:var(--accent)}.pagination__step:disabled{color:#b8bec8;cursor:default}.pagination__controls select{border:1px solid var(--border-strong);height:2.1rem;color:var(--ink);background:var(--surface);border-radius:.5rem;margin-left:.45rem;padding:0 1.9rem 0 .65rem;font-size:.8125rem}.line-plot{display:block}.line-plot svg{width:100%;height:100%;overflow:visible}.line-plot__area{fill:#ffc40029;stroke:none}.line-plot__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line-plot__dot{background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;position:absolute;transform:translate(-50%,-50%)}.source-card{border:1px solid var(--border);background:var(--surface-subtle);border-radius:.8rem;gap:.35rem;margin-top:auto;padding:.65rem;display:grid}.source-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.source-card__header strong{font-size:.8125rem}.source-card__badge{color:var(--muted);place-items:center;display:grid}.source-card__badge svg{width:1.05rem;height:1.05rem}.source-card__badge[data-tone=positive]{color:var(--positive)}.source-card p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}.source-card .secondary-button{width:100%;min-height:2.4rem;font-size:.8125rem}.progress-panel__total{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:.6rem;padding-top:.7rem;font-size:.75rem;display:block}.auth-shell{background:var(--canvas);min-height:100vh;position:relative;overflow:hidden}.auth-panel{width:100%;min-height:100vh;position:relative;overflow:hidden}.auth-form-pane{will-change:opacity, transform;place-items:center;width:50%;padding:2.5rem 2rem;transition:opacity .7s ease-in-out,transform .7s ease-in-out;display:grid;position:absolute;top:0;bottom:0;overflow-y:auto}.auth-form-pane[data-direction=left]{left:0;right:auto}.auth-form-pane[data-direction=right]{left:auto;right:0}.auth-form-pane[data-visible=true]{opacity:1;z-index:10;pointer-events:auto;transform:translate(0)}.auth-form-pane[data-visible=false][data-direction=left]{opacity:0;z-index:0;pointer-events:none;transform:translate(-18%)}.auth-form-pane[data-visible=false][data-direction=right]{opacity:0;z-index:0;pointer-events:none;transform:translate(18%)}.auth-overlay{z-index:50;will-change:left, clip-path;width:50%;height:100%;transition:left .7s ease-in-out,clip-path .7s ease-in-out;position:absolute;top:0;overflow:hidden}.auth-overlay[data-mode=login]{clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);left:50%}.auth-overlay[data-mode=signup]{clip-path:polygon(0 0,100% 0,88% 100%,0% 100%);left:0}.auth-overlay__bg{background:radial-gradient(circle at 80% 20%,#ffc40047,#0000 18rem),linear-gradient(145deg,#1f2228,#0b0c0f);position:absolute;inset:0}.auth-overlay__bg:after{content:"";border:1px solid #ffc40059;border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-10rem;right:-8rem;box-shadow:0 0 0 4rem #ffc4000a,0 0 0 8rem #ffc40006}.auth-overlay__content{z-index:1;color:#fff;place-items:center;width:100%;height:100%;padding:clamp(2rem,5vw,4rem) clamp(2rem,4vw,3.5rem);display:grid;position:relative}.auth-overlay__face{will-change:opacity, transform;flex-direction:column;justify-content:center;width:min(100% - 2rem,26rem);padding:0 1rem;transition:opacity .7s ease-in-out,transform .7s ease-in-out;display:flex;position:absolute}.auth-overlay__face[data-visible=true]{opacity:1;transform:translate(0)}.auth-overlay__face[data-visible=false][data-direction=left]{opacity:0;pointer-events:none;transform:translate(-20%)}.auth-overlay__face[data-visible=false][data-direction=right]{opacity:0;pointer-events:none;transform:translate(20%)}.auth-overlay__logo{letter-spacing:-.06em;color:#fff;align-items:center;gap:.55rem;margin-bottom:2rem;font-size:1.6rem;font-weight:800;text-decoration:none;display:flex}.auth-overlay__logo img{object-fit:contain;width:3.2rem;height:2.2rem}.auth-overlay__face .eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.auth-overlay__face h2{letter-spacing:-.04em;margin:.6rem 0 .7rem;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;line-height:1.08}.auth-overlay__face>p{color:#cbd0d8;margin:0 0 1.5rem;font-size:.85rem;line-height:1.6}.auth-overlay__features{color:#e8eaf0;gap:.6rem;margin:0 0 2rem;padding:0;font-size:.8rem;list-style:none;display:grid}.auth-overlay__features li{align-items:center;gap:.5rem;display:flex}.auth-overlay__features svg{width:.95rem;color:var(--accent);flex:none}.auth-overlay__cta{color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:2px solid #ffc400b3;border-radius:.55rem;align-self:flex-start;padding:.75rem 2.5rem;font-size:.8rem;font-weight:750;transition:background .3s,color .3s,transform .25s}.auth-overlay__cta:hover{background:var(--accent);color:#1f2228;transform:scale(1.04)}.auth-overlay__footer{color:#939aa7;margin-top:2rem;font-size:.7rem}.auth-card{width:min(100%,27rem);margin-block:auto;padding:1rem}.auth-card h2{letter-spacing:-.04em;margin:.45rem 0;font-size:2rem}.auth-card>p{color:var(--muted);margin:0;line-height:1.5}.auth-form{gap:1rem;margin-top:1.5rem;display:grid}.auth-form>label{color:#4e5666;gap:.4rem;font-size:.78rem;font-weight:650;display:grid}.auth-form>label>span{align-items:center;display:flex;position:relative}.auth-form>label svg{width:1rem;color:var(--muted);position:absolute;left:.8rem}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{border:1px solid var(--border-strong);border-radius:.7rem;outline:none;width:100%;min-height:3rem;padding:.75rem .8rem .75rem 2.45rem}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem #ffc40024}.auth-form__options,.auth-consent{justify-content:space-between;align-items:center;gap:.6rem;display:flex!important}.auth-form__options>label,.auth-consent{color:var(--muted);font-size:.75rem}.auth-submit{width:100%;min-height:3rem}.auth-notice{color:#28568c;background:#f2f7ff;border-radius:.65rem;align-items:flex-start;gap:.55rem;padding:.75rem;display:flex}.auth-notice>svg{flex:none;width:1rem}.auth-notice span{gap:.15rem;display:grid}.auth-notice small{color:var(--muted);font-size:.7rem;line-height:1.4}.auth-switch{text-align:center;font-size:.8rem;margin-top:1.25rem!important}.auth-switch a,.auth-switch button{color:#9a7200;cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.auth-switch button:hover{text-decoration:underline}@media (width<=68rem){.auth-shell{min-height:100dvh;overflow-y:auto}.auth-overlay{display:none}.auth-panel{place-items:center;min-height:100dvh;display:grid;overflow:visible}.auth-form-pane{will-change:auto;width:100%;min-height:100dvh;padding:clamp(1.25rem,5vw,2.5rem) clamp(1rem,5vw,2rem);transition:none;position:relative;inset:auto}.auth-form-pane[data-visible=false]{display:none}.auth-form-pane[data-visible=true]{display:grid}}@media (width<=24rem){.auth-form-pane{padding-inline:.75rem}.auth-card{padding-inline:.5rem}.auth-form__options{flex-direction:column;align-items:flex-start}.auth-form__options .text-button{align-self:flex-end}}
