:root{--ink: #FFFFFF;--ink-2: rgba(255,255,255,.62);--ink-3: rgba(255,255,255,.45);--line: rgba(255,255,255,.12);--line-soft: rgba(255,255,255,.08);--surface: #0A0A0B;--card: #17181B;--brand: #FF5A4E;--brand-soft: rgba(255,90,78,.14);--primary: #00A3E0;--primary-hover: #33B8E8;--primary-rgb: 0, 163, 224;--danger: #FF5A4E;--danger-soft: rgba(255,90,78,.14);--danger-strong: #FF8A80;--success: #2BD97C;--success-soft: rgba(43,217,124,.14);--success-strong: #57E39B;--wa: #1EBE5D;--warn: #FFC53D;--warn-soft: rgba(255,197,61,.14);--warn-strong: #FFD470;--chart-1: #00A3E0;--chart-2: #6E8BA8;--chart-3: #3E4C5A;--chart-4: #8FA3B8;--r-sm: 2px;--r-md: 2px;--r-lg: 3px;--shadow: none;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-display: "Barlow Condensed", "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--tab-h: 64px;--sidebar-w: 216px;--surface-2: #0F1012;--surface-3: #141518;--head-bg: #1C1E22;--on-accent: #04121A;--accent-soft: rgba(0,163,224,.16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100%;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:30;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:calc(14px + env(safe-area-inset-top)) 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar__mark{display:flex;align-items:center;gap:10px;min-width:0}.topbar__logo{height:22px;width:auto;display:block;flex:none;filter:invert(1)}.topbar__user-wrap{position:relative;flex:0 1 auto;min-width:0}.topbar__user{display:flex;align-items:center;gap:10px;background:none;border:0;padding:4px;cursor:pointer;min-width:0}.topbar__user-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}.topbar__avatar{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(0,163,224,.5);color:var(--primary);font-family:var(--font-mono);font-weight:700;font-size:11px}.topbar__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:148px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:6px;box-shadow:0 12px 28px #00000073}.topbar__menu-item{display:block;width:100%;background:none;border:0;border-radius:var(--r-sm);padding:10px 12px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--danger-strong);text-align:left;cursor:pointer}.topbar__menu-item:hover{background:var(--danger-soft)}.topbar__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:none;border:0;cursor:default}.screen{padding:16px}.screen__title{font-family:var(--font-display);font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.92;margin:4px 0 14px}.screen__sub{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:-10px 0 24px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 9px;display:flex;align-items:center;gap:8px}.eyebrow__count{background:var(--surface-3);color:var(--ink);border-radius:999px;padding:1px 7px;font-size:10px}.eyebrow:first-child{margin-top:0}.eyebrow--rule{gap:8px}.eyebrow__rule{flex:1 1 auto;height:1px;background:var(--line)}.eyebrow__figure{font-weight:700;font-size:12px;letter-spacing:0}.eyebrow__figure--brand{color:var(--brand)}.eyebrow__figure--warn{color:var(--warn)}.home-head{margin-bottom:6px}.home-head__date{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.home-head__row{display:flex;align-items:baseline;gap:14px;margin-top:4px}.home-head__count{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:.85}.home-head__label{font-family:var(--font-display);font-size:23px;font-weight:700;text-transform:uppercase;line-height:1;color:var(--ink-2)}.home-head__bar{display:flex;gap:3px;height:4px;margin-top:16px;border-radius:2px;overflow:hidden}.home-head__seg--brand{background:var(--brand)}.home-head__seg--warn{background:var(--warn)}.home-head__seg--neutral{background:#ffffff29}.home-head__legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.home-head__legend-item{display:flex;align-items:center;gap:6px}.home-head__dot{width:7px;height:7px;border-radius:2px;flex:0 0 auto}.home-head__dot--brand{background:var(--brand)}.home-head__dot--warn{background:var(--warn)}.home-head__dot--neutral{background:#fff6}.search__wrap{position:relative;display:block;margin-bottom:12px}.search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;display:block}.search__field{width:100%;padding:12px 14px 12px 40px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);font-size:16px}.search__field:focus{border-color:var(--primary);outline:none}.search__field::placeholder{color:var(--ink-3)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:13px 14px;margin-bottom:10px;display:block;width:100%;text-align:left;cursor:pointer;position:relative}.card__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:6px 10px}.card__name{font-weight:600;font-size:15.5px;margin:9px 0 1px}.card__meta{color:var(--ink-2);font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.card__sep{color:var(--line)}.card__pic{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:7px}.card--spine{display:flex;padding:0;overflow:hidden}.card__spine{flex:0 0 3px;align-self:stretch;background:#ffffff2e}.card--spine[data-tone=brand] .card__spine{background:var(--brand)}.card--spine[data-tone=warn] .card__spine{background:var(--warn)}.card--spine[data-tone=success] .card__spine{background:var(--success)}.card__body{flex:1 1 auto;min-width:0;padding:13px 14px}.card__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.card__row .card__name{margin:0;font-size:16px}.card__figure{flex:0 0 auto;font-family:var(--font-mono);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:#ffffff80}.card--spine[data-tone=brand] .card__figure{color:var(--brand)}.card--spine[data-tone=warn] .card__figure{color:var(--warn)}.card--spine[data-tone=success] .card__figure{color:var(--success)}.card__unit{margin-top:6px;font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-3)}.card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.card__progress-stack{flex:1 1 auto;min-width:0}.card__progress{display:flex;gap:3px;margin-bottom:7px}.card__seg{flex:1 1 0;height:3px;border-radius:2px;background:#ffffff24}.card__seg--on{background:var(--primary)}.card__seg--done{background:var(--success)}.card__status{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__followup{display:flex;align-items:center;gap:7px;min-width:0}.dots{display:flex;gap:3px;flex:0 0 auto}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff29}.dot--on{background:var(--primary)}.card__followup-label{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel{display:flex;height:30px;border-radius:var(--r-md);overflow:hidden}.funnel__seg{border:0;cursor:pointer;min-width:78px;padding:0 4px;font-family:var(--font-mono);font-weight:500;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:opacity .12s ease}.funnel__seg:hover{opacity:.85}.funnel__seg--aktif{background:var(--primary);color:var(--on-accent)}.funnel__seg--deal{background:#2bd97cd9;color:var(--on-accent)}.funnel__seg--batal{background:#ffffff24;color:var(--ink-2)}.funnel__seg--on{font-weight:700}.funnel__note{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:8px 0 20px}.pill{display:inline-block;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-sm);white-space:nowrap}.pill--late{background:var(--danger-soft);color:var(--danger-strong)}.pill--soon{background:var(--warn-soft);color:var(--warn-strong)}.pill--quiet{background:var(--line-soft);color:var(--ink-3)}.pill--success{background:var(--success-soft);color:var(--success-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border-radius:var(--r-md);border:1px solid transparent;font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-decoration:none;min-height:44px}.btn--primary{background:var(--primary);color:var(--on-accent)}.btn--primary:disabled{background:#ffffff1a;color:var(--ink-3);cursor:default}.btn--wa{background:var(--wa);color:var(--on-accent)}.btn--danger{background:var(--brand);color:var(--on-accent)}.btn--danger:disabled{background:#ffffff1a;color:var(--ink-3);cursor:default}.btn--ghost{background:var(--card);border-color:var(--line);color:var(--ink)}.btn--danger-outline{background:none;border-color:var(--brand);color:var(--danger-strong)}.btn--block{width:100%}.btn--arrow{justify-content:space-between}.btn-row{display:flex;gap:9px;margin-top:14px}.btn-row>*{flex:1}.btn--icon{flex:0 0 46px;width:46px;height:46px;padding:0}.pill-tabs{display:flex;gap:7px;overflow-x:auto;margin:14px 0 4px;padding-bottom:4px}.pill-tabs .btn{flex:0 0 auto;min-height:36px;padding:7px 13px;font-size:13px}.pill-tabs--filter{margin-top:18px}.btn--tint{background:var(--line-soft);color:var(--ink);border-color:var(--line)}.subtabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:14px 0 0}.subtabs__tab{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;padding:0 1px 11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700;color:var(--ink-3)}.subtabs__tab:hover{color:var(--ink)}.subtabs__tab--on{color:var(--ink);border-bottom-color:var(--primary)}.screen__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.screen__head .screen__title{margin-bottom:0}.screen__head{margin-bottom:18px}.screen__head--figure{align-items:flex-end}.screen__count{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-bottom:6px;white-space:nowrap}.btn--add{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0}.wa-mini{flex:0 0 auto;width:42px;height:42px;border-radius:var(--r-md);background:var(--wa);color:var(--on-accent);border:0;display:grid;place-items:center;cursor:pointer}.field{margin-bottom:14px}.field__label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}.field__input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-3);font-size:16px}.field__input:focus{border-color:var(--primary);outline:none}.field__input:disabled{border-style:dashed;border-color:#ffffff40;background:transparent;color:var(--ink-2);cursor:default}.field__input-wrap{position:relative}.field__input-wrap .field__input{padding-right:78px}.field__lock-badge{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);pointer-events:none}.field__input--matched{border-color:var(--primary)}.field__hint--matched{color:var(--success-strong)}.field__hint{font-size:12px;color:var(--ink-3);margin-top:5px}textarea.field__input{min-height:84px;resize:vertical}.check{display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:0 0 auto;margin:0;border:1px solid rgba(255,255,255,.25);border-radius:3px;background:none;cursor:pointer;position:relative}.check input:checked{background:var(--primary);border-color:var(--primary)}.check input:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.check input:disabled,.check:has(input:disabled){cursor:default;opacity:.6}.form-section{display:flex;align-items:baseline;gap:8px;margin:26px 0 14px}.form-section:first-child{margin-top:4px}.form-section__num{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--primary)}.form-section__label{font-family:var(--font-mono);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.form-section__rule{flex:1 1 auto;height:1px;background:var(--line)}.form-footer{position:fixed;left:0;right:0;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));z-index:30;background:var(--surface-2);border-top:1px solid var(--line);padding:12px 16px}.form-footer__inner{max-width:620px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.form-footer__req{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}@media (min-width: 900px){.form-footer{left:var(--sidebar-w);bottom:0}}.screen--form{padding-bottom:92px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:none;color:var(--ink-2);font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:44px}.chip--on{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.note-accent{border-left:3px solid var(--primary);background:var(--accent-soft);border-radius:var(--r-md);padding:12px 14px;font-size:13.5px;color:var(--ink-2);margin:14px 0}.note-accent b{color:var(--ink)}.file-picker{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-3);padding:6px}.file-picker__label{flex:0 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-family:var(--font-mono);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.file-picker__label:hover{border-color:var(--primary);color:var(--primary)}.file-picker__name{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker__name--empty{color:var(--ink-3)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}.result-tile{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--r-lg);padding:14px}.result-tile--ok{border-left-color:var(--success)}.result-tile--fail{border-left-color:var(--brand)}.result-tile__value{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1;color:var(--ink)}.result-tile--ok .result-tile__value{color:var(--success-strong)}.result-tile--fail .result-tile__value{color:var(--danger-strong)}.result-tile__label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-top:4px}.detail__head{background:linear-gradient(180deg,#131417,#0a0a0b);border-bottom:1px solid var(--line);padding:18px 16px}.detail__name{font-family:var(--font-display);font-size:44px;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;margin:12px 0 2px;line-height:.92}.detail__motor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ink-2);font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.02em}.detail__motor-sep{display:flex;align-items:center}.detail__motor-sep:before{content:"/";margin-right:8px;color:var(--line)}.detail__swatch{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;border:1px solid rgba(255,255,255,.25)}.stepper{margin:14px 0}.stepper__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:8px}.stepper__stuck{color:var(--danger-strong);font-weight:700}.stepper__bars{display:flex;gap:4px}.stepper__bar{flex:1 1 0;height:6px;border-radius:3px;background:#ffffff24}.stepper__bar--done{background:var(--primary)}.stepper__bar--current{background:var(--primary);box-shadow:0 0 0 2px #00a3e059}.stepper__ends{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-3);margin-top:6px}.now-card{margin:14px 0;padding:14px 16px;border-left:3px solid var(--primary);background:var(--surface-3);border-radius:var(--r-md)}.now-card__eyebrow{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.now-card__label{font-weight:700;font-size:16px;margin-top:4px}.now-card__meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}.stat-tile__label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.stat-tile__value{font-family:var(--font-display);font-size:28px;font-weight:700;text-transform:uppercase;line-height:1;margin-top:6px;color:var(--ink)}.stat-tile__value--late{color:var(--danger-strong)}.stat-tile__value--soon{color:var(--warn-strong)}.stat-tile__sub{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:6px}.stat-row{padding:14px 0;border-bottom:1px solid var(--line-soft)}.stat-row__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.stat-row__label{font-size:14px;font-weight:600;color:var(--ink)}.stat-row__value{font-family:var(--font-mono);font-size:13px;color:var(--ink-2)}.stat-row__track{height:8px;border-radius:3px;background:#ffffff12;overflow:hidden}.stat-row__bar{height:100%;background:#ffffff4d;border-radius:3px}.stat-row__bar--stuck{background:var(--brand)}.stat-row__bar--final{background:var(--success)}.segbar{display:flex;height:100%;width:100%;border-radius:3px;overflow:hidden}.segbar__seg{height:100%;border:0;padding:0;cursor:pointer;transition:opacity .12s ease}.segbar__seg:hover{opacity:.85}.segbar__seg--on{opacity:1;position:relative}.segbar__seg--on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--primary)}.segbar__seg--stuck{background:var(--brand)}.segbar__seg--ok{background:#ffffff4d}.segbar__seg--aktif{background:var(--ink-2)}.segbar__seg--deal{background:var(--wa)}.segbar__seg--batal{background:var(--line)}.segbar--lg{height:28px;border-radius:var(--r-sm);margin-top:4px}.segbar__legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:12px;color:var(--ink-2)}.segbar__legend span{display:inline-flex;align-items:center;gap:6px}.segbar__swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.journey{margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.journey__total{font-family:var(--font-display);font-size:44px;font-weight:700;color:var(--ink);line-height:.9}.journey__total-unit{font-family:var(--font-mono);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-left:4px}.journey__sub{font-size:12px;color:var(--ink-3);margin:2px 0 14px}.journey__bar{display:flex;height:38px;border-radius:var(--r-sm);overflow:hidden}.journey__seg{height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink);min-width:0;border:0;padding:0;cursor:pointer}.journey__seg:focus-visible{outline-offset:-2px}.journey__seg--on{position:relative}.journey__seg--on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--primary)}.journey__seg--slowest{color:var(--on-accent)}.journey__labels{display:flex;justify-content:space-between;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;color:var(--ink-3);margin-top:5px}.journey__note{font-size:12.5px;color:var(--ink-2);margin-top:10px}.journey__note b{color:var(--danger);font-weight:700}.mix-grid{display:contents}.mix-grid>div+div{margin-top:22px}.mix-grid>div:first-child{margin-top:22px}@media (min-width: 900px){.mix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;align-items:start;margin-top:22px}.mix-grid>div+div{margin-top:0}.mix-grid>div:first-child{margin-top:0}}.donut-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.donut-ring{position:relative;flex:none}.donut-ring svg{display:block}.donut-ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--ink);pointer-events:none}.donut__legend{flex:1;min-width:120px;flex-direction:column;gap:6px}.donut__legend .segbar__seg--legend{border-radius:4px;padding:2px 4px;margin:-2px -4px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.02em}.donut__legend .segbar__swatch{box-shadow:inset 0 0 0 1px var(--line)}.stat-row__count{font-size:11.5px;color:var(--ink-3);margin-top:5px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:start}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:13px 14px}.kpi__label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.kpi__value{font-family:var(--font-display);font-size:38px;font-weight:700;line-height:1.05;margin-top:4px;min-height:2.3em}.kpi__hint{font-size:11.5px;color:var(--ink-3);margin-top:2px}.kpi__delta{display:block;margin-top:7px;font-size:11.5px;line-height:1.4;min-height:2.8em;color:var(--ink-3)}.kpi__delta--up{color:var(--success-strong)}.kpi__delta--down{color:var(--danger-strong)}.lb{--lb-cols: minmax(132px, 1.5fr) repeat(6, minmax(68px, 1fr));min-width:558px}.lb-scroll{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}.lb__head,.lb__row .drill__head{display:grid;grid-template-columns:var(--lb-cols);align-items:center;padding-right:18px}.lb__head{border-bottom:1px solid var(--line);background:var(--head-bg)}.lb__row+.lb__row{border-top:1px solid var(--line-soft)}.lb__row .drill__head:hover{background:var(--surface)}.lb__cell{padding:9px 10px;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb__cell--name{font-weight:600;color:var(--ink);position:sticky;left:0;background:var(--card)}.lb__head .lb__cell--name{background:var(--head-bg);font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.lb__cell--num{text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--ink)}.lb__sort{background:none;border:0;font-family:var(--font-mono);font-weight:700;cursor:pointer;text-align:right;color:var(--ink-3);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:flex-end;align-items:center;gap:3px}.lb__sort:hover{color:var(--ink)}.lb__sort--on{color:var(--primary)}.lb__arrow{font-size:9px}.lb .drill__body{padding:0 12px 12px;margin-top:0}.trend{display:flex;align-items:flex-end;gap:4px;height:150px;margin-top:4px}.trend__col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.trend__count{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);height:13px}.trend__bar{width:100%;min-height:2px;background:#ffffff29;border-radius:3px 3px 0 0}.trend__label{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);margin-top:5px}.trend__col{background:none;border:0;padding:0;cursor:pointer;font:inherit}.trend__col:disabled{cursor:default}.trend__bar--on,.trend__col--current .trend__bar{background:var(--primary)}.trend__col--current .trend__count,.trend__col--current .trend__label{color:var(--primary)}.drill__head{display:block;width:100%;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;position:relative}.drill__head--flat{cursor:default;opacity:.65}.drill__chev{position:absolute;top:0;right:0;font-size:17px;line-height:1;color:var(--ink-3);transform:rotate(90deg);transition:transform .12s ease}.drill__chev--open{transform:rotate(-90deg)}.drill__body{margin-top:10px;padding-top:8px;border-top:1px solid var(--line-soft)}.drill__body--loose{margin-bottom:14px}.stat-row .drill__head{padding-right:20px}.kpi .drill__head{padding-right:18px}.rec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.rec:last-child{border-bottom:0}.rec--empty{color:var(--ink-3);justify-content:flex-start}.rec__main{min-width:0}.rec__title{font-weight:600}.rec__meta{color:var(--ink-3);font-size:11.5px;margin-top:1px}.rec__right{flex:0 0 auto;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);text-align:right}.rec__group{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:10px 0 3px}.rec__group:first-child{margin-top:0}.index{border-top:1px solid var(--line);margin-top:10px}.index-row{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.index-row__num{flex:0 0 22px;font-family:var(--font-mono);font-weight:500;font-size:11px;color:var(--primary)}.index-row__body{flex:1 1 auto;min-width:0;display:block}.index-row__title{display:block;font-family:var(--font-display);font-size:23px;font-weight:700;text-transform:uppercase;line-height:1.1}.index-row__desc{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}.index-row__chev{flex:0 0 auto;display:flex;color:#ffffff59}.spec{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:14px}.spec__k{color:var(--ink-3)}.spec__v{font-family:var(--font-mono);font-size:13px;text-align:right}.log{padding:11px 0;border-bottom:1px solid var(--line-soft)}.log__head{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.log__note{font-size:14px;margin-top:4px}.timeline{margin-top:4px}.timeline__item{display:flex;gap:12px}.timeline__rail{display:flex;flex-direction:column;align-items:center;width:7px;flex:0 0 auto}.timeline__dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:0 0 auto;margin-top:4px}.timeline__item--newest .timeline__dot{background:var(--primary)}.timeline__line{flex:1;width:1px;background:var(--line);margin:4px 0;min-height:16px}.timeline__body{padding-bottom:16px;flex:1 1 auto;min-width:0}.timeline__head{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.timeline__note{font-size:14px;margin-top:4px}.timeline__add{display:block;width:100%;margin-top:4px;padding:12px;border:1px dashed rgba(255,255,255,.25);border-radius:var(--r-md);background:none;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:center}.timeline__add:hover{border-color:var(--primary);color:var(--primary)}.metode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:4px}.metode-grid .btn{min-height:46px;font-size:13.5px}.backlink{background:none;border:0;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:0;cursor:pointer;font-weight:700}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-2);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.tabbar--4{grid-template-columns:repeat(4,1fr)}.tabbar--5{grid-template-columns:repeat(5,1fr)}.tabbar--6{grid-template-columns:repeat(6,1fr)}.tab{background:none;border:0;cursor:pointer;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink-3);font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;position:relative}.tab--on{color:var(--primary)}.tab--on:before{content:"";position:absolute;top:0;left:0;right:0;width:auto;height:2px;background:var(--primary)}.empty{text-align:center;padding:44px 22px;color:var(--ink-3)}.empty__title{font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.banner{background:var(--danger-soft);border:1px solid rgba(255,90,78,.35);color:var(--danger-strong);border-radius:var(--r-md);padding:11px 13px;font-size:13.5px;margin-bottom:14px}.toast{position:fixed;left:16px;right:16px;bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom));z-index:60;padding:13px 15px;border-radius:var(--r-md);color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 26px #16181d47;animation:rise .18s ease-out}.toast--ok{background:var(--success);color:var(--on-accent)}.toast--fail{background:var(--danger);color:var(--on-accent)}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.login{min-height:100%;display:flex;flex-direction:column;padding:28px 24px;background:var(--surface)}.login__logo{height:22px;width:auto;flex:none;align-self:flex-start;filter:invert(1)}.login__body{margin-top:auto;max-width:380px}.login__eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.login__headline{font-family:var(--font-display);font-size:58px;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.92;margin:0 0 36px}.login__field{margin-bottom:26px}.login__field-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.login__input{display:block;width:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.22);color:var(--ink);font-family:var(--font-body);font-size:18px;padding:6px 0 10px}.login__input:focus{outline:none;border-bottom-color:var(--primary)}.login__submit{width:100%;min-height:54px;margin-top:8px;background:var(--primary);color:var(--on-accent);border:0;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.login__submit:disabled{background:#ffffff1a;color:var(--ink-3);cursor:default}.login__footer{margin-top:48px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);line-height:1.7}.login__sub{color:var(--ink-3);font-size:13.5px;margin-bottom:20px}@media (min-width: 720px) and (max-width: 899px){.app{max-width:620px;margin:0 auto;background:var(--surface);border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh}.tabbar{max-width:620px;left:50%;right:auto;transform:translate(-50%)}.toast{max-width:588px;left:50%;right:auto;transform:translate(-50%)}}@media (min-width: 900px){.app{padding-bottom:0;padding-left:var(--sidebar-w);min-height:100vh}.tabbar{top:0;bottom:0;right:auto;width:var(--sidebar-w);height:auto;padding-top:14px;padding-bottom:0;display:flex;flex-direction:column;gap:2px;border-top:0;border-right:0}.tab{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 18px;font-size:11px}.tab--on{background:#ffffff14}.tab--on:before{top:0;bottom:0;left:0;right:auto;width:2px;height:auto}.screen{max-width:620px;padding:24px 26px}.screen--wide{max-width:1040px}.detail__head{padding:22px 26px}.screen--list{max-width:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start}.screen--list>.screen__title,.screen--list>.screen__head,.screen--list>.pill-tabs,.screen--list>.btn-row,.screen--list>.funnel,.screen--list>.funnel__note,.screen--list>.home-head,.screen--list>.search__wrap,.screen--list>.eyebrow,.screen--list>.empty{grid-column:1 / -1}.screen--list>.card{margin-bottom:0}.screen--list>.eyebrow{margin-top:10px}.toast{left:calc(var(--sidebar-w) + 20px);right:auto;bottom:20px;max-width:420px}}@media (hover: hover){.card:hover,.btn--ghost:hover{border-color:var(--ink-3)}.tab:hover,.backlink:hover{color:var(--ink)}}