@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#1c2321;--ink-soft:#4b5550;--paper:#f5f2ea;--surface:#fff;--line:#e3dece;--line-soft:#ede9dc;--teal-950:#0a2e27;--teal-900:#0c3c33;--teal-700:#0f5c4c;--teal-600:#137763;--teal-500:#178068;--teal-100:#e1eee8;--gold-700:#93691f;--gold-600:#b98a2e;--gold-100:#f6ebd3;--red-600:#ae4332;--red-100:#f5e4df;--font-display:"Fraunces", serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--radius:10px;--shadow-card:0 1px 2px #141e190a, 0 6px 20px -10px #141e191f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{color:inherit;font-family:inherit;font-size:14px}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}#app{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg,var(--teal-950),var(--teal-900) 60%);color:#eaf3ef;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;margin-bottom:14px;padding:4px 8px 22px;display:flex}.brand-mark{background:linear-gradient(155deg,var(--gold-600),var(--gold-700));width:38px;height:38px;font-family:var(--font-display);color:#20160a;border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.2px;font-size:17px;font-weight:600}.brand-name span{color:#e8c77d}.brand-tag{color:#9fc2b7;margin-top:1px;font-size:11px}.nav{flex:1}.nav-group{margin-bottom:18px}.nav-title{text-transform:uppercase;letter-spacing:.09em;color:#7fa99a;margin-bottom:6px;padding:0 10px;font-size:10.5px;font-weight:700}.nav-item{text-align:left;color:#d6e9e1;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.nav-item:hover{background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff21}.nav-seal{background:#4c6e63;border-radius:50%;flex:none;width:7px;height:7px}.seal-done{background:#7bc79a}.seal-partial{background:#e8c77d}.seal-empty{background:#4c6e63}.sidebar-foot{border-top:1px solid #ffffff1f;margin-top:auto;padding:12px 10px 4px}.save-dot{color:#7fa99a;opacity:0;font-size:11px;transition:opacity .3s;display:inline-block}.save-dot.show{opacity:1}.sidebar-foot-sub{color:#5f887a;margin-top:2px;font-size:10.5px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f5f2eaf2;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-right{flex:none;align-items:center;gap:10px;display:flex}.topbar-user-wrap{align-items:center;gap:8px;display:flex}.topbar-user-badge{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;max-width:180px;padding:4px 10px;font-size:12px;font-weight:600;overflow:hidden}.mobile-menu-trigger,.mobile-close-btn,.sidebar-backdrop{display:none}.topbar-crumb-wrap{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.topbar-crumb{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.topbar-meta{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.badge-guest-desktop{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.badge-guest-mobile{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:none}.topbar-guest-actions{align-items:center;gap:8px;display:flex}.topbar-auth-btn{white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.user-plan-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.badge-admin{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.badge-pro{color:#065f46;background:#d1fae5;border:1px solid #10b981}.badge-topup{color:#0369a1;background:#e0f2fe;border:1px solid #38bdf8}.badge-free{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.btn-topbar-logout{padding:5px 10px;font-size:12px}.content{max-width:1180px;padding:26px 34px 60px}.hero-card{background:linear-gradient(120deg,var(--teal-900),var(--teal-700));color:#eaf3ef;box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:30px;margin-bottom:24px;padding:30px 34px;display:flex}.hero-ring{--pct:0;background:conic-gradient(#e8c77d calc(var(--pct)*1%),#ffffff29 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:118px;height:118px;display:flex}.hero-ring-inner{background:var(--teal-900);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.hero-ring-num{font-family:var(--font-display);font-size:24px;font-weight:700}.hero-ring-label{color:#b9d6cb;text-align:center;width:70px;margin-top:2px;font-size:9.5px;line-height:1.2}.hero-copy .eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#e8c77d;margin-bottom:8px;font-size:11.5px;font-weight:700}.hero-copy h1{max-width:640px;margin-bottom:10px;font-size:25px;font-weight:600;line-height:1.28}.hero-copy p{color:#cfe6dc;max-width:600px;font-size:13.5px;line-height:1.6}.hero-actions{gap:10px;margin-top:18px;display:flex}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.doc-card{text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:16px 16px 18px;transition:box-shadow .15s,transform .15s}.doc-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.doc-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.doc-no{font-family:var(--font-display);color:var(--gold-700);font-size:13px;font-weight:700}.doc-status{text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:3px 8px;font-size:10px;font-weight:700}.status-done{background:var(--teal-100);color:var(--teal-700)}.status-partial{background:var(--gold-100);color:var(--gold-700)}.status-empty{background:var(--line-soft);color:var(--ink-soft)}.doc-title{font-family:var(--font-display);margin-bottom:5px;font-size:16px;font-weight:600}.doc-desc{color:var(--ink-soft);font-size:12.5px;line-height:1.5}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:12px;margin-bottom:16px;padding:20px 22px}.card-title{font-family:var(--font-display);margin-bottom:14px;font-size:15.5px;font-weight:600}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title-row .card-title{margin-bottom:0}.autofill-bar{background:var(--gold-100);border:1px solid #e8d6a8;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.autofill-bar>span:first-child{color:var(--gold-700);white-space:nowrap;font-size:12px;font-weight:700}.autofill-bar select{background:#fff;border:1px solid #e8d6a8;border-radius:7px;min-width:220px;padding:6px 9px;font-size:12.5px}.autofill-hint{color:#8a6d33;font-size:11px}.card-sub{color:var(--ink-soft);margin:-8px 0 14px;font-size:12.5px}.panel-head{margin-bottom:20px}.panel-head h2{margin-bottom:6px;font-size:21px;font-weight:600}.panel-head p{color:var(--ink-soft);max-width:720px;font-size:13px;line-height:1.55}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 16px;display:grid}.form-grid.one-col{grid-template-columns:1fr}.form-grid.two-col{grid-template-columns:1fr 1fr;gap:24px}.field{flex-direction:column;gap:5px;display:flex}.field-wide{grid-column:1/-1}.field span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700}.field input,.field select,.field textarea,textarea{border:1px solid var(--line);resize:vertical;background:#fcfbf7;border-radius:8px;width:100%;padding:9px 11px;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus,textarea:focus,.cell-input:focus{outline:2px solid var(--teal-500);outline-offset:1px;border-color:var(--teal-500)}.signee-block{background:var(--teal-100);border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.signee-label{font-family:var(--font-display);color:var(--teal-700);font-size:13.5px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:filter .12s,background .12s}.btn-primary{background:var(--teal-700);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{color:var(--teal-700);border:1px solid var(--teal-500);background:#fff}.btn-outline:hover{background:var(--teal-100)}.btn-ai{background:linear-gradient(120deg,var(--teal-700),#1f6e52 55%,var(--gold-600));color:#fff;position:relative;overflow:hidden}.btn-ai:hover{filter:brightness(1.06)}.btn-ai.btn-loading{opacity:.75;cursor:wait}.btn-ai:disabled{cursor:wait}.card-ai{background:linear-gradient(180deg,#fbf6e9,var(--surface) 60%);border:1px solid #dcc98a}.card-ai .card-title{color:var(--gold-700)}.btn-ghost{color:var(--ink-soft);border:1px dashed var(--line);background:0 0}.btn-ghost:hover{background:var(--line-soft)}.card-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.sticky-actions{background:var(--paper);padding-top:6px;position:sticky;bottom:16px}.icon-btn{color:var(--red-600);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:13px}.icon-btn:hover{background:var(--red-100)}.table-wrap{border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);border-bottom:2px solid var(--line);background:var(--line-soft);padding:8px 10px;font-size:11px}.data-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:6px 8px}.data-table tfoot td{border-top:2px solid var(--line);border-bottom:none;padding:9px 10px}.data-table.editable input,.data-table.editable select{background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:6px 7px}.data-table.editable input:hover,.data-table.editable select:hover{border-color:var(--line);background:#fcfbf7}.data-table .center{text-align:center}.data-table .muted{color:var(--ink-soft);font-style:italic}.badge{border-radius:100px;padding:5px 11px;font-size:11.5px;font-weight:700}.badge-ok{background:var(--teal-100);color:var(--teal-700)}.badge-warn{background:var(--red-100);color:var(--red-600)}.badge-info{background:var(--gold-100);color:var(--gold-700)}.promes-wrap{border:1px solid var(--line);max-height:520px;overflow:auto}.promes-table{font-size:12px}.promes-table th,.promes-table td{border-right:1px solid var(--line-soft)}.sticky-col{z-index:2;background:#fff;min-width:200px;position:sticky;left:0;box-shadow:2px 0 4px #00000008}thead .sticky-col{z-index:3;background:var(--line-soft)}.wk-head{text-align:center;min-width:64px;font-weight:600}.wk-sub{color:var(--ink-soft);font-size:9.5px;font-weight:400}.wk-note{color:var(--red-600);white-space:normal;max-width:64px;font-size:9px}.wk-off,td.wk-off{background:repeating-linear-gradient(135deg,#f3e6e1,#f3e6e1 4px,#efd9d2 4px,#efd9d2 8px)}.cell-input{text-align:center;width:44px!important;padding:5px 2px!important}.empty-state{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--ink-soft);border-radius:12px;padding:30px;font-size:13.5px}.empty-state .btn{margin-top:10px}.doc-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.doc-tab{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:100px;padding:7px 15px;font-size:12.5px;font-weight:600}.doc-tab.active{background:var(--teal-700);color:#fff;border-color:var(--teal-700)}.doc-tab-add{color:var(--teal-700);border-style:dashed}.sub-block{border:1px solid var(--line);background:#fcfbf7;border-radius:10px;margin-bottom:12px;padding:14px 16px}.sub-block-title{margin-bottom:10px}.dimensi-grid{border:1px solid var(--line);background:#fcfbf7;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px;padding:12px 14px;display:grid}.dimensi-chip{cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.dimensi-chip input{width:auto;accent-color:var(--teal-600)}.inline-title{font-family:var(--font-display);background:0 0;border:none;width:100%;padding:2px 0;font-size:14.5px;font-weight:600}.inline-title:focus{border-bottom:1px solid var(--teal-500);outline:none}.auth-shell{background:linear-gradient(150deg,var(--teal-950),var(--teal-700));z-index:999;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.auth-card{background:var(--surface);border-radius:16px;width:100%;max-width:400px;padding:32px 30px;box-shadow:0 20px 60px -20px #0006}.auth-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-brand .brand-mark{background:linear-gradient(155deg,var(--gold-600),var(--gold-700));width:38px;height:38px;font-family:var(--font-display);color:#20160a;border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.auth-card h2{margin-bottom:16px;font-size:19px;font-weight:600}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-message{background:var(--teal-100);color:var(--teal-700);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.5}.auth-switch{text-align:center;color:var(--ink-soft);margin-top:16px;font-size:12.5px}.auth-switch button{color:var(--teal-700);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:700}.auth-note{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:11.5px}.btn-block{text-align:center;width:100%}.btn-google{color:var(--ink);border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.btn-google:hover{background:#f7f7f5;box-shadow:0 1px 3px #00000014}.auth-divider{align-items:center;gap:10px;margin:16px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-divider span{color:var(--ink-soft);white-space:nowrap;font-size:11px}.account-box{border-top:1px solid #ffffff1f;padding:10px 10px 8px}.account-email{color:#cfe6dc;word-break:break-all;font-size:11.5px}.account-plan{text-transform:uppercase;letter-spacing:.04em;color:#eaf3ef;background:#ffffff1f;border-radius:100px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.account-plan.plan-pro{background:var(--gold-600);color:#20160a}.account-plan.plan-org{background:var(--teal-500);color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.credit-box{align-items:baseline;gap:6px;padding:6px 10px 12px;display:flex}.credit-num{font-family:var(--font-display);color:#e8c77d;font-size:22px;font-weight:700}.credit-label{color:#9fc2b7;font-size:11px}.sidebar-foot .btn{width:calc(100% - 20px);margin:0 10px 8px}.sidebar-foot .btn-outline{color:#eaf3ef;background:0 0;border-color:#ffffff59}.sidebar-foot .btn-outline:hover{background:#ffffff14}.sidebar-foot .btn-ghost{color:#9fc2b7;border-color:#fff3}.billing-card{cursor:default;flex-direction:column;gap:8px;display:flex}.billing-price{font-family:var(--font-display);color:var(--teal-700);font-size:22px;font-weight:700}.billing-price span{color:var(--ink-soft);margin-left:2px;font-size:12px;font-weight:500}.join-code-box{background:var(--gold-100);border:1px dashed #e8d6a8;border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.join-code-box span{color:var(--gold-700);font-size:12.5px;font-weight:600}.join-code-box code{font-family:var(--font-display);letter-spacing:.08em;color:var(--ink);background:#fff;border:1px solid #e8d6a8;border-radius:6px;padding:4px 12px;font-size:20px;font-weight:700}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.modal-box{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:580px;max-height:90vh;margin:auto;padding:24px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.preview-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1914c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.preview-modal-card{background:#242e2b;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:980px;height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.preview-modal-header{color:#fff;background:#151d1a;border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.preview-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.preview-badge{text-transform:uppercase;letter-spacing:.06em;color:#e8c77d;font-size:10px;font-weight:700}.preview-title{font-family:var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.preview-header-actions{flex:none;align-items:center;gap:10px;display:flex}.preview-close-btn{color:#9fc2b7!important;border-color:#fff3!important}.preview-close-btn:hover{color:#fff!important;background:#ffffff1a!important}.preview-modal-body{background:#0e1412;flex:1;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;overflow-y:auto}.preview-paper-sheet{color:#111;box-sizing:border-box;background:#fff;border-radius:2px;width:210mm;max-width:100%;min-height:297mm;margin:10px 0 40px;padding:16mm 18mm 20mm;font-family:Times New Roman,Georgia,serif;box-shadow:0 10px 30px #00000073}.preview-paper-sheet.landscape{width:297mm;max-width:100%;min-height:210mm}.doc-page{color:#111;font-family:Times New Roman,Georgia,serif}.doc-kop{align-items:center;gap:16px;display:flex}.doc-kop-logo{object-fit:contain;flex:none;width:64px;height:64px}.doc-kop-text{text-align:center;flex:1}.doc-kop-line1{letter-spacing:.03em;font-size:13px;font-weight:700}.doc-kop-line2{margin-top:1px;font-size:19px;font-weight:700}.doc-kop-line3{margin-top:1px;font-size:11px}.doc-kop-rule{border-top:2.5px solid #111;border-bottom:1px solid #111;height:4px;margin:6px 0 14px}.doc-title-block{text-align:center;margin-bottom:14px}.doc-title-block h1{text-underline-offset:4px;font-size:17px;font-weight:700;text-decoration:underline}.doc-subtitle{margin-top:2px;font-size:12px}.doc-identitas{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:12px}.doc-identitas td{vertical-align:top;padding:1.5px 4px}.doc-identitas .k{width:150px;font-weight:700}.doc-identitas .c{width:10px}.doc-table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:11.5px}.doc-table th,.doc-table td{border:1px solid #111;padding:5px 7px}.doc-table th{background:#ededed;font-weight:700}.doc-table .center{text-align:center}.doc-table .right{text-align:right}.doc-kv{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:11.5px}.doc-kv td{vertical-align:top;border:1px solid #111;padding:5px 7px}.doc-kv td:first-child{background:#f7f7f7;width:170px;font-weight:700}.doc-section-title{text-transform:uppercase;letter-spacing:.02em;margin:14px 0 6px;font-size:12.5px;font-weight:700}.doc-subsection{margin:8px 0 4px;font-size:12px;font-style:italic;font-weight:700}.doc-note{margin-bottom:10px;font-size:11px;line-height:1.5}.doc-note ul{margin:4px 0 0;padding-left:18px}.promes-print{font-size:9.5px}.promes-print th,.promes-print td{padding:3px 4px}.promes-print .mname{text-align:left;min-width:140px}.doc-signature{page-break-inside:avoid;break-inside:avoid;justify-content:space-between;margin-top:36px;margin-bottom:12px;font-size:11.5px;line-height:1.4;display:flex}.sig-col{text-align:center;width:45%}.sig-space{height:60px}.sig-name{color:#000;font-size:12px;font-weight:700;text-decoration:underline}.sig-nip{color:#222;margin-top:2px;font-size:11px}@media print{#app,.sidebar,.topbar,.preview-modal-header{display:none!important}.preview-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;display:block!important;position:static!important}.preview-modal-card{max-width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;display:block!important;overflow:visible!important}.preview-modal-body{background:0 0!important;padding:0!important;display:block!important;overflow:visible!important}.preview-paper-sheet{box-shadow:none!important;width:100%!important;min-height:auto!important;margin:0!important;padding:0!important}.doc-signature{page-break-inside:avoid!important;break-inside:avoid!important}@page{margin:12mm 15mm}}@media(max-width:900px){#app{grid-template-columns:1fr}.sidebar{z-index:9999;width:280px;max-width:85vw;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.mobile-menu-trigger{background:var(--teal-700);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.mobile-menu-trigger:hover{background:var(--teal-600)}.mobile-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.mobile-close-btn:hover{background:#ffffff47}.topbar{padding:12px 16px}.topbar-crumb{font-size:15px}.topbar-meta{font-size:11px}.topbar-user-badge{max-width:110px;padding:3px 8px;font-size:11px}.badge-guest-desktop{display:none}.badge-guest-mobile{align-items:center;display:inline-flex}.topbar-auth-btn{padding:6px 12px;font-size:12px}.content{padding:16px 12px 40px}.hero-card{text-align:center;flex-direction:column;gap:16px;margin-bottom:18px;padding:20px 16px}.hero-copy h1{max-width:100%;font-size:19px}.hero-copy p{max-width:100%;font-size:12.5px}.hero-actions{flex-wrap:wrap;justify-content:center;width:100%}.hero-actions .btn{text-align:center;width:100%}.grid-cards{grid-template-columns:1fr;gap:12px}.card{margin-bottom:14px;padding:16px 14px}.card-title-row{flex-direction:column;align-items:flex-start;gap:10px}.autofill-bar{flex-direction:column;align-items:stretch;gap:8px}.autofill-bar select{width:100%;min-width:0}.form-grid,.form-grid.two-col{gap:12px;grid-template-columns:1fr!important}.dimensi-grid{grid-template-columns:1fr;gap:8px}.card-actions{flex-direction:column;width:100%}.card-actions .btn{width:100%}.doc-tabs{gap:6px}.doc-tab{text-align:center;flex:auto;padding:6px 12px;font-size:12px}.modal-overlay{padding:10px}.modal-box{border-radius:12px;max-height:92vh;padding:18px 14px}.preview-modal-overlay{padding:6px}.preview-modal-card{border-radius:10px;height:96vh}.preview-modal-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.preview-title{font-size:14px}.preview-header-actions{flex-wrap:wrap;justify-content:stretch;gap:6px;width:100%}.preview-header-actions .btn{text-align:center;flex:auto;justify-content:center;min-width:100px;padding:7px 10px;font-size:12px}.preview-modal-body{-webkit-overflow-scrolling:touch;width:100%;padding:10px 6px;overflow-x:auto}.preview-paper-sheet,.preview-paper-sheet.landscape{box-shadow:none;margin:0 auto;font-size:10pt;width:100%!important;min-width:0!important;min-height:auto!important;padding:14px 12px!important}.doc-kop-logo{width:48px;height:48px}.doc-kop-line2{font-size:15px}.doc-signature{text-align:center;flex-direction:column;align-items:center;gap:24px}.sig-col{width:100%}.join-code-box{flex-direction:column;align-items:flex-start;gap:8px}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast-alert{pointer-events:auto;color:#f0fdf4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#064e3b;border:1px solid #10b981;border-left:6px solid #34d399;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #10b9814d}.toast-alert.info{color:#f0f9ff;background:#0c4a6e;border-color:#0284c7 #0284c7 #0284c7 #38bdf8}.toast-alert.warning{color:#fffbeb;background:#78350f;border-color:#f59e0b #f59e0b #f59e0b #fbbf24}.toast-icon-wrap{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:inset 0 0 0 1px #fff3}.toast-body{flex:1;min-width:0}.toast-title{align-items:center;gap:6px;margin-bottom:3px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.toast-msg{color:#f0fdf4eb;font-size:12.5px;line-height:1.45}.toast-credit-badge{color:#fff;background:#059669;border:1px solid #ffffff4d;border-radius:12px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.toast-close-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0 4px;font-size:16px;font-weight:700;line-height:1;transition:color .15s}.toast-close-btn:hover{color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media(max-width:600px){.toast-container{width:auto;max-width:none;top:12px;left:16px;right:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}