:root{--po-bg: #f3f7fb;--po-bg-warm: #e7eef7;--po-surface: #ffffff;--po-ink: #12324f;--po-ink-soft: #1a4064;--po-muted: #5b7390;--po-muted-2: #7f95ad;--po-line: #d7e2ef;--po-line-strong: #c3d1e3;--po-primary: #2563eb;--po-primary-hover: #1d4ed8;--po-primary-soft: #dbeafe;--po-accent-blue: #38bdf8;--po-accent-green: #34d399;--po-danger: #e3333b;--po-danger-soft: #fff1f2;--po-success: #0f766e;--po-navy: #1a4a6e;--po-navy-deep: #12324f;--po-navy-soft: #2a5f8a;--po-radius-sm: 10px;--po-radius: 12px;--po-radius-lg: 18px;--po-radius-xl: 24px;--po-shadow: 0 8px 24px rgba(18, 50, 79, .07);--po-shadow-lg: 0 24px 60px rgba(18, 50, 79, .12);--po-font: "Inter", system-ui, sans-serif;--po-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--po-admin-font-size: 13.5px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html:has(app-shell),html:has(.shell){font-size:var(--po-admin-font-size)}html,body{margin:0;min-height:100%;font-family:var(--po-font);background:var(--po-bg);color:var(--po-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:has(app-shell),body:has(.shell){height:100%;overflow:hidden}button,input,select,textarea{font:inherit;border-radius:var(--po-radius-sm)}button{cursor:pointer;border:1px solid var(--po-line-strong);background:var(--po-surface);color:var(--po-ink);padding:.6rem 1rem;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}button:hover{background:#eef4fa}button.primary{background:var(--po-primary);border-color:var(--po-primary);color:#fff}button.primary:hover{background:var(--po-primary-hover);border-color:var(--po-primary-hover)}button.danger{color:var(--po-danger);border-color:#fecdd3;background:var(--po-danger-soft)}input,select,textarea{border:1px solid var(--po-line-strong);background:var(--po-surface);color:var(--po-ink);padding:.7rem .85rem;outline:none}html:has(app-shell) button,html:has(.shell) button{padding:.4rem .75rem}html:has(app-shell) input,html:has(app-shell) select,html:has(app-shell) textarea,html:has(.shell) input,html:has(.shell) select,html:has(.shell) textarea{padding:.45rem .65rem}input:focus,select:focus,textarea:focus{border-color:var(--po-primary);box-shadow:0 0 0 3px #2563eb29}a{color:var(--po-primary)}.page h2,.page h3{font-family:var(--po-display)}.page h2{margin:0;font-size:1.35rem;letter-spacing:-.03em;font-weight:700}.lead{color:var(--po-muted);margin:.3rem 0 0;line-height:1.45;font-size:.92rem}.ok{color:var(--po-success)}.err{color:var(--po-danger)}.icon-btn{width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;justify-items:center;align-items:center;padding:0!important;line-height:0;border-radius:var(--po-radius-sm);border:1px solid var(--po-line-strong);background:var(--po-surface);color:var(--po-ink);cursor:pointer}.icon-btn svg{display:block;width:1.05rem;height:1.05rem;margin:0;fill:currentColor}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn-with-icon svg{width:1rem;height:1rem;fill:currentColor;flex:0 0 auto}.icon-btn.primary{background:var(--po-primary);border-color:var(--po-primary);color:#fff}.icon-btn.primary:hover{background:var(--po-primary-hover);border-color:var(--po-primary-hover);color:#fff}.icon-btn.danger{color:var(--po-danger);border-color:#fecdd3;background:var(--po-danger-soft)}.icon-btn.danger:hover{background:#ffe4e6}.icon-btn:hover{background:#eef4fa}.po-spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid rgba(14,116,144,.22);border-top-color:#0e7490;border-radius:50%;animation:po-spin .7s linear infinite;flex:0 0 auto;vertical-align:middle}.po-spinner--sm{width:.9rem;height:.9rem;border-width:2px}.po-spinner--lg{width:1.6rem;height:1.6rem;border-width:3px}.po-spinner--light{border-color:#ffffff59;border-top-color:#fff}@keyframes po-spin{to{transform:rotate(360deg)}}.po-progress{display:flex;align-items:center;gap:.65rem;margin:.85rem 0 0;padding:.75rem .95rem;border-radius:.85rem;border:1px solid #cfe0f5;background:linear-gradient(180deg,#f0f9ff,#fff);color:#0f172a;font-weight:600;line-height:1.35}.po-progress--overlay{position:relative;justify-content:center;min-height:4.5rem;margin-top:1rem}.btn-with-spinner{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}