:root{--bg:#f4f3f1;--surface:#fff;--surface-2:#fafaf9;--surface-sunken:#faf8f6;--surface-quiet:#fbfaf9;--surface-quieter:#fdfcfb;--surface-warm:#fbf9f7;--surface-hover:#f7f4f1;--surface-track:#edeae6;--surface-hover-nav:#f5f2ef;--ink:#1c1917;--ink-2:#3b3532;--ink-3:#57504b;--muted:#7c736d;--muted-2:#8a817b;--muted-3:#a8a09a;--muted-4:#cfc7c1;--line:#eae7e4;--line-strong:#e7e3df;--line-input:#e2ddd8;--line-btn:#ddd8d4;--line-soft:#f0ece8;--line-softer:#f4f1ee;--line-inner:#efebe7;--line-chip:#f2efec;--brand:#b3121b;--brand-dark:#8e0e15;--brand-hover:#9c1017;--brand-tint:#fbf1f1;--brand-tint-2:#fbefef;--brand-tint-3:#fdf3f3;--brand-tint-4:#fdf6f6;--brand-line:#e8c9cb;--brand-line-2:#e0bebe;--brand-shadow:0 2px 8px #b3121b38;--brand-ring:0 0 0 3px #b3121b1f;--ok:#1f6b3c;--ok-dark:#175430;--ok-deep:#1f4e30;--ok-ink:#4a5f51;--ok-bg:#e2f0e6;--ok-bg-2:#f1f5f2;--ok-bg-3:#edf4ef;--ok-line:#d6e3da;--ok-line-2:#cfe3d6;--warn:#7a5a12;--warn-2:#7a5310;--warn-ink:#8a6a2e;--warn-stroke:#9a6b12;--warn-bg:#fbf0d9;--warn-bg-2:#fdf6ec;--warn-bg-3:#fbf7ec;--warn-bg-4:#fdf9f0;--warn-line:#f0dfc2;--warn-line-2:#efe1c6;--warn-line-3:#e0cba4;--warn-line-4:#e5c99a;--warn-dot:#d8a22a;--danger-soft:#95431a;--danger-soft-ink:#7a4a28;--danger-soft-bg:#fce9de;--danger-soft-bg-2:#fdf1e9;--danger-soft-line:#f0d5bf;--danger-soft-line-2:#e0bc9c;--neutral-chip-bg:#efedea;--neutral-chip-fg:#57504b;--neutral-chip-bg-2:#f0edea;--dark:#231f1d;--dark-2:#3b3532;--dark-3:#38322f;--dark-line:#4d4643;--dark-ink:#ede9e6;--dark-ink-2:#f5f2ef;--dark-ink-3:#cfc8c3;--dark-ink-4:#c7bfb9;--dark-ink-5:#9c948e;--dark-ink-6:#bdb5b0;--dark-dot:#e8b84b;--skel-1:#ede9e5;--skel-2:#f1eeeb;--skel-3:#f3f0ed;--scroll-thumb:#dad5d0;--font:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--fs-h1:25px;--fs-h2:19px;--fs-h3:16px;--fs-h4:15.5px;--fs-body:13.5px;--fs-sm:13px;--fs-xs:12.5px;--fs-2xs:11.5px;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-2xl:16px;--r-3xl:18px;--r-4xl:20px;--r-pill:99px;--sh-card:0 1px 2px #1814120a;--sh-lift:0 8px 20px #18141212;--sh-lift-2:0 10px 26px #18141214;--sh-menu:0 12px 30px #18141221;--sh-pop:0 16px 42px #18141229;--sh-modal:0 30px 70px #1814124d;--sh-modal-sm:0 24px 60px #18141247;--sh-letter:0 6px 24px #18141212;--sh-toast:0 12px 34px #1814123d;--sh-fab:0 8px 22px #18141238;--sh-trip:0 8px 22px #8e0e152e;--sh-seg:0 1px 2px #1814121a;--sh-phone:0 34px 80px #1814126b;--sidebar-w:252px;--demobar-h:38px;--page-x:34px;--page-y:30px;--row-pad:14px}
*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark);text-decoration:underline}h1,h2,h3,h4,p{margin:0}input,select,textarea,button{font-family:var(--font)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--brand-ring)}button:focus-visible,a:focus-visible,label:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:#b3121b29}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--r-pill);border:3px solid var(--bg)}::-webkit-scrollbar-track{background:0 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.shell__body{flex:1;min-height:0;display:flex}.demobar{height:var(--demobar-h);background:var(--dark);color:var(--dark-ink);flex:none;align-items:center;gap:16px;padding:0 18px;font-size:12.5px;font-weight:500;display:flex}.demobar__dot{border-radius:var(--r-pill);background:var(--dark-dot);flex:none;width:7px;height:7px}.demobar__mode{white-space:nowrap;align-items:center;gap:7px;display:flex}.demobar__spacer{flex:1}.demobar__note{color:var(--dark-ink-5)}.demobar__role{background:var(--dark-3);font:600 12px var(--font);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.demobar__reset{border:1px solid var(--dark-line);color:var(--dark-ink-3);cursor:pointer;font:600 12px var(--font);white-space:nowrap;background:0 0;border-radius:7px;padding:5px 11px}.demobar__reset:hover{background:var(--dark-3);color:#fff}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line-strong);flex-direction:column;flex:none;padding:20px 14px 14px;display:flex}.sidebar__brand{align-items:center;gap:11px;padding:0 6px 18px;display:flex}.sidebar__logo{object-fit:contain;flex:none;width:38px;height:38px}.sidebar__wordmark{object-fit:contain;width:auto;height:17px;display:block}.sidebar__tagline{font:500 11px/1.3 var(--font);color:var(--muted-2);margin-top:2px}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__spacer{flex:1}.sidebar__user{border-top:1px solid var(--line-inner);align-items:center;gap:10px;padding-top:13px;display:flex}.sidebar__avatar{border-radius:var(--r-pill);background:var(--brand-tint-2);width:36px;height:36px;color:var(--brand);font:700 13px var(--font);flex:none;justify-content:center;align-items:center;display:flex}.sidebar__username{font:700 12.8px/1.2 var(--font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__usermeta{font:500 11px/1.3 var(--font);color:var(--muted-2);margin-top:2px}.main{flex:1;min-width:0;position:relative;overflow:auto}.page{padding:var(--page-y) var(--page-x) 44px}.page--form{padding:26px var(--page-x) 130px}.page--w1100{max-width:1100px}.page--w1240{max-width:1240px}.page--w1320{max-width:1320px}.page--w1440{max-width:1440px}.page-head{align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head__text{flex:1;min-width:0}.h1{font:800 var(--fs-h1) / 1.15 var(--font);letter-spacing:-.02em}.h1--plain{font-weight:700}.sub{font:500 var(--fs-body) var(--font);color:var(--muted);margin-top:6px}
.nav-item{text-align:left;border-radius:var(--r-md);width:100%;font:600 var(--fs-body) var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:11px;padding:9px 11px;display:flex}.nav-item svg{flex:none}.nav-item>span:first-of-type{flex:1}.nav-item:hover{background:var(--surface-hover-nav)}.nav-item.is-active,.nav-item.is-active:hover{background:var(--brand-tint);color:var(--brand)}.nav-item.is-soon{opacity:.45;cursor:not-allowed}.nav-item.is-soon:hover{background:0 0}.tag-soon{font:600 9.5px var(--font);color:var(--muted-3);background:var(--line-chip);letter-spacing:.02em;white-space:nowrap;border-radius:5px;padding:3px 6px}.nav-badge{font:700 10.5px var(--font);color:#fff;background:var(--brand);border-radius:var(--r-pill);justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;display:inline-flex}.btn{border-radius:var(--r-md);font:600 var(--fs-sm) var(--font);cursor:pointer;color:var(--ink-2);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:10px 16px;display:inline-flex}.btn:disabled{cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--brand-shadow);font-weight:700}.btn--primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn--primary:disabled{background:var(--line-inner);border-color:var(--line-inner);color:var(--muted-3);box-shadow:none}.btn--ghost{background:var(--surface);border-color:var(--line-btn);color:var(--ink-2)}.btn--ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn--outline{background:var(--surface);border-color:var(--line-input);color:var(--ink-2)}.btn--outline:hover:not(:disabled){background:var(--surface-hover)}.btn--brandline{background:var(--surface);border-color:var(--line-input);color:var(--brand)}.btn--brandline:hover:not(:disabled){background:var(--brand-tint)}.btn--danger-outline{background:var(--surface);border:1px solid var(--brand);color:var(--brand);font-weight:700}.btn--danger-outline:hover:not(:disabled){background:var(--brand-tint-3)}.btn--approve{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:700}.btn--approve:hover:not(:disabled){background:var(--ok-dark);border-color:var(--ok-dark)}.btn--link{color:var(--brand);font-size:var(--fs-xs);background:0 0;border:none;padding:0}.btn--link:hover{text-decoration:underline}.btn--lg{font-size:var(--fs-body);border-radius:11px;padding:12px 20px;font-weight:700}.btn--sm{font-size:var(--fs-xs);border-radius:var(--r-sm);padding:7px 13px}.btn--block{width:100%;padding:13px;font-size:14px}.btn-back{color:var(--muted);font:600 var(--fs-xs) var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:14px;padding:0;display:flex}.btn-back:hover{color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3xl);box-shadow:var(--sh-card)}.card--flat{box-shadow:none}.card--clip{overflow:hidden}.card__body{padding:20px 22px}.card__head{align-items:center;gap:10px;padding:18px 22px 14px;display:flex}.card__title{font:700 var(--fs-h3) var(--font);letter-spacing:-.01em}.card__foot{border-top:1px solid var(--line-soft);background:var(--surface-quieter);flex-wrap:wrap;align-items:center;gap:13px;padding:14px 22px;display:flex}.panel{background:var(--surface-sunken);border:1px solid var(--line-inner);border-radius:var(--r-lg);padding:16px 18px}.h2{font:700 var(--fs-h2) var(--font);letter-spacing:-.01em}.h3{font:700 var(--fs-h4) var(--font)}.eyebrow{font:700 var(--fs-2xs) var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--muted-3)}.chip{font:700 var(--fs-2xs) var(--font);border-radius:var(--r-pill);white-space:nowrap;background:var(--neutral-chip-bg);color:var(--neutral-chip-fg);align-items:center;padding:5px 11px;display:inline-flex}.chip--lg{padding:7px 14px;font-size:12px}.chip--draft{background:var(--neutral-chip-bg);color:var(--neutral-chip-fg)}.chip--in_review{background:var(--warn-bg);color:var(--warn)}.chip--verified{background:var(--ok-bg);color:var(--ok)}.chip--rejected{background:var(--danger-soft-bg);color:var(--danger-soft)}.chip--cancelled{background:var(--dark-2);color:var(--dark-ink-2)}.chip--count{background:var(--brand);color:#fff;padding:4px 9px;font-size:12px}.chip--lock{background:var(--neutral-chip-bg-2);color:var(--ink-3);font-weight:600;font-size:var(--fs-2xs);gap:5px;padding:4px 10px}.chip--version{color:var(--ok);background:var(--ok-bg-3);padding:4px 10px}.chip--main{color:var(--brand);background:var(--brand-tint-2);padding:4px 9px;font-size:10.5px}.tag-code{border:1px solid var(--line-strong);background:var(--surface-warm);color:var(--ink-2);font:600 11.4px var(--font);border-radius:7px;padding:5px 9px}.tag-plain{border:1px solid var(--line-strong);background:var(--surface-warm);color:var(--ink-2);border-radius:var(--r-sm);font:500 11.8px var(--font);padding:6px 10px}.field{min-width:0;position:relative}.field--wide{grid-column:span 2}.label{font:600 var(--fs-xs) var(--font);color:var(--ink-3);margin-bottom:6px;display:block}.label .req{color:var(--brand)}.input,.select,.textarea{border:1px solid var(--line-btn);background:var(--surface);border-radius:var(--r-md);width:100%;font:500 var(--fs-body) var(--font);color:var(--ink);outline:none;padding:10px 12px}.textarea{resize:vertical;line-height:1.55}.select{cursor:pointer}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-hover-nav);cursor:not-allowed}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--brand)}.hint{font:500 11.8px/1.45 var(--font);color:var(--muted-2);margin-top:5px}.err{font:600 11.8px/1.45 var(--font);color:var(--brand);margin-top:5px}.form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.search{position:relative}.search svg{pointer-events:none;position:absolute;top:11px;left:13px}.search .input{background:var(--surface-quiet);border-color:var(--line-input);padding-left:37px}.filterbar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.filter{border:1px solid var(--line-input);background:var(--surface);border-radius:var(--r-md);align-items:center;gap:7px;height:39px;padding:0 9px 0 11px;display:flex}.filter__label{font:600 12px var(--font);color:var(--muted-2);white-space:nowrap}.filter select{font:600 var(--fs-sm) var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:none;outline:none;max-width:190px;height:37px;padding:0}.filter select:focus{box-shadow:none}.toolbar{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:11px;padding:16px 18px;display:flex}.combo-menu{z-index:40;background:var(--surface);border:1px solid var(--line-input);border-radius:var(--r-lg);box-shadow:var(--sh-menu);max-height:250px;margin-top:5px;padding:5px;position:absolute;top:100%;left:0;right:0;overflow:auto}.combo-option{text-align:left;border-radius:var(--r-sm);width:100%;font:500 var(--fs-sm) var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:9px 11px;display:block}.combo-option:hover{background:var(--brand-tint);color:var(--brand)}.combo-option strong{font:600 var(--fs-sm) var(--font);color:var(--ink);display:block}.combo-option small{font:500 var(--fs-2xs) var(--font);color:var(--muted-2);margin-top:2px;display:block}.combo-empty{font:500 var(--fs-xs) / 1.55 var(--font);color:var(--muted-2);padding:12px 11px}.check-row{border:1px solid var(--line-input);background:var(--surface);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:11px;padding:11px 13px;display:flex}.check-row.is-on{background:var(--brand-tint);border-color:var(--brand-line)}.check-row input{width:16px;height:16px;accent-color:var(--brand);flex:none}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font:700 var(--fs-2xs) var(--font);letter-spacing:.045em;text-transform:uppercase;color:var(--muted-2);border-bottom:1px solid var(--line-inner);white-space:nowrap;background:var(--surface-quiet);padding:12px 18px}.table th.is-right,.table td.is-right{text-align:right}.table td{padding:var(--row-pad) 18px;font:500 var(--fs-sm) var(--font);color:var(--ink-2);vertical-align:middle}.table tbody tr{border-bottom:1px solid var(--line-softer)}.table tbody tr:hover{background:var(--surface-quieter)}.table .cell-title{font:700 var(--fs-body) var(--font);letter-spacing:-.005em;color:var(--ink)}.table .cell-sub{font:500 var(--fs-2xs) var(--font);color:var(--muted-3);margin-top:3px}.table .nowrap{white-space:nowrap}.table .muted{color:var(--muted-3)}.table .strike{text-decoration:line-through}.table-foot{border-top:1px solid var(--line-soft);font:500 var(--fs-xs) var(--font);color:var(--muted-2);align-items:center;padding:14px 18px;display:flex}.table-wrap{overflow-x:auto}.state{text-align:center;padding:72px 24px}.state svg{margin-bottom:14px}.state__title{font:700 17px var(--font)}.state__text{font:500 var(--fs-body) var(--font);color:var(--muted);margin:8px 0 18px}.skel{background:var(--skel-1);border-radius:5px;animation:1.4s ease-in-out infinite pulse}.skel--soft{background:var(--skel-2)}.skel--softer{background:var(--skel-3)}.callout{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface-warm);align-items:flex-start;gap:13px;padding:15px 18px;display:flex}.callout svg{flex:none;margin-top:1px}.callout__title{font:700 var(--fs-body) var(--font)}.callout__text{font:500 var(--fs-sm) / 1.6 var(--font);color:var(--ink-3);margin-top:4px}.callout p{font:500 12.8px/1.6 var(--font);color:var(--ink-3)}.callout--ok{background:var(--ok-bg-2);border-color:var(--ok-line)}.callout--ok .callout__title{color:var(--ok)}.callout--ok .callout__text{color:var(--ok-ink)}.callout--warn{background:var(--warn-bg-2);border-color:var(--warn-line)}.callout--warn .callout__title,.callout--warn .callout__text,.callout--warn p,.callout--warn span{color:var(--warn)}.callout--reject{background:var(--danger-soft-bg-2);border-color:var(--danger-soft-line)}.callout--reject .callout__title{color:var(--danger-soft)}.callout--reject .callout__text,.callout--reject p{color:var(--danger-soft-ink)}.callout--error{background:#fceeee;border-color:#efcfcf}.callout--error .callout__title,.callout--error span,.callout--error p{color:var(--brand)}.callout--dark{background:var(--dark-2);border-color:var(--dark-2)}.callout--dark .callout__title{color:var(--dark-ink-2)}.callout--dark .callout__text{color:var(--dark-ink-4)}.callout--dark .callout__meta{font:500 12.3px var(--font);color:var(--dark-ink-5);margin-top:6px}.banner{background:var(--warn-bg-2);border-bottom:1px solid #f3e6d2;align-items:center;gap:12px;padding:12px 18px;display:flex}.banner span{font:600 var(--fs-sm) var(--font);color:var(--warn);flex:1}.banner button{border:1px solid var(--warn-line-3);background:var(--surface);color:var(--warn);border-radius:var(--r-sm);font:600 var(--fs-xs) var(--font);cursor:pointer;padding:6px 12px}.note-box{background:var(--warn-bg-3);border:1px solid var(--warn-line-2);border-radius:var(--r-2xl);font:600 12.8px/1.6 var(--font);color:var(--warn);padding:15px 18px}.kv{align-items:baseline;gap:12px;display:flex}.kv__k{font:600 12px var(--font);color:var(--muted-2);flex:none;width:104px}.kv__v{font:500 var(--fs-sm) / 1.5 var(--font);color:var(--ink-2);flex:1;min-width:0}.kv__v.is-muted{color:var(--muted-3)}.kv-list{flex-direction:column;gap:12px;display:flex}.deflist{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.deflist__k{font:600 var(--fs-2xs) var(--font);color:var(--muted-2);letter-spacing:.02em}.deflist__v{font:500 var(--fs-body) / 1.5 var(--font);color:var(--ink-2);margin-top:4px}.timeline{flex-direction:column;gap:13px;display:flex}.timeline__row{gap:11px;display:flex}.timeline__dot{border-radius:var(--r-pill);flex:none;width:7px;height:7px;margin-top:6px}.timeline__text{font:500 12.8px/1.5 var(--font);color:var(--ink-2)}.timeline__time{font:500 var(--fs-2xs) var(--font);color:var(--muted-3);margin-top:2px}.segmented{background:var(--surface-track);border-radius:11px;gap:3px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;border-radius:var(--r-sm);font:600 var(--fs-sm) var(--font);color:var(--muted);background:0 0;border:none;padding:8px 16px}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-seg)}.segmented--sm button{padding:7px 13px;font-size:12.2px}.segmented--xs{border-radius:9px}.segmented--xs button{border-radius:7px;padding:6px 11px;font-size:11.6px}.tabs-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);flex-direction:column;gap:2px;padding:8px;display:flex}.tabs-list__item{text-align:left;border-radius:var(--r-md);width:100%;font:600 var(--fs-sm) var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:10px 11px;display:flex}.tabs-list__item>span:first-child{flex:1}.tabs-list__item:hover{background:var(--surface-hover-nav)}.tabs-list__item.is-active,.tabs-list__item.is-active:hover{background:var(--brand-tint);color:var(--brand)}.tabs-list__item.is-soon{opacity:.45;cursor:not-allowed}.tabs-list__item.is-soon:hover{background:0 0}.tabs-list__item small{font:500 11.3px var(--font);color:var(--muted-2);margin-top:3px;display:block}.tabs-list__item.is-active small{color:#c4737a}.pillbar{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:4px;padding:12px 16px;display:flex}.pill-tab{border:1px solid var(--line-input);background:var(--surface);color:var(--ink-2);font:600 var(--fs-sm) var(--font);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;display:flex}.pill-tab.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.pill-tab__count{font:700 11px var(--font);background:var(--neutral-chip-bg-2);color:var(--muted-2);border-radius:var(--r-pill);padding:2px 7px}.pill-tab.is-on .pill-tab__count{color:#fff;background:#ffffff2e}.overlay{z-index:95;background:#1c191773;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.overlay--light{z-index:80;background:#1c191757;padding:28px}.overlay--deep{z-index:96;background:#1c19178c;gap:26px;padding:26px}.modal{background:var(--surface);border-radius:var(--r-4xl);width:604px;max-width:100%;max-height:100%;box-shadow:var(--sh-modal);animation:.18s fadeup;overflow:auto}.modal--sm{border-radius:var(--r-3xl);width:520px;box-shadow:var(--sh-modal-sm)}.modal__head{padding:24px 28px 0}.modal--sm .modal__head{border-bottom:1px solid var(--line-soft);padding:20px 24px 16px}.modal__title{font:800 20px var(--font);letter-spacing:-.01em;margin:8px 0 4px}.modal--sm .modal__title{font:700 17px var(--font);margin:0}.modal__sub{font:500 var(--fs-sm) / 1.6 var(--font);color:var(--muted)}.modal__body{padding:20px 28px 0}.modal--sm .modal__body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.modal__foot{align-items:center;gap:10px;padding:20px 28px 24px;display:flex}.modal--sm .modal__foot{border-top:1px solid var(--line-soft);background:var(--surface-quieter);padding:15px 24px}.modal__spacer{flex:1}.choice{text-align:left;border:1.5px solid var(--line-input);background:var(--surface);border-radius:var(--r-xl);cursor:pointer;width:100%;padding:17px 19px}.choice:hover{border-color:var(--brand)}.choice.is-on{border-color:var(--brand);background:var(--brand-tint-4)}.choice__title{font:700 14px var(--font);color:var(--ink)}.choice__text{font:500 12.8px/1.6 var(--font);color:var(--muted);margin-top:5px}.toast{z-index:90;background:var(--dark);color:var(--dark-ink-2);border-radius:var(--r-lg);font:600 var(--fs-sm) var(--font);box-shadow:var(--sh-toast);text-align:center;width:max-content;max-width:620px;padding:13px 20px;animation:.18s fadeup;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.letter{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-xs);box-shadow:var(--sh-letter);font-family:var(--font-serif);padding:44px 46px 36px;position:relative;overflow:hidden}.letter--compact{padding:38px 40px 32px}.letter__watermark{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.letter__watermark span{font:800 46px var(--font);color:#b3121b1a;letter-spacing:.05em;white-space:nowrap;transform:rotate(-24deg)}.letter__watermark--cancel span{color:#3b353221;font-size:52px}.letter--compact .letter__watermark span{font-size:40px}.letter__kop{border-bottom:2px solid var(--brand);align-items:center;gap:16px;padding-bottom:13px;display:flex}.letter__kop img{object-fit:contain;width:54px;height:54px}.letter--compact .letter__kop img{width:50px;height:50px}.letter__kop-text{text-align:center;flex:1;min-width:0}.letter__pt{font:600 18.5px var(--font-serif);letter-spacing:.02em;color:var(--brand)}.letter--compact .letter__pt{font-size:17px}.letter__addr{font:400 10.2px/1.6 var(--font-serif);color:var(--ink-2)}.letter--compact .letter__addr{font-size:9.6px}.letter__title{text-align:center;font:600 13.6px var(--font-serif);letter-spacing:.02em;margin:20px 0 3px;text-decoration:underline}.letter__no{text-align:center;font:400 11.6px var(--font-serif);color:var(--ink-2)}.letter__to{font:400 12.2px/1.85 var(--font-serif);white-space:pre-line;margin-top:18px}.letter p{font:400 12.2px/1.9 var(--font-serif);text-align:justify;margin:13px 0 0}.letter__rows{margin:13px 0 0;padding-left:20px}.letter__row{font:400 12.2px/1.95 var(--font-serif);display:flex}.letter__row-k{flex:none;width:158px}.letter__row-c{flex:none;width:12px}.letter__row-v{font-weight:500}.letter--compact .letter__to,.letter--compact p,.letter--compact .letter__row{font-size:11.6px}.letter--compact .letter__row-k{width:150px}.letter--compact .letter__title{margin-top:18px;font-size:13px}.letter--compact .letter__no{font-size:11px}.letter__sign{align-items:flex-end;gap:18px;margin-top:22px;display:flex}.letter__qr{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:8px;display:flex}.letter__qr:hover{border-color:var(--brand)}.letter__qr span{font:600 8px var(--font);color:var(--muted-2);letter-spacing:.03em}.letter__ttd{text-align:center;font:400 12.2px/1.8 var(--font-serif)}.letter__ttd-name{font-weight:600;text-decoration:underline}.letter__ttd-gap{height:46px}.sticky-bar{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-top:1px solid var(--line-strong);padding:14px 196px 14px var(--page-x);z-index:20;background:#ffffffed;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.sticky-bar__hint{font:500 12.8px var(--font);color:var(--muted);flex:1;min-width:220px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.stack--sm{gap:9px}.stack--md{gap:11px}.row{align-items:center;gap:10px;display:flex}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.text-muted{color:var(--muted-2)}.text-sm{font:500 var(--fs-xs) / 1.55 var(--font);color:var(--muted-2)}
.beranda-grid{grid-template-columns:1.15fr repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.trip-card{border-radius:var(--r-3xl);color:#fff;box-shadow:var(--sh-trip);background:linear-gradient(142deg,#c4161c 0%,#8e0e15 100%);flex-direction:column;padding:22px;display:flex}.trip-card__eyebrow{font:600 var(--fs-2xs) var(--font);letter-spacing:.06em;text-transform:uppercase;opacity:.72}.trip-card__name{font:800 20px/1.25 var(--font);letter-spacing:-.01em;margin-top:10px}.trip-card__range{font:500 var(--fs-sm) var(--font);opacity:.85;margin-top:5px}.trip-card__count{font:800 15px var(--font)}.trip-card__btn{color:#fff;font:600 var(--fs-xs) var(--font);cursor:not-allowed;opacity:.75;background:#ffffff29;border:1px solid #ffffff57;border-radius:9px;align-self:flex-start;margin-top:12px;padding:9px 14px}.stat-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3xl);box-shadow:var(--sh-card);cursor:pointer;padding:20px;transition:transform .14s,box-shadow .14s}.stat-card:hover:not(:disabled){box-shadow:var(--sh-lift);transform:translateY(-2px)}.stat-card:disabled{opacity:.55;cursor:default}.stat-card__label{font:600 var(--fs-xs) / 1.35 var(--font);color:var(--muted);min-height:34px}.stat-card__value{font:800 34px/1 var(--font);letter-spacing:-.03em;color:var(--ink);margin-top:6px}.stat-card__value.is-zero{color:var(--muted-3)}.stat-card__cta{font:600 12px var(--font);color:var(--brand);margin-top:16px}.stat-card__cta.is-zero{color:var(--muted-3)}.beranda-cols{grid-template-columns:1.55fr 1fr;gap:16px;display:grid}.berkas-row{background:var(--surface-sunken);border:1px solid var(--line-inner);border-radius:var(--r-lg);align-items:center;gap:13px;padding:13px 15px;display:flex}.berkas-row__dot{border-radius:var(--r-pill);flex:none;width:9px;height:9px}.berkas-row__name{font:600 var(--fs-body) var(--font);flex:1}.berkas-row__note{font:500 var(--fs-xs) var(--font)}.berkas-row__soon{font:600 var(--fs-2xs) var(--font);color:var(--muted-3);border:1px solid var(--line-input);white-space:nowrap;border-radius:7px;padding:5px 10px}.aktivitas{flex-direction:column;gap:15px;display:flex}.aktivitas__row{gap:12px;display:flex}.aktivitas__dot{border-radius:var(--r-pill);flex:none;width:7px;height:7px;margin-top:6px}.aktivitas__text{font:500 var(--fs-sm) / 1.5 var(--font);color:var(--ink-2)}.aktivitas__time{font:500 var(--fs-2xs) var(--font);color:var(--muted-3);margin-top:3px}.form-layout{grid-template-columns:212px 1fr;align-items:start;gap:26px;display:grid}.jump{padding-top:2px;position:sticky;top:0}.jump__title{font:700 var(--fs-2xs) var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--muted-3);margin-bottom:11px}.jump__item{text-align:left;font:600 var(--fs-sm) var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 10px;display:flex}.jump__item:hover{background:var(--line-inner)}.jump__dot{border-radius:var(--r-pill);flex:none;width:7px;height:7px}.locked-grid{background:var(--surface-sunken);border:1px solid var(--line-inner);border-radius:var(--r-xl);grid-template-columns:1fr 1fr;gap:16px 24px;margin:16px 22px 22px;padding:18px 20px;display:grid}.unlock-bar{border-top:1px solid var(--line-soft);background:var(--surface-quieter);flex-wrap:wrap;align-items:center;gap:12px;padding:13px 22px;display:flex}.unlock-bar span{font:500 var(--fs-xs) var(--font);color:var(--muted-2);flex:1;min-width:200px}.foto{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.foto__preview{border-radius:var(--r-lg);border:1px solid var(--line-input);background:var(--surface-sunken);flex:none;justify-content:center;align-items:center;width:132px;height:176px;display:flex;overflow:hidden}.foto__preview img{object-fit:cover;width:100%;height:100%}.foto__side{flex:1;min-width:240px}.dropzone{border:1.5px dashed var(--line-btn);background:var(--surface-quiet);border-radius:var(--r-xl);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.dropzone.is-error{background:#fdf7f7;border-color:#e0b9b9}.dropzone strong{font:700 var(--fs-body) var(--font)}.dropzone small{font:500 12.3px var(--font);color:var(--muted-2)}.queue-row{border-bottom:1px solid var(--line-softer);flex-wrap:wrap;align-items:center;gap:18px;padding:16px 20px;display:flex}.queue-row:hover{background:var(--surface-quieter)}.queue-row__kind{font:700 11px var(--font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-align:center;border-radius:7px;flex:none;width:118px;padding:6px 10px}.queue-row__kind--surat{background:var(--brand-tint);color:var(--brand)}.queue-row__kind--jamaah{color:#4a5d6b;background:#eff3f6}.queue-row__main{flex:1;min-width:180px}.queue-row__title{font:700 14px var(--font)}.queue-row__sub{font:500 12.3px var(--font);color:var(--muted-2);margin-top:3px}.queue-row__meta{text-align:right;flex:none}.queue-row__by{font:600 var(--fs-xs) var(--font);color:var(--ink-2)}.queue-row__time{font:500 11.8px var(--font);color:var(--muted-3);margin-top:3px}.jenis-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3xl);cursor:pointer;box-shadow:var(--sh-card);flex-direction:column;gap:12px;padding:24px;transition:transform .14s,box-shadow .14s;display:flex}.jenis-card:hover{box-shadow:var(--sh-lift-2);border-color:#e3c9c9;transform:translateY(-3px)}.jenis-card__icon{border-radius:var(--r-lg);background:var(--brand-tint);width:42px;height:42px;color:var(--brand);justify-content:center;align-items:center;display:flex}.jenis-card__name{font:700 var(--fs-h3) / 1.35 var(--font);letter-spacing:-.01em}.jenis-card__desc{font:500 var(--fs-sm) / 1.6 var(--font);color:var(--muted);flex:1}.jenis-card__cta{font:700 var(--fs-xs) var(--font);color:var(--brand)}.split-form{grid-template-columns:minmax(340px,1fr) minmax(0,660px);align-items:start;gap:24px;display:grid}.split-dok{grid-template-columns:minmax(320px,1fr) minmax(0,380px);align-items:start;gap:24px;display:grid}.sticky-col{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:0}.dok-fields{grid-template-columns:1fr 1fr;gap:2px;display:grid}.dok-field{border-radius:9px;gap:12px;padding:11px 14px;display:flex}.dok-field:nth-child(2n){background:var(--surface-quiet)}.dok-field__k{font:600 12.3px var(--font);color:var(--muted-2);flex:none;width:130px}.dok-field__v{font:500 var(--fs-sm) / 1.5 var(--font);color:var(--ink)}.dok-field__v.is-muted{color:var(--muted-3)}.phone{background:var(--dark);width:392px;height:788px;max-height:100%;box-shadow:var(--sh-phone);border-radius:46px;flex:none;padding:11px}.phone__screen{background:var(--bg);border-radius:36px;width:100%;height:100%;position:relative;overflow:auto}.phone__bar{z-index:2;background:var(--brand);align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0}.phone__bar img{object-fit:contain;border-radius:var(--r-pill);background:#fff;width:26px;height:26px;padding:2px}.phone__bar-title{font:700 var(--fs-sm) var(--font);color:#fff;letter-spacing:.01em}.phone__bar-note{font:600 10.5px var(--font);color:#ffffffb8}.verif-result{border-radius:var(--r-3xl);text-align:center;border:1px solid var(--line);background:var(--surface);padding:24px 20px}.verif-result__icon{border-radius:var(--r-pill);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.verif-result__title{font:800 19px/1.35 var(--font)}.verif-result__sub{font:500 var(--fs-body) / 1.65 var(--font);color:var(--ink-3);margin-top:9px}.verif-row{border-bottom:1px solid var(--line-softer);gap:12px;padding:12px 0;display:flex}.verif-row__k{font:600 12.3px var(--font);color:var(--muted-2);flex:none;width:118px}.verif-row__v{font:600 var(--fs-sm) / 1.5 var(--font);color:var(--ink);text-align:right;flex:1}.verif-aside{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.verif-aside__card{background:var(--surface);border-radius:var(--r-lg);max-width:250px;padding:13px 16px}.demo-fab{z-index:80;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.demo-fab__btn{background:var(--dark);color:var(--dark-ink-2);border-radius:var(--r-pill);font:700 var(--fs-xs) var(--font);cursor:pointer;box-shadow:var(--sh-fab);border:none;align-items:center;gap:8px;padding:11px 17px;display:flex}.demo-fab__panel{background:var(--surface);border:1px solid var(--line-input);border-radius:var(--r-2xl);width:272px;box-shadow:var(--sh-pop);padding:16px 17px;animation:.16s fadeup}.demo-fab__grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.demo-fab__opt{border:1px solid var(--line-input);background:var(--surface);color:var(--ink-2);font:600 12.3px var(--font);cursor:pointer;border-radius:9px;padding:9px 6px}.demo-fab__opt.is-on{background:var(--dark);border-color:var(--dark);color:#fff}.settings-layout{grid-template-columns:232px 1fr;align-items:start;gap:24px;display:grid}.settings-layout>.tabs-list{position:sticky;top:0}.tpl-head{flex-wrap:wrap;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.tpl-icon{background:var(--ok-bg-2);border-radius:11px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tpl-meta{flex:1;min-width:230px}.tpl-meta p{font:500 12.6px/1.55 var(--font);color:var(--muted);margin-top:6px}.tpl-meta p+p{color:var(--muted-3);margin-top:4px}.tpl-actions{flex:none;gap:8px;display:flex}.tpl-toggle{text-align:left;border:none;border-top:1px solid var(--line-soft);background:var(--surface-quieter);cursor:pointer;width:100%;font:600 var(--fs-xs) var(--font);color:var(--ink-3);align-items:center;gap:8px;padding:12px 22px;display:flex}.tpl-toggle:hover{background:var(--surface-hover)}.tpl-toggle svg{transition:transform .15s}.tpl-toggle.is-open svg{transform:rotate(180deg)}.tpl-history{border-top:1px solid var(--line-soft);padding:6px 22px 16px}.version-row{border-bottom:1px solid var(--line-softer);flex-wrap:wrap;align-items:center;gap:14px;padding:13px 0;display:flex}.version-row__v{font:700 var(--fs-xs) var(--font);color:var(--muted-2);flex:none;width:34px}.version-row__v.is-current{color:var(--brand)}.version-row__main{flex:1;min-width:160px}.version-row__note{font:600 12.8px var(--font)}.version-row__meta{font:500 11.8px var(--font);color:var(--muted-2);margin-top:3px}.steps{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;row-gap:10px;padding:0 22px 16px;display:flex}.step{flex:none;align-items:center;gap:9px;min-width:max-content;display:flex}.step__no{border-radius:var(--r-pill);background:var(--surface);width:25px;height:25px;color:var(--muted-3);border:1px solid var(--line-input);font:700 var(--fs-2xs) var(--font);flex:none;justify-content:center;align-items:center;display:flex}.step.is-now .step__no{background:var(--brand);border-color:var(--brand);color:#fff}.step.is-done .step__no{background:var(--ok-bg-3);border-color:var(--ok-line-2);color:var(--ok)}.step__label{font:600 12.8px var(--font);color:var(--muted-3);white-space:nowrap}.step.is-now .step__label{color:var(--ink)}.step.is-done .step__label{color:var(--ink-2)}.step__line{background:var(--line-strong);flex:1;min-width:12px;height:1px}.step:last-child .step__line{background:0 0}.upload-zone{border-radius:var(--r-2xl);text-align:center;background:var(--surface-sunken);border:2px dashed #dcd6d0;padding:46px 24px}.upload-zone strong{font:700 15px var(--font);margin-bottom:6px;display:block}.upload-zone p{font:500 12.8px/1.6 var(--font);color:var(--muted);max-width:430px;margin:0 auto 18px}.check-line{align-items:flex-start;gap:11px;display:flex}.check-line__mark{border-radius:var(--r-pill);width:19px;height:19px;font:800 11px var(--font);background:var(--ok-bg-3);color:var(--ok);flex:none;justify-content:center;align-items:center;margin-top:1px;display:flex}.check-line__mark.is-warn{color:var(--warn-stroke);background:#fbefd8}.check-line span:last-child{font:500 13.2px/1.5 var(--font);color:var(--ink-2)}.map-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.map-row__col{font:600 var(--fs-sm) var(--font);color:var(--ink-2);flex:190px;min-width:150px}.map-row select{flex:220px;min-width:0}.summary-row{border-bottom:1px solid var(--line-softer);background:var(--surface-quieter);flex-wrap:wrap;gap:6px 16px;padding:13px 18px;display:flex}.summary-row__k{font:600 12.6px var(--font);color:var(--muted-2);flex:0 170px;min-width:140px}.summary-row__v{font:600 12.8px/1.5 var(--font);color:var(--ink-2);flex:240px;min-width:0}.surat-layout{grid-template-columns:196px minmax(380px,1fr) 246px;align-items:start;gap:18px;display:grid}.editor{border:1px solid var(--line-input);background:var(--surface-quieter);border-radius:var(--r-lg);width:100%;font:500 13.2px/1.85 var(--font);color:var(--ink);resize:vertical;outline:none;padding:15px 16px}.preview-doc{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);font:400 13.6px/2 var(--font-serif);color:#241f1c;white-space:pre-wrap;padding:30px 34px;overflow-x:auto}.ph-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2xl);padding:16px 15px 18px;position:sticky;top:0}.ph-group+.ph-group{margin-top:14px}.ph-group__title{font:600 11.2px var(--font);color:var(--muted-3);letter-spacing:.04em;margin-bottom:7px}.ph-chips{flex-wrap:wrap;gap:6px;display:flex}.ph-chip{border:1px solid var(--line-strong);background:var(--surface-warm);color:var(--ink-2);border-radius:var(--r-sm);font:500 11.4px var(--font);cursor:pointer;padding:6px 9px}.ph-chip:hover{background:var(--brand-tint);border-color:var(--brand-line);color:var(--brand)}.signer-row{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:14px;padding:15px 22px;display:flex}.signer-row__avatar{border-radius:var(--r-pill);width:40px;height:40px;font:700 13px var(--font);background:var(--line-chip);color:var(--muted-2);flex:none;justify-content:center;align-items:center;display:flex}.signer-row__avatar.is-main{background:var(--brand-tint-2);color:var(--brand)}.signer-row__id{flex:210px;min-width:0}.signer-row__name{font:700 14px var(--font)}.signer-row__job{font:500 12.4px var(--font);color:var(--muted);margin-top:3px}.signer-row__perms{flex-wrap:wrap;flex:230px;align-items:center;gap:6px;min-width:0;display:flex}.signer-row__actions{flex:none;gap:8px;display:flex}.qr-layout{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:22px;padding:20px 22px 24px;display:grid}.foot-preview{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);padding:22px 24px}.foot-preview__text{font:400 12.6px/2 var(--font-serif);color:#241f1c}.foot-preview__qr{margin-top:22px;display:flex}.foot-preview__qr-inner{align-items:center;gap:13px;display:flex}.foot-preview__qr-box{border:1px solid var(--line-strong);border-radius:var(--r-xs);flex:none;padding:4px;line-height:0}.foot-preview__qr-note{font:400 10.6px/1.65 var(--font-serif);color:var(--ink-3);max-width:170px}.validasi{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-quieter);overflow:hidden}.validasi__bar{border-bottom:1px solid var(--line-soft);background:var(--surface);align-items:center;gap:9px;padding:11px 16px;display:flex}.validasi__bar img{object-fit:contain;width:20px;height:20px}.validasi__body{padding:18px 18px 20px}.validasi__badge{border-radius:var(--r-pill);flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.validasi__row{border-bottom:1px solid var(--line-softer);flex-wrap:wrap;gap:4px 14px;padding:11px 15px;display:flex}.validasi__row-k{font:600 11.8px var(--font);color:var(--muted-2);flex:0 130px;min-width:110px}.validasi__row-v{font:600 12.4px/1.5 var(--font);color:var(--ink-2);flex:150px;min-width:0}@media (max-width:1280px){.beranda-grid{grid-template-columns:repeat(4,1fr)}.beranda-grid .trip-card{grid-column:1/-1}.surat-layout{grid-template-columns:180px minmax(0,1fr)}.surat-layout .ph-panel{grid-column:1/-1;position:static}.split-form{grid-template-columns:minmax(0,1fr)}.split-form>div:last-child{position:static}}@media (max-width:1080px){.split-dok,.qr-layout,.beranda-cols{grid-template-columns:minmax(0,1fr)}.split-dok .sticky-col,.settings-layout>.tabs-list{position:static}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-layout>.tabs-list{flex-flow:wrap}.settings-layout>.tabs-list .tabs-list__item{width:auto}.form-layout{grid-template-columns:minmax(0,1fr)}.jump{position:static}.jump>div:last-child{flex-flow:wrap}.jump__item{border:1px solid var(--line-input);width:auto}.grid-3{grid-template-columns:repeat(2,1fr)}.sticky-bar{padding-right:var(--page-x)}}@media (max-width:900px){:root{--page-x:20px;--page-y:22px}.shell{height:auto;min-height:100vh;overflow:visible}.shell__body{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line-strong);width:100%;padding:14px}.sidebar__brand{padding-bottom:12px}.sidebar__nav{flex-flow:wrap}.sidebar__nav .nav-item{width:auto}.sidebar__spacer{display:none}.sidebar__user{margin-top:12px}.main{overflow:visible}.beranda-grid,.grid-2,.grid-3,.form-grid,.deflist,.locked-grid,.dok-fields,.demo-fab__grid{grid-template-columns:minmax(0,1fr)}.field--wide{grid-column:auto}.surat-layout{grid-template-columns:minmax(0,1fr)}.surat-layout .tabs-list{flex-flow:wrap}.phone{width:100%;max-width:392px;height:auto;max-height:78vh}.overlay--deep{flex-direction:column}.verif-aside{align-items:center}.demobar{flex-wrap:wrap;gap:10px;height:auto;padding:8px 14px}.demobar__spacer{display:none}}@media (max-width:640px){.modal,.modal--sm{width:100%}.overlay{padding:14px}.letter{padding:24px 20px 22px}.letter__kop{flex-direction:column;gap:10px}.letter__row{flex-wrap:wrap}.letter__row-k{width:130px}.queue-row__meta{text-align:left}.demo-fab{bottom:12px;right:12px}}