.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:var(--background,#08111f);color:var(--foreground,#f8fafc)}.auth-brand-panel{padding:56px clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;gap:44px;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 34%),linear-gradient(155deg,#08111f,#0d1728);border-right:1px solid rgba(148,163,184,.12)}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand img{width:44px;height:44px;object-fit:contain}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:16px}.auth-brand span{margin-top:3px;font-size:10px;letter-spacing:.14em;color:#7f8ca5}.auth-hero-copy{max-width:720px}.auth-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#8cb4ff;text-transform:uppercase;letter-spacing:.08em}.auth-hero-copy h1{font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.auth-hero-copy p{max-width:640px;font-size:18px;line-height:1.7;color:#9caac1}.auth-benefits{display:grid;gap:12px}.auth-benefits span{display:grid;grid-template-columns:42px 1fr;gap:2px 12px;padding:14px 0;border-top:1px solid rgba(148,163,184,.12)}.auth-benefits i{grid-row:1/3;font-style:normal;color:#5f7dab;font-size:12px;font-weight:700}.auth-benefits b{font-size:14px}.auth-benefits small{color:#8493aa;font-size:12px}.auth-form-panel{display:grid;place-items:center;padding:36px;background:linear-gradient(180deg,#0c1422,#09111d)}.auth-card{width:min(100%,470px);padding:34px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:#0f172ab8;box-shadow:0 24px 80px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-head>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#6ea0ff}.auth-card-head h2{font-size:30px;margin:8px 0 7px}.auth-card-head p{margin:0 0 28px;color:#8e9ab0}.auth-notice{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:-8px 0 22px;padding:13px 14px;border:1px solid;border-radius:12px}.auth-notice svg{margin-top:1px}.auth-notice strong{display:block;font-size:13px;line-height:1.45}.auth-notice p{margin:3px 0 0;font-size:12px;line-height:1.55}.auth-notice-error{border-color:#f8717147;background:#7f1d1d2e;color:#fecaca}.auth-notice-error p{color:#fca5a5}.auth-notice-success{border-color:#4ade8040;background:#14532d2e;color:#bbf7d0}.auth-notice-success p{color:#86efac}.auth-notice-info{border-color:#60a5fa47;background:#1e40af29;color:#bfdbfe}.auth-notice-info p{color:#93c5fd}.auth-card form{display:grid;gap:16px}.auth-card label>span{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:#b6c0d0}.auth-input{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:11px;border:1px solid #263248;background:#0a1220;color:#75859e}.auth-input:focus-within{border-color:#4f83e8;box-shadow:0 0 0 3px #3b82f61c}.auth-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f8fafc;font:inherit}.auth-input button{border:0;background:none;color:#8796ac;cursor:pointer;padding:4px}.auth-forgot-link{display:block;margin:8px 0 0 auto;border:0;background:transparent;color:#70a1ff;font-size:12px;font-weight:800;cursor:pointer;padding:0}.auth-forgot-link:hover{color:#9fc0ff}.auth-submit{height:50px;margin-top:5px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.auth-submit:hover{background:#2f6ff2}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-switch{margin-top:22px;padding-top:20px;border-top:1px solid rgba(148,163,184,.12);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px;color:#8795aa}.auth-switch button{border:0;background:none;color:#70a1ff;font-weight:800;cursor:pointer}.auth-switch-dot{color:#53647e}.auth-back-login{width:100%;margin-top:22px;padding-top:20px;border:0;border-top:1px solid rgba(148,163,184,.12);background:transparent;color:#8fb4f5;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800;cursor:pointer}.auth-back-login:hover{color:#c5d9ff}.auth-loading,.auth-setup{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;background:#09111d;color:#f8fafc;text-align:center;padding:28px}.auth-loading{grid-template-columns:auto auto}.auth-setup img{width:58px}.auth-setup h1{margin:8px 0 0}.auth-setup p{max-width:640px;color:#98a6ba;line-height:1.6}.auth-setup code{color:#dbeafe}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{padding:30px 24px 26px;gap:28px;border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.auth-hero-copy h1{font-size:36px}.auth-hero-copy p{font-size:15px}.auth-benefits{display:none}.auth-form-panel{padding:24px 18px 34px}.auth-card{padding:26px 22px}.auth-card-head h2{font-size:26px}}.trial-gate{min-height:100vh}.home-nav{position:sticky;top:0;z-index:70}.trial-account-mount{display:flex;min-width:0}.trial-account-mount--home{align-items:center}.trial-account-mount--sidebar{display:block;width:100%;padding:0 14px 14px}.trial-account-pill{z-index:80;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#0f172aeb;box-shadow:0 18px 50px #02061747;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e5edf9}.trial-account-pill--floating{position:fixed;right:18px;bottom:18px}.trial-account-pill--home{position:static;height:38px;min-height:38px;box-sizing:border-box;padding:4px 7px 4px 10px;gap:8px;border-radius:10px;box-shadow:none;background:#0f172ab8;border-color:#2a3951}.trial-account-pill--sidebar{position:static;width:100%;display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px;border-radius:12px;box-shadow:none;background:#0c1423c7}.trial-account-summary{display:flex;flex-direction:column;gap:2px;min-width:0}.trial-account-pill span{font-size:10px;letter-spacing:.12em;color:#7dd3fc}.trial-account-pill strong{font-size:12px;font-weight:700}.trial-account-pill--home .trial-account-summary{justify-content:center;gap:0}.trial-account-pill--home .trial-account-summary span{font-size:8px;line-height:1.05}.trial-account-pill--home .trial-account-summary strong{font-size:11px;line-height:1.15}.trial-account-user{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px;padding-top:9px;border-top:1px solid rgba(148,163,184,.12);min-width:0}.trial-account-user b{display:flex;align-items:center;gap:6px;font-size:11px;color:#dbeafe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-account-user b i{font-style:normal;font-size:8px;letter-spacing:.08em;color:#7dd3fc;border:1px solid rgba(125,211,252,.25);border-radius:4px;padding:2px 4px}.trial-account-user small{font-size:9px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-account-actions{display:flex;align-items:center;gap:3px}.trial-account-pill--sidebar .trial-account-actions{grid-column:2;grid-row:1}.trial-account-pill button,.trial-paywall-close{border:0;background:transparent;color:#94a3b8;cursor:pointer}.trial-account-pill button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.trial-account-pill--home button{width:28px;height:28px}.trial-account-pill button:hover{background:#94a3b81f;color:#f8fafc}.trial-account-pill button:disabled{opacity:.55;cursor:wait}.home-nav nav{gap:10px}.home-nav nav>.button,.home-nav nav>a,.trial-account-pill--home{border-color:#2a3951}.home-nav nav>.button{height:38px;min-height:38px;box-sizing:border-box;border-radius:10px}.home-nav nav>a{min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:10px}.trial-paywall-backdrop,.logout-confirm-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#020617ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trial-paywall{position:relative;width:min(460px,100%);padding:30px;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:#0f172a;box-shadow:0 30px 90px #02061780;color:#e2e8f0}.trial-paywall-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.trial-paywall-close:hover{background:#94a3b81a;color:#fff}.trial-paywall-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#3b82f61f;color:#60a5fa;margin-bottom:18px}.trial-paywall-kicker{display:block;font-size:11px;letter-spacing:.15em;font-weight:800;color:#60a5fa;margin-bottom:8px}.trial-paywall h2{font-size:25px;line-height:1.2;margin:0 0 12px;color:#f8fafc}.trial-paywall>p{margin:0;color:#94a3b8;line-height:1.65;font-size:14px}.trial-paywall-note{display:flex;gap:10px;align-items:flex-start;margin:22px 0;padding:13px 14px;border-radius:12px;background:#0f766e1a;color:#99f6e4;font-size:12px;line-height:1.5}.trial-paywall-note svg{flex:0 0 auto;margin-top:1px}.trial-upgrade-button{width:100%;border:0;border-radius:12px;padding:13px 16px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.trial-upgrade-button:hover{background:#1d4ed8}.trial-upgrade-button:disabled{opacity:.65;cursor:wait}.trial-paywall .trial-paywall-helper{margin-top:11px;text-align:center;font-size:11px;color:#64748b}.logout-confirm{width:min(390px,100%);padding:26px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#0f172a;box-shadow:0 28px 80px #0206177a;color:#e2e8f0}.logout-confirm__icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:15px;border-radius:12px;background:#ef44441a;color:#f87171}.logout-confirm h2{margin:0 0 8px;font-size:21px;color:#f8fafc;letter-spacing:-.03em}.logout-confirm p{margin:0;color:#94a3b8;font-size:13px;line-height:1.6}.logout-confirm__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.logout-confirm__actions button{min-height:38px;padding:0 14px;border-radius:10px;font-weight:700;cursor:pointer}.logout-confirm__cancel{border:1px solid #334155;background:transparent;color:#cbd5e1}.logout-confirm__submit{border:1px solid #dc2626;background:#dc2626;color:#fff}.logout-confirm__actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.trial-account-pill--home{padding:4px 7px 4px 9px;gap:7px}.trial-account-pill--home strong{font-size:10px}.trial-account-pill--home span{font-size:8px}.trial-account-pill--home button{width:28px;height:28px}.trial-account-mount--sidebar{padding:0 12px 12px}}@media(max-width:640px){.trial-account-pill--floating{right:10px;bottom:10px;left:10px;justify-content:space-between}.trial-account-pill--home{height:34px;min-height:34px;padding:3px 6px}.trial-account-pill--home .trial-account-summary{display:none}.trial-account-pill--home .trial-account-actions{gap:0}.trial-paywall{padding:24px}.trial-paywall h2{font-size:22px}.logout-confirm{padding:22px}.logout-confirm__actions{display:grid;grid-template-columns:1fr 1fr}.logout-confirm__actions button{width:100%}}[data-theme=light] .trial-account-pill,.light .trial-account-pill{background:#fffffff2;color:#0f172a;border-color:#dbe3ee;box-shadow:0 14px 36px #0f172a1f}[data-theme=light] .trial-account-pill--home,[data-theme=light] .trial-account-pill--sidebar,.light .trial-account-pill--home,.light .trial-account-pill--sidebar{box-shadow:none}[data-theme=light] .trial-account-user b,.light .trial-account-user b{color:#0f172a}[data-theme=light] .trial-paywall,.light .trial-paywall,[data-theme=light] .logout-confirm,.light .logout-confirm{background:#fff;color:#334155;border-color:#e2e8f0}[data-theme=light] .trial-paywall h2,.light .trial-paywall h2,[data-theme=light] .logout-confirm h2,.light .logout-confirm h2{color:#0f172a}[data-theme=light] .trial-paywall>p,.light .trial-paywall>p,[data-theme=light] .logout-confirm p,.light .logout-confirm p{color:#64748b}[data-theme=light] .logout-confirm__cancel,.light .logout-confirm__cancel{border-color:#dbe3ee;color:#334155}.admin-page{min-height:100vh;background:#090d16;color:#e7edf7;padding:28px;font-family:Manrope,sans-serif}.admin-topbar{max-width:1440px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.admin-topbar h1{font-size:30px;line-height:1.1;margin:8px 0}.admin-topbar p{margin:0;color:#8f9db2}.admin-kicker{display:inline-flex;align-items:center;gap:7px;color:#61a7ff;font-size:12px;font-weight:800;letter-spacing:.12em}.admin-back,.admin-refresh,.admin-action{border:1px solid #263247;background:#111827;color:#dce7f5;border-radius:10px;cursor:pointer}.admin-back{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;margin-bottom:16px}.admin-refresh{display:inline-flex;align-items:center;gap:8px;padding:10px 14px}.admin-tabs{max-width:1440px;margin:0 auto 20px;display:flex;gap:8px;overflow:auto;padding-bottom:2px}.admin-tabs button{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:1px solid #263247;background:#0e1522;color:#91a0b5;border-radius:11px;padding:10px 14px;font-weight:700;cursor:pointer}.admin-tabs button.active{background:#13223b;border-color:#315786;color:#82baff}.admin-stats{max-width:1440px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stats article,.admin-card{background:#0f1624;border:1px solid #1f2a3d;border-radius:16px}.admin-stats article{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center}.admin-stats article span{color:#91a0b5;font-size:13px}.admin-stats article strong{grid-column:1/-1;font-size:28px}.admin-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-card{padding:20px}.admin-card.wide{grid-column:1/-1}.admin-card h2{margin:0 0 14px;font-size:18px}.admin-card p{margin:0}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-title>div{display:flex;gap:10px;align-items:flex-start}.card-title h2{margin:0 0 4px}.card-title p{color:#7f8da2;font-size:13px}.metric-list{display:grid;gap:10px}.metric-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #192235}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:#8f9db2;font-size:13px}.metric-list strong{font-size:18px}.service-list{display:grid;gap:10px}.service-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:11px 12px;background:#0a101b;border:1px solid #1d2b3e;border-radius:11px}.service-list svg,.function-list svg{color:#35c789}.service-list b{font-size:12px;color:#74dca6}.service-list .warn svg{color:#f3b34c}.service-list .warn b{color:#f3b34c}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.05em}.status-pill.ok{background:#0f2a20;border:1px solid #1f5d45;color:#6ee7ac}.status-pill.warn{background:#2b210d;border:1px solid #6b5015;color:#f4c567}.quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quota-grid>div{background:#0a101b;border:1px solid #1d2b3e;border-radius:14px;padding:16px}.quota-grid span,.quota-grid small{display:block;color:#8d9bb0;font-size:12px}.quota-grid strong{display:block;font-size:25px;margin:5px 0 12px}.progress{height:9px;border-radius:999px;background:#182235;overflow:hidden;margin-bottom:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#5aa3ff);border-radius:inherit}.admin-note{color:#7f8da2;font-size:13px;line-height:1.65}.function-list{display:grid;gap:9px}.function-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 12px;background:#0a101b;border:1px solid #1d2b3e;border-radius:11px}.function-list code{color:#dbe8f8}.function-list span{font-size:11px;color:#6ee7ac}.admin-users-card{max-width:1440px;margin:0 auto;background:#0f1624;border:1px solid #1f2a3d;border-radius:18px;overflow:hidden}.admin-users-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #1f2a3d}.admin-users-head h2{margin:0 0 3px;font-size:18px}.admin-users-head p{margin:0;color:#7f8da2;font-size:13px}.admin-search{width:min(360px,100%);display:flex;align-items:center;gap:9px;background:#0a101b;border:1px solid #263247;padding:10px 12px;border-radius:11px}.admin-search input{width:100%;border:0;outline:0;background:transparent;color:#f4f7fb}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:980px}.admin-table th,.admin-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #192235;vertical-align:middle}.admin-table th{font-size:11px;letter-spacing:.08em;color:#78879c;text-transform:uppercase}.admin-table td{font-size:13px}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-cell>span{width:34px;height:34px;border-radius:10px;background:#17243a;display:grid;place-items:center;font-weight:800;color:#7ab3ff}.admin-user-cell div{display:flex;flex-direction:column;gap:2px}.admin-user-cell strong{display:flex;align-items:center;gap:7px}.admin-user-cell i{font-style:normal;font-size:9px;color:#7ab3ff;border:1px solid #2b4a72;border-radius:999px;padding:2px 5px}.admin-user-cell small,.admin-subtext{color:#7f8da2}.admin-subtext{display:block;margin-top:2px}.admin-plan{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em}.admin-plan--pro{background:#2d1f06;color:#f7c94a;border:1px solid #6d5313}.admin-plan--trial{background:#10233f;color:#7db7ff;border:1px solid #244d7a}.admin-actions{display:flex;gap:7px}.admin-action{padding:7px 9px;display:inline-flex;align-items:center;gap:5px;font-size:12px}.admin-action--pro{border-color:#654e13;color:#f7c94a;background:#261d06}.admin-action:disabled,.admin-refresh:disabled{opacity:.45;cursor:not-allowed}.admin-loading{max-width:1440px;margin:0 auto;padding:48px;display:flex;justify-content:center;align-items:center;gap:10px;color:#8fa0b7}.admin-audit-table{min-width:1100px}.admin-audit-action{display:inline-flex;padding:5px 8px;border-radius:999px;background:#12233b;border:1px solid #284c79;color:#8bc1ff;font-size:11px;font-weight:800}.admin-audit-state{font-weight:700;color:#dce7f5}.admin-empty{padding:40px 18px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#7f8da2}.admin-empty strong{color:#dce7f5}.admin-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#02060ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.admin-modal{position:relative;width:min(480px,100%);background:#0f1624;border:1px solid #29354a;border-radius:20px;padding:24px;box-shadow:0 24px 80px #00000073}.admin-modal-close{position:absolute;right:14px;top:14px;border:0;background:#182235;color:#8f9db2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.admin-modal-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px}.admin-modal-icon.pro{background:#2d2108;color:#f7c94a;border:1px solid #674f14}.admin-modal-icon.warn{background:#2a1717;color:#ff8d8d;border:1px solid #623131}.admin-modal h2{margin:0 42px 8px 0;font-size:21px}.admin-modal>p{margin:0;color:#91a0b5;line-height:1.6}.admin-modal>p strong,.admin-modal>p b{color:#e7edf7}.admin-modal-summary{margin:18px 0;background:#0a101b;border:1px solid #1e2a3d;border-radius:13px;padding:13px 14px;color:#9cabc0;font-size:13px;line-height:1.55}.admin-modal-summary strong{color:#f2f6fb}.admin-modal-audit{display:flex;align-items:center;gap:7px!important;color:#708098!important;font-size:12px}.admin-modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:9px}.admin-modal-cancel,.admin-modal-confirm{border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.admin-modal-cancel{border:1px solid #29354a;background:#111827;color:#d5dfed}.admin-modal-confirm{display:inline-flex;align-items:center;gap:7px}.admin-modal-confirm.pro{border:1px solid #705716;background:#2e2207;color:#f8cf57}.admin-modal-confirm.danger{border:1px solid #693636;background:#301717;color:#ff9f9f}.spin{animation:adminSpin 1s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}@media(max-width:780px){.admin-page{padding:16px}.admin-topbar{align-items:stretch;flex-direction:column}.admin-refresh{justify-content:center}.admin-stats,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-head{flex-direction:column;align-items:stretch}.admin-search{width:auto}.quota-grid{grid-template-columns:1fr}.admin-modal-actions{flex-direction:column-reverse}.admin-modal-actions button{justify-content:center;width:100%}}@media(max-width:560px){.admin-stats,.admin-grid{grid-template-columns:1fr}.admin-card.wide{grid-column:auto}.admin-tabs button{padding:9px 11px}.admin-topbar h1{font-size:26px}}.home-shell{min-height:100vh;color:#eff5ff;background:#0b0f1a;background-image:linear-gradient(rgba(67,105,160,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(67,105,160,.04) 1px,transparent 1px);background-size:26px 26px}.home-shell--exiting{pointer-events:none}@media(prefers-reduced-motion:no-preference){.home-shell--exiting{animation:home-workstation-exit .23s cubic-bezier(.77,0,.175,1) both}@keyframes home-workstation-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}}.home-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #27344e;background:#0a0f1beb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-nav__brand{display:flex;align-items:center;gap:11px}.home-nav__brand img{width:38px;height:38px;object-fit:contain}.home-nav__brand strong{display:block;font-size:16px;letter-spacing:-.03em}.home-nav__brand span{display:block;margin-top:3px;color:#28cba7;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.11em}.home-nav nav{display:flex;align-items:center;gap:13px}.home-nav nav>a{display:inline-flex;align-items:center;gap:6px;color:#9db5d4;font-size:12px;font-weight:700;text-decoration:none}.home-nav nav>a:hover{color:#e9f2ff}.home-main{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(30px,4vw,52px) 0 44px}.home-hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(260px,.72fr) minmax(220px,.55fr);gap:clamp(18px,3vw,42px);align-items:stretch;padding:clamp(24px,3.6vw,42px);overflow:hidden;border:1px solid #2b4164;border-radius:13px;background:linear-gradient(115deg,#142644f7,#0e1728fa);box-shadow:inset 0 1px #ffffff09,0 18px 42px #00000029}.home-hero-panel:before{content:"";position:absolute;inset:-30% auto -30% 48%;width:48%;pointer-events:none;background:radial-gradient(circle,rgba(52,126,240,.13),transparent 64%)}.home-hero__copy,.home-entry-console,.home-local-proof{position:relative;z-index:1}.home-hero__copy{align-self:center}.home-hero__copy h1{max-width:540px;margin:11px 0 12px;font-size:clamp(31px,4vw,48px);line-height:1.02;letter-spacing:-.06em}.home-hero__copy>p{max-width:570px;margin:0;color:#9baac0;font-size:13px;line-height:1.65}.home-hero__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.home-start-button{min-height:40px;padding:0 15px}.home-hero__actions a{text-decoration:none}.home-entry-console{align-self:center;border:1px solid #304866;background:#0a1321b8}.home-entry-console__top{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;color:#7af;border-bottom:1px solid #2a3b54;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.075em}.home-entry-console__top b{color:#42d5af;font-size:8px}.home-entry-console__row{min-height:43px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid rgba(43,59,84,.8)}.home-entry-console__row i{color:#6688b2;font-family:IBM Plex Mono,monospace;font-size:8px;font-style:normal}.home-entry-console__row strong{color:#dce8f8;font-size:11px}.home-entry-console__row em{padding:3px 5px;color:#9bc1ff;border:1px solid rgba(81,140,234,.3);border-radius:4px;background:#3064b91c;font-family:IBM Plex Mono,monospace;font-size:8px;font-style:normal;font-weight:700}.home-entry-console__row--optional em{color:#54d5b2;border-color:#36c39f42;background:#1485691c}.home-entry-console__output{display:grid;gap:6px;padding:11px 12px;background:#1528426b}.home-entry-console__output small{color:#6688b2;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.09em}.home-entry-console__output span{color:#b6c6db;font-size:10px}.home-entry-console__output span:before{content:"→";margin-right:7px;color:#3b82f6}.home-local-proof{padding:21px;border:1px solid rgba(43,202,163,.34);border-radius:11px;background:linear-gradient(150deg,#0f3b3787,#0e1b2dbf)}.home-local-proof__signal{display:flex;align-items:center;gap:7px;color:#4ce0b7;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.09em}.home-local-proof>strong{display:block;margin-top:17px;color:#f0f8ff;font-size:18px;letter-spacing:-.035em}.home-local-proof>p{margin:8px 0 16px;color:#9ab8b1;font-size:11px;line-height:1.65}.home-local-proof__checks{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(75,204,174,.17);color:#b5d7d0;font-size:11px}.home-local-proof__checks span{display:flex;align-items:center;gap:8px}.home-local-proof__checks i{width:6px;height:6px;border-radius:50%;background:#40d2ac;box-shadow:0 0 9px #3fd8af75}.home-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.home-benefit-grid article{min-height:145px;display:flex;gap:13px;padding:16px;border:1px solid #293851;border-radius:10px;background:#121c2fe6;background-image:linear-gradient(rgba(105,151,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(105,151,215,.04) 1px,transparent 1px);background-size:15px 15px}.home-benefit-grid article>span{display:grid;flex:0 0 auto;width:33px;height:33px;place-items:center;color:#67a9ff;border-radius:7px;background:#2f73df24}.home-benefit-grid small{display:block;color:#6686b0;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.08em}.home-benefit-grid h2{margin:6px 0;color:#ebf2fd;font-size:14px;line-height:1.22;letter-spacing:-.025em}.home-benefit-grid p{margin:0;color:#8394ad;font-size:10px;line-height:1.55}.home-workflow{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(330px,1.1fr);align-items:center;gap:28px;margin-top:22px;padding:21px 25px;border-left:2px solid #3b82f6;background:linear-gradient(90deg,#1c376257,#0d162640)}.home-workflow h2{margin:7px 0;font-size:21px;letter-spacing:-.04em}.home-workflow p{margin:0;color:#8b9ab2;font-size:11px;line-height:1.6}.home-workflow ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.home-workflow li{display:flex;align-items:center;gap:10px;color:#c7d5e9;font-size:11px}.home-workflow li b{display:grid;width:24px;height:24px;place-items:center;color:#76afff;border:1px solid #34588c;border-radius:5px;font-family:IBM Plex Mono,monospace;font-size:9px}.home-policy{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;padding:17px 20px;border:1px solid rgba(42,74,97,.75);border-radius:11px;background:#0a111d75}.home-policy>div{display:flex;align-items:flex-start;gap:11px}.home-policy>div>svg{flex:0 0 auto;margin-top:2px;color:#48cfad}.home-policy strong{display:block;color:#d8e8fe;font-size:12px}.home-policy p{margin:3px 0 0;color:#8191a8;font-size:10px;line-height:1.55}.home-policy a{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;color:#8dbdff;font-size:11px;font-weight:700;text-decoration:none}.home-policy a:hover{color:#d6e8ff}@media(max-width:960px){.home-hero-panel{grid-template-columns:minmax(0,1fr) minmax(240px,.75fr)}.home-local-proof{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(190px,.7fr);align-items:center;gap:14px}.home-local-proof>strong{margin:0}.home-local-proof>p{margin:0}.home-local-proof__checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;border:0}}@media(max-width:900px){.home-main{width:min(100% - 32px,680px);padding-top:28px}.home-hero-panel{grid-template-columns:1fr;gap:18px;padding:23px}.home-hero-panel:before{inset:20% -20% auto auto;width:70%;height:55%}.home-hero__copy h1{font-size:clamp(30px,8vw,43px)}.home-local-proof{display:block}.home-local-proof>strong{margin-top:14px}.home-local-proof>p{margin:8px 0 16px}.home-local-proof__checks{display:grid;grid-template-columns:1fr;gap:8px;padding-top:14px;border-top:1px solid rgba(75,204,174,.17)}.home-benefit-grid{grid-template-columns:1fr}.home-benefit-grid article{min-height:0}.home-workflow{grid-template-columns:1fr;gap:20px}.home-workflow .button{width:100%}.home-policy{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:560px){.home-nav{min-height:66px;padding:0 16px}.home-nav__brand img{width:33px;height:33px}.home-nav__brand strong{font-size:13px}.home-nav__brand span{font-size:7px}.home-nav nav>a{display:none}.home-nav .button{min-height:32px;padding:0 8px;font-size:10px}.home-main{width:min(100% - 24px,680px);padding-top:20px}.home-hero-panel{padding:23px 19px}.home-hero__copy h1{font-size:33px}.home-hero__actions{flex-direction:column}.home-hero__actions .button{width:100%;min-height:42px}.home-policy{padding:15px}}.upload-page{position:relative;isolation:isolate}@media(prefers-reduced-motion:no-preference){.workspace{animation:workspace-enter .3s cubic-bezier(.23,1,.32,1) both}@keyframes workspace-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}body:has(.upload-page) .topbar p{display:none}.upload-page:before{content:"";position:absolute;inset:138px 0 auto;z-index:-1;height:300px;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(59,130,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.045) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.upload-intro{position:relative;padding:16px 18px 18px;border-left:2px solid #3b82f6;background:linear-gradient(90deg,rgba(20,34,58,.46),transparent 82%)}.upload-intro>div:first-child:before{content:"SHOPEE ANALISIS PROFIT  /  LOCAL WORKSTATION";display:inline-flex;align-items:center;min-height:24px;padding-left:32px;color:#79b5ff;background:url(/manus-storage/shopee-analisis-profit-mark_de75150d.png) left center / 23px 23px no-repeat;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.08em}.upload-intro .eyebrow{margin-top:6px;color:#3bd1ae}.upload-intro h2{margin:6px 0 7px;font-size:27px}.upload-intro p{max-width:700px;font-size:12px;line-height:1.55}.upload-intro img{width:78px;height:78px;opacity:.62}.upload-card{position:relative;overflow:hidden;padding-top:20px}.upload-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#3b82f6,#3b82f600)}.upload-card:after{content:"";position:absolute;right:-18px;bottom:-18px;width:108px;height:108px;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(86,162,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(86,162,255,.18) 1px,transparent 1px);background-size:12px 12px;transform:rotate(14deg)}.upload-card--ads:before{background:linear-gradient(90deg,#25c79f,#25c79f00)}.upload-card__heading,.upload-card__flow,.file-selected,.dropzone{position:relative;z-index:1}.upload-card__heading h3{margin-top:5px;font-size:15px}.upload-card__heading p{min-height:31px;margin-bottom:9px;line-height:1.42}.upload-station-id{display:block;color:#6199dd;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.1em}.status-pill--required{color:#a9c9ff;background:#3b82f61a;border:1px solid rgba(83,151,244,.28)}.upload-card__flow{display:flex;align-items:center;justify-content:space-between;min-height:24px;padding:0 1px 9px;color:#849cbd;border-bottom:1px solid rgba(62,83,119,.55);font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.06em}.upload-card__flow i{color:#46d1ad;font-style:normal;font-weight:700}.dropzone{min-height:133px;margin-top:12px;border-color:#365073;background-color:#101a2b;background-image:linear-gradient(rgba(76,122,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(76,122,184,.06) 1px,transparent 1px);background-size:14px 14px}.dropzone__symbol{width:40px;height:40px;margin-bottom:1px;border:1px solid rgba(68,140,247,.22)}.dropzone strong{color:#eaf2fd;font-size:12px}.dropzone small{color:#6e8aa9;font-weight:700;letter-spacing:.03em}.file-selected{min-height:133px;margin-top:12px;border-color:#34cda66b;background:linear-gradient(135deg,#123e3a36,#111c2fb3)}.file-selected__details span b{color:#63b8ff;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700}@media(min-width:901px){.upload-intro>div:first-child:before{display:flex;width:fit-content;margin-bottom:9px}.upload-intro .eyebrow{display:flex;width:fit-content;margin:0;padding-top:8px;border-top:1px solid rgba(69,135,225,.25)}.upload-intro .eyebrow:after{letter-spacing:.105em}}.dropzone--preparing{cursor:wait;border-color:#4a99ffb3;background:linear-gradient(135deg,#1d4a8f47,#0f1b2eeb)}.dropzone--preparing>svg{color:#63a8ff}.zip-progress{position:relative;width:min(212px,82%);height:7px;overflow:hidden;border:1px solid rgba(86,144,226,.42);border-radius:999px;background:#081120b8}.zip-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b6ee0,#58bdff);box-shadow:0 0 12px #47a4ff73;transition:width .24s cubic-bezier(.23,1,.32,1)}.zip-progress b{position:absolute;right:-30px;top:50%;color:#9ec7ff;font-family:IBM Plex Mono,monospace;font-size:9px;transform:translateY(-50%)}.process-button:has(.spin){position:relative;min-height:76px;flex-direction:column;gap:3px;overflow:hidden;opacity:1!important;color:#eff7ff;background:linear-gradient(110deg,#1e55ad,#2f77df)!important;border-color:#7bb7ffc7!important;box-shadow:0 12px 28px #1b58bc57,inset 0 1px #ffffff2e!important;cursor:wait}.process-button:has(.spin):before{content:"";position:absolute;bottom:0;left:0;width:36%;height:3px;background:linear-gradient(90deg,transparent,#bde5ff,transparent);box-shadow:0 0 12px #a4deffe6;transform:translate(-115%)}.process-button:has(.spin):after{content:"PROSES LOKAL · FILE TETAP DI PERANGKAT";color:#c9e3ff;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.065em}.process-button:has(.spin)>svg{width:20px;height:20px}@media(prefers-reduced-motion:no-preference){.process-button:has(.spin):before{animation:process-sweep 1.18s cubic-bezier(.23,1,.32,1) infinite}@keyframes process-sweep{0%{transform:translate(-115%)}to{transform:translate(320%)}}}@media(prefers-reduced-motion:reduce){.process-button:has(.spin):before{width:100%;opacity:.7;transform:none}.process-button:has(.spin)>svg{animation:none}}.performance-table{min-width:1370px!important}.performance-status-tag{display:inline-flex;min-width:56px;justify-content:center;padding:3px 7px;border-radius:5px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.performance-status-tag--profit{color:#4ad7b5;background:#1bb78e1c}.performance-status-tag--adequate{color:#f5bd52;background:#ebaa281f}.performance-status-tag--loss{color:#fa8186;background:#ef5a611f}.cost-tooltip{box-sizing:border-box;display:grid;left:auto!important;right:0;width:clamp(210px,22vw,270px)!important;max-width:calc(100vw - 24px);white-space:normal!important;overflow-wrap:anywhere;word-break:normal;visibility:hidden;filter:blur(1px);transform:translateY(-2px) scale(.98)!important;will-change:opacity,transform,filter;transition:opacity .19s cubic-bezier(.23,1,.32,1),transform .19s cubic-bezier(.23,1,.32,1),filter .19s cubic-bezier(.23,1,.32,1),visibility 0s linear .19s}.cost-tooltip span{display:block;white-space:normal!important}.cost-help:hover .cost-tooltip,.cost-help:focus .cost-tooltip{transform:translate(0) scale(1)!important}.cost-help:hover .cost-tooltip,.cost-help:focus .cost-tooltip{visibility:visible;filter:blur(0);transform:translate(-50%) scale(1);transition-delay:40ms}@media(max-width:900px){.upload-page:before{inset:106px -18px auto;height:260px}.upload-intro{margin:-4px -2px 22px;padding:13px 14px 15px}.upload-intro>div:first-child:before{min-height:20px;padding-left:27px;background-size:20px 20px;font-size:8px;letter-spacing:.055em}.upload-intro .eyebrow{margin-top:5px;font-size:8px}.upload-intro h2{margin:5px 0 6px;font-size:24px}.upload-intro p{font-size:11px}.upload-intro img{display:none}.upload-card{min-height:0!important;padding:17px}.upload-card__heading p{min-height:0;margin-bottom:7px}.upload-card__flow{padding-bottom:7px}.dropzone,.file-selected{min-height:122px;margin-top:10px}.process-button:has(.spin){min-height:88px;margin-top:20px;font-size:13px}.process-button:has(.spin):after{max-width:84%;text-align:center;line-height:1.35;font-size:8px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--default-font-family:"Manrope", sans-serif;--default-mono-font-family:"IBM Plex Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.z-50{z-index:50}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.flex{display:flex}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.flex-shrink-0{flex-shrink:0}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:var(--background)}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.fill-foreground{fill:var(--foreground)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-balance{text-wrap:balance}.whitespace-break-spaces{white-space:break-spaces}.text-background{color:var(--background)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}@media(hover:hover){.hover\:opacity-90:hover{opacity:.9}}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,.dark{--background:#0b0f1a;--foreground:#f5f7fb;--card:#141b2d;--card-foreground:#f5f7fb;--popover:#141b2d;--popover-foreground:#f5f7fb;--primary:#3b82f6;--primary-foreground:#fff;--muted:#1a2336;--muted-foreground:#8997ae;--border:#253149;--ring:#3b82f6;--radius:12px}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:320px;color:var(--foreground);margin:0;font-family:Manrope,sans-serif}button,input{font:inherit}button{border:0}.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{background:#0b0f1a;min-height:100vh;display:flex}.sidebar{z-index:30;background:#121a2c;border-right:1px solid #28344d;flex-direction:column;flex:0 0 280px;width:280px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #28344d;align-items:center;gap:12px;height:80px;padding:0 23px;display:flex}.brand img{object-fit:contain;width:37px;height:37px}.brand strong{letter-spacing:-.03em;white-space:nowrap;font-size:17px;font-weight:800;display:block}.brand span{color:#1bcaa0;letter-spacing:.13em;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;display:block}.mobile-close{color:#9aa8c0;background:0 0;margin-left:auto;display:none}.nav-list{gap:5px;padding:15px 24px;display:grid}.nav-item{color:#8f9cb3;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:43px;padding:0 14px;font-size:14px;font-weight:600;transition:color .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1);display:flex}.nav-item svg:last-child{opacity:0;margin-left:auto;transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .16s cubic-bezier(.23,1,.32,1);transform:translate(-4px)}.nav-item:hover{color:#e6ecf8;background:#17233a}.nav-item:hover svg:last-child{opacity:.65;transform:none}.nav-item--active{color:#eff6ff;background:linear-gradient(90deg,#295fc257,#1d458c2e);border:1px solid #3b82f659;box-shadow:0 4px 18px #00000029,inset 0 1px #ffffff08}.nav-item--active svg:first-child{color:#438cff}.sidebar-bottom{color:#77d8c0;background:#0c122066;border:1px solid #34496899;border-radius:10px;gap:10px;margin:auto 24px 22px;padding:14px;display:flex}.sidebar-bottom p{color:#8392aa;margin:0;font-size:11px;line-height:1.5}.sidebar-bottom strong{color:#d9e7ff;font-size:12px;display:block}.workspace{flex:1;min-width:0}.topbar{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f1af0;border-bottom:1px solid #28344d;align-items:center;gap:15px;min-height:80px;padding:15px 31px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:800;line-height:1.25}.topbar p{color:#8593ab;margin:3px 0 0;font-size:13px}.menu-button,.collapse-button{color:#aab6ca;background:#141e31;border:1px solid #2b3954;border-radius:8px;place-items:center;width:38px;height:38px;display:none}.collapse-button{opacity:.65;margin-left:auto;display:grid}.collapse-button:hover{opacity:1;color:#fff}.content-area{max-width:1500px;margin:0 auto;padding:32px}.eyebrow{color:#44a0ff;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.upload-page{max-width:1096px}.upload-intro{justify-content:space-between;align-items:center;gap:20px;margin:2px 0 28px;display:flex}.upload-intro h2{letter-spacing:-.04em;margin:8px 0 12px;font-size:30px}.upload-intro p{color:#97a4ba;max-width:820px;margin:0;font-size:15px;line-height:1.65}.upload-intro img{object-fit:contain;opacity:.92;width:94px;height:94px}.upload-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.upload-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-card{background:#141b2d;border:1px solid #293650;border-radius:14px;min-height:242px;padding:22px;box-shadow:0 12px 32px #00000021}.upload-card__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.upload-card h3{letter-spacing:-.02em;margin:0;font-size:16px}.upload-card p{color:#8593aa;margin:5px 0 18px;font-size:11px}.status-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.status-pill--teal{color:#27c7a2;background:#10b98114}.dropzone{color:#e8edf6;background:#11192a;border:1px dashed #34415c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:155px;transition:background .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:flex}.dropzone:hover,.dropzone--dragging{background:#14223b;border-color:#3b82f6;transform:translateY(-1px)}.dropzone strong{font-size:13px}.dropzone>span:not(.dropzone__symbol){color:#7f8ca4;font-size:11px}.dropzone small{color:#52647f;font-family:IBM Plex Mono,monospace;font-size:9px}.dropzone__symbol{color:#4b90fb;background:#2e66cc21;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:4px;display:grid}.dropzone{cursor:pointer;-webkit-user-select:none;user-select:none}.file-selected{background:#123e3a26;border:1px solid #27c9a159;border-radius:10px;align-items:center;gap:12px;min-height:155px;padding:15px;display:flex}.file-selected__icon{color:#5ee7c2;background:#10b98124;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;display:grid}.file-selected__details{flex:1;min-width:0}.file-selected__details strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.file-selected__details span{color:#839db0;margin-top:5px;font-size:10px;display:block}.file-selected__check{color:#28c89e;flex:none}.icon-button{color:#91a0b8;background:0 0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.icon-button:hover{color:#fff;background:#253148}.process-button{color:#fff;background:#3b82f6;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:32px;font-size:14px;font-weight:800;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 7px 21px #275ec240}.process-button:hover:not(:disabled){background:#4a8df7;transform:translateY(-1px)}.process-button:active:not(:disabled),.button:active:not(:disabled){transform:scale(.97)}.process-button:disabled{cursor:not-allowed;opacity:.47;box-shadow:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{color:#8492aa;justify-content:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.privacy-note svg{color:#38caa7;flex:none}.privacy-note strong{color:#b2bfd1}.metric-grid{gap:16px;margin-bottom:26px;display:grid}.metric-grid--six{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{background:linear-gradient(145deg,#171f33,#131a2b);border:1px solid #283550;border-radius:13px;flex-direction:column;justify-content:center;min-height:140px;padding:19px;display:flex;box-shadow:inset 0 1px #ffffff04,0 8px 22px #0000001a}.metric-card__label{color:#93a0b7;font-size:12px;font-weight:500;line-height:1.25}.metric-card__value{color:#f3f6fb;letter-spacing:-.055em;overflow-wrap:anywhere;margin-top:11px;font-family:IBM Plex Mono,monospace;font-size:clamp(17px,1.6vw,25px);line-height:1.25}.metric-card__note{color:#71829c;align-items:center;gap:4px;margin-top:10px;font-size:10px;display:inline-flex}.metric-card__note--positive{color:#19bc91}.metric-card__note--negative{color:#f66d71}.metric-card__note--warning{color:#f4b54e}.metric-card--compact{min-height:98px;padding:17px}.metric-card--compact .metric-card__value{margin-top:8px}.metric-card--positive .metric-card__value{color:#23caa4}.metric-card--negative .metric-card__value{color:#f4676d}.two-column-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px;display:grid}.panel{background:#141b2d;border:1px solid #293650;border-radius:13px;overflow:hidden;box-shadow:0 12px 29px #0000001f}.panel__heading{justify-content:space-between;align-items:flex-start;gap:15px;min-height:72px;padding:18px 22px 14px;display:flex}.panel__heading h2,.section-heading h2{letter-spacing:-.025em;margin:0;font-size:16px}.panel__heading p{color:#8492aa;margin:4px 0 0;font-size:11px}.panel__tag{color:#6f829d;white-space:nowrap;border:1px solid #2d3953;border-radius:999px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:9px}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:570px}.table-wrap th{color:#98a7bd;text-align:left;background:#0d1320;padding:11px 14px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.table-wrap td{color:#dce3ef;vertical-align:middle;border-top:1px solid #263249;max-width:335px;padding:11px 14px;font-size:12px}.table-wrap td:first-child{color:#71829c;font-family:IBM Plex Mono,monospace;font-size:11px}.table-wrap td:nth-child(n+3){color:#dce4ef;font-family:IBM Plex Mono,monospace;font-size:11px}.table-wrap td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-wrap tbody tr:hover{background:#3b82f60b}.empty-table{color:#8492aa;margin:0;padding:20px 22px;font-size:12px}.payment-panel{min-height:285px}.payment-list{gap:14px;padding:2px 22px 22px;display:grid}.payment-row>div:first-child{color:#98a6bc;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.payment-row strong{color:#dce5f1;font-family:IBM Plex Mono,monospace;font-size:11px}.progress-track{background:#0b111d;border:1px solid #27344e;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;height:100%;display:block}.subsection-title{margin:2px 0 15px}.subsection-title h2{letter-spacing:-.035em;margin:6px 0 4px;font-size:21px}.subsection-title p{color:#8492aa;margin:0;font-size:12px}.subsection-title--real{margin-top:34px}.subsection-title--real .eyebrow{color:#55c8b1}.real-ads-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}.real-ads-grid .metric-card{min-height:107px}.ad-table-panel{margin-top:2px}.wide-table{min-width:1020px!important}.wide-table td:first-child{color:#e6edf7;font-family:Manrope,sans-serif;font-size:12px}.good-number{color:#23caa4}.loss-number{color:#f4676d}.warn-number{color:#f4b54e}.profit-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.profit-meta-grid .metric-card{min-height:112px}.profit-hero{background:#0c211a;border:1px solid #22cba1a6;border-radius:13px;justify-content:space-between;align-items:center;gap:25px;min-height:168px;padding:27px 31px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 48px #083e2f33}.profit-hero--negative{background:#240f17;border-color:#f052528c}.profit-hero>img{object-fit:cover;opacity:.23;width:420px;height:130%;position:absolute;top:-15%;right:0}.profit-hero__copy,.margin-badge{z-index:1;position:relative}.profit-hero__copy>span{color:#20bc95;font-size:13px;font-weight:700}.profit-hero--negative .profit-hero__copy>span{color:#fb7477}.profit-hero__copy strong{color:#22caa4;letter-spacing:-.065em;margin:10px 0;font-family:IBM Plex Mono,monospace;font-size:clamp(27px,3.2vw,42px);display:block}.profit-hero--negative .profit-hero__copy strong{color:#fa7173}.profit-hero__copy p{color:#a1afa9;max-width:710px;margin:0;font-size:12px}.margin-badge{text-align:right;background:#07141061;border:1px solid #4bc1a029;border-radius:9px;min-width:132px;padding:11px 14px}.margin-badge span{color:#88a99f;font-size:10px;display:block}.margin-badge strong{color:#61e0bd;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:18px;display:block}.chart-grid{grid-template-columns:1.35fr 1fr;gap:24px;margin-top:24px;display:grid}.chart-panel{min-height:325px}.chart-box{height:235px;padding:0 12px 18px 5px}.donut-layout{grid-template-columns:minmax(150px,.85fr) minmax(170px,1.15fr);align-items:center;gap:12px;min-height:235px;padding:0 18px 18px;display:grid}.donut-box{width:100%;min-width:0;height:215px}.donut-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;display:grid}.donut-legend span{color:#f3f7ff;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:5px;font-size:10px;display:grid}.donut-legend i{border-radius:50%;width:8px;height:8px}.donut-legend b{color:#fff;grid-column:2;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip,.recharts-default-tooltip *{color:#fff!important}.insight-section{margin-top:27px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px;display:flex}.section-heading h2{margin-top:4px;font-size:20px}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.insight-card{background:#141b2d;border:1px solid #293650;border-radius:12px;gap:12px;min-height:108px;padding:17px;display:flex}.insight-card>span{color:#8fa2bd;background:#1c263b;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.insight-card--positive>span{color:#2cd0a9;background:#10b9811f}.insight-card--warning>span{color:#f8b94f;background:#f59e0b1f}.insight-card h3{margin:0;font-size:13px}.insight-card p{color:#8c9ab0;margin:5px 0 0;font-size:11px;line-height:1.55}.export-row{border-top:1px solid #28344c;align-items:center;gap:11px;margin-top:27px;padding:15px 0;display:flex}.export-row>span{color:#72819a;margin-left:5px;font-size:10px}.button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:0 13px;font-size:12px;font-weight:700;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.button--primary{color:#fff;background:#3b82f6;box-shadow:0 6px 15px #275ec238}.button--primary:hover{background:#4b8ef7}.button--quiet{color:#d5dfed;background:#141b2d;border:1px solid #34415c}.button--quiet:hover{color:#fff;background:#1c263a}.empty-state{text-align:left;grid-template-columns:minmax(120px,220px) minmax(300px,460px);align-content:center;place-items:center;gap:38px;min-height:510px;display:grid}.empty-state>img{object-fit:contain;width:min(220px,28vw);height:min(220px,28vw)}.empty-state h2{letter-spacing:-.04em;margin:10px 0;font-size:25px}.empty-state p{color:#8d9bb2;margin:0 0 20px;font-size:13px;line-height:1.65}.sidebar-scrim{display:none}.brand-mark-button{background:0 0;border-radius:9px;flex:none;place-items:center;padding:0;transition:transform .16s cubic-bezier(.23,1,.32,1),filter .16s cubic-bezier(.23,1,.32,1);display:grid}.brand-mark-button:hover{filter:brightness(1.14);transform:translateY(-1px)}.brand-mark-button:active{transform:scale(.94)}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-actions .collapse-button{margin-left:0}.reset-button{min-height:35px}.metric-card__note>span{gap:2px;display:grid}.metric-card__note i{font-style:normal;line-height:1.25}.pagination{border-top:1px solid #263249;justify-content:flex-end;align-items:center;gap:6px;padding:13px 16px;display:flex}.pagination .icon-button{border:1px solid #34415c}.pagination .icon-button:disabled{cursor:not-allowed;opacity:.35}.page-button{color:#8f9eb6;background:0 0;border-radius:7px;width:29px;height:29px;font-family:IBM Plex Mono,monospace;font-size:11px}.page-button:hover{color:#fff;background:#23304a}.page-button--active{color:#fff;background:#3b82f6}.sort-button{color:inherit;font:inherit;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0;display:inline-flex}.sort-button:hover{color:#dce9ff}.sort-button svg{opacity:.4}.sort-button .sort-button--active{color:#4d93ff;opacity:1}.restore-card{background:linear-gradient(105deg,#121f34ed,#111c2fc2);border:1px solid #2e4164;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:20px 22px;display:flex}.restore-card__copy h3{margin:7px 0 5px;font-size:15px}.restore-card__copy p{color:#8596b0;max-width:630px;margin:0;font-size:11px;line-height:1.55}.restore-dropzone{color:#a8c9ff;background:#14243eb8;border:1px dashed #3d639a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:230px;min-height:80px;font-size:11px;font-weight:700;transition:background .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1);display:flex}.restore-dropzone:hover:not(:disabled){background:#172d50;border-color:#5b9dff}.restore-dropzone:disabled{opacity:.65;cursor:wait}.hpp-page{max-width:1120px}.hpp-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin:2px 0 18px;display:flex}.hpp-intro h2{letter-spacing:-.04em;margin:8px 0;font-size:26px}.hpp-intro p{color:#8b9ab1;max-width:720px;margin:0;font-size:13px;line-height:1.6}.hpp-progress{text-align:right;background:#141f33;border:1px solid #2e4160;border-radius:9px;min-width:105px;padding:10px 13px}.hpp-progress strong{color:#43d0ad;font-family:IBM Plex Mono,monospace;font-size:17px;display:block}.hpp-progress span{color:#8091ab;font-size:10px}.hpp-file-tools{background:#121d30;border:1px solid #2b405e;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 17px;display:flex}.hpp-file-tools strong{color:#ebf2fc;font-size:13px;display:block}.hpp-file-tools span{color:#8495ae;max-width:600px;margin-top:3px;font-size:10px;line-height:1.45;display:block}.hpp-file-tools>div:last-of-type{flex:none;gap:9px;display:flex}.hpp-table{min-width:830px!important}.currency-input{color:#7e90ab;background:#0e1625;border:1px solid #33435e;border-radius:7px;align-items:center;width:152px;display:flex;overflow:hidden}.currency-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.currency-input span{padding:0 7px;font-family:IBM Plex Mono,monospace;font-size:10px}.currency-input input{color:#eff5ff;background:0 0;border:0;outline:0;width:100%;padding:8px 8px 8px 0;font-family:IBM Plex Mono,monospace;font-size:11px}.operational-panel{margin-top:18px}.operational-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0 20px 20px;display:grid}.operational-field{color:#a9b7ca;gap:7px;font-size:11px;font-weight:600;display:grid}.operational-field .currency-input{width:100%}.hpp-action{justify-content:space-between;align-items:center;gap:15px;margin-top:17px;display:flex}.hpp-action p{color:#8494ad;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.hpp-action p svg{color:#2ccdaa}.income-side-stack{align-content:start;gap:20px;display:grid}.province-panel{min-height:190px}.province-list{padding:2px 17px 12px}.province-row{color:#91a0b6;border-bottom:1px solid #293650bf;grid-template-columns:24px 16px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:34px;font-size:11px;display:grid}.province-row:last-child{border-bottom:0}.province-row svg{color:#54a4ff}.province-rank{color:#60718c;font-family:IBM Plex Mono,monospace;font-size:10px}.province-row strong{color:#e4ecf9;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.province-row b{text-align:right;color:#5fd1b0;min-width:34px;font-family:IBM Plex Mono,monospace;font-size:10px}.performance-page{max-width:1450px}.performance-intro{justify-content:space-between;align-items:end;gap:24px;margin:2px 0 22px;display:flex}.performance-intro h2{letter-spacing:-.045em;margin:7px 0;font-size:27px}.performance-intro p{color:#8c9ab1;max-width:860px;margin:0;font-size:13px;line-height:1.6}.performance-status{color:#5fd5b8;background:#1384671f;border:1px solid #34d0a540;border-radius:9px;flex:none;align-items:center;gap:7px;padding:10px 12px;font-size:11px;font-weight:700;display:inline-flex}.performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:15px;display:grid}.performance-metric{background:#141d30;border:1px solid #2a3853;border-radius:11px;align-items:center;gap:12px;min-height:91px;padding:16px;display:flex}.performance-metric>span{color:#78aaff;background:#3b82f61f;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.performance-metric--positive>span{color:#2ed4aa;background:#1abe911f}.performance-metric--negative>span{color:#f27075;background:#ee5d641f}.performance-metric small{color:#91a0b7;font-size:10px;display:block}.performance-metric strong{color:#eff4fd;letter-spacing:-.04em;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:17px;display:block}.text-profit{color:#2ecba7!important}.text-loss{color:#f36b72!important}.performance-note{color:#91a2bc;background:linear-gradient(90deg,#233e6538,#141d2f7a);border:1px solid #2b4164;border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:13px 15px;font-size:11px;line-height:1.55;display:flex}.performance-note svg{color:#5b9dff;flex:none;margin-top:1px}.performance-note p{margin:0}.performance-note strong{color:#d7e7ff}.performance-table td:nth-child(n+3){white-space:nowrap}.performance-margin{text-align:center;border-radius:5px;min-width:58px;padding:3px 6px;font-family:IBM Plex Mono,monospace;font-size:10px;display:inline-block}.performance-margin--positive{color:#4ad7b5;background:#1bb78e1c}.performance-margin--negative{color:#fa8186;background:#ef5a611f}@media(prefers-reduced-motion:no-preference){.metric-card,.panel,.profit-hero{animation:.28s cubic-bezier(.23,1,.32,1) both rise-in}.metric-card:nth-child(2){animation-delay:35ms}.metric-card:nth-child(3){animation-delay:70ms}.metric-card:nth-child(4){animation-delay:.105s}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1220px){.metric-grid--six,.metric-grid--five,.profit-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-grid--three{grid-template-columns:1fr 1fr}}@media(max-width:900px){.sidebar{transition:transform .22s cubic-bezier(.23,1,.32,1);position:fixed;left:0;transform:translate(-101%);box-shadow:15px 0 35px #0000004d}.sidebar--open{transform:translate(0)}.sidebar-scrim{z-index:20;background:#0000008c;display:block;position:fixed;inset:0}.mobile-close,.menu-button{display:grid}.collapse-button{display:none}.topbar{padding:14px 18px}.content-area{padding:24px 18px}.two-column-grid,.chart-grid{grid-template-columns:1fr}.upload-grid{gap:16px}.upload-intro img{width:72px;height:72px}.restore-card{flex-direction:column;align-items:stretch}.restore-dropzone{min-height:72px}.hpp-file-tools{flex-direction:column;align-items:flex-start}.real-ads-grid,.operational-grid,.performance-metrics{grid-template-columns:1fr}.performance-intro{flex-direction:column;align-items:flex-start}.donut-layout{grid-template-columns:1fr}.donut-box{height:185px}.donut-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.topbar h1{font-size:20px}.topbar p{font-size:11px}.upload-intro{align-items:flex-start}.upload-intro h2{font-size:27px}.upload-intro img{display:none}.upload-grid,.metric-grid--six,.metric-grid--five,.profit-meta-grid,.insight-grid{grid-template-columns:1fr}.metric-card{min-height:102px}.profit-hero{flex-direction:column;align-items:flex-start}.margin-badge{text-align:left}.donut-layout{flex-direction:column;align-items:stretch;height:auto}.donut-box{width:100%;height:180px}.empty-state{text-align:center;grid-template-columns:1fr;gap:13px;min-height:420px}.empty-state>img{width:140px;height:140px}.empty-state .eyebrow{justify-content:center}.export-row{flex-wrap:wrap}.export-row>span{width:100%;margin-left:0}.privacy-note{text-align:left;justify-content:flex-start}.sidebar-bottom{display:none}.topbar-actions{gap:6px}.reset-button{padding:0 9px;font-size:10px}.hpp-intro,.hpp-action{flex-direction:column;align-items:flex-start}.hpp-progress{text-align:left}.hpp-action .button{width:100%}}@media print{.sidebar,.topbar,.export-row,.sidebar-scrim{display:none!important}.content-area{max-width:none;padding:0}.workspace{width:100%}.app-shell,body{color:#111;background:#fff}.metric-card,.panel,.profit-hero,.insight-card{color:#111;box-shadow:none;break-inside:avoid;background:#fff;border-color:#d5dbe5}.metric-card__label,.panel__heading p,.insight-card p,.profit-hero__copy p{color:#4a5568}.metric-card__value,.table-wrap td,.table-wrap th,.panel__heading h2,.insight-card h3{color:#111}.profit-hero__copy strong{color:#078561}.profit-hero>img{display:none}}.performance-metric{min-height:99px}.performance-metric--warning>span{color:#f4bd57;background:#f0ab2f1f}.performance-metric em{color:#71829b;margin-top:2px;font-size:9px;font-style:normal;display:block}.performance-table-heading{align-items:center}.performance-toolbar{border-bottom:1px solid #263249;padding:0 22px 18px}.performance-search{color:#7f91ac;background:#0e1625;border:1px solid #33445f;border-radius:8px;align-items:center;gap:9px;max-width:480px;min-height:39px;padding:0 11px;display:flex}.performance-search:focus-within{border-color:#4a93ff;box-shadow:0 0 0 2px #3b82f61f}.performance-search input{color:#eff5ff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:11px}.performance-search input::placeholder{color:#667894}.performance-search>span{color:#6f819d;white-space:nowrap;border-left:1px solid #2b3a54;padding-left:8px;font-family:IBM Plex Mono,monospace;font-size:9px}.performance-table{min-width:1480px!important}.cost-help{color:#70a6f5;vertical-align:middle;align-items:center;margin-left:3px;display:inline-flex;position:relative}.cost-help:focus{outline-offset:2px;border-radius:3px;outline:2px solid #5295ff80}.cost-tooltip{z-index:30;color:#fff;text-transform:none;letter-spacing:0;opacity:0;pointer-events:none;background:#0d1627;border:1px solid #3a5278;border-radius:7px;gap:3px;width:214px;padding:9px 10px;font-family:Manrope,sans-serif;font-size:10px;line-height:1.45;transition:opacity .14s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 28px #00000052}.cost-tooltip strong{color:#9dc4ff;font-size:10px}.cost-help:hover .cost-tooltip,.cost-help:focus .cost-tooltip{opacity:1;transform:translate(-50%)}.performance-margin--warning{color:#f5bd52;background:#ebaa281f}.content-area{background-image:linear-gradient(#44689a09 1px,#0000 1px),linear-gradient(90deg,#44689a09 1px,#0000 1px);background-size:24px 24px;padding-top:27px;padding-bottom:27px;position:relative}.upload-intro{margin-bottom:20px}.upload-intro img{display:none}.upload-intro h2{font-size:28px}.upload-grid--three .upload-card{min-height:232px}.upload-card,.restore-card{background-image:linear-gradient(130deg,#375b8f14,#0000 42%),linear-gradient(#6f92c409 1px,#0000 1px),linear-gradient(90deg,#6f92c409 1px,#0000 1px);background-size:auto,18px 18px,18px 18px}.upload-card p,.restore-card__copy p{line-height:1.45}.dropzone{background-image:linear-gradient(135deg,#274f8921,#11192adb);min-height:138px}.dropzone__symbol{box-shadow:inset 0 0 0 1px #4991ff24}.process-button{background:linear-gradient(90deg,#2056ac,#2d6ed1);border:1px solid #5c9eff8c;min-height:46px;margin-top:24px;box-shadow:0 6px 18px #184aa02e,inset 0 1px #ffffff1f}.process-button:hover:not(:disabled){background:linear-gradient(90deg,#2762bf,#367be5)}.restore-card{margin-top:15px}.privacy-note{margin-top:11px}.upload-intro .eyebrow{font-size:0}.upload-intro .eyebrow:after{content:"PUSAT ANALISIS PENJUAL";font-size:10px}.first-ad-panel{background:linear-gradient(105deg,#12223ef2,#0e182beb);justify-content:space-between;align-items:center;gap:24px;margin:18px 0 26px;padding:20px 22px;display:flex}.first-ad-panel h3{color:#f0f5ff;max-width:460px;margin:5px 0;font-size:14px;line-height:1.4}.first-ad-panel p{color:#8d9bb5;margin:0;font-size:11px}.first-ad-grid{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px 18px;min-width:410px;display:grid}.first-ad-grid span{gap:4px;display:grid}.first-ad-grid small{color:#71809d;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:9px}.first-ad-grid b{color:#d9e5fb;font-size:12px}@media(max-width:900px){.first-ad-panel{flex-direction:column;align-items:flex-start}.first-ad-grid{width:100%;min-width:0}}.performance-metric{text-align:left;cursor:pointer;border:1px solid #2a3853;width:100%;transition:border-color .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}.performance-metric:hover{background:#18233a;border-color:#4977bc}.performance-metric:active{transform:scale(.985)}.performance-metric--selected{box-shadow:inset 3px 0 #3b82f6,0 0 0 1px #3b82f61f;background:linear-gradient(135deg,#2a68c23b,#17233a)!important;border-color:#5c9eff!important}.performance-metric b{color:#6684ac;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:500}.performance-metric--selected b{color:#9ac4ff}.performance-toolbar{z-index:4;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.clear-filter{color:#a9caff;background:#336fce26;border:1px solid #5a97f766;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}.clear-filter:hover{background:#3b82f640}.performance-table-panel{overflow:visible}.performance-table-wrap{z-index:6;position:relative;overflow:auto visible}.performance-table thead,.performance-table th{z-index:12;position:relative;overflow:visible}.cost-help{z-index:30}.cost-tooltip{z-index:1000;top:calc(100% + 9px);bottom:auto;transform:translate(-50%,-4px)}.cost-help:hover .cost-tooltip,.cost-help:focus .cost-tooltip{transform:translate(-50%)}.profit-result-grid{grid-template-columns:minmax(220px,.72fr) minmax(0,2fr);align-items:stretch;gap:16px;margin-bottom:24px;display:grid}.released-funds-card{background:linear-gradient(145deg,#122746,#101d34);border:1px solid #4d9dff80;border-radius:13px;flex-direction:column;justify-content:space-between;gap:20px;min-height:168px;padding:25px 24px;display:flex;box-shadow:inset 0 0 34px #1d549e1f,0 8px 22px #0000001a}.released-funds-card--negative{background:linear-gradient(145deg,#281521,#1c1322);border-color:#f0525280}.released-funds-card__copy>span{color:#8ebcff;font-size:13px;font-weight:700}.released-funds-card--negative .released-funds-card__copy>span{color:#fb8588}.released-funds-card__copy strong{color:#9ec8ff;letter-spacing:-.065em;overflow-wrap:anywhere;margin:10px 0 8px;font-family:IBM Plex Mono,monospace;font-size:clamp(22px,2.2vw,31px);line-height:1.2;display:block}.released-funds-card--negative .released-funds-card__copy strong{color:#fa7e82}.released-funds-card__copy p{color:#91a8c8;margin:0;font-size:10px;line-height:1.5}.released-funds-card__source{color:#83a3cb;text-transform:uppercase;letter-spacing:.05em;border:1px solid #73a4e240;border-radius:999px;align-self:flex-start;padding:4px 7px;font-family:IBM Plex Mono,monospace;font-size:9px}.hpp-products-scroll{max-height:min(56vh,560px);overflow:auto}.hpp-products-scroll thead th{z-index:2;position:sticky;top:0;box-shadow:0 1px #263249}@media(max-width:900px){.profit-result-grid{grid-template-columns:1fr}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}.brand span{font-size:0!important}.brand span:after{content:"DATA LABS V1.0.2";font-size:9px;color:#1bcaa0;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.13em}
