.po-app{background:var(--po-color-bg);min-height:100vh;color:var(--po-color-text);grid-template-columns:auto minmax(0,1fr);display:grid}.po-app__main{flex-direction:column;min-width:0;display:flex}.po-app__content{flex-direction:column;gap:16px;min-width:0;padding:20px 32px 48px;display:flex}.po-side{background:var(--po-color-surface);border-right:1px solid var(--po-color-border);width:248px;height:100vh;transition:width var(--po-duration-base) var(--po-ease-out);z-index:20;flex-direction:column;gap:12px;padding:12px;display:flex;position:sticky;top:0;overflow:hidden}.po-side.is-collapsed{width:68px;padding:12px 10px}.po-side__logo{align-items:center;gap:10px;height:40px;padding:0 4px 0 6px;display:flex}.po-side__logo img{flex:none;height:28px}.po-side__wordmark{font:var(--po-weight-extrabold) 20px/1 var(--po-font-display);letter-spacing:var(--po-tracking-wordmark);color:var(--po-color-text-heading)}.po-side__collapse{margin-left:auto}.po-side.is-collapsed .po-side__logo{flex-direction:column;gap:8px;height:auto;padding:0}.po-side.is-collapsed .po-side__collapse{margin-left:0}.po-side__nav{flex-direction:column;gap:2px;display:flex}.po-side__item{width:100%;height:36px;color:var(--po-color-text-muted);font:var(--po-weight-semibold) 14px/1 var(--po-font-ui);text-align:left;cursor:pointer;transition:background-color var(--po-duration-fast),color var(--po-duration-fast);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.po-side__item>i{flex:none;font-size:20px}.po-side__item>span:not(.po-badge):not(.po-side__dot){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.po-side__item:hover,.po-side__item.is-hover{background:var(--po-color-surface-hover);color:var(--po-color-text)}.po-side__item:active{background:var(--po-color-surface-pressed)}.po-side__item[aria-current=page]{background:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.po-side__item[aria-current=page]>i{color:var(--po-color-primary)}.po-side__item:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:-2px}.po-side__item:disabled{color:var(--po-color-text-disabled);cursor:not-allowed;background:0 0}.po-side.is-collapsed .po-side__item{justify-content:center;width:48px;padding:0}.po-side.is-collapsed .po-side__item>span,.po-side.is-collapsed .po-side__item>.po-badge{display:none}.po-side__dot{background:var(--po-color-danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--po-color-surface);border-radius:3px;display:none;position:absolute;top:6px;right:8px}.po-side.is-collapsed .po-side__dot{display:block}.po-side__foot{border-top:1px solid var(--po-color-border);flex-direction:column;gap:2px;margin-top:auto;padding-top:10px;display:flex}.po-bswitch{border:1px solid var(--po-color-border-strong);border-radius:var(--po-radius-md);background:var(--po-color-bg);width:100%;min-height:52px;color:var(--po-color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--po-duration-fast),background-color var(--po-duration-fast);align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}.po-bswitch:hover,.po-bswitch.is-hover{border-color:var(--po-color-border-hover);background:var(--po-color-surface-hover)}.po-bswitch.is-open{border-color:var(--po-color-primary);box-shadow:0 0 0 1px var(--po-color-primary)}.po-bswitch__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.po-bswitch__name{font:var(--po-weight-bold) 14px/1.2 var(--po-font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-bswitch__meta{color:var(--po-color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.po-bswitch>i{color:var(--po-color-text-muted);font-size:16px}.po-bswitch__all{background:var(--po-color-primary-tint);width:32px;height:32px;color:var(--po-color-primary);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.po-menu .po-bswitch__all{border-radius:9px;width:24px;height:24px;font-size:14px}.po-side.is-collapsed .po-bswitch{justify-content:center;width:48px;min-height:48px;padding:6px}.po-side.is-collapsed .po-bswitch__main,.po-side.is-collapsed .po-bswitch>i{display:none}.po-side .po-menu-anchor{display:flex}.po-topbar{z-index:15;background:var(--po-color-bg);border-bottom:1px solid var(--po-color-border);align-items:center;gap:12px;height:60px;padding:0 24px 0 32px;display:flex;position:sticky;top:0}.po-topbar__search{width:340px;max-width:40%}.po-topbar__search .po-input{background:var(--po-color-surface)}.po-topbar__kbd{font:var(--po-weight-semibold) 11px/1 var(--po-font-mono);color:var(--po-color-text-subtle);border:1px solid var(--po-color-border-strong);pointer-events:none;background:var(--po-color-surface);border-radius:5px;padding:3px 5px;position:absolute;right:8px}.po-route{border-radius:var(--po-radius-badge);background:var(--po-color-surface-sunken);height:24px;font:var(--po-weight-medium) 12px/1 var(--po-font-mono);color:var(--po-color-text-muted);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.po-route>i{font-size:13px}.po-topbar__spacer{flex:1}.po-usermenu{border-radius:var(--po-radius-pill);height:40px;transition:background-color var(--po-duration-fast);align-items:center;gap:8px;padding:0 8px 0 4px;display:flex}.po-usermenu:hover{background:var(--po-color-surface-hover)}.po-usermenu__name{font:var(--po-weight-semibold) 13px/1.15 var(--po-font-ui);flex-direction:column;gap:1px;display:flex}.po-usermenu__name span{font-size:11px;font-weight:var(--po-weight-medium);color:var(--po-color-text-muted)}.po-usermenu>i{color:var(--po-color-text-muted);font-size:14px}.po-pagehead{background:var(--po-color-bg);flex-direction:column;gap:14px;padding:20px 32px 0;display:flex}.po-pagehead--flat{padding-bottom:4px}.po-pagehead__row{align-items:center;gap:14px;min-width:0;display:flex}.po-pagehead__titles{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.po-pagehead__title{font:var(--po-weight-extrabold) 28px/1.15 var(--po-font-display);color:var(--po-color-text-heading);text-wrap:balance;margin:0}.po-pagehead__meta{color:var(--po-color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.po-pagehead__actions{align-items:center;gap:8px;display:flex}.po-pagehead .po-tabs{margin:0 -4px}
.po-accordion{border-top:1px solid var(--po-color-border);flex-direction:column;display:flex}.po-accordion__item{border-bottom:1px solid var(--po-color-border)}.po-accordion__q{min-height:var(--po-tap-target,44px);cursor:pointer;font:var(--po-weight-bold) var(--po-fs-lead)/1.35 var(--po-font-display);color:var(--po-color-text-heading);align-items:center;gap:16px;padding:18px 0;list-style:none;display:flex}.po-accordion__q::-webkit-details-marker{display:none}.po-accordion__q:after{content:"";background:var(--po-color-primary-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%233B3AA8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;width:32px;height:32px;transition:transform var(--po-duration-base) var(--po-ease-out);border-radius:12px;flex:none;margin-left:auto}.po-accordion__item[open] .po-accordion__q:after{transform:rotate(45deg)}.po-accordion__q:hover{color:var(--po-color-primary)}.po-accordion__q:focus-visible{outline:var(--po-focus-width) solid var(--po-color-focus-ring);outline-offset:4px;border-radius:6px}.po-accordion__a{font-size:var(--po-fs-body);line-height:var(--po-lh-relaxed);color:var(--po-color-text-muted);text-wrap:pretty;padding:0 48px 20px 0}.po-wa-bar{z-index:50;padding:10px 16px calc(10px + var(--po-safe-bottom));background:var(--po-color-surface);border-top:1px solid var(--po-color-border);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 16px -6px #2a29801f}.po-wa-bar__text{min-width:0;font:var(--po-weight-semibold) 14px/1.3 var(--po-font-ui);color:var(--po-color-text);flex:1}.po-wa-bar__text span{font-weight:var(--po-weight-regular);color:var(--po-color-text-muted);font-size:13px;display:block}.po-wa-bar .po-btn{border-radius:var(--po-radius-md);height:48px;padding:0 18px;font-size:16px}@media (min-width:768px){.po-wa-bar{display:none}}.po-post-stack{gap:var(--po-stack-gap,8px);grid-template-columns:repeat(3,1fr);display:grid}.po-post-stack>.po-tile{aspect-ratio:1;width:100%;height:auto;font:var(--po-weight-semibold) 11px/1.2 var(--po-font-ui);color:var(--po-color-text-muted);background:var(--po-sand-100);border-radius:22%;align-items:flex-end;padding:10%;display:flex}.po-post-stack>.po-tile--primary{background:var(--po-indigo-600);color:var(--po-indigo-100)}.po-post-stack>.po-tile--dark{background:var(--po-indigo-700);color:var(--po-indigo-100)}.po-post-stack>.po-tile--light{background:var(--po-indigo-400);color:#fff}.po-post-stack>.po-tile--post{background:var(--po-marigold-400);color:var(--po-marigold-800)}.po-section-eyebrow{font:var(--po-weight-bold) 13px/1 var(--po-font-ui);letter-spacing:var(--po-tracking-caps);text-transform:uppercase;color:var(--po-color-primary);align-items:center;gap:8px;display:inline-flex}.po-section-eyebrow:before{content:"";background:var(--po-color-accent);border-radius:4px;width:10px;height:10px}[data-po-theme=night] .po-section-eyebrow{color:var(--po-color-text-link)}

html,body{background:var(--po-color-bg);color:var(--po-color-text);font-family:var(--po-font-ui);margin:0}a{color:var(--po-color-text-link)}a:hover{color:var(--po-color-text-link-hover)}.po-app .po-side{height:100vh;position:sticky;top:0}.po-app .po-topbar{z-index:20;position:sticky;top:0}.app-toast-dock{pointer-events:none;z-index:60;justify-content:center;display:flex;position:fixed;bottom:24px;left:248px;right:0}.app-toast-dock>*{pointer-events:auto}.app-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.app-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (max-width:1100px){.app-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-grid-3,.app-grid-2{grid-template-columns:minmax(0,1fr)}}.app-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-muted{color:var(--po-color-text-muted);font-size:12px}.app-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--po-color-text-muted);font-size:12px;font-weight:600}.app-stack{flex-direction:column;gap:12px;display:flex}.app-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-add-tile{border:1.5px dashed var(--po-color-border-strong);cursor:pointer;min-height:220px;font-family:var(--po-font-ui);color:var(--po-color-text-muted);background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.app-add-tile:hover,.app-add-tile:focus-visible{border-color:var(--po-color-primary);background:var(--po-color-surface-tint);color:var(--po-color-text-heading)}.app-add-tile__icon{background:var(--po-color-primary-tint);border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.app-add-tile__icon i{color:var(--po-color-text-link);font-size:26px}.app-add-tile strong{color:var(--po-color-text);font-size:14px}.app-add-tile span:last-child{text-align:center;text-wrap:pretty;max-width:220px;font-size:12px;line-height:1.5}.app-placeholder{border:1.5px dashed var(--po-color-border-strong);border-radius:16px;padding:24px}.app-auth{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.app-auth__card{width:100%;max-width:400px}.app-auth__logo{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.app-auth__logo img{width:40px;height:40px}.app-auth__logo span{font-family:var(--po-font-display);letter-spacing:.025em;color:var(--po-color-text-heading);font-size:28px;font-weight:800}.app-divider{color:var(--po-color-text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.app-divider:before,.app-divider:after{content:"";border-top:1px solid var(--po-color-border);flex:1}.app-toolbar__search{width:280px}.app-toolbar__sort{width:200px}.app-toolbar__spacer{flex:1}.app-intel-stepper{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;padding:12px 16px}.app-intel-stepper .po-istep{cursor:pointer}.app-intel-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.app-intel-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:76px}.app-panel{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.app-section-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-section-head h2{font:800 22px/1.2 var(--po-font-display);color:var(--po-color-text-heading);margin:0}.app-section-head h3{font:800 18px/1.2 var(--po-font-display);color:var(--po-color-text-heading);margin:0}.app-section-head__sub{color:var(--po-color-text-muted);font-size:13px}.app-qcard{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.app-qcard.is-open{border-color:var(--po-color-border-strong)}.app-qcard__head{align-items:flex-start;gap:10px;display:flex}.app-qcard__num{background:var(--po-color-surface-sunken);width:28px;height:28px;color:var(--po-color-text-muted);font:800 13px/1 var(--po-font-display);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.app-qcard__num.is-done{background:var(--po-color-primary-tint);color:var(--po-color-text-heading)}.app-qcard__title{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:4px;display:flex}.app-qcard__title strong{text-wrap:pretty;font-size:14px;line-height:1.4}.app-qcard__anchor{color:var(--po-color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.app-qcard__state{color:var(--po-color-text-muted);flex:none;align-items:center;gap:4px;padding-top:6px;font-size:12px;font-weight:600;display:flex}.app-qcard__state.is-done{color:var(--po-color-success-ink)}.app-qcard__body{flex-direction:column;gap:10px;padding-left:38px;display:flex}.app-q-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-q-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.app-q-row-price{grid-template-columns:minmax(0,1fr) 160px;gap:8px;display:grid}.app-q-row-handle{grid-template-columns:200px minmax(0,1fr);gap:8px;display:grid}.app-chiprow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.app-chiprow__label{width:100px;color:var(--po-color-text-muted);font-size:12px;font-weight:600}.app-wa-preview{background:var(--po-color-surface-sunken);white-space:pre-wrap;border-radius:12px 12px 12px 4px;max-height:300px;padding:12px;font-size:13px;line-height:1.55;overflow:auto}.app-paste-head{align-items:center;gap:10px;display:flex}.app-paste-head__icon{background:var(--po-color-primary-tint);border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-paste-head__icon i{color:var(--po-color-primary);font-size:18px}.app-paste-head__text{flex-direction:column;flex:1;min-width:0;display:flex}.app-paste-head__text strong{font-size:14px}.app-paste-head__text span{color:var(--po-color-text-muted);font-size:12px}.app-bahan-media{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.app-bahan-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.app-material-list{border-top:1px solid var(--po-color-border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-material-list li{border-bottom:1px solid var(--po-color-border);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.app-material-list details{flex:1;min-width:0}.app-material-list summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:13px;display:flex}.app-material-list__title{color:var(--po-color-text);font-weight:600}.app-material-list__text{border-radius:var(--po-radius-md);background:var(--po-color-surface-sunken);max-height:260px;font-family:var(--po-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}@media (max-width:1100px){.app-bahan-more,.app-intel-grid,.app-bahan-media{grid-template-columns:minmax(0,1fr)}.app-intel-side{position:static}}@media (max-width:760px){.app-q-grid-2,.app-q-grid-3,.app-q-row-price,.app-q-row-handle{grid-template-columns:minmax(0,1fr)}.app-qcard__body{padding-left:0}.app-chiprow__label{width:100%}}.app-esteps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-echip{border:1px solid var(--po-color-border);background:var(--po-color-surface);font-family:var(--po-font-ui);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.app-echip.is-current{border-color:var(--po-color-primary);background:var(--po-color-primary-tint)}.app-echip__mark{background:var(--po-color-surface-sunken);width:24px;height:24px;color:var(--po-color-text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:flex}.app-echip.is-current .app-echip__mark{background:var(--po-color-primary);color:#fff}.app-echip.is-done .app-echip__mark{background:var(--po-color-success);color:#fff}.app-echip__label{color:var(--po-color-text);font-size:13px;font-weight:700}.app-echip.is-current .app-echip__label{color:var(--po-color-text-heading)}.app-echip__note{color:var(--po-color-text-muted);font-size:12px}.app-echip__sep{color:var(--po-color-text-subtle)}.app-ekspansi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.app-step-num{background:var(--po-color-primary);color:#fff;width:24px;height:24px;font:800 12px/1 var(--po-font-display);border-radius:8px;justify-content:center;align-items:center;display:flex}.app-mono{font-family:var(--po-font-mono);font-size:12px;line-height:1.5}.app-check-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.app-check-tile{border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.app-check-tile__n{font:800 27px/1.1 var(--po-font-display)}.app-check-tile.is-success{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.app-check-tile.is-warning{background:var(--po-color-warning-tint);color:var(--po-color-warning-ink)}.app-check-tile.is-danger{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.app-issue-list{border:1px solid var(--po-color-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.app-issue-list.is-warning{border-color:var(--po-color-warning-border)}.app-issue-list.is-danger{border-color:var(--po-color-danger-border)}.app-issue-list__row{border-bottom:1px solid var(--po-color-border);grid-template-columns:150px minmax(0,1fr);gap:10px;padding:8px 12px;font-size:13px;display:grid}.app-issue-list__row:last-child{border-bottom:0}.app-issue-list__row code{font-family:var(--po-font-mono);color:var(--po-color-text-muted);overflow-wrap:anywhere;font-size:12px}.app-issue-list__text{flex-direction:column;gap:2px;display:flex}.app-issue-list.is-warning .app-issue-list__why{color:var(--po-color-warning-ink);font-weight:600}.app-issue-list.is-danger .app-issue-list__why{color:var(--po-color-danger-ink);font-weight:600}.app-plain-list{margin:6px 0 0;padding-left:18px}@media (max-width:1100px){.app-ekspansi-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-check-tiles,.app-issue-list__row{grid-template-columns:minmax(0,1fr)}}.app-review-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.app-review-panel{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;overflow:hidden}.app-review-panel__tabs{padding:0 16px}.app-review-hint{background:var(--po-color-surface-sunken);border-bottom:1px solid var(--po-color-border);color:var(--po-color-text-muted);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.app-review-row{border-bottom:1px solid var(--po-color-border);background:var(--po-color-surface);grid-template-columns:200px minmax(0,1fr) auto;align-items:start;gap:16px;padding:14px 16px;display:grid}.app-review-row.is-done{background:var(--po-color-bg)}.app-review-row.is-editing{background:var(--po-color-surface-tint)}.app-review-row__label{flex-direction:column;gap:4px;min-width:0;display:flex}.app-review-row__label strong{font-size:14px;line-height:1.4}.app-review-row__label code{font-family:var(--po-font-mono);color:var(--po-color-text-muted);font-size:12px}.app-review-row__main{flex-direction:column;gap:8px;min-width:0;display:flex}.app-review-row__value{text-wrap:pretty;white-space:pre-line;font-size:14px;line-height:1.5}.app-review-row__list{margin:0;padding-left:18px;font-size:14px;line-height:1.5}.app-review-row__no{color:var(--po-color-danger-ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.app-review-row__rule{color:var(--po-color-warning-ink);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.app-review-row__actions{justify-content:flex-end;align-items:center;gap:6px;min-width:180px;display:flex}.app-review-row__closed{color:var(--po-color-success-ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.app-review-row__ask{font-size:13px;font-weight:600}.app-required{color:var(--po-color-danger-ink)}.app-review-empty,.app-review-foot{color:var(--po-color-text-muted);align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.app-field-row{align-items:flex-start;gap:8px;display:flex}.app-field-row__cells{flex:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;min-width:0;display:grid}@media (max-width:1100px){.app-review-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-review-row{grid-template-columns:minmax(0,1fr)}.app-review-row__actions{justify-content:flex-start;min-width:0}}.app-kunci-grid{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:32px;display:grid}.app-summary-frame{background:var(--po-color-surface-sunken);border-radius:24px;padding:16px}.app-summary-sheet{width:432px;min-height:540px;box-shadow:var(--po-shadow-2);color:var(--po-color-text);background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:28px 28px 20px;display:flex}.app-summary-sheet__head{align-items:center;gap:12px;display:flex}.app-summary-sheet__title{flex-direction:column;gap:2px;display:flex}.app-summary-sheet__title span{letter-spacing:.06em;text-transform:uppercase;color:var(--po-color-text-muted);font-size:11px;font-weight:600}.app-summary-sheet__title strong{font:800 22px/1.1 var(--po-font-display)}.app-summary-sheet__ver{background:var(--po-color-accent-tint);color:var(--po-color-accent-ink);border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:700}.app-summary-sheet__ver.is-locked{background:var(--po-color-success-tint);color:var(--po-color-success-ink)}.app-summary-sheet__grid{flex:1;grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.app-summary-sheet__item{border-top:2px solid var(--po-color-border-strong);flex-direction:column;gap:3px;padding-top:8px;display:flex}.app-summary-sheet__item.is-never{border-top-color:var(--po-color-danger-border)}.app-summary-sheet__k{color:var(--po-color-text-heading);font-size:11px;font-weight:700}.app-summary-sheet__v{text-wrap:pretty;font-size:11.5px;line-height:1.45}.app-summary-sheet__foot{align-items:center;gap:6px;display:flex}.app-summary-sheet__swatch{border:1px solid #1c1b3314;border-radius:6px;width:18px;height:18px}.app-summary-sheet__note,.app-summary-sheet__by{color:var(--po-color-text-muted);font-size:10px}.app-summary-sheet__by{align-items:center;gap:6px;margin-left:auto;display:flex}.app-summary-sheet__by img{height:14px}.app-gate{align-items:center;gap:8px;font-size:13px;display:flex}.app-gate i{font-size:16px}.app-bcard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.app-bcard{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.app-bcard.is-stale{border-color:var(--po-color-warning-border)}.app-bcard__head{border-bottom:1px solid var(--po-color-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.app-bcard__icon{background:var(--po-color-primary-tint);border-radius:13px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.app-bcard__icon i{color:var(--po-color-primary);font-size:20px}.app-bcard__title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-bcard__title strong{font:800 15px/1.2 var(--po-font-display);color:var(--po-color-text-heading)}.app-bcard__title span{color:var(--po-color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.app-bcard__stale{background:var(--po-color-warning-tint);color:var(--po-color-warning-ink);border:1px solid var(--po-color-warning-border);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.app-bcard__body{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex}.app-bcard__swatches{flex-wrap:wrap;gap:6px;display:flex}.app-bcard__swatches span{font-family:var(--po-font-mono);color:var(--po-color-text-muted);flex-direction:column;gap:3px;font-size:10px;display:flex}.app-bcard__swatches i{border:1px solid #1c1b3314;border-radius:8px;width:44px;height:28px}.app-bcard__text{font-family:var(--po-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;margin:0;font-size:12px;line-height:1.55;overflow:auto}.app-bcard__foot{border-top:1px solid var(--po-color-border);color:var(--po-color-text-muted);background:var(--po-color-bg);align-items:center;gap:6px;padding:10px 16px;font-size:12px;display:flex}@media (max-width:1100px){.app-kunci-grid{grid-template-columns:minmax(0,1fr)}.app-bcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-bcard-grid{grid-template-columns:minmax(0,1fr)}.app-summary-frame{padding:8px;overflow-x:auto}}@media print{body *{visibility:hidden}.app-print-area,.app-print-area *{visibility:visible}.app-print-area{-webkit-print-color-adjust:exact;print-color-adjust:exact;position:absolute;top:0;left:0}.app-print-area .app-summary-sheet{box-shadow:none}.app-no-print{display:none!important}}.app-mobile-tabbar{display:none}@media (max-width:767px){.po-app{grid-template-columns:minmax(0,1fr)}.po-app .po-side,.po-app .po-topbar{display:none}.app-mobile-tabbar{z-index:30;display:block;position:fixed;bottom:0;left:0;right:0}.po-app__content{padding:16px 16px 96px}.po-pagehead{padding-left:16px;padding-right:16px}.app-toast-dock{padding:0 16px;bottom:88px;left:0}.app-toolbar__search,.app-toolbar__sort{width:100%}.app-toolbar__spacer{display:none}}.app-plan-page{padding-bottom:96px}.app-plan-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-plan-nav__period{align-items:center;gap:4px;margin-left:auto;display:flex}.app-plan-nav__period strong{text-align:center;min-width:132px;font:800 15px/1.2 var(--po-font-display);color:var(--po-color-text-heading)}.app-plan-theme{font-size:14px;font-weight:600}.app-year{overflow-x:auto}.app-year__grid{grid-template-columns:104px repeat(12,minmax(84px,1fr));align-items:start;gap:4px;min-width:1100px;display:grid}.app-year__rowhead{letter-spacing:.06em;text-transform:uppercase;color:var(--po-color-text-muted);flex-direction:column;gap:2px;padding-top:6px;font-size:11px;font-weight:700;display:flex}.app-year__rowhead small{letter-spacing:0;text-transform:none;color:var(--po-color-text-subtle);font-size:11px;font-weight:400}.app-year__band{border-radius:var(--po-radius-md);background:var(--po-color-primary-tint);border:1px solid var(--po-color-primary-light);color:var(--po-color-text-heading);align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:13px;display:flex}.app-year__band strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-year__band.is-empty{background:var(--po-color-surface-sunken);border-color:var(--po-color-border);color:var(--po-color-text-muted)}.app-year__band.is-current{border-color:var(--po-color-primary)}.app-year__now{color:var(--po-color-on-primary);background:var(--po-color-primary);border-radius:var(--po-radius-sm);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.app-year__month{border-radius:var(--po-radius-sm);border-bottom:1px solid var(--po-color-border);flex-direction:column;gap:1px;padding:4px 6px;display:flex}.app-year__month strong{font:800 15px/1.2 var(--po-font-display);color:var(--po-color-text-heading)}.app-year__month span{color:var(--po-color-text-muted);font-size:11px}.app-year__month.is-current{background:var(--po-color-primary-tint)}.app-year__theme{text-wrap:pretty;padding:4px 6px;font-size:12px;font-weight:600;line-height:1.4}.app-year__theme.is-empty{color:var(--po-color-text-subtle)}.app-year__heat{border-radius:var(--po-radius-sm);height:36px;color:var(--po-color-text);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.app-year__heat.is-empty{background:var(--po-color-surface-sunken);color:var(--po-color-text-subtle)}.app-year__heat.is-h1,.app-year__scale .is-h1{background:color-mix(in srgb, var(--po-color-primary) 8%, var(--po-color-surface))}.app-year__heat.is-h2,.app-year__scale .is-h2{background:color-mix(in srgb, var(--po-color-primary) 22%, var(--po-color-surface))}.app-year__heat.is-h3,.app-year__scale .is-h3{background:color-mix(in srgb, var(--po-color-primary) 40%, var(--po-color-surface))}.app-year__heat.is-h4,.app-year__scale .is-h4{background:color-mix(in srgb, var(--po-color-primary) 65%, var(--po-color-surface));color:var(--po-color-on-primary)}.app-year__heat.is-h5,.app-year__scale .is-h5{background:var(--po-color-primary);color:var(--po-color-on-primary)}.app-year__cell{flex-direction:column;gap:4px;min-width:0;padding:2px 0;display:flex}.app-year__chip{border-radius:var(--po-radius-sm);background:var(--po-color-surface-sunken);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:2px 4px;min-width:0;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.app-year__chip small{color:var(--po-color-text-muted);font-size:11px;font-weight:400}.app-year__chip.is-relevant{background:var(--po-color-accent-tint);color:var(--po-color-accent-ink)}.app-year__chip.is-danger{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.app-year__chip.is-launch{background:var(--po-color-primary-tint);border:1px dashed var(--po-color-primary-light)}.app-year__legend{border-top:1px solid var(--po-color-border);color:var(--po-color-text-muted);flex-wrap:wrap;align-items:center;gap:16px;padding-top:8px;font-size:12px;display:flex}.app-year__scale{gap:2px;display:inline-flex}.app-year__scale span{border-radius:3px;width:18px;height:10px}.app-quarters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.app-quarter{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);flex-direction:column;gap:12px;padding:16px;display:flex}.app-quarter.is-empty{background:var(--po-color-surface-sunken)}.app-quarter__q{font:800 13px/1 var(--po-font-display);border-radius:var(--po-radius-sm);background:var(--po-color-primary-tint);color:var(--po-color-text-heading);padding:5px 8px}.app-quarter__stage{font:800 16px/1.2 var(--po-font-display);color:var(--po-color-text-heading)}.app-quarter__goal{text-wrap:pretty;font-size:14px;line-height:1.5}.app-quarter__kpis{border-top:1px solid var(--po-color-border);flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.app-quarter__kpi{justify-content:space-between;gap:8px;font-size:13px;display:flex}.app-quarter__kpi span{color:var(--po-color-text-muted)}.app-plan-grid{grid-template-columns:minmax(0,1fr) 316px;align-items:start;gap:24px;display:grid}.app-weeks{flex-direction:column;gap:12px;display:flex}.app-week{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px;display:grid}.app-week__head{color:var(--po-color-text-muted);flex-direction:column;gap:4px;padding:4px 0 0 4px;font-size:12px;display:flex}.app-week__head strong{font:800 15px/1.2 var(--po-font-display);color:var(--po-color-text-heading)}.app-week__moment{border-radius:var(--po-radius-xs);background:var(--po-color-surface-sunken);color:var(--po-color-text);align-self:flex-start;padding:2px 6px;font-size:11px;font-weight:600}.app-week__moment.is-relevant{background:var(--po-color-accent-tint);color:var(--po-color-accent-ink)}.app-week__moment.is-danger{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.app-week__slots{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:8px;display:grid}.app-week__empty{padding:12px 4px}.app-slot{border:1px solid var(--po-color-border);background:var(--po-color-surface);border-radius:var(--po-radius-lg);flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.app-slot.has-error{border-color:var(--po-color-danger-border);background:var(--po-color-danger-tint)}.app-slot.is-filled{background:var(--po-color-success-tint);border-color:var(--po-color-success-border)}.app-slot.is-flex{border:1.5px dashed var(--po-color-border-strong);justify-content:center;min-height:120px;font-size:12px;line-height:1.45}.app-slot__head{align-items:center;gap:8px;display:flex}.app-slot__day{color:var(--po-color-text-muted);font-size:12px;font-weight:700}.app-slot__format{border-radius:var(--po-radius-xs);background:var(--po-color-surface-sunken);align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.app-slot__title{text-wrap:pretty;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.app-slot__series{color:var(--po-color-primary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.app-slot__tags{flex-wrap:wrap;gap:4px;display:flex}.app-slot__state{color:var(--po-color-success-ink);font-size:11px;font-weight:700}.app-slot__flex-title{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.app-plan-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:76px}.app-plan-side__flex{border-top:1px solid var(--po-color-border);align-items:center;gap:10px;padding-top:12px;line-height:1.4;display:flex}.app-plan-side__big{font:800 27px/1 var(--po-font-display);color:var(--po-color-text-heading)}.app-plan-side__series{justify-content:space-between;gap:8px;font-size:13px;display:flex}.app-plan-side__series span{align-items:center;gap:6px;min-width:0;display:flex}.app-plan-side__series i{color:var(--po-color-primary)}.app-approval-bar{z-index:10;background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:var(--po-radius-card);box-shadow:var(--po-shadow-2);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;bottom:8px}.app-approval-bar.is-warning{border-color:var(--po-color-warning-border)}.app-approval-bar.is-success{border-color:var(--po-color-success-border)}.app-approval-bar.is-danger{border-color:var(--po-color-danger-border)}.app-approval-bar__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-approval-bar__text strong{font-size:14px}.app-approval-bar__text span{color:var(--po-color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.app-approval-bar.is-danger .app-approval-bar__text span{color:var(--po-color-danger-ink)}.app-approval-bar__actions{flex-wrap:wrap;gap:8px;display:flex}.app-series-list{border-top:1px solid var(--po-color-border);flex-direction:column;display:flex}.app-series-list__row{border-bottom:1px solid var(--po-color-border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.app-toggle-chip{border-radius:var(--po-radius-pill);border:1px solid var(--po-color-border);background:var(--po-color-surface);font:inherit;color:var(--po-color-text);cursor:pointer;padding:4px 10px;font-size:12px;font-weight:600}.app-toggle-chip.is-on{background:var(--po-color-primary-tint);border-color:var(--po-color-primary)}@media (max-width:1100px){.app-plan-grid{grid-template-columns:minmax(0,1fr)}.app-plan-side{position:static}.app-quarters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-quarters,.app-week{grid-template-columns:minmax(0,1fr)}.app-week__head{flex-flow:wrap;align-items:baseline;gap:6px 10px}.app-plan-nav__period{margin-left:0}.app-approval-bar{bottom:calc(var(--po-safe-bottom,0px) + 72px)}}.app-highlight{white-space:pre-wrap;overflow-wrap:anywhere}.app-mark{border-radius:3px;padding:0 2px;font-weight:700}.app-mark.is-error{background:var(--po-color-danger-tint);color:var(--po-color-danger-ink)}.app-mark.is-warning{background:var(--po-color-warning-tint);color:var(--po-color-warning-ink)}.app-mark.is-focus{outline:2px solid}.app-time-cell{white-space:nowrap}.po-table-row td.app-prod-done{background:color-mix(in srgb, var(--po-color-success-tint) 50%, var(--po-color-surface))}.po-table-row:hover td.app-prod-done{background:var(--po-color-success-tint)}.po-table-row[aria-selected=true] td.app-prod-done{background:var(--po-color-surface-selected)}.po-table-row td.app-prod-done:first-child{box-shadow:inset 3px 0 0 var(--po-color-success)}.app-prod-done__tag{color:var(--po-color-success-ink);align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.po-table-row td.app-camp-draft:first-child{box-shadow:inset 3px 0 0 var(--po-color-warning)}.app-camp-draft__tag{color:var(--po-color-warning-ink);font-size:12px;font-weight:700}.app-approve-panel{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}.app-approve-panel.is-pending{border-color:var(--po-color-warning-border);background:var(--po-color-warning-tint)}.app-approve-panel.is-clear{border-color:var(--po-color-success-border);background:var(--po-color-success-tint)}.app-approve-panel__text{flex-direction:column;flex:320px;gap:4px;min-width:0;display:flex}.app-approve-panel__text strong{color:var(--po-color-text-heading);font-size:15px}.app-approve-panel__counts{color:var(--po-color-text);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.app-approve-panel__counts span{align-items:center;gap:4px;display:inline-flex}.app-approve-panel__counts .is-done{color:var(--po-color-success-ink)}.app-period-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.app-period-bar__nav{align-items:center;gap:4px;display:inline-flex}.app-period-bar__nav strong{text-align:center;min-width:150px;color:var(--po-color-text-heading);white-space:nowrap;font-size:14px}.app-filter-bar{gap:10px}.app-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.app-filter-row__label{min-width:64px;color:var(--po-color-text-muted);font-size:12px;font-weight:600}.app-camp-steps{flex-direction:column;gap:16px;display:flex}.app-camp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.app-camp-slots{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.app-camp-slots__week{flex-direction:column;gap:6px;display:flex}.app-camp-slots__week>strong{font:800 14px/1.2 var(--po-font-display);color:var(--po-color-text-heading)}.app-camp-slot{border:1px solid var(--po-color-border);border-radius:var(--po-radius-md);background:var(--po-color-surface);cursor:pointer;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.app-camp-slot.is-done{background:var(--po-color-surface-sunken);color:var(--po-color-text-muted);cursor:default}.app-camp-slot__text{flex-direction:column;gap:2px;min-width:0;display:flex}.app-camp-slot__meta{color:var(--po-color-text-muted);font-size:12px;font-weight:700}.app-file-pick{color:var(--po-color-text-link);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.app-file-pick input{display:none}.app-check-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.app-check-table{border:1px solid var(--po-color-border);border-radius:var(--po-radius-lg);overflow:hidden}.app-check-table__head,.app-check-table__row{grid-template-columns:40px 72px 80px minmax(0,1fr) minmax(0,1.3fr) 120px;align-items:start;gap:12px;padding:8px 12px;display:grid}.app-check-table__head{background:var(--po-color-surface-sunken);letter-spacing:.06em;text-transform:uppercase;color:var(--po-color-text-muted);font-size:11px;font-weight:700}.app-check-table__row{border-top:1px solid var(--po-color-border);cursor:pointer;font-size:13px;line-height:1.4}.app-check-table__row.is-selected{background:var(--po-color-surface-selected)}.app-check-table__row.is-excluded{opacity:.55}.app-check-table__date{font-weight:600}.app-check-table__issues{flex-direction:column;gap:4px;min-width:0;display:flex}.app-issue-link{all:unset;cursor:pointer;overflow-wrap:anywhere;align-items:baseline;gap:6px;font-size:12px;line-height:1.4;display:flex}.app-issue-link:hover{text-decoration:underline}.app-issue-link.is-error{color:var(--po-color-danger-ink)}.app-issue-link.is-warning{color:var(--po-color-warning-ink)}.app-check-detail{border:1px solid var(--po-color-border);border-radius:var(--po-radius-lg);background:var(--po-color-surface);flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:sticky;top:76px}.app-check-detail__head{border-bottom:1px solid var(--po-color-border);flex-direction:column;gap:4px;padding-bottom:10px;display:flex}.app-check-detail__head strong{font:800 16px/1.25 var(--po-font-display);color:var(--po-color-text-heading)}.app-check-detail__caption p{margin:4px 0 0;font-size:13px;line-height:1.55}.app-check-detail__label{letter-spacing:.06em;text-transform:uppercase;color:var(--po-color-text-muted);font-size:11px;font-weight:700}.app-issue-card{all:unset;cursor:pointer;border-radius:var(--po-radius-md);border:1px solid var(--po-color-border);gap:8px;padding:8px 10px;font-size:12px;line-height:1.45;display:flex}.app-issue-card.is-error{border-color:var(--po-color-danger-border);background:var(--po-color-danger-tint)}.app-issue-card.is-warning{border-color:var(--po-color-warning-border);background:var(--po-color-warning-tint)}.app-issue-card.is-focus{outline:2px solid var(--po-color-focus-ring)}.app-camp-confirm{border-top:1px solid var(--po-color-border);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:end;gap:16px;padding-top:12px;display:grid}.app-post-title{overflow-wrap:anywhere;max-width:720px}.app-post-id{font-family:var(--po-font-mono);color:var(--po-color-text-muted);font-size:12px}.app-post-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:24px;display:grid}.app-post-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:76px}.app-post-status{gap:10px}.app-post-facts{grid-template-columns:96px minmax(0,1fr);gap:10px 16px;font-size:14px;line-height:1.55;display:grid}.app-post-facts>span:nth-child(odd){letter-spacing:.06em;text-transform:uppercase;color:var(--po-color-text-muted);padding-top:3px;font-size:11px;font-weight:700}.app-post-hook{font:700 16px/1.45 var(--po-font-display);color:var(--po-color-text-heading)}.app-caption{overflow:hidden}.app-caption__tabs{flex-wrap:wrap;align-items:center;gap:12px;padding:0 16px;display:flex}.app-caption__body{border-top:1px solid var(--po-color-border);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.app-caption__meta{flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.app-caption__meta>span{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.app-caption__meta .is-over,.app-caption__meta .is-error{color:var(--po-color-danger-ink)}.app-caption__meta .is-warning{color:var(--po-color-warning-ink)}.app-caption__meta .is-ok{color:var(--po-color-success-ink)}.app-caption__issues{border-radius:var(--po-radius-md);background:var(--po-color-surface-sunken);flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;display:flex}.app-caption__preview{max-height:160px;margin:0;line-height:1.55;overflow:auto}.app-caption__issues li{align-items:baseline;gap:6px;display:flex}.app-caption__issues li.is-error{color:var(--po-color-danger-ink)}.app-caption__issues li.is-warning{color:var(--po-color-warning-ink)}.app-post-prompts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.app-post-prompts.is-single{grid-template-columns:minmax(0,1fr)}.app-post-prompts__icon{color:var(--po-color-primary);font-size:20px}.app-post-prompts__key{border-radius:var(--po-radius-md);background:var(--po-color-surface-sunken);align-items:center;gap:8px;padding:6px 6px 6px 10px;font-size:12px;display:flex}.app-post-prompts__key code{text-overflow:ellipsis;min-width:0;font-family:var(--po-font-mono);flex:1;font-weight:600;overflow:hidden}.app-media-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-media-list li{align-items:center;gap:10px;display:flex}.app-media-list__thumb{border-radius:var(--po-radius-sm);background:var(--po-color-surface-sunken);flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.app-media-list__thumb img{object-fit:cover;width:100%;height:100%}.app-media-list__text{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.app-media-list__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-media-progress{flex-direction:column;gap:4px;font-size:12px;display:flex}.app-media-progress__bar{border-radius:var(--po-radius-pill);background:var(--po-color-surface-sunken);height:6px;overflow:hidden}.app-media-progress__bar span{background:var(--po-color-primary);height:100%;display:block}.app-schedule-row{border-top:1px solid var(--po-color-border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.app-schedule-row__fields{grid-template-columns:minmax(0,1fr) 120px;gap:10px;display:grid}@media (max-width:1100px){.app-check-grid,.app-post-grid,.app-camp-grid{grid-template-columns:minmax(0,1fr)}.app-check-detail,.app-post-side{position:static}.app-camp-confirm{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-check-table__head{display:none}.app-check-table__row{grid-template-columns:32px minmax(0,1fr)}.app-check-table__row>:nth-child(n+2){grid-column:2}.app-post-prompts,.app-post-facts{grid-template-columns:minmax(0,1fr)}}.app-plan-gate{grid-template-columns:max-content max-content;align-items:center;gap:6px 12px;font-size:13px;display:grid}.app-mobile-only{display:none!important}@media (max-width:767px){.app-desktop-only{display:none!important}.app-mobile-only{display:flex!important}}.app-taskgroup-sub{background:var(--po-color-surface-sunken);border-bottom:1px solid var(--po-color-border);align-items:center;gap:8px;min-height:32px;padding:0 14px;font-size:12px;display:flex}.app-taskgroup-sub>i{color:var(--po-color-text-muted);font-size:16px}.app-taskgroup-sub strong{color:var(--po-color-text);font-weight:700}.app-taskgroup-sub__count{font-variant-numeric:tabular-nums;color:var(--po-color-text-muted);font-weight:600}.app-taskgroup-sub__hint{color:var(--po-color-text-muted)}.app-today-mstats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid!important}.app-today-mstats>div{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.app-today-mstats strong{font:800 25px/1.1 var(--po-font-display);color:var(--po-color-text-heading);font-variant-numeric:tabular-nums}.app-today-mstats span{color:var(--po-color-text-muted);font-size:13px;line-height:1.3}@media (min-width:768px){.app-today-mstats{display:none!important}}.app-today-mseg>*{width:100%}.app-today-mhead{color:var(--po-color-text-heading);align-items:center;gap:8px;display:flex}.app-today-mhead.is-danger{color:var(--po-color-danger-ink)}.app-today-mhead>i{font-size:20px}.app-today-mhead h2{font:800 20px/1.2 var(--po-font-display);color:inherit;margin:0}.app-today-mhead__count{background:var(--po-color-surface-sunken);min-width:24px;height:22px;font:700 13px/22px var(--po-font-ui);text-align:center;color:var(--po-color-text-muted);border-radius:999px;padding:0 7px}.app-today-mhead__meta{color:var(--po-color-text-muted);margin-left:auto;font-size:13px}.app-today-msub{color:var(--po-color-text-muted);align-items:center;gap:6px;padding:2px 2px 0;font-size:13px;display:flex}.app-today-msub strong{color:var(--po-color-text);font-weight:700}.app-today-card{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.app-today-card__top{align-items:flex-start;gap:10px;display:flex}.app-today-card__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-today-card__title{text-wrap:pretty;font-size:16px;font-weight:700;line-height:1.3}.app-today-card__due{color:var(--po-color-text-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;font-size:12px;display:flex}.app-today-card__due strong{font-variant-numeric:tabular-nums;color:var(--po-color-text);font-size:15px}.app-today-card__due.is-late strong{color:var(--po-color-danger-ink)}.app-today-card__owner{color:var(--po-color-text-muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.app-cal-filters{flex-direction:column;gap:8px;display:flex}.app-cal-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.app-cal-side{gap:8px;position:sticky;top:80px}.app-cal-drag{cursor:grab}.app-cal-drag:active{cursor:grabbing}.po-cal__cell.app-cal-drop{background:var(--po-color-primary-tint);box-shadow:inset 0 0 0 2px var(--po-color-primary)}.po-cal-chip.app-cal-slot{color:var(--po-color-text-muted);background:0 0;border-style:dashed}.app-cal-today{color:var(--po-color-primary)}@media (max-width:1100px){.app-cal-layout{grid-template-columns:minmax(0,1fr)}.app-cal-side{position:static}}@media (max-width:767px){.app-cal-filters .app-row{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}}.app-posting-shell{background:var(--po-color-bg);max-width:480px;height:100dvh;box-shadow:0 0 0 1px var(--po-color-border);margin:0 auto}.app-posting-body{flex-direction:column;gap:16px;padding:12px 16px 24px;display:flex}.app-agenda{background:var(--po-color-surface-sunken);flex-direction:column;gap:8px;min-height:100%;padding:8px 10px 24px;display:flex}.app-agenda-card{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:14px;padding:8px 10px}.app-agenda-head{flex-direction:column;gap:6px;display:flex}.app-agenda-nav{align-items:center;gap:2px;display:flex}.app-agenda-nav__date{flex-direction:column;flex:1;align-items:center;line-height:1.2;display:flex}.app-agenda-nav__date strong{color:var(--po-color-text-heading);font-size:15px}.app-agenda-nav__date span{color:var(--po-color-text-muted);font-size:12px}.app-agenda-today{font:inherit;color:var(--po-color-text-link);cursor:pointer;background:0 0;border:0;margin-left:2px;padding:0}.app-agenda-cal{width:32px;height:32px;color:var(--po-color-text-muted);cursor:pointer;border-radius:10px;place-items:center;font-size:18px;display:grid;position:relative}.app-agenda-cal input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.app-agenda-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.app-agenda-day{color:var(--po-color-text-subtle);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;padding:3px 0 7px;font-size:10px;line-height:1.3;display:flex;position:relative}.app-agenda-day strong{color:var(--po-color-text-heading);font-size:14px}.app-agenda-day.is-today strong{color:var(--po-color-primary)}.app-agenda-day.is-active{background:var(--po-color-primary);color:var(--po-color-text-inverse)}.app-agenda-day.is-active strong{color:var(--po-color-text-inverse)}.app-agenda-day.has-open:after,.app-agenda-day.is-done:after{content:"";background:var(--po-color-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.app-agenda-day.is-done:after{background:var(--po-color-success)}.app-agenda-day.is-active:after{background:var(--po-color-text-inverse)}.app-agenda-progress{color:var(--po-color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.app-agenda-progress b{color:var(--po-color-danger-ink)}.app-agenda-progress__bar{background:var(--po-color-surface-sunken);border-radius:4px;flex:1;height:4px;overflow:hidden}.app-agenda-progress__bar span{background:var(--po-color-primary);border-radius:4px;height:100%;display:block}.app-agenda-progress__bar span.is-done{background:var(--po-color-success)}.app-agenda-chips{scrollbar-width:none;gap:6px;margin:0 -10px;padding:0 10px;display:flex;overflow-x:auto}.app-agenda-chips::-webkit-scrollbar{display:none}.app-agenda-chips>*{flex:none}.app-agenda-group{flex-direction:column;gap:4px;display:flex}.app-agenda-group__head{letter-spacing:.05em;text-transform:uppercase;color:var(--po-color-text-muted);margin:4px 4px 0;font-size:11px;font-weight:700}.app-agenda-group__head.is-late{color:var(--po-color-danger-ink)}.app-agenda-list{flex-direction:column;padding:0;display:flex;overflow:hidden}.app-agenda-list>.po-skeleton{margin:6px 10px}.app-agenda-post{border:0;border-top:1px solid var(--po-color-border);width:100%;min-height:52px;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:8px 10px;display:flex}.app-agenda-post:first-child{border-top:0}.app-agenda-post:active{background:var(--po-color-surface-pressed)}.app-agenda-post:focus-visible{outline:2px solid var(--po-color-primary);outline-offset:-2px}.app-agenda-post__time{font-variant-numeric:tabular-nums;width:40px;color:var(--po-color-text-heading);flex-direction:column;flex:none;font-size:14px;font-weight:700;line-height:1.2;display:flex}.app-agenda-post__time small{color:var(--po-color-text-muted);font-size:10px;font-weight:500}.app-agenda-post__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.app-agenda-post__hook{white-space:nowrap;text-overflow:ellipsis;color:var(--po-color-text-heading);font-size:14px;font-weight:600;overflow:hidden}.app-agenda-post__meta{white-space:nowrap;text-overflow:ellipsis;color:var(--po-color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.app-agenda-post__meta .ph-fill{color:var(--po-color-text);font-size:14px}.app-agenda-post__state{color:var(--po-color-text-subtle);flex:none;font-size:18px}.app-agenda-post.is-terlambat .app-agenda-post__time,.app-agenda-post.is-terlambat .app-agenda-post__state{color:var(--po-color-danger-ink)}.app-agenda-post.is-diposting .app-agenda-post__time,.app-agenda-post.is-diposting .app-agenda-post__hook{color:var(--po-color-text-muted)}.app-agenda-post.is-diposting .app-agenda-post__state{color:var(--po-color-success)}.app-agenda-post.is-belum_siap .app-agenda-post__time{color:var(--po-color-text-subtle)}.app-posting-steps{background:var(--po-color-surface);border:1px solid var(--po-color-border);border-radius:16px;flex-direction:column;gap:2px;padding:6px 14px;display:flex}.app-posting-steps__row{border-bottom:1px solid var(--po-color-border);align-items:center;gap:12px;padding:10px 0;display:flex}.app-posting-steps__row:last-child{border-bottom:0}.app-posting-steps__row>div{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.app-posting-steps__row strong{font-size:15px}.app-posting-steps__row>div>span{color:var(--po-color-text-muted);font-size:13px}.app-posting-steps__n{background:var(--po-color-primary-tint);width:28px;height:28px;color:var(--po-color-text-heading);font:800 13px/1 var(--po-font-display);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.app-posting-note{color:var(--po-color-text-muted);align-items:center;gap:6px;font-size:13px;line-height:1.4;display:flex}.app-today-mseg{flex-direction:column;gap:8px}.app-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1100px){.app-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-metrics-month{font:800 18px/1.2 var(--po-font-display);color:var(--po-color-text-heading);text-align:center;min-width:150px}.app-northstar-form{align-items:flex-end;gap:12px}.app-northstar-form>.po-field{width:220px}.app-metrics-table{overflow-x:auto}.app-metrics-hook{color:var(--po-color-text);font-weight:600;line-height:1.35}a.app-metrics-hook:hover{color:var(--po-color-text-link)}.app-metric-input{text-align:right;font-variant-numeric:tabular-nums;width:84px;height:32px}.app-error-text{color:var(--po-color-danger-ink);font-size:12px}.app-drift-post{border-bottom:1px solid var(--po-color-border);flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.app-drift-caption{color:var(--po-color-text-muted);-webkit-line-clamp:3;white-space:pre-line;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.app-drift-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.app-drift-score{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.app-drift-new{grid-template-columns:170px 140px minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}@media (max-width:760px){.app-drift-scores,.app-drift-new{grid-template-columns:minmax(0,1fr)}}.app-report-sheet{background:var(--po-color-surface);max-width:820px;box-shadow:var(--po-shadow-2);border-radius:16px;flex-direction:column;gap:24px;margin:0 auto;padding:40px;display:flex}.app-report-sheet h2{font:800 16px/1.3 var(--po-font-display);color:var(--po-color-text-heading);margin:0 0 10px}.app-report-head{border-bottom:2px solid var(--po-color-primary);align-items:center;gap:16px;padding-bottom:20px;display:flex}.app-report-head h1{font:800 28px/1.15 var(--po-font-display);color:var(--po-color-text-heading);margin:2px 0}.app-report-logo{height:32px;margin-left:auto}.app-report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.app-report-kpis>div{border:1px solid var(--po-color-border);border-radius:14px;flex-direction:column;gap:2px;padding:14px;display:flex}.app-report-kpis span{color:var(--po-color-text-muted);font-size:12px}.app-report-kpis strong{font:800 26px/1.15 var(--po-font-display);color:var(--po-color-text-heading);font-variant-numeric:tabular-nums}.app-report-kpis small{color:var(--po-color-text-muted);font-size:12px}.app-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.app-report-best{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.app-report-best li{flex-direction:column;gap:2px;display:flex}.app-report-best span{color:var(--po-color-text-muted);font-size:13px}.app-report-foot{border-top:1px solid var(--po-color-border);color:var(--po-color-text-muted);padding-top:16px;font-size:12px}@media (max-width:760px){.app-report-sheet{padding:20px}.app-report-kpis,.app-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.app-print-area .app-report-sheet{box-shadow:none;max-width:none}}.app-bcard__extras{border-top:1px dashed var(--po-color-border-strong);flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}.app-bcard__extra{font-size:13px}.app-bcard__extra.is-off{color:var(--po-color-text-muted);text-decoration:line-through}.app-correction s{color:var(--po-color-text-muted)}.app-library-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.app-library-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:flex}.app-library-list li{gap:8px;display:flex}.app-library-list i{color:var(--po-color-text-muted);margin-top:2px}.app-media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.app-media-tile{border:1px solid var(--po-color-border);background:var(--po-color-surface);color:var(--po-color-text);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.app-media-tile img,.app-media-tile__ph{aspect-ratio:1;object-fit:cover;background:var(--po-color-surface-sunken);width:100%}.app-media-tile__ph{color:var(--po-color-text-muted);justify-content:center;align-items:center;font-size:32px;display:flex}.app-media-tile__meta{color:var(--po-color-text-muted);flex-direction:column;gap:2px;padding:8px 10px 10px;font-size:12px;display:flex}.app-media-tile__meta strong{color:var(--po-color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.app-mix-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (max-width:1100px){.app-library-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-mix-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.app-northstar-form>.po-field{width:100%}}.app-password-input{padding-right:44px}.app-password-toggle{position:absolute;right:4px}