:root{--blue: #0066cc;--blue-focus: #0071e3;--blue-press: #0055b3;--sky: #2997ff;--blue-tint: #e8f2ff;--blue-tint-2: #f0f7ff;--canvas: #ffffff;--parchment: #f5f5f7;--pearl: #fafafc;--tile-1: #272729;--tile-2: #2a2a2c;--tile-3: #252527;--black: #000000;--ink: #1d1d1f;--ink-80: #333336;--ink-48: #7a7a7a;--muted: #6e6e73;--faint: #86868b;--hairline: #e0e0e0;--divider-soft: #f0f0f0;--red: #ff3b30;--red-tint: #ffe9e8;--red-border: #ffd1d0;--green-ok: #1d7a2e;--green-tint: #e6f4ea;--amber: #8a5a00;--amber-tint: #fff4e0;--amber-border: #f5d28a;--radius: 18px;--radius-md: 11px;--radius-sm: 8px;--shadow-sm: none;--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .18);--slate-50: #f5f5f7;--slate-100: #f5f5f7;--slate-200: #e8e8ed;--slate-300: #d2d2d7;--slate-400: #86868b;--slate-500: #6e6e73;--slate-600: #515154;--slate-700: #333336;--slate-800: #1d1d1f;--slate-900: #1d1d1f;--teal-700: #0066cc;--teal-600: #0071e3;--teal-300: #a5cfff;--teal-100: #e8f2ff;--teal-950: #000000;--red-600: #ff3b30;--red-50: #ffe9e8;--amber-100: #fff4e0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;letter-spacing:-.2px;background:var(--parchment);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#cce8ff}button{font-family:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--parchment)}.login-card{width:100%;max-width:420px;background:var(--canvas);border:1px solid var(--hairline);border-radius:20px;box-shadow:0 24px 60px #0000001a;padding:40px 36px 32px;text-align:center;animation:pop-in .35s cubic-bezier(.16,1,.3,1)}.login-logo{width:60px;height:60px;margin:0 auto 16px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:var(--blue-tint);border:1px solid var(--hairline)}.login-title{margin:0;font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.3px}.login-sub{margin:8px 0 28px;font-size:14px;color:var(--muted);line-height:1.5}.login-card .field-label{display:block;text-align:left;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-80)}.password-wrap{position:relative;margin-bottom:12px}.password-wrap .input{padding-right:44px}.eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:16px;cursor:pointer;padding:6px;border-radius:var(--radius-sm);opacity:.7;transition:opacity .15s}.eye-btn:hover{opacity:1;background:var(--parchment)}.form-error{background:var(--red-tint);color:var(--red);border:1px solid var(--red-border);font-size:13px;padding:9px 12px;border-radius:var(--radius-md);margin-bottom:12px;text-align:left}.login-hint{margin:18px 0 0;font-size:12px;color:var(--faint);line-height:1.6}.login-hint code{background:var(--parchment);padding:2px 6px;border-radius:5px;color:var(--ink-80);font-weight:600}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--canvas);color:var(--ink);border-right:1px solid var(--divider-soft);display:flex;flex-direction:column;padding:22px 16px 18px;position:sticky;top:0;height:100vh;gap:6px}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px}.brand-icon{width:40px;height:40px;border-radius:11px;background:var(--blue-tint);border:1px solid var(--hairline);display:grid;place-items:center;font-size:19px;flex-shrink:0}.brand-title{font-weight:600;font-size:15px;letter-spacing:-.2px;color:var(--ink)}.brand-sub{font-size:11px;color:var(--faint);margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--ink-80);font-size:14px;font-weight:400;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease,transform .1s ease}.nav-item:hover{background:var(--parchment);color:var(--ink)}.nav-item:active{transform:scale(.98)}.nav-item.active{background:var(--blue-tint);color:var(--blue);font-weight:600}.nav-icon{font-size:16px;width:22px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--divider-soft);padding-top:14px}.user-chip{display:flex;align-items:center;gap:10px;padding:2px 8px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--blue-tint);color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.user-name{font-size:13px;font-weight:600;color:var(--ink)}.logout-btn{background:none;border:none;color:var(--faint);font-size:11.5px;cursor:pointer;padding:0;margin-top:1px;transition:color .15s}.logout-btn:hover{color:var(--blue);text-decoration:underline}.main{flex:1;min-width:0;padding:30px 34px 48px;background:var(--parchment)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{margin:0;font-size:28px;font-weight:600;color:var(--ink);letter-spacing:-.4px}.page-sub{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:none;padding:24px}.card.form-card{animation:pop-in .3s cubic-bezier(.16,1,.3,1)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.card-title{margin:0;font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.374px}.section-title{margin:0 0 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--faint)}.form-section+.form-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--divider-soft)}.badge{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;background:var(--blue-tint);color:var(--blue);padding:4px 10px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 22px;border-radius:999px;border:1px solid transparent;font-size:16px;font-weight:400;letter-spacing:-.2px;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:2px solid var(--blue-focus);outline-offset:2px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-focus)}.btn-outline{background:transparent;border-color:var(--blue);color:var(--blue)}.btn-outline:hover{background:#0066cc14;border-color:var(--blue-focus);color:var(--blue-focus)}.btn-danger{background:transparent;border-color:var(--red-border);color:var(--red)}.btn-danger:hover{background:var(--red-tint);border-color:var(--red)}.btn-sm{padding:6px 14px;font-size:13px;letter-spacing:-.1px}.btn-block{width:100%}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group.full{grid-column:1 / -1}.form-section .form-grid>.form-group.full{transition:opacity .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}@starting-style{.form-section .form-grid>.form-group.full{opacity:0;translate:0 -4px}}.form-group label,.field-label{font-size:13px;font-weight:600;color:var(--ink-80)}.req{color:var(--red)}.opt{color:#666;font-weight:400;font-size:12px}.input,.select,.textarea{width:100%;height:44px;padding:0 16px;border:1px solid var(--hairline);border-radius:var(--radius-md);font-size:16px;font-family:inherit;letter-spacing:-.15px;color:var(--ink);background:var(--canvas);transition:border-color .15s,box-shadow .15s}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue-focus);box-shadow:0 0 0 4px #0071e329}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2386868b' d='M1.4 0l4.6 4.6L10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.textarea{height:auto;padding:12px 16px;resize:vertical;min-height:80px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;letter-spacing:0}.hint{font-size:12.5px;color:var(--muted);line-height:1.5}.jenis-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jenis-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--hairline);border-radius:18px;background:var(--canvas);cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease}.jenis-card:hover{border-color:var(--sky)}.jenis-card.active{border-color:var(--blue-focus);background:var(--blue-tint-2);box-shadow:0 0 0 3px #0071e326}.jenis-icon{font-size:22px}.jenis-card strong{display:block;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.2px}.jenis-card small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4}.jenis-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 9px;border-radius:999px;background:var(--blue-tint);color:var(--blue);white-space:nowrap}.jenis-badge.warn{background:var(--amber-tint);color:var(--amber)}.jenis-badge.ok{background:var(--green-tint);color:var(--green-ok)}.jenis-card.disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.jenis-card.disabled:hover{border-color:var(--hairline);background:var(--canvas)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid var(--hairline);border-radius:14px;background:var(--pearl);transition:border-color .15s ease,background .15s ease}.switch-row:hover{border-color:var(--sky);background:var(--canvas)}.switch-info strong{display:block;font-size:14px;font-weight:600;color:var(--ink)}.switch-info small{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--muted);max-width:520px}.switch{position:relative;display:inline-block;width:48px;height:27px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hairline);border-radius:999px;cursor:pointer;transition:background .18s ease}.switch .track:before{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.16,1,.3,1)}.switch input:checked+.track{background:var(--blue)}.switch input:checked+.track:before{transform:translate(21px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px #0071e34d}.pengantar-items{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.pengantar-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-80);padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.pengantar-item:hover{border-color:var(--sky);background:var(--pearl)}.pengantar-item:has(input:checked){border-color:var(--blue-focus);background:var(--blue-tint-2);font-weight:600;color:var(--ink)}.pengantar-item input{accent-color:var(--blue);width:16px;height:16px}.pengantar-check{font-weight:700;letter-spacing:1px}.preview-col{position:sticky;top:24px}.preview-card .card-title{display:flex;align-items:center}.sheet-preview{overflow:hidden;width:100%;flex-shrink:0}.sheet-preview-wrap{transition:height .18s ease;margin:0 auto}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:10px 12px;color:var(--faint);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--hairline);background:var(--pearl)}.table td{padding:12px;border-bottom:1px solid var(--divider-soft);vertical-align:middle}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--pearl)}.th-actions{width:190px}.row-actions{display:flex;gap:8px;align-items:center}.confirm-box{display:inline-flex;align-items:center;gap:6px;background:var(--red-tint);border:1px solid var(--red-border);padding:4px 8px;border-radius:var(--radius-sm);animation:confirm-in .16s cubic-bezier(.16,1,.3,1)}@keyframes confirm-in{0%{opacity:0;transform:scale(.94);transform-origin:left}}.confirm-text{font-size:12.5px;font-weight:600;color:var(--red)}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{position:relative}.search-box .input{padding-left:40px;border-radius:999px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}.stat-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);padding:20px;display:flex;gap:14px;align-items:center;transition:transform .15s ease,border-color .15s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--blue)}.stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.stat-icon.teal,.stat-icon.blue{background:var(--blue-tint)}.stat-icon.amber{background:var(--amber-tint)}.stat-icon.violet{background:#f0e9ff}.stat-num{font-size:26px;font-weight:600;color:var(--ink);line-height:1.15;letter-spacing:-.4px}.stat-label{font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px}.monitor-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.monitor-select{width:auto;min-width:200px}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease}.th-sort:hover{color:var(--blue)}.th-sort .sort-arrow{opacity:.45;font-size:10px;margin-left:2px}.th-sort.active .sort-arrow{opacity:1;color:var(--blue)}.th-sort.active{color:var(--blue)}.monitor-table .group-row td{background:var(--blue-tint-2);border-bottom:1px solid var(--hairline);padding:10px 12px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease}.monitor-table .group-row:hover td{background:var(--blue-tint)}.group-chevron{display:inline-block;width:14px;margin-right:6px;color:var(--blue);transition:transform .18s cubic-bezier(.16,1,.3,1)}.group-chevron.closed{transform:rotate(-90deg)}.group-meta{font-size:12px;color:var(--muted);margin-left:8px;font-weight:400}.monitor-table .monitor-row td{padding:9px 12px}.monitor-table .monitor-row td:first-child{padding-left:32px;color:var(--ink-80)}.group-total{font-weight:600}.monitor-table .num-cell,.monitor-table th.num-cell{text-align:right;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:900;padding:24px;animation:fade-in .2s ease}.modal-panel{background:var(--canvas);border-radius:var(--radius);max-width:920px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);transform-origin:center;animation:pop-in .24s cubic-bezier(.16,1,.3,1)}.modal-backdrop.leaving{animation:fade-out .2s ease both}.modal-panel.leaving{animation:pop-out .2s cubic-bezier(.16,1,.3,1) both}@keyframes fade-out{to{opacity:0}}@keyframes pop-out{to{opacity:0;transform:scale(.96) translateY(10px)}}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:var(--canvas);border-bottom:1px solid var(--divider-soft);flex-wrap:wrap}.modal-title{font-size:14px;color:var(--muted)}.modal-body{overflow:auto;padding:22px;display:flex;justify-content:center;flex:1;min-height:0;align-items:flex-start;background:var(--parchment)}.warn-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--amber-tint);border:1px solid var(--amber-border);color:var(--amber);font-size:13.5px;padding:11px 16px;border-radius:var(--radius-md);margin-bottom:18px;animation:warn-in .25s ease both}@keyframes warn-in{0%{opacity:0;transform:translateY(4px)}}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:14px;background:var(--parchment)}.boot-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--hairline);border-top-color:var(--blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 20px;color:var(--muted);font-size:15px}.empty-icon{font-size:42px;margin-bottom:10px;animation:pop-in .3s cubic-bezier(.16,1,.3,1)}.empty p{margin:0;animation:fade-in .35s ease .05s both}.toaster{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{display:flex;align-items:center;gap:8px;color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 12px 32px #0003;animation:toast-in .25s cubic-bezier(.16,1,.3,1);max-width:340px}.toast-success{background:#1d1d1f}.toast-error{background:var(--red)}.toast.leaving{opacity:0;transform:translateY(14px) scale(.97);transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.toast-close{background:none;border:none;color:#ffffffd9;font-size:18px;line-height:1;padding:2px 4px;margin-left:6px;cursor:pointer;border-radius:6px}.toast-close:hover{color:#fff;background:#ffffff29}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}.print-sheet{width:210mm;min-height:297mm;background:#fff;color:#111;padding:15mm 30mm 15mm 25mm;box-shadow:0 14px 28px -8px #64748b59,0 6px 12px -6px #64748b38;border-radius:4px;font-family:Times New Roman,Times,serif;font-size:12pt;line-height:1.5}.surat-kop{text-align:center;border-bottom:3px double #000;padding-bottom:8px}.surat-kop-main{font-weight:700;font-size:14pt;letter-spacing:.4px;line-height:1.35;text-transform:uppercase}.surat-kop-title{font-weight:400;font-size:13pt;letter-spacing:.4px;line-height:1.35;text-transform:uppercase}.surat-kop-alamat{font-size:10.5pt;margin-top:3px}.surat-judul-wrap{display:block;width:fit-content;margin:16px auto 0;text-align:left}.surat-judul{font-weight:700;font-size:14.5pt;text-decoration:underline}.surat-nomor{margin-top:2px}.surat-pembuka{text-align:justify;margin:16px 0 8px;text-indent:0}.surat-data{width:100%;border-collapse:collapse;margin:4px 0 10px}.surat-data td{padding:3px 2px;vertical-align:top;page-break-inside:avoid}.surat-data .no{width:30px;white-space:nowrap}.surat-data .label{width:1%;white-space:nowrap;font-weight:600}.surat-data .titik{width:6px}.surat-data .val{width:99%;word-break:break-word}.surat-data .val{font-weight:400}.surat-penjelasan{text-align:justify;margin:12px 0 6px}.surat-keperluan{margin:6px 0 12px;padding-left:6px}.surat-keperluan ol{margin:0;padding-left:26px}.surat-keperluan li,.surat-keperluan-empty div{padding:1px 0}.surat-penutup{text-align:justify;margin:12px 0 0}.surat-ttd{width:46%;margin:28px 0 0 auto;text-align:center;page-break-inside:avoid}.surat-ttd-jabatan,.surat-ttd-label{margin-top:2px}.surat-ttd-space{height:58px}.surat-ttd-nama{font-weight:700;text-decoration:underline}.surat-footer{margin-top:34px;font-size:10.5pt;border-top:1px solid #999;padding-top:5px;line-height:1.4}.print-overlay{display:none}@media print{.no-print{display:none!important}body{background:#fff!important;margin:0}.print-overlay{display:block!important;position:absolute;top:0;left:0}.print-overlay .print-sheet{box-shadow:none;border-radius:0;padding:15mm 30mm 15mm 25mm}@page{size:A4;margin:0}}@media (max-width: 1100px){.form-layout{grid-template-columns:1fr}.preview-col{position:static}}@media (max-width: 860px){.jenis-picker,.pengantar-items{grid-template-columns:1fr}.sidebar{width:76px;padding:18px 10px}.brand-title,.brand-sub,.nav-label,.user-info{display:none}.nav-item{justify-content:center}.sidebar-brand{justify-content:center;padding:4px 0 20px}.user-chip{justify-content:center}.form-grid{grid-template-columns:1fr}.main{padding:20px 16px 40px}}.public-app{min-height:100vh;display:flex;flex-direction:column;background:var(--parchment)}.public-top{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;min-height:48px;background:var(--black);color:#fff;flex-wrap:wrap}.public-brand{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0}.public-brand .brand-icon{width:32px;height:32px;border-radius:9px;background:#ffffff24;display:grid;place-items:center;font-size:16px}.public-brand .brand-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px}.public-brand .brand-sub{font-size:11px;color:#ffffffc7}.public-nav{display:flex;gap:4px;align-items:center;flex:1;justify-content:center}.public-nav .nav-item{width:auto;padding:7px 14px;color:#ffffffb8;font-weight:400;font-size:13px;border-radius:var(--radius-sm)}.public-nav .nav-item:hover{background:#ffffff1a;color:#fff}.public-nav .nav-item.active{background:#ffffff24;color:#fff;font-weight:600;box-shadow:none}.public-main{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:44px 24px 72px}.public-hero{margin:-44px -24px 0;background:var(--canvas);border-bottom:1px solid var(--divider-soft);text-align:center;padding:64px 24px 72px}.public-hero-inner{max-width:780px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--blue);background:var(--blue-tint);border:1px solid var(--hairline);padding:7px 16px;border-radius:999px;margin-bottom:26px}.hero-title{margin:0;font-size:clamp(38px,5vw,56px);font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1.07}.hero-sub{margin:18px auto 0;max-width:620px;font-size:21px;font-weight:400;color:var(--muted);line-height:1.45;letter-spacing:-.1px}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-ctas .btn{padding:14px 30px;font-size:17px;letter-spacing:-.2px}.hero-badge{animation:hero-up .5s cubic-bezier(.16,1,.3,1) both}.hero-title{animation:hero-up .5s cubic-bezier(.16,1,.3,1) .05s both}.hero-sub{animation:hero-up .5s cubic-bezier(.16,1,.3,1) .1s both}.hero-ctas{animation:hero-up .5s cubic-bezier(.16,1,.3,1) .15s both}@keyframes hero-up{0%{opacity:0;transform:translateY(14px)}}.hero-picker{max-width:540px;margin:-34px auto 0;position:relative;scroll-margin-top:96px}.hero-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius);padding:28px 30px;text-align:left;box-shadow:0 20px 44px -24px #00000047;animation:pop-in .3s cubic-bezier(.16,1,.3,1)}.hero-hint{margin-top:14px;font-size:12.5px;color:#6b6b70;display:flex;align-items:center;gap:6px}.loc-chip{display:flex;align-items:center;gap:10px;background:var(--pearl);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:16px;font-size:14px;animation:pop-in .2s cubic-bezier(.16,1,.3,1)}.loc-chip strong{color:var(--ink)}.loc-chip .btn{margin-left:auto}.draft-note{margin-top:18px;font-size:12.5px;color:var(--ink-80);background:var(--blue-tint-2);border:1px dashed var(--sky);border-radius:var(--radius-md);padding:9px 14px}.config-summary{display:flex;flex-direction:column}.config-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 2px;border-bottom:1px solid var(--divider-soft);font-size:13.5px}.config-row:last-child{border-bottom:none}.config-row span{color:var(--muted)}.config-row strong{color:var(--ink);max-width:60%;text-align:right;font-weight:600}.login-back{margin-bottom:20px}.public-foot{background:var(--tile-1);color:#d2d2d7;text-align:center;padding:40px 24px 44px}.public-foot-inner{max-width:980px;margin:0 auto}.public-foot-brand{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px;margin-bottom:8px}.public-foot-note{font-size:13.5px;color:#a1a1a6;line-height:1.6;max-width:560px;margin:0 auto}.public-foot-legal{margin-top:20px;font-size:12px;color:#a1a1a6}.jump-preview{display:none}.auto-draft-card{border:1.5px dashed var(--blue);background:var(--blue-tint-2);border-radius:var(--radius-sm)}.auto-draft-card .badge{background:var(--blue);color:#fff}@media (max-width: 420px){.public-brand .brand-sub{display:none}.toolbar{gap:8px}.toolbar .btn{padding:10px 14px;font-size:14px}}@media (max-width: 720px){.public-top{padding:0 14px}.public-nav{order:3;width:100%;justify-content:flex-start;padding:6px 0 8px}.public-main{padding:24px 14px 56px}.public-hero{margin:-24px -14px 0;padding:48px 16px 56px}.hero-ctas{margin-top:26px}.hero-picker{margin-top:-28px}.jump-preview{display:inline-flex;align-items:center;gap:6px;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--blue);color:var(--blue);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #00000024}}@media (prefers-reduced-motion: reduce){.hero-badge,.hero-title,.hero-sub,.hero-ctas,.card.form-card,.loc-chip,.empty-icon,.warn-banner{animation:none}.empty p{animation:fade-in .35s ease .05s both}.modal-panel.leaving{animation:fade-out .2s ease both}.toast.leaving{transform:none;transition:opacity .2s ease}.form-section .form-grid>.form-group.full{translate:none;transition:opacity .18s ease}@starting-style{.form-section .form-grid>.form-group.full{opacity:0}}}