:root{--po-indigo-50:#f4f3fd;--po-indigo-100:#e9e8fa;--po-indigo-200:#d3d2f8;--po-indigo-300:#b9b7f1;--po-indigo-400:#7b79e3;--po-indigo-500:#5856cb;--po-indigo-600:#3b3aa8;--po-indigo-650:#33329a;--po-indigo-700:#2a2980;--po-indigo-800:#201f63;--po-indigo-900:#16154a;--po-marigold-50:#fef7e9;--po-marigold-100:#fce3b4;--po-marigold-200:#fad285;--po-marigold-300:#f8b842;--po-marigold-400:#f5a524;--po-marigold-500:#e08c0b;--po-marigold-600:#b36c03;--po-marigold-700:#8a5300;--po-marigold-800:#633b02;--po-marigold-900:#3f2601;--po-sand-0:#fff;--po-sand-50:#f6f5f1;--po-sand-100:#eeece6;--po-sand-200:#e2dfd7;--po-sand-300:#cdc9bf;--po-sand-400:#a8a49c;--po-sand-500:#74717c;--po-sand-600:#5a596e;--po-sand-700:#403f55;--po-sand-800:#2b2a42;--po-sand-900:#1c1b33;--po-sand-950:#17162b;--po-night-900:#17162b;--po-night-800:#201f3b;--po-night-700:#2a2849;--po-night-600:#37355c;--po-night-500:#4a4873;--po-green-100:#e2f3e8;--po-green-300:#8fcfa6;--po-green-500:#237f4b;--po-green-700:#1d6340;--po-orange-100:#fde9dc;--po-orange-300:#f3a779;--po-orange-500:#c4541a;--po-orange-700:#963c0e;--po-crimson-100:#fbe4e7;--po-crimson-300:#ee9aa6;--po-crimson-500:#c42b45;--po-crimson-700:#991f35;--po-teal-100:#ddf1f5;--po-teal-300:#86c9d8;--po-teal-500:#0b7a93;--po-teal-700:#095a6d;--po-chart-1:#3b3aa8;--po-chart-2:#f5a524;--po-chart-3:#56b4e9;--po-chart-4:#0f8a6a;--po-chart-5:#d55e00;--po-chart-6:#cc79a7;--po-chart-7:#7b79e3;--po-chart-8:#5a596e}
:root{--po-color-bg:var(--po-sand-50);--po-color-surface:var(--po-sand-0);--po-color-surface-raised:var(--po-sand-0);--po-color-surface-sunken:var(--po-sand-100);--po-color-surface-hover:var(--po-sand-50);--po-color-surface-pressed:var(--po-sand-100);--po-color-surface-selected:var(--po-indigo-100);--po-color-surface-tint:var(--po-indigo-50);--po-color-surface-inverse:var(--po-sand-900);--po-color-text:var(--po-sand-900);--po-color-text-muted:var(--po-sand-600);--po-color-text-subtle:var(--po-sand-500);--po-color-text-heading:var(--po-indigo-700);--po-color-text-inverse:var(--po-sand-50);--po-color-text-disabled:var(--po-sand-400);--po-color-text-link:var(--po-indigo-600);--po-color-text-link-hover:var(--po-indigo-700);--po-color-border:var(--po-sand-200);--po-color-border-strong:var(--po-sand-300);--po-color-border-hover:var(--po-sand-400);--po-color-border-selected:var(--po-indigo-300);--po-color-primary:var(--po-indigo-600);--po-color-primary-hover:var(--po-indigo-650);--po-color-primary-pressed:var(--po-indigo-700);--po-color-primary-light:var(--po-indigo-400);--po-color-primary-tint:var(--po-indigo-100);--po-color-primary-tint-hover:var(--po-indigo-50);--po-color-primary-tint-strong:var(--po-indigo-200);--po-color-on-primary:#fff;--po-color-accent:var(--po-marigold-400);--po-color-accent-tint:var(--po-marigold-100);--po-color-accent-ink:var(--po-marigold-700);--po-color-focus-ring:var(--po-indigo-600);--po-color-focus-ring-inverse:var(--po-indigo-300);--po-color-scrim:#17162b7a;--po-color-disabled-bg:var(--po-sand-100);--po-color-pwa-theme:#f6f5f1;--po-color-pwa-splash:#3b3aa8;--po-color-success:var(--po-green-500);--po-color-success-tint:var(--po-green-100);--po-color-success-ink:var(--po-green-700);--po-color-success-border:var(--po-green-300);--po-color-warning:var(--po-orange-500);--po-color-warning-tint:var(--po-orange-100);--po-color-warning-ink:var(--po-orange-700);--po-color-warning-border:var(--po-orange-300);--po-color-danger:var(--po-crimson-500);--po-color-danger-hover:var(--po-crimson-700);--po-color-danger-tint:var(--po-crimson-100);--po-color-danger-ink:var(--po-crimson-700);--po-color-danger-border:var(--po-crimson-300);--po-color-info:var(--po-teal-500);--po-color-info-tint:var(--po-teal-100);--po-color-info-ink:var(--po-teal-700);--po-color-info-border:var(--po-teal-300)}[data-po-theme=night]{--po-color-bg:var(--po-night-900);--po-color-surface:var(--po-night-800);--po-color-surface-raised:var(--po-night-700);--po-color-surface-sunken:#121124;--po-color-surface-hover:var(--po-night-700);--po-color-surface-pressed:var(--po-night-600);--po-color-surface-selected:#2e2c66;--po-color-surface-tint:#232150;--po-color-surface-inverse:var(--po-sand-50);--po-color-text:var(--po-sand-50);--po-color-text-muted:#bdbbd3;--po-color-text-subtle:#9896b4;--po-color-text-heading:#fff;--po-color-text-inverse:var(--po-sand-900);--po-color-text-disabled:#6b6990;--po-color-text-link:var(--po-indigo-300);--po-color-text-link-hover:var(--po-indigo-200);--po-color-border:var(--po-night-600);--po-color-border-strong:var(--po-night-500);--po-color-border-hover:#5e5c8a;--po-color-border-selected:var(--po-indigo-400);--po-color-primary:var(--po-indigo-300);--po-color-primary-hover:var(--po-indigo-200);--po-color-primary-pressed:var(--po-indigo-100);--po-color-primary-light:var(--po-indigo-400);--po-color-primary-tint:#2e2c66;--po-color-primary-tint-hover:#262457;--po-color-primary-tint-strong:#3a3880;--po-color-on-primary:var(--po-night-900);--po-color-accent:var(--po-marigold-400);--po-color-accent-tint:#3a2d17;--po-color-accent-ink:var(--po-marigold-200);--po-color-focus-ring:var(--po-indigo-300);--po-color-focus-ring-inverse:var(--po-indigo-600);--po-color-scrim:#080814a3;--po-color-disabled-bg:var(--po-night-700);--po-color-pwa-theme:#17162b;--po-color-success:#5cc488;--po-color-success-tint:#173a2a;--po-color-success-ink:#a6e3bf;--po-color-success-border:#2c6a49;--po-color-warning:#f08a55;--po-color-warning-tint:#3d2416;--po-color-warning-ink:#f8c3a3;--po-color-warning-border:#7a4325;--po-color-danger:#f07386;--po-color-danger-hover:#f59aa8;--po-color-danger-tint:#3d1a22;--po-color-danger-ink:#f8b6c0;--po-color-danger-border:#7d3241;--po-color-info:#4fb8cf;--po-color-info-tint:#12333c;--po-color-info-ink:#a5dce8;--po-color-info-border:#24606e;color:var(--po-color-text)}
:root{--po-font-display:"Nunito",ui-rounded,"Segoe UI",system-ui,sans-serif;--po-font-ui:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--po-font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--po-weight-regular:400;--po-weight-medium:500;--po-weight-semibold:600;--po-weight-bold:700;--po-weight-extrabold:800;--po-tracking-wordmark:.025em;--po-tracking-display:-.01em;--po-tracking-tight:-.02em;--po-tracking-caps:.06em;--po-type-ratio:1.25;--po-scale-compact--1:12px;--po-scale-compact-0:14px;--po-scale-compact-1:18px;--po-scale-compact-2:22px;--po-scale-compact-3:27px;--po-scale-compact-4:34px;--po-scale-compact-5:43px;--po-scale-comfortable--1:13px;--po-scale-comfortable-0:16px;--po-scale-comfortable-1:20px;--po-scale-comfortable-2:25px;--po-scale-comfortable-3:31px;--po-scale-comfortable-4:39px;--po-scale-comfortable-5:49px;--po-scale-expressive--1:14px;--po-scale-expressive-0:18px;--po-scale-expressive-1:23px;--po-scale-expressive-2:28px;--po-scale-expressive-3:35px;--po-scale-expressive-4:44px;--po-scale-expressive-5:55px;--po-scale-expressive-6:69px;--po-scale-expressive-7:86px;--po-scale-expressive-8:107px;--po-fs-caption:var(--po-scale-compact--1);--po-fs-sm:13px;--po-fs-body:var(--po-scale-compact-0);--po-fs-ui:var(--po-scale-compact-0);--po-fs-lead:var(--po-scale-compact-1);--po-fs-h4:var(--po-scale-compact-1);--po-fs-h3:var(--po-scale-compact-2);--po-fs-h2:var(--po-scale-compact-3);--po-fs-h1:var(--po-scale-compact-4);--po-fs-display:var(--po-scale-compact-5);--po-fs-number:var(--po-scale-compact-4);--po-lh-tight:1.15;--po-lh-snug:1.3;--po-lh-body:1.5;--po-lh-relaxed:1.6}[data-po-scale=comfortable]{--po-fs-caption:var(--po-scale-comfortable--1);--po-fs-sm:14px;--po-fs-body:var(--po-scale-comfortable-0);--po-fs-ui:var(--po-scale-comfortable-0);--po-fs-lead:var(--po-scale-comfortable-1);--po-fs-h4:var(--po-scale-comfortable-1);--po-fs-h3:var(--po-scale-comfortable-2);--po-fs-h2:var(--po-scale-comfortable-3);--po-fs-h1:var(--po-scale-comfortable-4);--po-fs-display:var(--po-scale-comfortable-5);--po-fs-number:var(--po-scale-comfortable-4)}[data-po-scale=expressive]{--po-fs-caption:var(--po-scale-expressive--1);--po-fs-sm:16px;--po-fs-body:var(--po-scale-expressive-0);--po-fs-ui:16px;--po-fs-lead:var(--po-scale-expressive-1);--po-fs-h4:var(--po-scale-expressive-2);--po-fs-h3:var(--po-scale-expressive-3);--po-fs-h2:var(--po-scale-expressive-5);--po-fs-h1:var(--po-scale-expressive-6);--po-fs-display:var(--po-scale-expressive-8);--po-fs-number:var(--po-scale-expressive-7)}
:root{--po-space-0:0;--po-space-0-5:2px;--po-space-1:4px;--po-space-2:8px;--po-space-3:12px;--po-space-4:16px;--po-space-5:20px;--po-space-6:24px;--po-space-8:32px;--po-space-10:40px;--po-space-12:48px;--po-space-16:64px;--po-space-20:80px;--po-space-24:96px;--po-space-32:128px;--po-tile-ratio:.37;--po-radius-xs:6px;--po-radius-sm:8px;--po-radius-md:12px;--po-radius-lg:16px;--po-radius-xl:24px;--po-radius-2xl:32px;--po-radius-pill:999px;--po-radius-check:var(--po-radius-xs);--po-radius-badge:var(--po-radius-xs);--po-radius-tooltip:var(--po-radius-sm);--po-radius-toast:var(--po-radius-md);--po-radius-alert:var(--po-radius-md);--po-radius-card:var(--po-radius-lg);--po-radius-modal:var(--po-radius-xl);--po-radius-sheet:var(--po-radius-xl);--po-radius-chip:var(--po-radius-pill);--po-control-h:32px;--po-control-h-sm:28px;--po-control-h-lg:40px;--po-control-px:12px;--po-radius-control:var(--po-radius-sm);--po-radius-icon-btn:12px;--po-row-h:40px;--po-cell-px:12px;--po-pad-card:var(--po-space-4);--po-gap:var(--po-space-3);--po-section-gap:var(--po-space-6);--po-tap-min:32px;--po-safe-top:env(safe-area-inset-top,0px);--po-safe-bottom:env(safe-area-inset-bottom,0px);--po-safe-left:env(safe-area-inset-left,0px);--po-safe-right:env(safe-area-inset-right,0px);--po-mobile-frame:390px;--po-mobile-gutter:16px;--po-tap-target:44px;--po-appbar-h:56px;--po-tabbar-h:64px;--po-cta-h:76px}[data-po-safe-preview=iphone]{--po-safe-top:47px;--po-safe-bottom:34px}[data-po-density=comfortable]{--po-control-h:44px;--po-control-h-sm:36px;--po-control-h-lg:52px;--po-control-px:16px;--po-radius-control:var(--po-radius-md);--po-radius-icon-btn:16px;--po-row-h:56px;--po-cell-px:16px;--po-pad-card:var(--po-space-4);--po-gap:var(--po-space-4);--po-section-gap:var(--po-space-8);--po-tap-min:44px}[data-po-density=spacious]{--po-control-h:48px;--po-control-h-sm:40px;--po-control-h-lg:56px;--po-control-px:24px;--po-radius-control:var(--po-radius-md);--po-radius-icon-btn:18px;--po-row-h:64px;--po-cell-px:20px;--po-pad-card:var(--po-space-8);--po-gap:var(--po-space-6);--po-section-gap:var(--po-space-20);--po-tap-min:44px}
:root{--po-shadow-0:none;--po-shadow-1:0 1px 2px #2a29800f,0 1px 1px #1c1b330a;--po-shadow-2:0 6px 16px -4px #2a29801f,0 2px 4px #1c1b330a;--po-shadow-3:0 18px 40px -12px #2a298038,0 4px 10px #1c1b330f;--po-shadow-card:var(--po-shadow-1);--po-shadow-popover:var(--po-shadow-2);--po-shadow-overlay:var(--po-shadow-3);--po-focus-width:2px;--po-focus-offset:2px;--po-focus-ring:0 0 0 2px var(--po-color-surface),0 0 0 4px var(--po-color-focus-ring);--po-duration-instant:80ms;--po-duration-fast:.12s;--po-duration-base:.18s;--po-duration-slow:.24s;--po-duration-stack:.52s;--po-ease-out:cubic-bezier(.2,.7,.2,1);--po-ease-in-out:cubic-bezier(.45,0,.25,1);--po-ease-in:cubic-bezier(.4,0,1,1);--po-ease-stack:cubic-bezier(.22,1.15,.36,1);--po-stack-distance:24px;--po-stack-stagger:70ms}@media (prefers-reduced-motion:reduce){:root{--po-duration-instant:0s;--po-duration-fast:0s;--po-duration-base:0s;--po-duration-slow:0s;--po-duration-stack:0s;--po-stack-distance:0px;--po-stack-stagger:0s}}
.po-root,body.po-root{background:var(--po-color-bg);color:var(--po-color-text);font-family:var(--po-font-ui);font-size:var(--po-fs-body);line-height:var(--po-lh-body);-webkit-font-smoothing:antialiased;margin:0}.po-root *,.po-root :before,.po-root :after{box-sizing:border-box}a.po-link,:where(.po-root) a:not(.po-btn){color:var(--po-color-text-link);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}a.po-link:hover,:where(.po-root) a:not(.po-btn):hover{color:var(--po-color-text-link-hover);text-decoration-thickness:2px}.po-num,.po-tabular{font-variant-numeric:tabular-nums}.po-display{font-family:var(--po-font-display);letter-spacing:var(--po-tracking-display);font-weight:800;line-height:var(--po-lh-tight);color:var(--po-color-text-heading);text-wrap:balance}.po-h1{font-family:var(--po-font-display);font-weight:800;font-size:var(--po-fs-h1);line-height:var(--po-lh-tight);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-h2{font-family:var(--po-font-display);font-weight:800;font-size:var(--po-fs-h2);line-height:var(--po-lh-tight);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-h3{font-family:var(--po-font-display);font-weight:800;font-size:var(--po-fs-h3);line-height:var(--po-lh-snug);color:var(--po-color-text-heading);margin:0}.po-subhead{font-family:var(--po-font-display);font-weight:700;font-size:var(--po-fs-lead);line-height:var(--po-lh-snug);color:var(--po-color-text);margin:0}.po-body{font-size:var(--po-fs-body);line-height:var(--po-lh-body);text-wrap:pretty}.po-muted{color:var(--po-color-text-muted)}.po-code{font-family:var(--po-font-mono);font-size:.92em}.po-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.po-tile{width:var(--tile,96px);height:var(--tile,96px);border-radius:calc(var(--tile,96px) * var(--po-tile-ratio));background:var(--po-color-primary-tint);flex:none;position:relative;overflow:hidden}.po-tile>img{object-fit:cover;width:100%;height:100%;display:block}.po-tile--primary{background:var(--po-indigo-600)}.po-tile--light{background:var(--po-indigo-400)}.po-tile--dark{background:var(--po-indigo-700)}.po-tile--post{background:var(--po-marigold-400)}.po-post-mark{border-radius:calc(.5em * var(--po-tile-ratio));background:var(--po-color-accent);vertical-align:.08em;width:.5em;height:.5em;display:inline-block}.po-underline-post{background:linear-gradient(var(--po-color-accent),var(--po-color-accent)) 0 92%/100% .18em no-repeat;padding-bottom:.04em}@keyframes po-stack-in{0%{opacity:0;transform:translate(calc(var(--po-stack-distance) * -1),var(--po-stack-distance))}to{opacity:1;transform:none}}.po-stack-in{animation:po-stack-in var(--po-duration-stack) var(--po-ease-stack) both;animation-delay:calc(var(--i,0) * var(--po-stack-stagger))}@keyframes po-spin{to{transform:rotate(360deg)}}.po-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1em;height:1em;animation:.7s linear infinite po-spin;display:inline-block}@media (prefers-reduced-motion:reduce){.po-spinner{animation-duration:1.6s}.po-stack-in{animation:none}}.po-icon{flex:none;font-size:1.15em;line-height:1}.po-app-icon{width:var(--s,48px);height:var(--s,48px);border-radius:calc(var(--s,48px) * var(--po-tile-ratio));background:var(--po-indigo-600);flex:none;display:inline-block;position:relative;overflow:hidden}.po-app-icon>img{height:64%;position:absolute;top:18%;left:22.5%}.po-app-icon:before{content:"";border-radius:calc(var(--s,48px) * .07);background:var(--po-marigold-400);width:19.6%;height:19.6%;position:absolute;top:31%;left:54%}.po-app-icon--night{background:var(--po-night-900)}
.po-btn{justify-content:center;align-items:center;gap:var(--po-space-2);height:var(--po-control-h);min-width:var(--po-tap-min);padding:0 var(--po-control-px);border-radius:var(--po-radius-control);font:var(--po-weight-semibold) var(--po-fs-ui)/1 var(--po-font-ui);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--po-duration-fast) var(--po-ease-out),border-color var(--po-duration-fast) var(--po-ease-out),color var(--po-duration-fast) var(--po-ease-out),transform var(--po-duration-instant) var(--po-ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.po-btn:focus-visible,.po-btn.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:var(--po-focus-offset)}.po-btn:active:not(:disabled),.po-btn.is-active{transform:translateY(1px)}.po-btn--primary{background:var(--po-color-primary);color:var(--po-color-on-primary)}.po-btn--primary:hover,.po-btn--primary.is-hover{background:var(--po-color-primary-hover)}.po-btn--primary:active,.po-btn--primary.is-active{background:var(--po-color-primary-pressed)}.po-btn--secondary{background:var(--po-color-surface);border-color:var(--po-color-border-strong);color:var(--po-color-text-heading)}.po-btn--secondary:hover,.po-btn--secondary.is-hover{background:var(--po-color-primary-tint-hover);border-color:var(--po-color-border-selected)}.po-btn--secondary:active,.po-btn--secondary.is-active{background:var(--po-color-primary-tint)}.po-btn--ghost{color:var(--po-color-primary);background:0 0}.po-btn--ghost:hover,.po-btn--ghost.is-hover{background:var(--po-color-primary-tint-hover)}.po-btn--ghost:active,.po-btn--ghost.is-active{background:var(--po-color-primary-tint)}.po-btn--danger{background:var(--po-color-danger);color:#fff}.po-btn--danger:hover,.po-btn--danger.is-hover{background:var(--po-color-danger-hover)}.po-btn--danger:active,.po-btn--danger.is-active{background:var(--po-crimson-700);filter:brightness(.9)}.po-btn--sm{height:var(--po-control-h-sm);padding:0 calc(var(--po-control-px) - 4px);font-size:var(--po-fs-sm)}.po-btn--lg{height:var(--po-control-h-lg);padding:0 calc(var(--po-control-px) + 8px)}.po-btn--block{width:100%;display:flex}.po-btn--icon{width:var(--po-control-h);border-radius:var(--po-radius-icon-btn);padding:0}.po-btn--icon.po-btn--sm{width:var(--po-control-h-sm)}.po-btn--icon .po-icon{font-size:18px}.po-btn:disabled,.po-btn.is-disabled{background:var(--po-color-disabled-bg);color:var(--po-color-text-disabled);cursor:not-allowed;border-color:#0000;transform:none}.po-btn--ghost:disabled,.po-btn--ghost.is-disabled{background:0 0}.po-btn.is-loading{cursor:progress;pointer-events:none}.po-btn.is-loading .po-spinner{width:14px;height:14px}
.po-field{flex-direction:column;gap:6px;min-width:0;display:flex}.po-label{font:var(--po-weight-semibold) var(--po-fs-sm)/1.3 var(--po-font-ui);color:var(--po-color-text)}.po-label__opt{font-weight:var(--po-weight-regular);color:var(--po-color-text-muted)}.po-hint{font-size:var(--po-fs-caption);color:var(--po-color-text-muted);line-height:1.4}.po-field__error{font-size:var(--po-fs-caption);color:var(--po-color-danger-ink);line-height:1.4;font-weight:var(--po-weight-medium);align-items:flex-start;gap:6px;display:flex}.po-control-wrap{align-items:center;display:flex;position:relative}.po-control-wrap>.po-control-icon{color:var(--po-color-text-muted);pointer-events:none;font-size:16px;position:absolute;left:10px}.po-control-wrap>.po-control-trail{color:var(--po-color-text-muted);pointer-events:none;font-size:16px;display:flex;position:absolute;right:10px}.po-control-wrap>.po-control-icon~.po-input{padding-left:34px}.po-input,.po-select,.po-textarea{width:100%;min-width:0;height:var(--po-control-h);padding:0 var(--po-space-3);border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-control);background:var(--po-color-surface-raised);color:var(--po-color-text);font:var(--po-weight-regular) var(--po-fs-ui)/1.4 var(--po-font-ui);transition:border-color var(--po-duration-fast) var(--po-ease-out),box-shadow var(--po-duration-fast) var(--po-ease-out);outline:none}.po-select{appearance:none;cursor:pointer;padding-right:34px}.po-textarea{height:auto;min-height:96px;padding:10px var(--po-space-3);line-height:var(--po-lh-body);resize:vertical}.po-input::placeholder,.po-textarea::placeholder{color:var(--po-color-text-subtle)}.po-input:hover,.po-select:hover,.po-textarea:hover,.is-hover>.po-input,.po-input.is-hover,.po-select.is-hover,.po-textarea.is-hover{border-color:var(--po-color-border-hover)}.po-input:focus-visible,.po-select:focus-visible,.po-textarea:focus-visible,.po-input.is-focus,.po-select.is-focus,.po-textarea.is-focus{border-color:var(--po-color-focus-ring);box-shadow:0 0 0 1px var(--po-color-focus-ring)}.po-input[aria-invalid=true],.po-select[aria-invalid=true],.po-textarea[aria-invalid=true],.po-input.is-error,.po-select.is-error,.po-textarea.is-error{border-color:var(--po-color-danger);box-shadow:0 0 0 1px var(--po-color-danger)}.po-input:disabled,.po-select:disabled,.po-textarea:disabled,.po-input.is-disabled,.po-select.is-disabled,.po-textarea.is-disabled{background:var(--po-color-disabled-bg);border-color:var(--po-color-border);color:var(--po-color-text-disabled);cursor:not-allowed}.po-input.is-loading{padding-right:34px}.po-choice{min-height:var(--po-tap-min);padding:calc((var(--po-tap-min) - 20px)/2) 0;cursor:pointer;font-size:var(--po-fs-ui);color:var(--po-color-text);align-items:flex-start;gap:10px;line-height:20px;display:inline-flex}.po-choice__desc{font-size:var(--po-fs-caption);color:var(--po-color-text-muted);line-height:1.4;display:block}.po-check,.po-radio,.po-switch{appearance:none;cursor:pointer;background:var(--po-color-surface-raised);border:1.5px solid var(--po-color-border-hover);transition:background-color var(--po-duration-fast) var(--po-ease-out),border-color var(--po-duration-fast) var(--po-ease-out);outline:none;flex:none;margin:1px 0 0;position:relative}.po-check{border-radius:var(--po-radius-check);width:18px;height:18px}.po-radio{border-radius:50%;width:18px;height:18px}.po-check:hover,.po-radio:hover,.po-check.is-hover,.po-radio.is-hover{border-color:var(--po-color-primary)}.po-check:checked,.po-check:indeterminate,.po-check.is-checked{background:var(--po-color-primary);border-color:var(--po-color-primary)}.po-check:checked:after,.po-check.is-checked:after{content:"";border:solid var(--po-color-on-primary);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)}.po-check:indeterminate:after{content:"";background:var(--po-color-on-primary);border-radius:1px;width:9px;height:2px;position:absolute;top:7px;left:3px}.po-radio:checked,.po-radio.is-checked{border:5.5px solid var(--po-color-primary)}.po-check:checked:hover,.po-check.is-checked.is-hover{background:var(--po-color-primary-hover)}.po-check:focus-visible,.po-radio:focus-visible,.po-switch:focus-visible,.po-check.is-focus,.po-radio.is-focus,.po-switch.is-focus{box-shadow:var(--po-focus-ring)}.po-check[aria-invalid=true],.po-radio[aria-invalid=true],.po-check.is-error,.po-radio.is-error{border-color:var(--po-color-danger)}.po-check:disabled,.po-radio:disabled,.po-switch:disabled,.po-check.is-disabled,.po-radio.is-disabled,.po-switch.is-disabled{background:var(--po-color-disabled-bg);border-color:var(--po-color-border-strong);cursor:not-allowed}.po-check:checked:disabled,.po-check.is-checked.is-disabled{background:var(--po-sand-300);border-color:var(--po-sand-300)}.po-radio:checked:disabled{border-color:var(--po-sand-300)}.po-choice.is-disabled{color:var(--po-color-text-disabled);cursor:not-allowed}.po-choice:has(:disabled){color:var(--po-color-text-disabled);cursor:not-allowed}.po-switch{border-radius:var(--po-radius-pill);background:var(--po-sand-300);border-color:#0000;width:36px;height:20px;margin-top:0}.po-switch:before{content:"";width:15px;height:15px;transition:transform var(--po-duration-base) var(--po-ease-out);background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #1c1b3333}.po-switch:hover,.po-switch.is-hover{background:var(--po-sand-400)}.po-switch:checked,.po-switch.is-checked{background:var(--po-color-primary)}.po-switch:checked:hover,.po-switch.is-checked.is-hover{background:var(--po-color-primary-hover)}.po-switch:checked:before,.po-switch.is-checked:before{transform:translate(16px)}.po-switch:disabled,.po-switch.is-disabled{background:var(--po-sand-200)}.po-switch:disabled:before{box-shadow:none;background:var(--po-sand-50)}.po-switch.is-error{box-shadow:0 0 0 2px var(--po-color-danger)}
.po-tabs{gap:var(--po-space-1);border-bottom:1px solid var(--po-color-border);scrollbar-width:none;display:flex;overflow-x:auto}.po-tab{height:calc(var(--po-control-h) + 8px);padding:0 var(--po-space-3);color:var(--po-color-text-muted);font:var(--po-weight-semibold) var(--po-fs-ui)/1 var(--po-font-ui);cursor:pointer;white-space:nowrap;border-radius:var(--po-radius-sm) var(--po-radius-sm) 0 0;transition:color var(--po-duration-fast) var(--po-ease-out),background-color var(--po-duration-fast);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex;position:relative}.po-tab:after{content:"";left:var(--po-space-2);right:var(--po-space-2);height:3px;transition:background-color var(--po-duration-base) var(--po-ease-out);background:0 0;border-radius:3px 3px 0 0;position:absolute;bottom:-1px}.po-tab:hover,.po-tab.is-hover{color:var(--po-color-text);background:var(--po-color-surface-hover)}.po-tab:active,.po-tab.is-active{background:var(--po-color-surface-pressed)}.po-tab[aria-selected=true]{color:var(--po-color-text-heading)}.po-tab[aria-selected=true]:after{background:var(--po-color-primary)}.po-tab:focus-visible,.po-tab.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:-2px}.po-tab:disabled,.po-tab.is-disabled{color:var(--po-color-text-disabled);cursor:not-allowed;background:0 0}.po-tab__count{border-radius:var(--po-radius-pill);background:var(--po-color-surface-sunken);min-width:20px;height:18px;color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:inline-flex}.po-tab[aria-selected=true] .po-tab__count{background:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.po-segmented{background:var(--po-color-surface-sunken);border-radius:calc(var(--po-radius-control) + 3px);gap:2px;padding:3px;display:inline-flex}.po-segmented__item{height:calc(var(--po-control-h) - 6px);min-width:calc(var(--po-tap-min) - 6px);padding:0 var(--po-space-3);border-radius:var(--po-radius-control);color:var(--po-color-text-muted);font:var(--po-weight-semibold) var(--po-fs-sm)/1 var(--po-font-ui);cursor:pointer;transition:background-color var(--po-duration-fast) var(--po-ease-out),color var(--po-duration-fast);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.po-segmented__item:hover,.po-segmented__item.is-hover{color:var(--po-color-text)}.po-segmented__item[aria-pressed=true],.po-segmented__item[aria-checked=true]{background:var(--po-color-surface-raised);color:var(--po-color-text-heading);box-shadow:var(--po-shadow-1)}.po-segmented__item:focus-visible,.po-segmented__item.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:0}.po-segmented__item:disabled{color:var(--po-color-text-disabled);cursor:not-allowed}.po-pagination{align-items:center;gap:var(--po-space-1);font-variant-numeric:tabular-nums;display:flex}.po-page{min-width:var(--po-control-h);height:var(--po-control-h);border-radius:var(--po-radius-control);color:var(--po-color-text);font:var(--po-weight-medium) var(--po-fs-ui)/1 var(--po-font-ui);cursor:pointer;transition:background-color var(--po-duration-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.po-page:hover,.po-page.is-hover{background:var(--po-color-primary-tint-hover)}.po-page:active{background:var(--po-color-primary-tint)}.po-page[aria-current=page]{background:var(--po-color-primary-tint);color:var(--po-color-text-heading);font-weight:var(--po-weight-bold)}.po-page:focus-visible,.po-page.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:1px}.po-page:disabled{color:var(--po-color-text-disabled);cursor:not-allowed;background:0 0}.po-page--gap{cursor:default;color:var(--po-color-text-subtle);pointer-events:none}.po-pagination__meta{color:var(--po-color-text-muted);font-size:var(--po-fs-sm);margin-right:auto}.po-breadcrumbs{font-size:var(--po-fs-sm);color:var(--po-color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.po-breadcrumbs__item{align-items:center;gap:6px;display:inline-flex}.po-breadcrumbs__link{color:var(--po-color-text-link);font-weight:var(--po-weight-medium);border-radius:4px;text-decoration:none}.po-breadcrumbs__link:hover{text-underline-offset:.18em;text-decoration:underline}.po-breadcrumbs__link:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-breadcrumbs__sep{color:var(--po-color-text-subtle);font-size:12px}.po-breadcrumbs__current{color:var(--po-color-text);font-weight:var(--po-weight-semibold)}.po-stepper{align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;display:flex}.po-step{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex;position:relative}.po-step:after{content:"";background:var(--po-color-border-strong);border-radius:2px;height:2px;position:absolute;top:13px;left:36px;right:8px}.po-step:last-child{flex:none}.po-step:last-child:after{display:none}.po-step--done:after{background:var(--po-color-primary)}.po-step__marker{width:28px;height:28px;font:var(--po-weight-bold) 13px/1 var(--po-font-ui);border:2px solid var(--po-color-border-strong);background:var(--po-color-surface-raised);color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.po-step--done .po-step__marker{background:var(--po-color-primary);border-color:var(--po-color-primary);color:var(--po-color-on-primary)}.po-step--current .po-step__marker{border-color:var(--po-color-primary);color:var(--po-color-text-heading);box-shadow:0 0 0 4px var(--po-color-primary-tint)}.po-step--error .po-step__marker{border-color:var(--po-color-danger);background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.po-step__label{font-size:var(--po-fs-sm);font-weight:var(--po-weight-semibold);color:var(--po-color-text);padding-right:12px}.po-step--upcoming .po-step__label{color:var(--po-color-text-muted);font-weight:var(--po-weight-medium)}.po-step--error .po-step__label{color:var(--po-color-danger-ink)}.po-step__meta{font-size:var(--po-fs-caption);color:var(--po-color-text-muted);margin-top:-4px}
.po-chip{height:calc(var(--po-control-h) - 4px);padding:0 var(--po-space-3);border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-chip);background:var(--po-color-surface);color:var(--po-color-text);font:var(--po-weight-medium) var(--po-fs-sm)/1 var(--po-font-ui);cursor:pointer;white-space:nowrap;transition:background-color var(--po-duration-fast) var(--po-ease-out),border-color var(--po-duration-fast);align-items:center;gap:6px;display:inline-flex}.po-chip:hover,.po-chip.is-hover{background:var(--po-color-surface-hover);border-color:var(--po-color-border-hover)}.po-chip:active,.po-chip.is-active{background:var(--po-color-surface-pressed)}.po-chip[aria-pressed=true],.po-chip.is-selected{background:var(--po-color-primary-tint);border-color:var(--po-color-border-selected);color:var(--po-color-text-heading);font-weight:var(--po-weight-semibold)}.po-chip:focus-visible,.po-chip.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-chip:disabled,.po-chip.is-disabled{background:var(--po-color-disabled-bg);border-color:var(--po-color-border);color:var(--po-color-text-disabled);cursor:not-allowed}.po-chip.is-error{border-color:var(--po-color-danger);color:var(--po-color-danger-ink);background:var(--po-color-danger-tint)}.po-chip__remove{width:18px;height:18px;color:var(--po-color-text-muted);border-radius:50%;justify-content:center;align-items:center;margin-right:-6px;display:inline-flex}.po-chip__remove:hover{background:var(--po-color-surface-pressed);color:var(--po-color-text)}.po-badge{border-radius:var(--po-radius-badge);height:22px;font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);white-space:nowrap;background:var(--po-color-surface-sunken);color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.po-badge--primary{background:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.po-badge--accent{background:var(--po-color-accent-tint);color:var(--po-color-accent-ink)}.po-badge--success{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.po-badge--warning{background:var(--po-color-warning-tint);color:var(--po-color-warning-ink)}.po-badge--danger{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.po-badge--info{background:var(--po-color-info-tint);color:var(--po-color-info-ink)}.po-badge--solid{background:var(--po-color-primary);color:var(--po-color-on-primary)}.po-badge--count{border-radius:var(--po-radius-pill);justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px}.po-badge__dot{background:currentColor;border-radius:2.5px;flex:none;width:7px;height:7px}.po-status{border-radius:var(--po-radius-badge);height:22px;font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:0 8px 0 6px;display:inline-flex}.po-status>i{flex:none;font-size:14px}.po-status--icon{justify-content:center;width:22px;padding:0}.po-status--rencana{border:1px dashed var(--po-color-border-hover);color:var(--po-color-text-muted);background:0 0}.po-status--draf{background:var(--po-color-surface-sunken);color:var(--po-color-text)}.po-status--disetujui{background:var(--po-color-primary-tint-hover);border-color:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.po-status--produksi{background:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.po-status--siap{background:var(--po-color-primary-tint-strong);color:var(--po-color-text-heading)}.po-status--terjadwal{background:var(--po-color-primary);color:var(--po-color-on-primary)}.po-status--diposting{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.po-status--diukur{background:var(--po-color-success);color:#fff}.po-status--terlambat{background:var(--po-color-danger-tint);border-color:var(--po-color-danger-border);color:var(--po-color-danger-ink)}.po-status-group{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.po-avatar{width:var(--size,32px);height:var(--size,32px);background:var(--po-color-primary-tint);color:var(--po-color-text-heading);font:var(--po-weight-bold) calc(var(--size,32px) * .38)/1 var(--po-font-ui);letter-spacing:.01em;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.po-avatar>img{object-fit:cover;width:100%;height:100%}.po-avatar-stack>.po-avatar--xs+.po-avatar--xs,.po-avatar-stack>.po-avatar--sm+.po-avatar--sm{margin-left:-6px}.po-avatar--xs{width:20px;height:20px;font-size:8px}.po-avatar--sm{width:24px;height:24px;font-size:9px}.po-avatar--lg{width:40px;height:40px;font-size:15px}.po-avatar--xl{width:56px;height:56px;font-size:21px}.po-avatar--warm{background:var(--po-color-accent-tint);color:var(--po-color-accent-ink)}.po-avatar__presence{background:var(--po-color-success);width:28%;height:28%;box-shadow:0 0 0 2px var(--po-color-surface);border-radius:50%;position:absolute;bottom:0;right:0}.po-avatar-stack{align-items:center;display:inline-flex}.po-avatar-stack>.po-avatar{box-shadow:0 0 0 2px var(--po-color-surface)}.po-avatar-stack>.po-avatar+.po-avatar{margin-left:-8px}.po-avatar--more{background:var(--po-color-surface-sunken);color:var(--po-color-text-muted);font-size:11px}.po-card{gap:var(--po-gap);padding:var(--po-pad-card);background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);color:var(--po-color-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.po-card--raised{box-shadow:var(--po-shadow-card);border-color:#0000}.po-card--tint{background:var(--po-color-surface-tint);border-color:#0000}.po-card--night{background:var(--po-night-800);border-color:var(--po-night-600);color:var(--po-sand-50)}.po-card--interactive{cursor:pointer;transition:border-color var(--po-duration-fast) var(--po-ease-out),box-shadow var(--po-duration-base) var(--po-ease-out),transform var(--po-duration-base) var(--po-ease-out)}.po-card--interactive:hover,.po-card--interactive.is-hover{border-color:var(--po-color-border-hover);box-shadow:var(--po-shadow-2)}.po-card--interactive:active,.po-card--interactive.is-active{box-shadow:var(--po-shadow-1);transform:translateY(1px)}.po-card--interactive:focus-visible,.po-card.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-card.is-selected{border-color:var(--po-color-primary);box-shadow:0 0 0 1px var(--po-color-primary)}.po-card.is-error{border-color:var(--po-color-danger-border)}.po-card.is-disabled{opacity:.55;pointer-events:none}.po-card--stacked{margin:0 0 10px 10px;overflow:visible}.po-card--stacked:before{content:"";border-radius:inherit;background:var(--po-color-primary-tint);z-index:-1;position:absolute;inset:0;transform:translate(-10px,10px)}.po-card__head{align-items:flex-start;gap:var(--po-space-3);display:flex}.po-card__title{font:var(--po-weight-bold) var(--po-fs-ui)/1.35 var(--po-font-ui);color:var(--po-color-text);margin:0}.po-card__meta{font-size:var(--po-fs-caption);color:var(--po-color-text-muted)}.po-card__media{margin:calc(var(--po-pad-card) * -1) calc(var(--po-pad-card) * -1) 0;aspect-ratio:4/3;background:var(--po-color-surface-sunken);overflow:hidden}.po-card__media>img{object-fit:cover;width:100%;height:100%;display:block}.po-card__foot{align-items:center;gap:var(--po-space-2);margin-top:auto;display:flex}
.po-brand-avatar{width:var(--size,32px);height:var(--size,32px);border-radius:calc(var(--size,32px) * var(--po-tile-ratio));background:var(--brand,var(--po-sand-500));color:var(--brand-on,#fff);font:var(--po-weight-extrabold) calc(var(--size,32px) * .4)/1 var(--po-font-display);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1c1b331a}.po-brand-avatar>img{object-fit:cover;width:100%;height:100%}.po-brand-avatar--sm{border-radius:9px;width:24px;height:24px;font-size:10px}.po-brand-avatar--lg{border-radius:15px;width:40px;height:40px;font-size:16px}.po-brand-avatar--xl{border-radius:21px;width:56px;height:56px;font-size:22px}.po-brand-avatar--matted{box-shadow:0 0 0 2px var(--po-color-surface),0 0 0 3px var(--po-color-border-strong)}.po-brand-swatch{background:var(--brand,var(--po-sand-500));vertical-align:middle;border-radius:3.5px;flex:none;width:10px;height:10px;display:inline-block;box-shadow:inset 0 0 0 1px #1c1b331f}.po-brand-swatch--sm{border-radius:3px;width:8px;height:8px}.po-brand-swatch--lg{border-radius:5px;width:14px;height:14px}.po-brand-swatch--matted{box-shadow:0 0 0 1.5px var(--po-color-surface),0 0 0 2.5px var(--po-color-border-strong)}.po-brand-stripe{background:var(--brand,var(--po-sand-500));height:4px;position:absolute;top:0;left:0;right:0}.po-brand-stripe--matted{box-shadow:inset 0 -1px #1c1b332e}.po-brand-label{font-weight:var(--po-weight-semibold);color:var(--po-color-text);align-items:center;gap:8px;min-width:0;display:inline-flex}.po-brand-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.po-tooltip{border-radius:var(--po-radius-tooltip);background:var(--po-color-surface-inverse);max-width:240px;color:var(--po-color-text-inverse);font:var(--po-weight-medium) 12px/1.4 var(--po-font-ui);box-shadow:var(--po-shadow-popover);text-wrap:pretty;padding:6px 10px;display:inline-block;position:relative}.po-tooltip:after{content:"";background:inherit;border-radius:2px;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-4px;left:50%;transform:rotate(45deg)}.po-tooltip--below:after{top:-4px;bottom:auto}.po-tooltip kbd{font:inherit;font-family:var(--po-font-mono);background:#ffffff24;border-radius:4px;padding:1px 4px;font-size:11px}.po-tooltip-anchor{display:inline-flex;position:relative}.po-tooltip-anchor>.po-tooltip{white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--po-duration-fast) var(--po-ease-out);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.po-tooltip-anchor:hover>.po-tooltip,.po-tooltip-anchor:focus-within>.po-tooltip{opacity:1}.po-toast{align-items:flex-start;gap:var(--po-space-3);border-radius:var(--po-radius-toast);background:var(--po-color-surface-inverse);width:min(380px,100%);color:var(--po-color-text-inverse);box-shadow:var(--po-shadow-overlay);font-size:var(--po-fs-sm);padding:12px 12px 12px 14px;line-height:1.45;display:flex}.po-toast__icon{color:var(--po-indigo-300);margin-top:-1px;font-size:20px}.po-toast--success .po-toast__icon{color:#7dd3a0}.po-toast--danger .po-toast__icon{color:#f59aa8}.po-toast--warning .po-toast__icon{color:#f7b48c}.po-toast__body{flex:1;min-width:0}.po-toast__title{font-weight:var(--po-weight-bold);display:block}.po-toast__action{color:var(--po-indigo-300);font:var(--po-weight-bold) var(--po-fs-sm)/1 var(--po-font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 8px}.po-toast__action:hover{background:#ffffff14}.po-toast__action:focus-visible{outline:2px solid var(--po-color-focus-ring-inverse);outline-offset:1px}.po-toast__close{color:var(--po-sand-400);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;display:inline-flex}.po-toast__close:hover{color:#fff;background:#ffffff14}.po-alert{gap:var(--po-space-3);border-radius:var(--po-radius-alert);border:1px solid var(--po-color-info-border);background:var(--po-color-info-tint);color:var(--po-color-text);font-size:var(--po-fs-sm);padding:12px 14px;line-height:1.5;display:flex}.po-alert__icon{color:var(--po-color-info-ink);flex:none;margin-top:-1px;font-size:20px}.po-alert__title{font-weight:var(--po-weight-bold);color:var(--po-color-info-ink);display:block}.po-alert__body{text-wrap:pretty;flex:1;min-width:0}.po-alert__actions{gap:var(--po-space-2);margin-top:var(--po-space-2);display:flex}.po-alert--success{border-color:var(--po-color-success-border);background:var(--po-color-success-tint)}.po-alert--success .po-alert__icon,.po-alert--success .po-alert__title{color:var(--po-color-success-ink)}.po-alert--warning{border-color:var(--po-color-warning-border);background:var(--po-color-warning-tint)}.po-alert--warning .po-alert__icon,.po-alert--warning .po-alert__title{color:var(--po-color-warning-ink)}.po-alert--danger{border-color:var(--po-color-danger-border);background:var(--po-color-danger-tint)}.po-alert--danger .po-alert__icon,.po-alert--danger .po-alert__title{color:var(--po-color-danger-ink)}.po-alert--neutral{border-color:var(--po-color-border);background:var(--po-color-surface-sunken)}.po-alert--neutral .po-alert__icon,.po-alert--neutral .po-alert__title{color:var(--po-color-text)}.po-progress{flex-direction:column;gap:6px;display:flex}.po-progress__head{justify-content:space-between;gap:var(--po-space-3);font-size:var(--po-fs-sm);display:flex}.po-progress__label{font-weight:var(--po-weight-semibold)}.po-progress__value{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums}.po-progress__track{border-radius:var(--po-radius-pill);background:var(--po-color-primary-tint);height:8px;position:relative;overflow:hidden}.po-progress__fill{border-radius:inherit;background:var(--po-color-primary);height:100%;transition:width var(--po-duration-slow) var(--po-ease-out)}.po-progress--success .po-progress__fill{background:var(--po-color-success)}.po-progress--danger .po-progress__track{background:var(--po-color-danger-tint)}.po-progress--danger .po-progress__fill{background:var(--po-color-danger)}.po-progress--sm .po-progress__track{height:4px}@keyframes po-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.po-progress--indeterminate .po-progress__fill{width:40%;animation:po-indeterminate 1.3s var(--po-ease-in-out) infinite}@keyframes po-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.po-skeleton{border-radius:var(--po-radius-xs);background:var(--po-color-surface-sunken) linear-gradient(90deg,transparent 30%,#ffffff8c 50%,transparent 70%) 0 0/200% 100% no-repeat;height:12px;animation:1.4s linear infinite po-shimmer;display:block}.po-skeleton--text{height:.8em;margin:.35em 0}.po-skeleton--tile{width:var(--tile,40px);height:var(--tile,40px);border-radius:calc(var(--tile,40px) * var(--po-tile-ratio))}.po-skeleton--circle{border-radius:50%}@media (prefers-reduced-motion:reduce){.po-skeleton{animation:none}.po-progress--indeterminate .po-progress__fill{animation-duration:3s}}.po-empty{text-align:center;align-items:center;gap:var(--po-space-3);padding:var(--po-space-8) var(--po-space-6);flex-direction:column;max-width:420px;margin:0 auto;display:flex}.po-empty__art{width:var(--tile,72px);height:var(--tile,72px);border-radius:calc(var(--tile,72px) * var(--po-tile-ratio));background:var(--po-color-primary-tint);color:var(--po-color-primary);margin-bottom:var(--po-space-1);justify-content:center;align-items:center;font-size:36px;display:flex}.po-empty__art .ph-duotone:before{color:var(--po-color-accent);opacity:.55}.po-empty__title{font:var(--po-weight-extrabold) var(--po-fs-h4)/1.25 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-empty__body{color:var(--po-color-text-muted);font-size:var(--po-fs-body);text-wrap:pretty;margin:0}.po-empty__actions{gap:var(--po-space-2);margin-top:var(--po-space-2);flex-wrap:wrap;justify-content:center;display:flex}
.po-scrim{background:var(--po-color-scrim);padding:var(--po-space-6);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.po-scrim--bottom{align-items:flex-end;padding:0}.po-modal{background:var(--po-color-surface-raised);border-radius:var(--po-radius-modal);width:min(480px,100%);max-height:100%;box-shadow:var(--po-shadow-overlay);color:var(--po-color-text);flex-direction:column;display:flex;overflow:hidden}.po-modal--lg{width:min(680px,100%)}.po-modal__head{align-items:flex-start;gap:var(--po-space-3);padding:var(--po-space-6) var(--po-space-6) var(--po-space-2);display:flex}.po-modal__title{font:var(--po-weight-extrabold) var(--po-fs-h3)/1.25 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;flex:1;margin:0}.po-modal__body{padding:var(--po-space-2) var(--po-space-6) var(--po-space-6);font-size:var(--po-fs-body);line-height:var(--po-lh-body);color:var(--po-color-text-muted);text-wrap:pretty;overflow:auto}.po-modal__foot{justify-content:flex-end;gap:var(--po-space-2);padding:var(--po-space-4) var(--po-space-6);background:var(--po-color-bg);border-top:1px solid var(--po-color-border);display:flex}@keyframes po-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.po-modal.is-entering{animation:po-modal-in var(--po-duration-slow) var(--po-ease-out) both}.po-sheet{background:var(--po-color-surface-raised);border-radius:var(--po-radius-sheet) var(--po-radius-sheet) 0 0;width:100%;box-shadow:var(--po-shadow-overlay);padding:8px var(--po-space-5) calc(var(--po-space-5) + var(--po-safe-bottom));gap:var(--po-space-3);color:var(--po-color-text);flex-direction:column;display:flex}.po-sheet__handle{border-radius:var(--po-radius-pill);background:var(--po-color-border-strong);cursor:grab;border:0;width:40px;height:5px;margin:0 auto 6px;padding:0}.po-sheet__title{font:var(--po-weight-extrabold) var(--po-fs-h4)/1.25 var(--po-font-display);color:var(--po-color-text-heading);margin:0}.po-sheet__body{font-size:var(--po-fs-body);color:var(--po-color-text-muted)}.po-sheet__actions{gap:var(--po-space-2);margin-top:var(--po-space-2);flex-direction:column;display:flex}@keyframes po-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.po-sheet.is-entering{animation:po-sheet-in var(--po-duration-slow) var(--po-ease-out) both}.po-menu-anchor{display:inline-flex;position:relative}.po-menu-trigger{border-radius:var(--po-radius-control);cursor:pointer;display:inline-flex}.po-menu-trigger:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-menu{z-index:200;border:1px solid var(--po-color-border);border-radius:var(--po-radius-md);background:var(--po-color-surface-raised);box-shadow:var(--po-shadow-popover);animation:po-menu-in var(--po-duration-fast) var(--po-ease-out) both;flex-direction:column;max-height:70vh;padding:4px;display:flex;overflow:auto}@keyframes po-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.po-menu__item{width:100%;min-height:34px;color:var(--po-color-text);font:var(--po-weight-medium) 13px/1.3 var(--po-font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.po-menu__item>i{color:var(--po-color-text-muted);flex:none;font-size:16px}.po-menu__item:hover,.po-menu__item:focus-visible{background:var(--po-color-surface-hover);outline:none}.po-menu__item:focus-visible{box-shadow:inset 0 0 0 2px var(--po-color-focus-ring)}.po-menu__item:active{background:var(--po-color-surface-pressed)}.po-menu__item.is-checked{background:var(--po-color-primary-tint-hover);color:var(--po-color-text-heading)}.po-menu__item--danger{color:var(--po-color-danger-ink)}.po-menu__item--danger>i{color:var(--po-color-danger)}.po-menu__item:disabled{color:var(--po-color-text-disabled);cursor:not-allowed;background:0 0}.po-menu__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.po-menu__desc{font-size:12px;font-weight:var(--po-weight-regular);color:var(--po-color-text-muted)}.po-menu__meta{color:var(--po-color-text-subtle);font-variant-numeric:tabular-nums;font-size:12px}.po-menu__check{color:var(--po-color-primary);font-size:14px}.po-menu__sep{background:var(--po-color-border);height:1px;margin:4px 6px}.po-menu__label{font:var(--po-weight-bold) 11px/1 var(--po-font-ui);letter-spacing:var(--po-tracking-caps);text-transform:uppercase;color:var(--po-color-text-subtle);padding:8px 10px 4px}.po-drawer-scrim{z-index:100;background:var(--po-color-scrim);justify-content:flex-end;display:flex;position:fixed;inset:0}.po-drawer-scrim--inline{position:absolute}.po-drawer{background:var(--po-color-surface);height:100%;box-shadow:var(--po-shadow-overlay);border-radius:var(--po-radius-modal) 0 0 var(--po-radius-modal);animation:po-drawer-in var(--po-duration-slow) var(--po-ease-out) both;color:var(--po-color-text);flex-direction:column;display:flex}@keyframes po-drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.po-drawer__head{border-bottom:1px solid var(--po-color-border);align-items:center;gap:12px;padding:18px 16px 14px 24px;display:flex}.po-drawer__titles{flex:1;min-width:0}.po-drawer__sub{color:var(--po-color-text-muted);margin-bottom:2px;font-size:12px}.po-drawer__title{font:var(--po-weight-extrabold) 22px/1.25 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-drawer__body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 24px 32px;display:flex;overflow:auto}.po-drawer__foot{background:var(--po-color-bg);border-top:1px solid var(--po-color-border);justify-content:flex-end;align-items:center;gap:8px;padding:12px 24px;display:flex}.po-drawer__section{flex-direction:column;gap:10px;display:flex}.po-drawer__section-title{font:var(--po-weight-bold) var(--po-fs-ui)/1.3 var(--po-font-ui);color:var(--po-color-text);align-items:center;gap:8px;margin:0;display:flex}.po-drawer__section-title>i{color:var(--po-color-primary);font-size:18px}
.po-table-wrap{border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);background:var(--po-color-surface);overflow:auto}.po-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--po-fs-ui);font-variant-numeric:tabular-nums;color:var(--po-color-text)}.po-table th{height:36px;padding:0 var(--po-cell-px);text-align:left;font:var(--po-weight-semibold) 12px/1.2 var(--po-font-ui);color:var(--po-color-text-muted);background:var(--po-color-bg);border-bottom:1px solid var(--po-color-border);white-space:nowrap}.po-table td{height:var(--po-row-h);padding:6px var(--po-cell-px);border-bottom:1px solid var(--po-color-border);vertical-align:middle}.po-table tr:last-child td{border-bottom:0}.po-table .po-cell--num{text-align:right}.po-table .po-cell--check{width:40px;padding-right:0}.po-table-row{transition:background-color var(--po-duration-fast) var(--po-ease-out)}.po-table-row:hover,.po-table-row.is-hover{background:var(--po-color-surface-hover)}.po-table-row:active,.po-table-row.is-active{background:var(--po-color-surface-pressed)}.po-table-row[aria-selected=true],.po-table-row.is-selected{background:var(--po-color-surface-selected)}.po-table-row:focus-visible,.po-table-row.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:-2px}.po-table-row.is-error{background:var(--po-color-danger-tint)}.po-table-row.is-disabled{color:var(--po-color-text-disabled)}.po-table-row.is-loading td{color:#0000}.po-cell__primary{font-weight:var(--po-weight-semibold);line-height:1.35;display:block}.po-cell__secondary{font-size:var(--po-fs-caption);color:var(--po-color-text-muted);line-height:1.35;display:block}.po-list{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);flex-direction:column;display:flex;overflow:hidden}.po-list-row{align-items:center;gap:var(--po-space-3);min-height:var(--po-row-h);padding:8px var(--po-cell-px);border:0;border-bottom:1px solid var(--po-color-border);text-align:left;width:100%;color:var(--po-color-text);font:inherit;cursor:pointer;transition:background-color var(--po-duration-fast) var(--po-ease-out);background:0 0;display:flex}.po-list-row:last-child{border-bottom:0}.po-list-row:hover,.po-list-row.is-hover{background:var(--po-color-surface-hover)}.po-list-row:active,.po-list-row.is-active{background:var(--po-color-surface-pressed)}.po-list-row[aria-current=true],.po-list-row.is-selected{background:var(--po-color-surface-selected)}.po-list-row:focus-visible,.po-list-row.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:-2px}.po-list-row:disabled,.po-list-row.is-disabled{color:var(--po-color-text-disabled);cursor:not-allowed;background:0 0}.po-list-row.is-error .po-list-row__meta{color:var(--po-color-danger-ink)}.po-list-row__lead{flex:none;align-items:center;display:flex}.po-list-row__icon{width:var(--tile,36px);height:var(--tile,36px);border-radius:calc(var(--tile,36px) * var(--po-tile-ratio));background:var(--po-color-primary-tint);color:var(--po-color-primary);justify-content:center;align-items:center;font-size:18px;display:flex}.po-list-row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.po-list-row__title{font-weight:var(--po-weight-semibold);font-size:var(--po-fs-ui);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.po-list-row__meta{font-size:var(--po-fs-caption);color:var(--po-color-text-muted);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.po-list-row__trail{align-items:center;gap:var(--po-space-2);color:var(--po-color-text-muted);font-size:var(--po-fs-caption);flex:none;display:flex}.po-table--sticky thead th{z-index:2;box-shadow:0 1px 0 var(--po-color-border);position:sticky;top:0}.po-table th.po-cell--actions,.po-table td.po-cell--actions{text-align:right;width:48px;padding-right:8px}.po-th-sort{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;margin:0 -6px;padding:4px 6px;display:inline-flex}.po-th-sort:hover{background:var(--po-color-surface-hover);color:var(--po-color-text)}.po-th-sort:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:0}.po-th-sort__icon{color:var(--po-color-text-subtle);font-size:11px}.po-th-sort.is-sorted{color:var(--po-color-text-heading)}.po-th-sort.is-sorted .po-th-sort__icon{color:var(--po-color-primary)}.po-cell--num .po-th-sort{flex-direction:row-reverse}.po-bulkbar{border-radius:var(--po-radius-md);background:var(--po-color-surface-inverse);min-height:44px;color:var(--po-color-text-inverse);box-shadow:var(--po-shadow-2);animation:po-bulk-in var(--po-duration-base) var(--po-ease-out) both;align-items:center;gap:2px;padding:6px 6px 6px 14px;display:flex}@keyframes po-bulk-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.po-bulkbar__count{font:var(--po-weight-semibold) 13px/1 var(--po-font-ui);align-items:center;gap:6px;padding-right:6px;display:inline-flex}.po-bulkbar__n{background:var(--po-indigo-300);min-width:22px;height:22px;color:var(--po-sand-900);font-weight:var(--po-weight-bold);text-align:center;font-variant-numeric:tabular-nums;border-radius:7px;padding:0 6px;line-height:22px}.po-bulkbar__sep{background:#ffffff2e;width:1px;height:20px;margin:0 6px}.po-bulkbar__btn{height:32px;color:inherit;font:var(--po-weight-semibold) 13px/1 var(--po-font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.po-bulkbar__btn>i{font-size:16px}.po-bulkbar__btn:hover{background:#ffffff1a}.po-bulkbar__btn:focus-visible{outline:2px solid var(--po-color-focus-ring-inverse);outline-offset:0}.po-bulkbar__btn:disabled{opacity:.45;cursor:not-allowed}.po-bulkbar__btn--danger{color:#f59aa8}
.po-mobile{background:var(--po-color-bg);width:100%;height:100%;min-height:0;color:var(--po-color-text);font-family:var(--po-font-ui);font-size:var(--po-fs-body);line-height:var(--po-lh-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.po-mobile *,.po-mobile :before,.po-mobile :after{box-sizing:border-box}.po-mobile__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.po-mobile__content{gap:var(--po-space-5);padding:var(--po-space-2) calc(var(--po-mobile-gutter) + var(--po-safe-right)) var(--po-space-8) calc(var(--po-mobile-gutter) + var(--po-safe-left));flex-direction:column;display:flex}.po-appbar{z-index:20;padding-top:var(--po-safe-top);background:var(--po-color-bg);transition:box-shadow var(--po-duration-base) var(--po-ease-out),background-color var(--po-duration-base);flex:none;position:relative}.po-appbar--scrolled{background:var(--po-color-surface);box-shadow:0 1px 0 var(--po-color-border)}.po-appbar__row{align-items:center;gap:var(--po-space-1);height:var(--po-appbar-h);padding:0 var(--po-space-1);display:flex}.po-appbar__titles{min-width:0;padding:0 var(--po-space-1);flex:1}.po-appbar--root .po-appbar__titles{padding-left:var(--po-space-3)}.po-appbar__title{font:var(--po-weight-extrabold) 18px/1.25 var(--po-font-display);color:var(--po-color-text-heading);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.po-appbar--root .po-appbar__title{font-size:22px}.po-appbar__subtitle{color:var(--po-color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.po-appbar__actions{align-items:center;display:flex}.po-appbar .po-btn--icon,.po-tap{width:var(--po-tap-target);height:var(--po-tap-target);min-width:var(--po-tap-target);border-radius:16px}.po-appbar .po-btn--icon .po-icon{font-size:22px}.po-tabbar{z-index:20;padding:0 var(--po-safe-right) var(--po-safe-bottom) var(--po-safe-left);background:var(--po-color-surface);border-top:1px solid var(--po-color-border);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.po-tabbar__item{height:var(--po-tabbar-h);min-width:var(--po-tap-target);color:var(--po-color-text-muted);font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.po-tabbar__icon{width:56px;height:32px;transition:background-color var(--po-duration-base) var(--po-ease-out),color var(--po-duration-base);border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex}.po-tabbar__item:hover .po-tabbar__icon,.po-tabbar__item.is-hover .po-tabbar__icon{background:var(--po-color-surface-hover)}.po-tabbar__item:active .po-tabbar__icon{background:var(--po-color-surface-pressed)}.po-tabbar__item[aria-current=page]{color:var(--po-color-text-heading)}.po-tabbar__item[aria-current=page] .po-tabbar__icon{background:var(--po-color-primary-tint);color:var(--po-color-primary)}.po-tabbar__item:focus-visible{outline:none}.po-tabbar__item:focus-visible .po-tabbar__icon,.po-tabbar__item.is-focus .po-tabbar__icon{box-shadow:var(--po-focus-ring)}.po-tabbar__badge{border-radius:var(--po-radius-pill);background:var(--po-color-danger);color:#fff;min-width:18px;height:18px;font:var(--po-weight-bold) 11px/18px var(--po-font-ui);text-align:center;box-shadow:0 0 0 2px var(--po-color-surface);font-variant-numeric:tabular-nums;padding:0 5px;position:absolute;top:6px;left:calc(50% + 8px)}.po-bottom-cta{z-index:20;gap:var(--po-space-2);padding:var(--po-space-3) calc(var(--po-mobile-gutter) + var(--po-safe-right)) calc(var(--po-space-3) + var(--po-safe-bottom)) calc(var(--po-mobile-gutter) + var(--po-safe-left));background:var(--po-color-surface);border-top:1px solid var(--po-color-border);flex-direction:column;flex:none;display:flex;position:relative}.po-bottom-cta--floating{background:linear-gradient(to top,var(--po-color-bg) 70%,transparent);border-top:0}.po-bottom-cta__hint{color:var(--po-color-text-muted);text-align:center;text-wrap:pretty;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.35;display:flex}.po-bottom-cta__row{gap:var(--po-space-2);display:flex}.po-bottom-cta__row>*{flex:1;min-width:0}.po-bottom-cta .po-btn{border-radius:var(--po-radius-md);height:52px;font-size:16px}.po-toast-dock{z-index:60;align-items:center;gap:var(--po-space-2);padding:0 calc(var(--po-mobile-gutter) + var(--po-safe-right)) 0 calc(var(--po-mobile-gutter) + var(--po-safe-left));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:0;right:0}.po-toast-dock>.po-toast{pointer-events:auto;width:100%;min-height:52px;animation:po-toast-up var(--po-duration-slow) var(--po-ease-out) both;align-items:center;font-size:15px}.po-toast-dock .po-toast__action{min-height:var(--po-tap-target);font-size:15px}.po-toast-dock .po-toast__close{width:var(--po-tap-target);height:var(--po-tap-target);justify-content:center;align-items:center;margin:-8px -8px -8px 0}@keyframes po-toast-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.po-statusbar{z-index:70;height:var(--po-safe-top);font:var(--po-weight-semibold) 16px/1 var(--po-font-ui);color:var(--po-color-text);pointer-events:none;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:4px 28px 0 34px;display:flex;position:absolute;top:0;left:0;right:0}.po-statusbar__icons{gap:6px;font-size:17px;display:flex}
.po-action-list{margin:0 calc(var(--po-space-2) * -1);flex-direction:column;display:flex}.po-action{align-items:center;gap:var(--po-space-4);min-height:56px;padding:6px var(--po-space-3);border-radius:var(--po-radius-md);color:var(--po-color-text);font:var(--po-weight-medium) 16px/1.35 var(--po-font-ui);text-align:left;cursor:pointer;width:100%;transition:background-color var(--po-duration-fast) var(--po-ease-out);background:0 0;border:0;display:flex}.po-action:hover,.po-action.is-hover{background:var(--po-color-surface-hover)}.po-action:active,.po-action.is-active{background:var(--po-color-surface-pressed)}.po-action:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:-2px}.po-action:disabled{color:var(--po-color-text-disabled);cursor:not-allowed;background:0 0}.po-action__icon{background:var(--po-color-primary-tint);width:40px;height:40px;color:var(--po-color-primary);border-radius:15px;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex}.po-action__main{flex-direction:column;flex:1;min-width:0;display:flex}.po-action__meta{font-size:14px;font-weight:var(--po-weight-regular);color:var(--po-color-text-muted)}.po-action--danger{color:var(--po-color-danger-ink)}.po-action--danger .po-action__icon{background:var(--po-color-danger-tint);color:var(--po-color-danger)}.po-action:disabled .po-action__icon{background:var(--po-color-disabled-bg);color:var(--po-color-text-disabled)}.po-sheet__desc{color:var(--po-color-text-muted);text-wrap:pretty;margin:-4px 0 0;font-size:16px}.po-sheet .po-btn{border-radius:var(--po-radius-md);height:52px;font-size:16px}.po-confirm{text-align:center;align-items:center;gap:var(--po-space-3);padding-top:var(--po-space-2);flex-direction:column;display:flex}.po-confirm__art{background:var(--po-color-primary-tint);width:64px;height:64px;color:var(--po-color-primary);border-radius:24px;justify-content:center;align-items:center;font-size:32px;display:flex}.po-confirm--danger .po-confirm__art{background:var(--po-color-danger-tint);color:var(--po-color-danger)}.po-confirm--warning .po-confirm__art{background:var(--po-color-warning-tint);color:var(--po-color-warning)}.po-confirm__title{font:var(--po-weight-extrabold) 22px/1.25 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-confirm__body{color:var(--po-color-text-muted);text-wrap:pretty;margin:0;font-size:16px;line-height:1.5}
.po-ptr{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.po-ptr__indicator{justify-content:center;align-items:center;gap:var(--po-space-2);height:72px;color:var(--po-color-text-muted);font:var(--po-weight-semibold) 14px/1 var(--po-font-ui);pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.po-ptr__tile{background:var(--po-color-surface);width:36px;height:36px;box-shadow:var(--po-shadow-2);color:var(--po-color-primary);border-radius:13px;justify-content:center;align-items:center;font-size:18px;display:flex}.po-ptr__tile>i{transition:transform var(--po-duration-base) var(--po-ease-out)}.po-ptr--ready .po-ptr__tile>i{transform:rotate(180deg)}.po-ptr--done .po-ptr__tile{color:var(--po-color-success)}.po-ptr__content{overscroll-behavior:contain;scrollbar-width:none;background:var(--po-color-bg);touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.po-ptr__content.is-settling{transition:transform var(--po-duration-slow) var(--po-ease-out)}.po-offline-banner{align-items:center;gap:var(--po-space-3);min-height:var(--po-tap-target);padding:6px 6px 6px var(--po-space-4);background:var(--po-color-surface-inverse);color:var(--po-color-text-inverse);font-size:14px;line-height:1.35;display:flex}.po-offline-banner>i{flex:none;font-size:20px}.po-offline-banner__text{text-wrap:pretty;flex:1;min-width:0}.po-offline-banner__text strong{font-weight:var(--po-weight-bold)}.po-offline-banner__action{min-height:var(--po-tap-target);padding:0 var(--po-space-3);border-radius:var(--po-radius-sm);color:var(--po-indigo-300);font:var(--po-weight-bold) 14px/1 var(--po-font-ui);cursor:pointer;background:0 0;border:0}.po-offline-banner__action:hover{background:#ffffff14}.po-offline-banner--error{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.po-offline-banner--error .po-offline-banner__action{color:var(--po-color-danger-ink)}.po-state-screen{flex:1;justify-content:center;align-items:center;min-height:100%;display:flex}.po-state-screen .po-empty{padding-top:var(--po-space-12);padding-bottom:var(--po-space-12)}.po-state-screen .po-empty__body{font-size:16px}.po-state-screen .po-btn{border-radius:var(--po-radius-md);height:52px;padding:0 24px;font-size:16px}.po-empty__art--danger{background:var(--po-color-danger-tint);color:var(--po-color-danger)}.po-empty__art--neutral{background:var(--po-color-surface-sunken);color:var(--po-color-text-muted)}
.po-section-head{align-items:center;gap:var(--po-space-3);margin-bottom:var(--po-space-3);display:flex}.po-section-head__step{background:var(--po-color-primary-tint);width:28px;height:28px;color:var(--po-color-text-heading);font:var(--po-weight-extrabold) 14px/1 var(--po-font-display);font-variant-numeric:tabular-nums;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.po-section-head__step.is-done{background:var(--po-color-success);color:#fff}.po-section-head__title{min-width:0;font:var(--po-weight-extrabold) 18px/1.3 var(--po-font-display);color:var(--po-color-text-heading);flex:1;margin:0}.po-section-head__meta{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;font-size:14px}.po-post-card{gap:var(--po-space-4);padding:calc(var(--po-space-4) + 4px) var(--po-space-4) var(--po-space-4);background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);text-align:left;color:var(--po-color-text);font:inherit;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}button.po-post-card{cursor:pointer;transition:border-color var(--po-duration-fast) var(--po-ease-out),box-shadow var(--po-duration-base)}button.po-post-card:hover,.po-post-card.is-hover{border-color:var(--po-color-border-hover);box-shadow:var(--po-shadow-2)}button.po-post-card:active{transform:translateY(1px)}button.po-post-card:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-post-card__head{align-items:center;gap:var(--po-space-3);display:flex}.po-post-card__brand{flex-direction:column;flex:1;min-width:0;display:flex}.po-post-card__name{font-weight:var(--po-weight-bold);text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.3;overflow:hidden}.po-post-card__handle{color:var(--po-color-text-muted);font-size:14px;line-height:1.3}.po-post-card__title{font:var(--po-weight-extrabold) 20px/1.3 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-post-card--compact{gap:var(--po-space-3)}.po-post-card--compact .po-post-card__title{font-size:17px}.po-facts{gap:var(--po-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.po-fact{border-radius:var(--po-radius-md);background:var(--po-color-surface-sunken);align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.po-fact>i{color:var(--po-color-primary);flex:none;font-size:22px}.po-fact__main{flex-direction:column;min-width:0;display:flex}.po-fact__label{color:var(--po-color-text-muted);font-size:13px;line-height:1.3}.po-fact__value{font-size:16px;line-height:1.3;font-weight:var(--po-weight-semibold);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-due{border-radius:var(--po-radius-md);font-size:14px;font-weight:var(--po-weight-semibold);background:var(--po-color-accent-tint);color:var(--po-color-accent-ink);align-items:center;gap:8px;padding:10px 12px;display:flex}.po-due>i{font-size:18px}.po-due--late{background:var(--po-color-warning-tint);color:var(--po-color-warning-ink)}.po-due--done{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.po-post-card__row{align-items:center;gap:var(--po-space-2);color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;font-size:14px;display:flex}.po-post-card__row>i{font-size:18px}.po-gallery{gap:var(--po-space-3);flex-direction:column;display:flex}.po-gallery__strip{gap:var(--po-space-2);scroll-snap-type:x mandatory;margin:0 calc(var(--po-mobile-gutter) * -1);padding:0 var(--po-mobile-gutter);scroll-padding:0 var(--po-mobile-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.po-gallery__strip::-webkit-scrollbar{display:none}.po-media{aspect-ratio:4/5;border-radius:var(--po-radius-card);background:var(--po-color-surface-sunken);scroll-snap-align:start;flex:none;width:68%;position:relative;overflow:hidden}.po-media--single{width:100%}.po-media>img{object-fit:cover;width:100%;height:100%;display:block}.po-media__ph{color:var(--po-color-text-subtle);background:repeating-linear-gradient(135deg,var(--po-sand-100) 0 12px,var(--po-sand-50) 12px 24px);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex;position:absolute;inset:0}.po-media__ph>i{font-size:28px}.po-media__index{color:#fff;height:26px;font:var(--po-weight-bold) 13px/26px var(--po-font-ui);font-variant-numeric:tabular-nums;background:#17162bb8;border-radius:9px;padding:0 9px;position:absolute;top:10px;left:10px}.po-media__kind{color:#fff;height:26px;font:var(--po-weight-semibold) 13px/1 var(--po-font-ui);font-variant-numeric:tabular-nums;background:#17162bb8;border-radius:9px;align-items:center;gap:5px;padding:0 9px;display:inline-flex;position:absolute;bottom:10px;left:10px}.po-media__save{width:var(--po-tap-target);height:var(--po-tap-target);background:var(--po-color-surface);color:var(--po-color-primary);box-shadow:var(--po-shadow-2);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;bottom:8px;right:8px}.po-media__save:hover{background:var(--po-indigo-50)}.po-media__save:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-media__save.is-saved{background:var(--po-color-success);color:#fff}.po-gallery__note{color:var(--po-color-text-muted);text-align:center;text-wrap:pretty;font-size:14px}.po-big-btn{border-radius:var(--po-radius-md);width:100%;height:56px;font-size:17px}.po-big-btn--tint{background:var(--po-color-primary-tint);color:var(--po-color-text-heading);border-color:#0000}.po-big-btn--tint:hover{background:var(--po-indigo-200);border-color:#0000}.po-big-btn--tint:active{background:var(--po-indigo-300)}.po-big-btn .po-icon{font-size:22px}.po-big-btn.is-done{background:var(--po-color-success-tint);border-color:var(--po-color-success-border);color:var(--po-color-success-ink)}.po-big-btn.is-done:hover{background:var(--po-color-success-tint)}.po-big-btn__progress{background:var(--po-color-primary);height:3px;transition:width var(--po-duration-slow) var(--po-ease-out);border-radius:0 2px 2px 0;position:absolute;bottom:0;left:0}.po-gallery--loading .po-media{background:var(--po-color-surface-sunken)}.po-caption{gap:var(--po-space-3);padding:var(--po-space-4);background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);flex-direction:column;display:flex}.po-caption__text{white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;color:var(--po-color-text);margin:0;font-size:16px;line-height:1.55}.po-caption__text.is-clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.po-caption__more{min-height:var(--po-tap-target);color:var(--po-color-text-link);font:var(--po-weight-semibold) 15px/1 var(--po-font-ui);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:-10px 0 -8px;padding:0}.po-caption__tags{flex-wrap:wrap;gap:6px;display:flex}.po-hashtag{border-radius:var(--po-radius-pill);background:var(--po-color-primary-tint);height:30px;color:var(--po-color-text-heading);font:var(--po-weight-semibold) 14px/1 var(--po-font-ui);align-items:center;padding:0 11px;display:inline-flex}.po-caption__meta{justify-content:space-between;align-items:center;gap:var(--po-space-2);color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;border-top:1px solid var(--po-color-border);padding-top:var(--po-space-3);font-size:13px;display:flex}.po-caption__tagcopy{min-height:var(--po-tap-target);border-radius:var(--po-radius-sm);color:var(--po-color-text-link);font:var(--po-weight-semibold) 14px/1 var(--po-font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:-12px -8px;padding:0 8px;display:inline-flex}.po-caption__tagcopy:hover{background:var(--po-color-primary-tint-hover)}.po-posted{gap:var(--po-space-4);flex-direction:column;display:flex}.po-posted .po-input{border-radius:var(--po-radius-md);height:52px;font-size:16px}.po-posted .po-label{font-size:15px}.po-posted .po-hint,.po-posted .po-field__error{font-size:14px}.po-posted__paste-row{gap:var(--po-space-2);align-items:flex-end;display:flex}.po-posted__paste-row>.po-field{flex:1}.po-posted__paste-row>.po-btn{border-radius:var(--po-radius-md);flex:none;height:52px;font-size:16px}.po-link-preview{align-items:center;gap:var(--po-space-3);border-radius:var(--po-radius-md);background:var(--po-color-success-tint);border:1px solid var(--po-color-success-border);color:var(--po-color-success-ink);min-width:0;padding:12px;display:flex}.po-link-preview>i{flex:none;font-size:26px}.po-link-preview__main{flex-direction:column;flex:1;min-width:0;display:flex}.po-link-preview__title{font-weight:var(--po-weight-bold);font-size:15px}.po-link-preview__url{font:var(--po-weight-regular) 13px/1.4 var(--po-font-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--po-color-text);overflow:hidden}.po-posted .po-btn--lg,.po-posted__submit{border-radius:var(--po-radius-md);height:52px;font-size:16px}.po-posted__skip{min-height:var(--po-tap-target);color:var(--po-color-text-link);font:var(--po-weight-semibold) 15px/1 var(--po-font-ui);cursor:pointer;border-radius:var(--po-radius-sm);background:0 0;border:0;align-self:center;padding:0 8px}.po-posted__skip:hover{background:var(--po-color-primary-tint-hover)}.po-success{text-align:center;align-items:center;gap:var(--po-space-3);padding:var(--po-space-6) 0 var(--po-space-2);flex-direction:column;display:flex}.po-success__art{width:96px;height:96px;margin-bottom:var(--po-space-2);position:relative}.po-success__art>span{border-radius:36%;position:absolute}.po-success__art>span:first-child{background:var(--po-color-success-tint);inset:0 14px 14px 0}.po-success__art>span:nth-child(2){background:var(--po-color-success);color:#fff;justify-content:center;align-items:center;font-size:40px;display:flex;inset:14px 0 0 14px}.po-success__title{font:var(--po-weight-extrabold) 26px/1.2 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-success__body{color:var(--po-color-text-muted);text-wrap:pretty;max-width:300px;margin:0;font-size:16px}.po-success__summary{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);text-align:left;width:100%;margin-top:var(--po-space-3);flex-direction:column;display:flex;overflow:hidden}.po-success__summary-row{align-items:center;gap:var(--po-space-3);min-height:52px;padding:8px var(--po-space-4);border-bottom:1px solid var(--po-color-border);font-size:15px;display:flex}.po-success__summary-row:last-child{border-bottom:0}.po-success__summary-row>i{color:var(--po-color-text-muted);flex:none;font-size:20px}.po-success__summary-row>span:first-of-type{color:var(--po-color-text-muted);flex:none;width:72px}.po-success__summary-row>span:nth-of-type(2){min-width:0;font-weight:var(--po-weight-semibold);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.po-success__summary-row a{color:var(--po-color-text-link)}@keyframes po-pop{0%{opacity:0;transform:translate(-10px,10px)scale(.9)}to{opacity:1;transform:none}}.po-success__art>span{animation:po-pop var(--po-duration-stack) var(--po-ease-stack) both}.po-success__art>span:nth-child(2){animation-delay:var(--po-stack-stagger)}
.po-watermark-host{position:relative;overflow:hidden;container-type:inline-size}.po-watermark{border-radius:var(--po-radius-pill);height:max(14px,3cqw);font:var(--po-weight-semibold) max(7px,1.25cqw)/1 var(--po-font-ui);letter-spacing:.01em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.45em;padding:0 .8em 0 .5em;display:inline-flex;position:absolute;bottom:2.5cqw;right:2.5cqw}.po-watermark--inline{height:var(--wm-h,32px);font-size:calc(var(--wm-h,32px) * .42);position:relative;bottom:auto;right:auto}.po-watermark__mark{aspect-ratio:878/1024;background:url(../media/postera-mark-indigo.2msyro-fqrfhp.png) 50%/contain no-repeat;flex:none;height:62%}.po-watermark__text b{font-weight:var(--po-weight-extrabold);font-family:var(--po-font-display);letter-spacing:var(--po-tracking-wordmark)}.po-watermark--light{color:var(--po-indigo-700);background:#ffffffe6}.po-watermark--light .po-watermark__text{color:var(--po-sand-900)}.po-watermark--dark{color:#fff;background:#17162bbd}.po-watermark--dark .po-watermark__mark{background-image:url(../media/postera-mark-white.2c165i9dwjhn-.png)}
.po-source{border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-badge);background:var(--po-color-surface);height:22px;color:var(--po-color-text-muted);font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);white-space:nowrap;align-items:center;gap:5px;padding:0 8px 0 6px;display:inline-flex}.po-source>i{color:var(--po-color-text);font-size:14px}.po-source--ai{background:var(--po-color-surface-sunken);border-style:dashed}.po-source--impor{border-style:dotted;border-width:1.5px}.po-source--strategist>i,.po-source--kenalan>i{color:var(--po-color-primary)}.po-source--koreksi{border-color:var(--po-color-border-selected)}.po-source--koreksi>i{color:var(--po-color-primary)}.po-confidence{height:22px;font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);white-space:nowrap;color:var(--po-color-text-muted);align-items:center;gap:6px;display:inline-flex}.po-confidence__bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.po-confidence__bars>span{opacity:.22;background:currentColor;border-radius:1.5px;width:4px}.po-confidence__bars>span:first-child{height:5px}.po-confidence__bars>span:nth-child(2){height:8.5px}.po-confidence__bars>span:nth-child(3){height:12px}.po-confidence__bars>span.is-on{opacity:1}.po-confidence--rendah{color:var(--po-color-warning-ink)}.po-confidence--sedang{color:var(--po-color-text)}.po-confidence--tinggi{color:var(--po-color-success-ink)}.po-platform{border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-sm);background:var(--po-color-surface);height:24px;color:var(--po-color-text);font:var(--po-weight-medium) 12px/1 var(--po-font-ui);white-space:nowrap;align-items:center;gap:5px;padding:0 8px 0 6px;display:inline-flex}.po-platform>i{font-size:15px}.po-platform--icon{justify-content:center;width:24px;padding:0}.po-platform--sm{height:20px;padding:0 6px 0 4px;font-size:11px}.po-platform--sm>i{font-size:13px}.po-platform--sm.po-platform--icon{width:20px;padding:0}button.po-platform{cursor:pointer;transition:background-color var(--po-duration-fast) var(--po-ease-out),border-color var(--po-duration-fast),color var(--po-duration-fast);height:28px}button.po-platform:hover,.po-platform.is-hover{border-color:var(--po-color-border-hover);background:var(--po-color-surface-hover)}button.po-platform:active{background:var(--po-color-surface-pressed)}button.po-platform:focus-visible,.po-platform.is-focus{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-platform[aria-pressed=true]{background:var(--po-color-surface-inverse);border-color:var(--po-color-surface-inverse);color:var(--po-color-text-inverse)}.po-platform:disabled{background:var(--po-color-disabled-bg);border-color:var(--po-color-border);color:var(--po-color-text-disabled);cursor:not-allowed}.po-tag{border:1px solid var(--po-color-border-strong);height:22px;font:var(--po-weight-medium) 12px/1 var(--po-font-ui);white-space:nowrap;background:var(--po-color-surface);border-radius:4px;align-items:stretch;display:inline-flex;overflow:hidden}.po-tag__kind{background:var(--po-color-surface-sunken);border-right:1px solid var(--po-color-border-strong);color:var(--po-color-text-muted);font-size:11px;font-weight:var(--po-weight-bold);letter-spacing:var(--po-tracking-caps);text-transform:uppercase;align-items:center;padding:0 6px;display:inline-flex}.po-tag__value{color:var(--po-color-text);align-items:center;gap:4px;padding:0 7px;display:inline-flex}.po-tag__value>i{color:var(--po-color-text-muted);font-size:13px}.po-tag--seri .po-tag__kind{background:var(--po-color-accent-tint);color:var(--po-color-accent-ink)}.po-tag--tier .po-tag__value{font-weight:var(--po-weight-bold)}button.po-tag{cursor:pointer;padding:0}button.po-tag:hover{border-color:var(--po-color-border-hover)}button.po-tag:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-tag.is-empty .po-tag__value{color:var(--po-color-text-subtle);font-style:italic}
.po-readiness{flex-direction:column;gap:8px;min-width:0;display:flex}.po-readiness__head{align-items:baseline;gap:8px;display:flex}.po-readiness__label{font:var(--po-weight-semibold) var(--po-fs-sm)/1.3 var(--po-font-ui);color:var(--po-color-text);flex:1}.po-readiness__pct{font:var(--po-weight-extrabold) 22px/1 var(--po-font-display);color:var(--po-color-text-heading);font-variant-numeric:tabular-nums}.po-readiness__track{border-radius:var(--po-radius-pill);background:var(--po-color-primary-tint);height:8px;overflow:hidden}.po-readiness__fill{border-radius:inherit;background:var(--po-color-primary);height:100%;transition:width var(--po-duration-slow) var(--po-ease-out)}.po-readiness.is-complete .po-readiness__fill{background:var(--po-color-success)}.po-readiness.is-complete .po-readiness__pct{color:var(--po-color-success-ink)}.po-readiness__missing{color:var(--po-color-text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.po-readiness__missing li{align-items:center;gap:4px;display:inline-flex}.po-readiness__missing li>i{color:var(--po-color-text-subtle);font-size:12px}.po-readiness__missing .po-readiness__kurang{font-weight:var(--po-weight-semibold);color:var(--po-color-text)}.po-readiness__ok{font-size:12px;font-weight:var(--po-weight-semibold);color:var(--po-color-success-ink);align-items:center;gap:5px;display:inline-flex}.po-mix{flex-direction:column;gap:8px;min-width:0;display:flex}.po-mix__head{font:var(--po-weight-semibold) var(--po-fs-sm)/1.3 var(--po-font-ui);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.po-mix__head span{font-weight:var(--po-weight-regular);color:var(--po-color-text-muted);font-size:12px}.po-mix__row{grid-template-columns:76px minmax(0,1fr) 52px 18px;align-items:center;gap:10px;font-size:12px;display:grid}.po-mix__label{font-weight:var(--po-weight-semibold);color:var(--po-color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-mix__track{background:var(--po-color-surface-sunken);border-radius:3px;height:10px;position:relative}.po-mix__fill{background:var(--po-color-primary-light);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.po-mix__target{background:var(--po-color-text);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.po-mix__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--po-color-text-muted)}.po-mix__value b{color:var(--po-color-text);font-weight:var(--po-weight-bold)}.po-mix__flag{color:var(--po-color-warning);font-size:16px}.po-mix__row.is-over .po-mix__fill{background:repeating-linear-gradient(135deg,var(--po-color-warning) 0 4px,var(--po-orange-300) 4px 7px)}.po-mix__row.is-over .po-mix__value b{color:var(--po-color-warning-ink)}.po-mix__row.is-ok .po-mix__flag{color:var(--po-color-success)}.po-mix__note{color:var(--po-color-warning-ink);font-size:12px;font-weight:var(--po-weight-semibold);align-items:center;gap:6px;display:flex}.po-mix__legend{color:var(--po-color-text-muted);gap:12px;font-size:11px;display:flex}.po-mix__legend span{align-items:center;gap:5px;display:inline-flex}.po-pkg{border-radius:var(--po-radius-sm);background:var(--po-color-surface-sunken);height:26px;font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);color:var(--po-color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.po-pkg__n{color:var(--po-color-text);font-weight:var(--po-weight-bold)}.po-pkg__bar{background:var(--po-color-border-strong);border-radius:2px;width:28px;height:4px;overflow:hidden}.po-pkg__bar>span{background:var(--po-color-primary);height:100%;display:block}.po-pkg>i{font-size:14px}.po-pkg.is-full{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.po-pkg.is-full .po-pkg__n{color:var(--po-color-success-ink)}.po-pkg.is-full .po-pkg__bar>span{background:var(--po-color-success)}.po-pkg.is-over{background:var(--po-color-warning-tint);color:var(--po-color-warning-ink)}.po-pkg.is-over .po-pkg__n{color:var(--po-color-warning-ink)}.po-pkg.is-over .po-pkg__bar>span{background:var(--po-color-warning)}.po-version{border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-badge);background:var(--po-color-surface);height:20px;font:var(--po-weight-semibold) 11px/1 var(--po-font-mono);color:var(--po-color-text-muted);white-space:nowrap;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.po-version.is-current{background:var(--po-color-primary-tint);color:var(--po-color-text-heading);border-color:#0000}.po-version.is-current:before{content:"";background:var(--po-color-primary);border-radius:2px;width:6px;height:6px}button.po-version{cursor:pointer}button.po-version:hover{border-color:var(--po-color-border-hover)}button.po-version:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-version__note{font-family:var(--po-font-ui);font-weight:var(--po-weight-medium)}.po-late{font:var(--po-weight-semibold) 12px/1.2 var(--po-font-ui);color:var(--po-color-danger-ink);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.po-late>i{color:var(--po-color-danger);font-size:15px}.po-late--soon{color:var(--po-color-warning-ink)}.po-late--soon>i{color:var(--po-color-warning)}.po-late--pill{border-radius:var(--po-radius-badge);background:var(--po-color-danger-tint);height:22px;padding:0 8px 0 6px}.po-late--soon.po-late--pill{background:var(--po-color-warning-tint)}
.po-prompt{border:1px solid var(--po-color-border);border-radius:var(--po-radius-md);background:var(--po-color-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.po-prompt__head{border-bottom:1px solid var(--po-color-border);align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.po-prompt__title{min-width:0;font:var(--po-weight-semibold) var(--po-fs-sm)/1.3 var(--po-font-ui);color:var(--po-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.po-prompt__count{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.po-prompt__body{background:var(--po-color-surface-sunken);position:relative}.po-prompt__pre{max-height:var(--po-prompt-max,168px);font:var(--po-weight-regular) 12.5px/1.6 var(--po-font-mono);color:var(--po-color-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;overflow:hidden}.po-prompt.is-open .po-prompt__pre{max-height:none}.po-prompt__fade{background:linear-gradient(to bottom,transparent,var(--po-color-surface-sunken) 78%);pointer-events:none;justify-content:center;align-items:flex-end;height:64px;padding-bottom:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.po-prompt__more{pointer-events:auto;white-space:nowrap;border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-pill);background:var(--po-color-surface);height:26px;color:var(--po-color-text-link);font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);cursor:pointer;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.po-prompt__more:hover{border-color:var(--po-color-border-hover)}.po-prompt__more:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-prompt.is-open .po-prompt__fade{background:0 0;height:auto;padding:0 0 8px;position:static}.po-copy-btn.is-copied{background:var(--po-color-success-tint);border-color:var(--po-color-success-border);color:var(--po-color-success-ink)}.po-json{flex-direction:column;gap:10px;min-width:0;display:flex}.po-json__area{font-family:var(--po-font-mono);tab-size:2;white-space:pre;min-height:150px;font-size:12.5px;line-height:1.6}.po-json__bar{align-items:center;gap:8px;display:flex}.po-json__bar .po-hint{flex:1}.po-json__result{border-radius:var(--po-radius-md);border:1px solid var(--po-color-border);font-size:var(--po-fs-sm);flex-direction:column;gap:8px;padding:10px 12px;line-height:1.45;display:flex}.po-json__result-title{font-weight:var(--po-weight-bold);align-items:center;gap:6px;display:flex}.po-json__result-title>i{font-size:18px}.po-json__result--valid{background:var(--po-color-success-tint);border-color:var(--po-color-success-border)}.po-json__result--valid .po-json__result-title{color:var(--po-color-success-ink)}.po-json__result--errors{background:var(--po-color-warning-tint);border-color:var(--po-color-warning-border)}.po-json__result--errors .po-json__result-title{color:var(--po-color-warning-ink)}.po-json__result--invalid{background:var(--po-color-danger-tint);border-color:var(--po-color-danger-border)}.po-json__result--invalid .po-json__result-title{color:var(--po-color-danger-ink)}.po-json__fields{flex-wrap:wrap;gap:6px;display:flex}.po-json__field{border-radius:var(--po-radius-badge);background:var(--po-color-surface);height:24px;font:var(--po-weight-medium) 12px/1 var(--po-font-mono);color:var(--po-color-text);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.po-json__field span{font-family:var(--po-font-ui);color:var(--po-color-text-muted)}.po-json__errors{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.po-json__errors li{align-items:baseline;gap:8px;display:flex}.po-json__path{font:var(--po-weight-semibold) 12px/1.4 var(--po-font-mono);color:var(--po-color-text-link);text-underline-offset:.18em;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:underline}.po-json__path:hover{color:var(--po-color-text-link-hover)}.po-json__path:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px;border-radius:3px}.po-json__loc{font:var(--po-weight-semibold) 12px/1.4 var(--po-font-mono);color:var(--po-color-danger-ink)}
.po-review-list{border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);background:var(--po-color-surface);flex-direction:column;display:flex;overflow:hidden}.po-review-row{border-bottom:1px solid var(--po-color-border);transition:background-color var(--po-duration-fast) var(--po-ease-out);grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:6px 14px;padding:12px 14px;display:grid;position:relative}.po-review-row:last-child{border-bottom:0}.po-review-row:hover{background:var(--po-color-surface-hover)}.po-review-row:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.po-review-row--belum:before{background:var(--po-color-border-strong)}.po-review-row__label{font:var(--po-weight-semibold) 12px/1.35 var(--po-font-ui);color:var(--po-color-text-muted);flex-direction:column;gap:3px;padding-top:2px;display:flex}.po-review-row__label code{font:var(--po-weight-regular) 11px/1.3 var(--po-font-mono);color:var(--po-color-text-subtle)}.po-review-row__main{flex-direction:column;gap:6px;min-width:0;display:flex}.po-review-row__value{font-size:var(--po-fs-body);color:var(--po-color-text);text-wrap:pretty;overflow-wrap:anywhere;line-height:1.45}.po-review-row__old{color:var(--po-color-text-subtle);font-size:12px;text-decoration:line-through}.po-review-row__reason{color:var(--po-color-text-muted);gap:6px;font-size:12px;line-height:1.4;display:flex}.po-review-row__reason>i{margin-top:1px;font-size:14px}.po-review-row__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.po-review-row__actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.po-review-row__done{font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);color:var(--po-color-success-ink);align-items:center;gap:5px;display:inline-flex}.po-review-row__done>i{font-size:15px}.po-review-row__changed{color:var(--po-color-text-heading)}.po-review-row--anchor,.po-review-row--anchor:hover{background:var(--po-color-surface-sunken)}.po-review-row--anchor:before{background:var(--po-color-primary)}.po-review-row__lock{font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);color:var(--po-color-text-heading);align-items:center;gap:5px;display:inline-flex}.po-review-row--editing,.po-review-row--editing:hover{background:var(--po-color-surface-tint)}.po-review-row--editing:before{background:var(--po-color-primary)}.po-review-row__edit{flex-direction:column;gap:10px;display:flex}.po-review-row__edit-actions{justify-content:flex-end;gap:8px;display:flex}.po-istepper{align-items:flex-start;gap:0;min-width:0;margin:0;padding:0;list-style:none;display:flex}.po-istep{flex-direction:column;flex:1;gap:6px;min-width:0;padding-right:12px;display:flex;position:relative}.po-istep:last-child{flex:none;padding-right:0}.po-istep:after{content:"";background:var(--po-color-border-strong);border-radius:2px;height:2px;position:absolute;top:13px;left:36px;right:8px}.po-istep:last-child:after{display:none}.po-istep--done:after{background:var(--po-color-primary)}.po-istep__marker{border:2px solid var(--po-color-border-strong);background:var(--po-color-surface-raised);width:28px;height:28px;color:var(--po-color-text-muted);z-index:1;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex;position:relative}.po-istep--done .po-istep__marker{background:var(--po-color-primary);border-color:var(--po-color-primary);color:var(--po-color-on-primary)}.po-istep--current .po-istep__marker{border-color:var(--po-color-primary);color:var(--po-color-primary);box-shadow:0 0 0 4px var(--po-color-primary-tint)}.po-istep--waiting .po-istep__marker{border-color:var(--po-color-warning);color:var(--po-color-warning);background:var(--po-color-warning-tint);box-shadow:none}.po-istep__label{font:var(--po-weight-semibold) var(--po-fs-sm)/1.3 var(--po-font-ui);color:var(--po-color-text)}.po-istep--upcoming .po-istep__label{color:var(--po-color-text-muted);font-weight:var(--po-weight-medium)}.po-istep__meta{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.3}.po-istep--waiting .po-istep__meta{color:var(--po-color-warning-ink);font-weight:var(--po-weight-semibold)}.po-istep__subs{flex-wrap:wrap;gap:4px;display:flex}.po-isub{height:20px;font:var(--po-weight-bold) 11px/1 var(--po-font-ui);background:var(--po-color-surface-sunken);color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:6px;align-items:center;gap:3px;padding:0 6px;display:inline-flex}.po-isub--done{background:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.po-isub--current{background:var(--po-color-surface);border-color:var(--po-color-primary);color:var(--po-color-text-heading)}.po-isub--waiting{background:var(--po-color-warning-tint);border-color:var(--po-color-warning-border);color:var(--po-color-warning-ink)}.po-isub>i{font-size:11px}.po-istepper--compact .po-istep__meta,.po-istepper--compact .po-istep__label{display:none}.po-istepper--compact .po-istep:after{left:30px;right:2px}
.po-checklist{border:1px solid var(--po-color-border);border-radius:var(--po-radius-md);background:var(--po-color-surface);flex-direction:column;min-width:0;display:flex}.po-checklist__head{border-bottom:1px solid var(--po-color-border);align-items:center;gap:8px;padding:10px 12px;display:flex}.po-checklist__title{font:var(--po-weight-bold) var(--po-fs-ui)/1.3 var(--po-font-ui);flex:1;margin:0}.po-checklist__count{font-size:12px;font-weight:var(--po-weight-semibold);color:var(--po-color-text-muted);font-variant-numeric:tabular-nums}.po-checklist__count.is-all{color:var(--po-color-success-ink)}.po-checklist__items{flex-direction:column;padding:4px 12px;display:flex}.po-checklist__item{border-bottom:1px dashed var(--po-color-border);align-items:center;gap:8px;display:flex}.po-checklist__item:last-child{border-bottom:0}.po-checklist__item .po-choice{flex:1;min-width:0}.po-checklist__item.is-done .po-choice>span:first-of-type{color:var(--po-color-text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--po-color-border-hover);text-decoration-color:var(--po-color-border-hover)}.po-checklist__who{color:var(--po-color-text-muted);white-space:nowrap;font-size:12px}.po-checklist__foot{border-top:1px solid var(--po-color-border);background:var(--po-color-bg);border-radius:0 0 var(--po-radius-md) var(--po-radius-md);align-items:center;gap:10px;padding:10px 12px;display:flex}.po-checklist__foot .po-hint{flex:1}.po-checklist__ready{font:var(--po-weight-bold) var(--po-fs-sm)/1 var(--po-font-ui);color:var(--po-color-success-ink);align-items:center;gap:6px;display:inline-flex}.po-checklist__ready>i{font-size:18px}.po-checklist .po-tooltip-anchor>.po-tooltip{white-space:normal;width:max-content;max-width:240px;left:auto;right:0;transform:none}.po-checklist .po-tooltip-anchor>.po-tooltip:after{left:auto;right:24px}
.po-uploader{flex-direction:column;gap:10px;min-width:0;display:flex}.po-drop{border:1.5px dashed var(--po-color-border-hover);border-radius:var(--po-radius-md);background:var(--po-color-surface-sunken);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:border-color var(--po-duration-fast) var(--po-ease-out),background-color var(--po-duration-fast);align-items:center;gap:14px;padding:14px 16px;display:flex}.po-drop:hover,.po-drop.is-hover{border-color:var(--po-color-primary-light);background:var(--po-color-primary-tint-hover)}.po-drop.is-over{border-color:var(--po-color-primary);background:var(--po-color-primary-tint);border-style:solid}.po-drop:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-drop.is-disabled{cursor:not-allowed;opacity:.6}.po-drop__icon{background:var(--po-color-surface);width:40px;height:40px;color:var(--po-color-primary);box-shadow:var(--po-shadow-1);border-radius:15px;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex}.po-drop.is-over .po-drop__icon{background:var(--po-color-primary);color:var(--po-color-on-primary)}.po-drop__text{flex-direction:column;gap:2px;min-width:0;display:flex}.po-drop__title{font:var(--po-weight-semibold) var(--po-fs-ui)/1.3 var(--po-font-ui)}.po-drop__title u{color:var(--po-color-text-link);text-underline-offset:.18em}.po-drop__hint{color:var(--po-color-text-muted);font-size:12px}.po-files{border:1px solid var(--po-color-border);border-radius:var(--po-radius-md);background:var(--po-color-surface);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.po-file{border-bottom:1px solid var(--po-color-border);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:grid}.po-file:last-child{border-bottom:0}.po-file__thumb{background:var(--po-color-surface-sunken);width:44px;height:44px;color:var(--po-color-text-subtle);border-radius:16px;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative;overflow:hidden}.po-file__thumb>img{object-fit:cover;width:100%;height:100%}.po-file__kind{color:#fff;background:#17162bb8;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;bottom:3px;right:3px}.po-file__main{flex-direction:column;gap:3px;min-width:0;display:flex}.po-file__name{font:var(--po-weight-semibold) 13px/1.3 var(--po-font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-file__meta{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.po-file__meta>span{white-space:nowrap}.po-file__versions{gap:3px;display:flex}.po-file__actions{align-items:center;gap:2px;display:flex}.po-file__progress{align-items:center;gap:8px;display:flex}.po-file__progress .po-progress{flex:1}.po-file.is-error .po-file__name,.po-file.is-error .po-file__meta{color:var(--po-color-danger-ink)}.po-file.is-error .po-file__thumb{background:var(--po-color-danger-tint);color:var(--po-color-danger)}.po-file.is-new{animation:po-file-in var(--po-duration-slow) var(--po-ease-out) both}@keyframes po-file-in{0%{background:var(--po-color-primary-tint)}to{background:0 0}}
.po-stat{border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);background:var(--po-color-surface);flex-direction:column;gap:8px;min-width:0;padding:14px 16px;display:flex}.po-stat__label{font:var(--po-weight-semibold) 12px/1.3 var(--po-font-ui);color:var(--po-color-text-muted);align-items:center;gap:6px;display:flex}.po-stat__label>i{font-size:15px}.po-stat__row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.po-stat__num{font:var(--po-weight-extrabold) 34px/1 var(--po-font-display);color:var(--po-color-text-heading);font-variant-numeric:tabular-nums;letter-spacing:var(--po-tracking-display);white-space:nowrap}.po-stat__unit{font:var(--po-weight-semibold) 14px/1 var(--po-font-ui);color:var(--po-color-text-muted);letter-spacing:0;margin-left:4px}.po-stat__spark{flex:none;display:block}.po-stat__foot{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.po-delta{height:20px;font:var(--po-weight-bold) 12px/1 var(--po-font-ui);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:3px;padding:0 6px;display:inline-flex}.po-delta>i{font-size:13px}.po-delta--good{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.po-delta--bad{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.po-delta--flat{background:var(--po-color-surface-sunken);color:var(--po-color-text-muted)}.po-chart{flex-direction:column;gap:10px;min-width:0;display:flex}.po-chart__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.po-chart__title{font:var(--po-weight-bold) var(--po-fs-ui)/1.3 var(--po-font-ui);margin:0}.po-chart__legend{color:var(--po-color-text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.po-chart__legend span{align-items:center;gap:6px;display:inline-flex}.po-chart__legend b{border-radius:3px;width:10px;height:10px;display:inline-block}.po-chart svg{display:block;overflow:visible}.po-chart text{font-family:var(--po-font-ui);fill:var(--po-color-text-muted);font-variant-numeric:tabular-nums;font-size:11px}.po-chart .po-chart__grid{stroke:var(--po-color-border);stroke-width:1px}.po-chart .po-chart__axis{stroke:var(--po-color-border-strong);stroke-width:1px}.po-chart__bar{transition:opacity var(--po-duration-fast)}.po-chart__bar:hover{opacity:.8}.po-chart__tip{fill:var(--po-color-text);font-weight:600}
.po-cal{flex-direction:column;gap:12px;min-width:0;display:flex}.po-cal__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.po-cal__title{font:var(--po-weight-extrabold) 20px/1.2 var(--po-font-display);color:var(--po-color-text-heading);font-variant-numeric:tabular-nums;margin:0 8px 0 0}.po-cal__nav{gap:2px;display:flex}.po-cal__spacer{flex:1}.po-cal__grid{border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);background:var(--po-color-border);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.po-cal__dow{background:var(--po-color-bg);font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);color:var(--po-color-text-muted);padding:8px 10px}.po-cal__dow.is-weekend{color:var(--po-color-text-subtle)}.po-cal__cell{background:var(--po-color-surface);flex-direction:column;gap:3px;min-width:0;min-height:112px;padding:6px;display:flex}.po-cal__cell.is-weekend{background:repeating-linear-gradient(135deg,var(--po-color-bg) 0 6px,var(--po-sand-100) 6px 7px)}.po-cal__cell.is-outside{background:var(--po-color-bg)}.po-cal__cell.is-outside .po-cal__num{color:var(--po-color-text-subtle);font-weight:var(--po-weight-medium)}.po-cal__cell.is-today{box-shadow:inset 0 0 0 2px var(--po-color-primary)}.po-cal__daybtn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:0 2px 2px;display:flex}.po-cal__daybtn:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:1px}.po-cal__num{min-width:24px;height:24px;font:var(--po-weight-bold) 13px/1 var(--po-font-ui);color:var(--po-color-text);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.po-cal__cell.is-today .po-cal__num{background:var(--po-color-primary);color:var(--po-color-on-primary)}.po-cal__today{font-size:11px;font-weight:var(--po-weight-bold);color:var(--po-color-primary)}.po-cal-chip{border:1px solid var(--po-color-border);background:var(--po-color-surface);width:100%;min-width:0;height:22px;color:var(--po-color-text);font:var(--po-weight-semibold) 11px/1 var(--po-font-ui);cursor:pointer;text-align:left;transition:border-color var(--po-duration-fast),box-shadow var(--po-duration-fast);border-radius:6px;align-items:center;gap:4px;padding:0 4px 0 5px;display:flex;overflow:hidden}.po-cal-chip:hover,.po-cal-chip.is-hover{border-color:var(--po-color-border-hover);box-shadow:var(--po-shadow-1)}.po-cal-chip:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:1px}.po-cal-chip>.po-brand-swatch{border-radius:3px;width:8px;height:8px}.po-cal-chip__plat{color:var(--po-color-text-muted);font-size:12px}.po-cal-chip__time{font-variant-numeric:tabular-nums}.po-cal-chip__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--po-weight-medium);color:var(--po-color-text-muted);flex:1;overflow:hidden}.po-cal-chip__status{color:var(--po-color-text-muted);flex:none;margin-left:auto;font-size:13px}.po-cal-chip__status--terjadwal{color:var(--po-color-primary)}.po-cal-chip__status--diposting,.po-cal-chip__status--diukur{color:var(--po-color-success)}.po-cal-chip.is-late{border-color:var(--po-color-danger-border);background:var(--po-color-danger-tint)}.po-cal-chip.is-late .po-cal-chip__late{color:var(--po-color-danger);font-size:12px}.po-cal-chip.is-done{background:var(--po-color-bg)}.po-cal-chip.is-done .po-cal-chip__time{color:var(--po-color-text-muted)}.po-cal__more{height:20px;color:var(--po-color-text-link);font:var(--po-weight-bold) 11px/1 var(--po-font-ui);cursor:pointer;background:0 0;border:0;border-radius:6px;align-self:flex-start;padding:0 6px}.po-cal__more:hover{background:var(--po-color-primary-tint-hover)}.po-cal__more:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring)}.po-cal--week .po-cal__cell{gap:6px;min-height:360px;padding:8px}.po-cal__weekhead{background:var(--po-color-bg);font:var(--po-weight-semibold) 12px/1 var(--po-font-ui);color:var(--po-color-text-muted);justify-content:space-between;align-items:baseline;padding:6px 10px 8px;display:flex}.po-cal__weekhead b{font:var(--po-weight-extrabold) 18px/1 var(--po-font-display);color:var(--po-color-text);font-variant-numeric:tabular-nums}.po-cal__weekhead.is-today{background:var(--po-color-primary-tint)}.po-cal__weekhead.is-today b{color:var(--po-color-primary)}.po-cal-chip--lg{border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;height:auto;padding:7px 8px 8px;position:relative;overflow:hidden}.po-cal-chip--lg .po-cal-chip__row{align-items:center;gap:5px;display:flex}.po-cal-chip--lg .po-cal-chip__title{white-space:normal;color:var(--po-color-text);font:var(--po-weight-bold) 12px/1.3 var(--po-font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.po-cal-chip--lg .po-cal-chip__brand{font-size:11px;font-weight:var(--po-weight-medium);color:var(--po-color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.po-kanban{grid-auto-columns:minmax(232px,1fr);grid-auto-flow:column;align-items:start;gap:10px;min-width:0;padding-bottom:6px;display:grid;overflow-x:auto}.po-kcol{border-radius:var(--po-radius-card);background:var(--po-color-surface-sunken);min-height:280px;transition:border-color var(--po-duration-fast),background-color var(--po-duration-fast);border:1px solid #0000;flex-direction:column;gap:8px;padding:8px;display:flex}.po-kcol.is-over{border:1px dashed var(--po-color-primary);background:var(--po-color-primary-tint-hover)}.po-kcol__head{align-items:center;gap:6px;padding:2px 2px 4px;display:flex}.po-kcol__count{border-radius:var(--po-radius-pill);background:var(--po-color-surface);min-width:22px;height:20px;color:var(--po-color-text-muted);font:var(--po-weight-bold) 12px/20px var(--po-font-ui);text-align:center;font-variant-numeric:tabular-nums;margin-left:auto;padding:0 6px}.po-kcol__empty{border:1.5px dashed var(--po-color-border-strong);border-radius:var(--po-radius-md);min-height:120px;color:var(--po-color-text-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;display:flex}.po-kcol__empty>i{font-size:22px}.po-kcol.is-over .po-kcol__empty{border-color:var(--po-color-primary);color:var(--po-color-primary)}.po-kcard{border:1px solid var(--po-color-border);border-radius:var(--po-radius-md);background:var(--po-color-surface);cursor:grab;text-align:left;transition:box-shadow var(--po-duration-base) var(--po-ease-out),border-color var(--po-duration-fast),transform var(--po-duration-fast);flex-direction:column;gap:8px;padding:10px 10px 10px 8px;display:flex;position:relative}.po-kcard:hover,.po-kcard.is-hover{border-color:var(--po-color-border-hover);box-shadow:var(--po-shadow-2)}.po-kcard:hover .po-kcard__grip,.po-kcard.is-hover .po-kcard__grip{color:var(--po-color-text-muted)}.po-kcard:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:2px}.po-kcard:active,.po-kcard.is-dragging{cursor:grabbing}.po-kcard.is-dragging{opacity:.5;box-shadow:var(--po-shadow-3);transform:rotate(-1.5deg)}.po-kcard.is-late{border-color:var(--po-color-danger-border)}.po-kcard__top{align-items:center;gap:6px;min-width:0;display:flex}.po-kcard__grip{color:var(--po-color-border-hover);flex:none;margin-left:-2px;font-size:16px}.po-kcard__brand{min-width:0;font-size:12px;font-weight:var(--po-weight-semibold);color:var(--po-color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.po-kcard__title{font:var(--po-weight-bold) 13px/1.35 var(--po-font-ui);color:var(--po-color-text);text-wrap:pretty;padding-left:18px}.po-kcard__tags{flex-wrap:wrap;gap:4px;padding-left:18px;display:flex}.po-kcard__foot{color:var(--po-color-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding-left:18px;font-size:12px;display:flex}.po-kcard__foot .po-avatar{margin-left:auto}
.po-taskgroup{border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);background:var(--po-color-surface);flex-direction:column;display:flex;overflow:hidden}.po-taskgroup__head{border-bottom:1px solid var(--po-color-border);background:var(--po-color-bg);align-items:center;gap:8px;min-height:44px;padding:0 14px;display:flex}.po-taskgroup__head>i{color:var(--po-color-text-muted);font-size:18px}.po-taskgroup__title{font:var(--po-weight-extrabold) 15px/1.2 var(--po-font-display);color:var(--po-color-text-heading);margin:0}.po-taskgroup__count{border-radius:var(--po-radius-pill);background:var(--po-color-surface-sunken);min-width:22px;height:20px;color:var(--po-color-text-muted);font:var(--po-weight-bold) 12px/20px var(--po-font-ui);text-align:center;font-variant-numeric:tabular-nums;padding:0 6px}.po-taskgroup__meta{color:var(--po-color-text-muted);margin-left:auto;font-size:12px}.po-taskgroup--danger{border-color:var(--po-color-danger-border)}.po-taskgroup--danger .po-taskgroup__head{background:var(--po-color-danger-tint);border-color:var(--po-color-danger-border)}.po-taskgroup--danger .po-taskgroup__head>i,.po-taskgroup--danger .po-taskgroup__title{color:var(--po-color-danger-ink)}.po-taskgroup--danger .po-taskgroup__count{background:var(--po-color-surface);color:var(--po-color-danger-ink)}.po-taskgroup__empty{color:var(--po-color-text-muted);padding:14px;font-size:13px}.po-task{border-bottom:1px solid var(--po-color-border);cursor:pointer;min-height:56px;transition:background-color var(--po-duration-fast) var(--po-ease-out);grid-template-columns:32px minmax(0,1fr) 176px 176px 24px 92px 160px;align-items:center;gap:12px;padding:8px 12px 8px 14px;display:grid}.po-task:last-child{border-bottom:0}.po-task:hover,.po-task.is-hover{background:var(--po-color-surface-hover)}.po-task:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:-2px}.po-task__main{flex-direction:column;gap:2px;min-width:0;display:flex}.po-task__title{font:var(--po-weight-semibold) var(--po-fs-ui)/1.35 var(--po-font-ui);color:var(--po-color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-task__meta{color:var(--po-color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.po-task__plats{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.po-task__due{font:var(--po-weight-bold) 13px/1.2 var(--po-font-ui);font-variant-numeric:tabular-nums;color:var(--po-color-text);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.po-task__due span{font-size:11px;font-weight:var(--po-weight-medium);color:var(--po-color-text-muted)}.po-task__due.is-late,.po-task__due.is-late span{color:var(--po-color-danger-ink)}.po-task__action{justify-content:flex-end;display:flex}.po-task__action .po-btn{min-width:136px}.po-task.is-done{opacity:.6}.po-task.is-done .po-task__title{text-decoration:line-through;-webkit-text-decoration-color:var(--po-color-border-hover);text-decoration-color:var(--po-color-border-hover)}