:root{--p50: #f5f3ff;--p100: #ede9fe;--p200: #ddd6fe;--p300: #c4b5fd;--p400: #a78bfa;--p500: #8b5cf6;--p600: #7c3aed;--p700: #6d28d9;--p900: #2e1065;--bg: #ffffff;--bg2: #f7f6f3;--bg3: #efede9;--bg4: #e8e5e0;--text: #1a1a1a;--text2: #4a4a4a;--text3: #7a7a7a;--text4: #a8a8a8;--border: #e2e0dc;--border2: #ccc9c4;--sidebar: #1c1033;--sidebar2: #28154a;--sidebar-text: #c4b8e8;--sidebar-active: #a78bfa;--green: #16a34a;--green-bg: #f0fdf4;--green-border: rgba(22, 163, 74, .2);--amber: #b45309;--amber-bg: #fffbeb;--amber-border: rgba(180, 83, 9, .2);--red: #dc2626;--red-bg: #fef2f2;--red-border: rgba(220, 38, 38, .2);--r: 6px;--rlg: 10px;--rxl: 14px;--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", monospace}[data-theme=dark]{--bg: #0c0c10;--bg2: #12121a;--bg3: #181824;--bg4: #20202e;--text: #eeeef6;--text2: #9898b8;--text3: #565672;--text4: #3c3c52;--border: #1e1e30;--border2: #2c2c44;--p50: rgba(109, 40, 217, .12);--p100: rgba(109, 40, 217, .2);--p200: rgba(167, 139, 250, .22);--p300: #7c3aed;--p400: #9d7df5;--p500: #a78bfa;--p600: #8b5cf6;--p700: #c4b5fd;--p900: #ede9fe;--green: #4ade80;--green-bg: rgba(74, 222, 128, .07);--green-border: rgba(74, 222, 128, .18);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .07);--amber-border: rgba(251, 191, 36, .18);--red: #f87171;--red-bg: rgba(248, 113, 113, .07);--red-border: rgba(248, 113, 113, .18)}[data-theme=dark] .status-go_live{background:#38bdf814;color:#38bdf8;border-color:#38bdf833}[data-theme=dark] .btn-primary{background:var(--p600)}[data-theme=dark] .btn-primary:hover{background:var(--p500)}[data-theme=dark] .field-input,[data-theme=dark] .field-select{background:var(--bg3);border-color:var(--border2);color:var(--text)}[data-theme=dark] .field-input:focus,[data-theme=dark] .field-select:focus{border-color:var(--p400);box-shadow:0 0 0 3px #a78bfa1f}[data-theme=dark] .kpi-card:hover{border-color:var(--border2)}@keyframes pageEnter{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sectionEnter{0%{opacity:0;transform:translate(32px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}.btn-primary{background:var(--p600);color:#fff;border:none;border-radius:var(--r);padding:10px 20px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;letter-spacing:-.01em;transition:background .15s}.btn-primary:hover{background:var(--p700)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--text2);border:1px solid var(--border);border-radius:var(--r);padding:9px 18px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:border .15s,color .15s}.btn-secondary:hover{border-color:var(--border2);color:var(--text)}.btn-sm{padding:6px 14px;font-size:13px}.field-group{margin-bottom:22px}.field-label{display:block;font-size:12px;font-weight:500;color:var(--text2);letter-spacing:.01em;margin-bottom:6px}.field-hint{font-size:11px;color:var(--text4);line-height:1.4;margin-bottom:6px}.field-required{color:var(--red);margin-left:2px}.field-input,.field-select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:border .15s,box-shadow .15s}.field-input:focus,.field-select:focus{border-color:var(--p400);box-shadow:0 0 0 3px #8b5cf61a}.field-input::placeholder{color:var(--text4)}.pin-digits{display:flex;gap:8px;align-items:center}.pin-sep{color:var(--text3);font-size:20px;margin:0 2px}.pin-digit{width:46px;height:54px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);text-align:center;font-family:var(--mono);font-size:22px;font-weight:500;color:var(--text);outline:none;transition:border .15s,box-shadow .15s}.pin-digit:focus{border-color:var(--p400);box-shadow:0 0 0 3px #8b5cf61a}.pin-digit.filled{border-color:var(--p200);background:var(--p50)}[data-theme=dark] .pin-digit.filled{background:#6d28d91a;border-color:#a78bfa40}.status-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.status-submitted{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.status-in_progress{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.status-pending{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}.status-expired{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.status-go_live{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.kpi-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--rlg);padding:16px;transition:border .15s}.kpi-card:hover{border-color:var(--border2)}.kpi-label{font-size:11px;font-weight:500;color:var(--text3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.kpi-value{font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--text)}.kpi-sub{font-size:11px;color:var(--text4);margin-top:4px}.info-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:13px 15px;display:flex;gap:11px;align-items:flex-start;font-size:12px;color:var(--text3);line-height:1.55}.expiry-bar{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--r);padding:10px 14px;font-size:12px;color:var(--amber);display:flex;align-items:center;gap:8px}.file-upload-zone{border:1.5px dashed var(--border2);border-radius:var(--rlg);padding:20px;text-align:center;cursor:pointer;transition:border .15s,background .15s;background:var(--bg2)}.file-upload-zone:hover{border-color:var(--p400);background:var(--p50)}[data-theme=dark] .file-upload-zone:hover{background:#6d28d90f}.form-sidebar{width:240px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;z-index:200}.form-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.form-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r);border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text2);font-size:18px;flex-shrink:0;margin-right:10px;line-height:1}.form-content-area{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}@media (max-width: 768px){.form-sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-260px);transition:transform .25s ease}.form-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000002e}.form-sidebar-overlay.open{display:block}.form-hamburger{display:flex}.form-content-area{padding:16px}}.pin-left-panel{width:42%;background:var(--sidebar);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:48px 52px}.pin-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:48px 40px}.pin-mobile-logo{display:none;margin-bottom:20px}@media (max-width: 640px){.pin-left-panel{display:none}.pin-right-panel{padding:36px 24px;align-items:flex-start}.pin-mobile-logo{display:block}.pin-digits{gap:5px}.pin-digit{width:38px;height:46px;font-size:19px}}