@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=League+Gothic&display=swap");:root{--nara-blue:#0037be;--nara-blue-press:#002a91;--nara-blue-deep:#001f6b;--nara-blue-tint:#e6ecfc;--nara-sky:#b5caff;--nara-sky-soft:#d6e0ff;--nara-sky-faint:#edf1ff;--nara-cream:#fbf9f2;--nara-cream-deep:#f2efe3;--nara-green:#6e9f00;--nara-green-light:#afd571;--nara-green-faint:#eaf2d8;--ink-900:#0b0e16;--ink-700:#353a45;--ink-500:#6a6f7a;--ink-300:#b7bac2;--line:#e3e0d6;--line-strong:#cfcbbd;--white:#fff;--ok:#2e7d46;--warn:#c77a12;--danger:#c4322b;--surface-page:var(--nara-cream);--surface-card:var(--white);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--border-subtle:var(--line);--shadow-xs:0 1px 2px rgba(11,14,22,.05);--shadow-sm:0 2px 8px rgba(11,14,22,.06);--shadow-md:0 8px 24px rgba(11,14,22,.08);--shadow-lg:0 18px 48px rgba(11,14,22,.1);--font-display:"League Gothic","Arial Narrow",sans-serif;--font-body:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-strong);font-family:var(--font-body)}a{color:var(--nara-blue)}a:hover{color:var(--nara-blue-press)}::selection{background:var(--nara-sky);color:var(--ink-900)}@keyframes ppFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pp-main{max-width:1240px;margin:0 auto;padding:38px 40px 60px;animation:ppFade .3s ease-out;position:relative}.pp-dome{position:absolute;top:0;right:64px;width:230px;height:115px;border-radius:0 0 230px 230px;background:var(--nara-blue-tint);z-index:0}.pp-h1{font-family:var(--font-display);font-weight:400;font-size:66px;line-height:.92;letter-spacing:.005em;text-transform:uppercase;margin:12px 0 8px;color:var(--ink-900)}.pp-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-sm)}.pp-table{width:100%;border-collapse:collapse}.pp-table th{padding:10px 18px;text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-500);border-bottom:1px solid var(--line)}.pp-table td{padding:12px 18px;border-bottom:1px solid var(--nara-cream-deep)}.pp-table td:first-child,.pp-table th:first-child{padding-left:28px}.pp-table td:last-child,.pp-table th:last-child{padding-right:28px}.pp-row-link{cursor:pointer}.pp-row-link:hover{background:var(--nara-sky-faint)}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--nara-blue);border-radius:999px;background:var(--nara-blue);color:#fff;font-family:var(--font-body);font-size:14px;font-weight:600;padding:11px 22px;cursor:pointer;text-decoration:none;transition:background .15s ease;white-space:nowrap}.pp-btn:hover{background:var(--nara-blue-press);color:#fff}.pp-btn.outline{background:transparent;color:var(--nara-blue)}.pp-btn.outline:hover{background:var(--nara-sky-faint)}.pp-btn.ghost{background:transparent;border-color:transparent;color:var(--nara-blue)}.pp-btn.ghost:hover{background:var(--nara-sky-faint)}.pp-btn.danger{background:var(--danger);border-color:var(--danger)}.pp-btn.danger:hover{background:#a52823}.pp-btn.sm{font-size:13px;padding:8px 16px}.pp-btn.lg{font-size:16px;padding:15px 24px;border-radius:14px}.pp-hero{position:relative;z-index:1;display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:var(--nara-sky-faint);border:1px solid var(--nara-sky-soft);border-radius:22px;padding:26px 30px;max-width:780px}.pp-hero-copy{flex:1 1;min-width:280px}.pp-hero .pp-h1{font-size:52px;margin:6px 0 0}.pp-minihero{display:flex;align-items:center;gap:18px;background:var(--nara-sky-faint);border:1px solid var(--nara-sky-soft);border-radius:16px;padding:14px 16px 14px 22px}.pp-minihero-title{font-family:var(--font-display);text-transform:uppercase;font-size:26px;line-height:.92;letter-spacing:.01em;color:var(--ink-900)}.pp-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.pp-badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pp-badge.ok{background:#e7f2ea;color:var(--ok)}.pp-badge.warn{background:#f8eddb;color:var(--warn)}.pp-badge.danger{background:#f7e4e2;color:var(--danger)}.pp-badge.neutral{background:var(--nara-cream-deep);color:var(--ink-500)}.pp-badge.brand{background:var(--nara-sky-faint);color:var(--nara-blue)}.pp-tag{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:600;padding:4px 12px;background:var(--nara-sky-soft);color:var(--nara-blue-deep);white-space:nowrap}.pp-tag.outline{background:transparent;border:1px solid var(--line-strong);color:var(--ink-700)}.pp-label{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--nara-blue);text-transform:uppercase;white-space:nowrap}.pp-stat-value{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--ink-900)}.pp-stat-label{font-size:12.5px;color:var(--ink-500);margin-top:6px}.pp-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:var(--nara-blue-deep);background:var(--nara-sky-soft);flex:none}.pp-avatar.tone-sky{background:var(--nara-sky-faint);color:var(--nara-blue)}.pp-avatar.tone-green{background:var(--nara-green-faint);color:var(--nara-green)}.pp-input,.pp-select,.pp-textarea{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font-family:var(--font-body);font-size:14px;color:var(--ink-900)}.pp-input:focus,.pp-select:focus,.pp-textarea:focus{outline:3px solid var(--nara-sky);outline-offset:0;border-color:var(--nara-blue)}.pp-field-label{display:block;font-size:13px;font-weight:500;color:var(--ink-700);margin-bottom:6px}.pp-hint{font-size:12px;color:var(--ink-500);margin-top:5px}.pp-modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(11,14,22,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.pp-modal{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);max-width:100%;max-height:88vh;overflow:auto;padding:28px 32px}.pp-modal h2{font-family:var(--font-display);font-weight:400;font-size:32px;text-transform:uppercase;margin:0;color:var(--ink-900)}.pp-kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--nara-cream-deep)}.pp-kv .k{font-size:13px;color:var(--ink-500);white-space:nowrap}.pp-kv .v{font-size:13.5px;color:var(--ink-900);font-weight:500;text-align:right}.pp-kv-sync{background:rgba(0,55,190,.045);margin-left:calc(-1 * var(--pp-kv-pad, 28px));margin-right:calc(-1 * var(--pp-kv-pad, 28px));padding-left:var(--pp-kv-pad,28px);padding-right:var(--pp-kv-pad,28px);border-bottom-color:transparent}.pp-kv-sync .k{display:inline-flex;align-items:center;gap:6px}.pp-kv-sync .k svg{width:12px;height:12px;color:#5566b5;flex:none}.pp-sync-note{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--nara-cream-deep);font-size:12px;color:var(--ink-500);line-height:1.5}.pp-sync-note svg{width:12px;height:12px;color:#5566b5;flex:none}.pp-sync-note a{color:var(--nara-blue);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--nara-sky-soft)}.pp-sync-note a:hover{border-bottom-color:var(--nara-blue)}.pp-warning-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--nara-cream-deep);cursor:pointer;border-radius:8px;color:inherit;text-decoration:none}.pp-warning-row:hover{background:var(--nara-sky-faint);color:inherit}.pp-preview-clickable{transition:outline-color .12s ease;outline:2px solid transparent;outline-offset:4px;border-radius:18px}.pp-preview-clickable:hover{outline-color:var(--nara-blue)}.pp-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.pp-login-brand{background:var(--nara-blue);position:relative;overflow:hidden;padding:56px 64px;display:flex;flex-direction:column}.pp-login-brand .logo{height:30px;width:auto;align-self:flex-start;position:relative;z-index:1}.pp-login-brand .dome{position:absolute;left:50%;bottom:-300px;transform:translateX(-50%);width:640px;height:640px;border-radius:50%;background:#fbf9f2;opacity:.08}.pp-login-brand .orb{position:absolute;right:-140px;top:-140px;width:360px;height:360px;border-radius:50%;background:#b5caff;opacity:.18}.pp-login-brand .copy{margin-top:auto;position:relative;z-index:1}.pp-login-brand .eyebrow{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.24em;color:#b5caff}.pp-login-brand h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(120px,17vw,220px);line-height:.86;letter-spacing:-.01em;color:#fbf9f2}.pp-login-brand .tagline{margin:22px 0 0;font-size:19px;line-height:1.5;color:#fbf9f2;max-width:420px}.pp-login-brand .tagline strong{color:#b5caff}.pp-login-form{background:#fbf9f2;display:flex;flex-direction:column;justify-content:center;padding:0 88px;gap:28px}.pp-login-form h2{margin:0;font-size:34px;font-weight:700;letter-spacing:-.01em;color:#0b0e16}.pp-login-form .sub{margin:0;font-size:16px;line-height:1.55;color:#6b675c}.pp-login-form .error{margin:0;font-size:14px;line-height:1.5;color:var(--danger)}.pp-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;border:none;border-radius:999px;background:var(--nara-blue);color:#fbf9f2;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.pp-login-btn:hover{background:#002a91}.pp-login-btn:disabled{opacity:.7;cursor:default}.pp-login-btn .arrow{font-weight:500}@media (max-width:860px){.pp-login{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pp-login-brand{padding:32px 28px 40px;min-height:340px}.pp-login-brand .copy{margin-top:56px}.pp-login-brand h1{font-size:clamp(96px,28vw,150px)}.pp-login-brand .tagline{font-size:17px}.pp-login-form{padding:40px 28px 56px;justify-content:flex-start}}