.number-manager{min-height:0}.number-card-summary{grid-column:1 / -1;grid-row:3;align-self:end;min-height:1.7rem;overflow-wrap:anywhere;margin:0;padding-top:.45rem;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);color:var(--muted);font-size:.67rem;line-height:1.25}.number-dialog{display:flex;width:min(94vw,76rem);max-height:min(88dvh,52rem);overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 24px 80px #0005}.number-dialog .modal-header,.counter-editor .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.number-dialog .modal-header h2,.counter-editor .modal-header h2{margin:.2rem 0}.number-dialog .modal-header span,.counter-editor .modal-header span{color:var(--muted)}.number-dialog-body{min-height:0;overflow:auto;padding:1rem 1.2rem 1.2rem}.number-list-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.number-list-heading h3,.number-list-heading p{margin:0}.number-list-heading p{margin-top:.2rem;color:var(--muted);font-size:.85rem}.number-list-heading button{display:flex;align-items:center;gap:.4rem}.number-list-heading svg{width:1rem}.counter-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:.8rem}.counter-table{width:100%;min-width:58rem;border-collapse:collapse}.counter-table th,.counter-table td{padding:.7rem .65rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.counter-table th{position:sticky;top:0;z-index:1;background:var(--canvas);color:var(--muted);font-size:.72rem;text-transform:uppercase}.counter-table tbody tr:last-child td{border-bottom:0}.counter-table code{color:var(--primary);font-weight:800}.counter-table small{display:block;color:var(--muted)}.counter-table .counter-full td{background:#fff8ec}.counter-table .icon-button svg{width:1rem}.counter-empty{display:grid;min-height:15rem;place-content:center;justify-items:center;gap:.45rem;border:1px dashed var(--line);border-radius:.8rem;color:var(--muted);text-align:center}.counter-empty svg{width:2rem;height:2rem;color:var(--primary)}.counter-empty strong{color:var(--text)}.editor-backdrop{z-index:60}.counter-editor{display:flex;width:min(94vw,38rem);max-height:min(92dvh,48rem);overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 24px 80px #0006}.counter-editor-body{display:grid;min-height:0;overflow:auto;gap:1rem;padding:1rem 1.2rem}.counter-editor label{margin:0}.counter-editor label>small{display:block;margin-top:.3rem;color:var(--muted)}.counter-editor input[readonly]{color:var(--muted);background:var(--canvas)}.counter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.counter-fields .wide,.counter-editor-body>.wide{grid-column:1 / -1}.counter-preview{display:grid;gap:.2rem;padding:.8rem 1rem;border-left:4px solid var(--primary);border-radius:.5rem;background:var(--canvas)}.counter-preview span,.counter-preview small{color:var(--muted);font-size:.8rem}.counter-preview output{overflow-wrap:anywhere;font-size:1.35rem;font-weight:850}.counter-editor-actions{display:flex;justify-content:flex-end;gap:.65rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.number-toasts{position:fixed;right:1rem;bottom:1rem;z-index:80}.number-toasts .studio-toast{display:flex;min-width:min(24rem,calc(100vw - 2rem));align-items:center;justify-content:space-between;gap:1rem}.number-toasts button{display:grid;width:2rem;height:2rem;padding:0;place-items:center;border:0;background:transparent;color:inherit;box-shadow:none}.number-toasts svg{width:1rem}@media(max-width:760px){.number-list-heading{align-items:stretch;flex-direction:column}.number-list-heading button{justify-content:center}.counter-table-wrap{border:0;overflow:visible}.counter-table{min-width:0}.counter-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.counter-table tbody,.counter-table tr,.counter-table td{display:block}.counter-table tr{margin-bottom:.75rem;padding:.6rem;border:1px solid var(--line);border-radius:.7rem}.counter-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem;border:0;white-space:normal}.counter-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.75rem}.counter-fields{grid-template-columns:1fr}.counter-fields .wide{grid-column:auto}.counter-editor-actions>*{flex:1}.number-dialog{max-height:94dvh}}@media(max-width:430px){.counter-editor{box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;border-radius:0}.confirm-backdrop.editor-backdrop{padding:0}.number-dialog{box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;border-radius:0}body>.modal-backdrop{padding:0}.number-dialog .modal-header,.counter-editor .modal-header{padding-top:max(1rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-left:max(1rem,env(safe-area-inset-left))}.number-dialog-body,.counter-editor-body,.counter-editor-actions{padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}}.letter-manager{min-height:0}.service-panel{container:service-catalog / inline-size;display:flex;min-height:0;max-width:120rem;width:100%;margin-inline:auto;flex-direction:column;padding:clamp(1rem,1.5cqw,1.5rem);background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 4px 20px #18251b0a}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.section-heading h2{margin:.15rem 0 0;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.2}.section-heading>span,.section-heading .heading-actions span{color:var(--muted);font-size:.85rem;white-space:nowrap}.catalog-filters{display:grid;grid-template-columns:minmax(16rem,1fr) auto minmax(11rem,14rem);align-items:end;gap:.75rem;margin-top:.75rem}.catalog-field,.catalog-search,.template-filter{display:grid;min-width:0;gap:.35rem;margin:0;padding:0;border:0;color:var(--muted);font-size:.75rem;font-weight:750;line-height:1.2}.catalog-field legend{margin:0;padding:0 0 .35rem}.search-control{position:relative;display:block}.search-control>svg{position:absolute;top:50%;left:.85rem;width:1.1rem;height:1.1rem;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.search-control input,.filter-group,.template-filter select{box-sizing:border-box;height:2.75rem;min-height:2.75rem}.search-control input,.template-filter select{border:1px solid color-mix(in srgb,var(--line) 85%,var(--muted));border-radius:.55rem;background-color:var(--surface);color:var(--text);padding-inline:2.4rem 1rem;transition:border-color .16s ease,box-shadow .16s ease}.search-control input:hover,.template-filter select:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.search-control input:focus,.template-filter select:focus{outline:0;border-color:color-mix(in srgb,var(--primary) 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.search-control button{position:absolute;top:50%;right:.35rem;width:2rem;height:2rem;min-height:0;padding:0;display:grid;place-items:center;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer}.search-control button svg{width:1rem;height:1rem}.template-filter{position:relative}.template-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline:.85rem 2.4rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 1.1rem) 50%,calc(100% - .8rem) 50%;background-size:.32rem .32rem,.32rem .32rem;background-repeat:no-repeat;cursor:pointer}.filter-group{display:flex;align-items:stretch;gap:.2rem;padding:.2rem;border:1px solid color-mix(in srgb,var(--line) 85%,var(--muted));border-radius:.65rem;background:color-mix(in srgb,var(--canvas) 78%,var(--surface))}.filter-group button,.page-numbers button{min-height:0;padding:.3rem .7rem;border:0;border-radius:.5rem;background:transparent;color:var(--muted);box-shadow:none;font-weight:600;white-space:nowrap;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.filter-group button:hover:not(.selected){color:var(--text);background:color-mix(in srgb,var(--surface) 72%,transparent)}.filter-group button.selected,.page-numbers button[aria-current=page]{background:var(--surface);color:var(--primary);font-weight:750;box-shadow:0 1px 5px #18251b18}.catalog-toolbar{display:flex;min-height:1.75rem;align-items:center;justify-content:space-between;padding-top:.2rem;color:var(--muted);font-size:.78rem}.catalog-toolbar>span{order:-1;display:inline-flex;align-items:center;gap:.3rem}.catalog-toolbar strong{color:var(--text);font-size:.9rem}.clear-filters{min-height:0;padding:.25rem .55rem;border:0;border-radius:.45rem;background:transparent;color:var(--primary);font-size:.75rem;font-weight:700;box-shadow:none;cursor:pointer}.clear-filters:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.service-grid{display:grid;grid-template-columns:repeat(var(--catalog-columns, 4),minmax(0,1fr));gap:clamp(.65rem,1cqw,.9rem);margin-top:.75rem;min-height:0;flex:1;overflow:auto}.service-grid:has(>:only-child){grid-template-columns:minmax(17rem,22rem);grid-template-rows:minmax(8.4rem,auto);align-content:start}.service-card{display:flex;flex-direction:column;min-height:8.4rem;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--canvas) 60%,var(--surface));overflow:hidden;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.service-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--primary) 4%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 16%,transparent),0 4px 14px #2a1e210d}.service-card:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 28%,transparent)}.service-select{display:grid;width:100%;flex:1;grid-template-columns:2.15rem minmax(0,1fr);grid-template-rows:auto auto 1fr;align-content:start;column-gap:.65rem;row-gap:.55rem;padding:.7rem .8rem;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.service-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.6rem;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.service-icon svg{width:1.15rem;height:1.15rem}.service-copy{grid-column:2;grid-row:1;display:flex;min-width:0;flex-direction:column;align-self:center;gap:.15rem}.service-copy strong{display:-webkit-box;min-height:1.98rem;overflow:hidden;overflow-wrap:anywhere;font-size:.84rem;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:2}.service-copy small{margin-top:.1rem;color:var(--muted);font-size:.7rem;line-height:1.2;overflow-wrap:anywhere}.template-state{grid-column:1 / -1;grid-row:2;justify-self:start;align-self:start;padding:.2rem .45rem;border-radius:.35rem;font-size:.68rem;font-weight:750;line-height:1.2}.template-state.ready{color:#17653a;background:#e8f7ed}.template-state.empty{color:#8a4b13;background:#fdf3e7}.template-state.warning{color:#8a4b08;background:#fff0d5}.service-controls{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.45rem .75rem;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:var(--surface)}.service-controls label{margin:0;font-size:.75rem}.order-field{display:flex;align-items:center;gap:.35rem;color:var(--muted)}.order-field span{font-size:.7rem;font-weight:700}.service-controls input[type=number]{box-sizing:border-box;width:3.75rem;height:1.85rem;padding:.15rem .35rem;border:1px solid var(--line);border-radius:.4rem;font-size:.75rem;text-align:center}.switch{display:flex;align-items:center;gap:.4rem;cursor:pointer;color:var(--text);font-size:.75rem;font-weight:700}.switch input{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.catalog-pagination{display:flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;margin-top:.55rem}.catalog-pagination>span{color:var(--muted);font-size:.8rem}.page-numbers{display:flex;gap:.2rem}.catalog-empty{display:grid;min-height:14rem;flex:1;place-content:center;justify-items:center;gap:.45rem;color:var(--muted)}.catalog-empty svg{width:2rem;height:2rem;color:var(--primary)}.catalog-empty strong{color:var(--text)}@container service-catalog (max-width: 1180px){.service-grid{--catalog-columns: 3}}@container service-catalog (max-width: 850px){.catalog-filters{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1 / -1}}@container service-catalog (max-width: 820px){.service-grid{--catalog-columns: 2}}@container service-catalog (max-width: 550px){.catalog-filters{grid-template-columns:1fr}.catalog-search{grid-column:auto}.filter-group{width:100%}.filter-group button{min-width:0;flex:1}.section-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.service-grid{grid-template-rows:none}.catalog-pagination{flex-wrap:wrap}.page-numbers{order:2;width:100%;justify-content:center}}@container service-catalog (max-width: 520px){.service-grid{--catalog-columns: 1}.service-card{min-height:7.6rem}}@media(max-width:600px){.service-panel{box-sizing:border-box;max-width:100%;overflow:visible;padding:.75rem}.service-grid{--catalog-columns: 1;overflow:visible;grid-template-rows:none}.service-card,.service-card .service-select,.service-card .service-copy{min-width:0}.service-card .service-copy{overflow-wrap:anywhere}.filter-group button{min-width:0;padding-inline:.35rem;font-size:.72rem;line-height:1.1;white-space:normal}.catalog-pagination{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:.4rem}.catalog-pagination>.icon-button:first-child{grid-column:1;grid-row:1}.catalog-pagination>span{grid-column:2;grid-row:1;min-width:0;text-align:center}.catalog-pagination>.icon-button:last-child{grid-column:3;grid-row:1}.page-numbers{grid-column:1 / -1;grid-row:2;width:100%;max-width:100%;overflow-x:auto;justify-content:center;scrollbar-width:thin}.page-numbers button{flex:0 0 2.75rem;min-width:2.75rem;min-height:2.75rem;padding:.35rem}}@media(max-width:350px){.service-panel{padding:.6rem}.filter-group button{padding-inline:.2rem;font-size:.68rem}.service-select{column-gap:.5rem;padding:.65rem}.catalog-pagination{grid-template-columns:2.6rem minmax(0,1fr) 2.6rem}}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-heading h2{margin:.2rem 0 0}.upload-button{position:relative;cursor:pointer}.upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#102016b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.manage-dialog,.studio-dialog{display:flex;min-height:0;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 24px 80px #07130b55}.manage-dialog{width:min(42rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem)}.modal-header,.studio-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--line)}.modal-header h2,.studio-header h2{margin:.15rem 0 0;font-size:clamp(1.25rem,1.8vw,1.55rem);font-family:Georgia,serif;line-height:1.2}.studio-header .eyebrow{margin:0;font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--primary);text-transform:uppercase}.modal-header span{color:var(--muted);font-size:.9rem}.studio-header .icon-button,.modal-header .icon-button{display:grid;place-items:center;width:2.25rem;height:2.25rem;min-height:2.25rem;padding:0;border:1px solid var(--line);border-radius:.55rem;background:var(--surface);color:var(--muted);box-shadow:none;cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.studio-header .icon-button:hover:not(:disabled),.modal-header .icon-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 40%,var(--line));color:var(--text);background:color-mix(in srgb,var(--canvas) 60%,var(--surface))}.studio-header .icon-button svg,.modal-header .icon-button svg{width:1.15rem;height:1.15rem}.manage-content{display:grid;min-height:0;gap:1rem;overflow-y:auto;padding:1rem}.active-draft,.empty-draft{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));border-radius:.8rem;background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.active-draft h3,.empty-draft h3,.revision-history h3{margin:.25rem 0}.active-draft small,.revision-history small,.empty-draft p{color:var(--muted)}.empty-draft{grid-template-columns:1fr}.empty-draft p{margin:0}.empty-draft .upload-button{justify-self:start}.revision-history ul{display:grid;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none}.history-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.65rem;background:var(--canvas);color:var(--text);text-align:left}.history-row>span:first-child{display:grid;gap:.15rem}.revision-status{display:inline-flex;width:max-content;padding:.2rem .55rem;border-radius:999px;background:#e8ece9;color:#3b4a40;font-size:.72rem;font-weight:800;text-transform:uppercase}.revision-status.draft{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.revision-status.published{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.revision-status.retired{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.studio-dialog{width:min(96rem,calc(100vw - 2rem));height:calc(100dvh - 2rem);box-shadow:0 24px 80px #00000059}.studio-header{flex:0 0 auto}.studio-meta{display:flex;align-items:center;gap:.65rem}.studio-meta>span:first-child{font-size:.8rem;font-weight:750;color:var(--muted);padding:.25rem .55rem;background:var(--canvas);border:1px solid var(--line);border-radius:.45rem}.studio-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 45%,var(--surface))}.studio-actions button,.studio-actions .button{height:2.45rem;min-height:2.45rem;padding:.35rem .95rem;font-size:.84rem;font-weight:700;border-radius:.55rem;display:inline-flex;align-items:center;gap:.45rem;transition:all .16s ease}.studio-actions .secondary{border-color:color-mix(in srgb,var(--line) 90%,var(--muted));background:var(--surface);color:var(--text)}.studio-actions .secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 40%,var(--line));color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.studio-message{flex:0 0 auto;margin:.5rem 1rem 0}.studio-tabs{display:none}.studio-body{display:grid;min-height:0;flex:1;grid-template-columns:minmax(22rem,38%) minmax(0,1fr)}.mapping-pane,.preview-pane{min-height:0}.mapping-pane{display:flex;overflow:hidden;flex-direction:column;border-right:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 50%,var(--surface))}.pane-heading,.preview-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:3.65rem;min-height:3.65rem;box-sizing:border-box;padding:0 1.25rem;border-bottom:1px solid var(--line);background:var(--surface)}.pane-heading h3,.preview-header h3{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.98rem;font-weight:800;color:var(--text)}.pane-heading p,.preview-header small{margin:.15rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.25}.unresolved-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:#fff0d5;color:#8a4b08;border:1px solid #f0cf98;font-size:.72rem;font-weight:750;white-space:nowrap}.token-list{display:flex;flex-direction:column;gap:.85rem;overflow-y:auto;padding:1.15rem;scrollbar-width:thin}.token-card{min-width:0;margin:0;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:.85rem;background:var(--surface);box-shadow:0 2px 8px #18251b0a;transition:border-color .16s ease,box-shadow .16s ease}.token-card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--line));box-shadow:0 4px 14px #18251b0f}.token-card:focus-within{border-color:color-mix(in srgb,var(--primary) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.token-card legend{float:left;width:100%;display:flex;max-width:100%;align-items:center;justify-content:space-between;gap:.5rem;padding:0 0 .65rem;margin:0 0 .85rem;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-weight:800;font-size:.9rem;color:var(--text)}.token-card legend code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);padding:.18rem .5rem;border-radius:.4rem;font-size:.75rem;font-weight:750;border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);overflow:hidden;text-overflow:ellipsis}.token-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;clear:both}.token-fields label{display:grid;gap:.3rem;margin:0;color:var(--muted);font-size:.75rem;font-weight:750;line-height:1.2}.token-fields select,.token-fields input:not([type=checkbox]){box-sizing:border-box;width:100%;height:2.5rem;min-height:2.5rem;padding:.35rem .75rem;border:1px solid color-mix(in srgb,var(--line) 85%,var(--muted));border-radius:.55rem;background-color:var(--surface);color:var(--text);font-size:.84rem;transition:border-color .16s ease,box-shadow .16s ease}.token-fields select:hover,.token-fields input:not([type=checkbox]):hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.token-fields select:focus,.token-fields input:not([type=checkbox]):focus{outline:0;border-color:color-mix(in srgb,var(--primary) 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.token-fields select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.2rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 1.05rem) 50%,calc(100% - .75rem) 50%;background-size:.3rem .3rem,.3rem .3rem;background-repeat:no-repeat;cursor:pointer}.required-check{display:flex!important;align-items:center;gap:.5rem;grid-column:1/-1;margin:.2rem 0;padding:.35rem .65rem;border-radius:.45rem;background:color-mix(in srgb,var(--canvas) 60%,var(--surface));border:1px solid var(--line);color:var(--text);font-size:.78rem;font-weight:700;cursor:pointer}.required-check input{width:1.05rem;height:1.05rem;accent-color:var(--primary);cursor:pointer}.sample-field,.option-editor{grid-column:1/-1}.sample-field{padding:.65rem .75rem;border-radius:.55rem;background:color-mix(in srgb,var(--canvas) 45%,var(--surface));border:1px dashed color-mix(in srgb,var(--line) 85%,transparent);margin-top:.35rem}.sample-field input{background-color:var(--surface)!important}.option-editor{display:grid;gap:.45rem}.option-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-weight:800}.option-heading small{color:var(--muted);font-variant-numeric:tabular-nums}.option-editor>div{display:grid;grid-template-columns:1fr auto;gap:.4rem;align-items:center}.option-editor>div button.icon-button{width:2.2rem;height:2.2rem;min-height:2.2rem;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:.45rem;background:var(--surface);color:var(--muted);box-shadow:none;cursor:pointer;transition:all .16s ease}.option-editor>div button.icon-button:hover{border-color:var(--danger);color:var(--danger);background:#fff0ee}.compact{justify-self:start}.preview-pane{display:flex;overflow-y:auto;overflow-x:auto;flex-direction:column;background:var(--canvas);overscroll-behavior:contain}.preview-heading{position:relative;background:var(--surface);padding:.75rem 1rem;border-bottom:1px solid var(--line)}.unresolved{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.4rem;margin:.75rem 1rem 0;padding:.65rem;border:1px solid #d29a3d;border-radius:.6rem;background:#fff8df}.docx-preview-host{flex:0 0 auto;min-width:100%}.icon-button{display:inline-grid;place-items:center;padding:.45rem}.icon-button svg{width:1.1rem;height:1.1rem}@media(max-width:900px){.modal-backdrop{padding:.5rem}.manage-dialog,.studio-dialog{width:calc(100vw - 1rem);height:calc(100dvh - 1rem);max-height:none;border-radius:.75rem}.studio-tabs{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,1fr);padding:.4rem;border-bottom:1px solid var(--line);background:var(--surface)}.studio-tabs button{border-radius:.45rem;background:transparent;color:var(--text)}.studio-tabs button[aria-selected=true]{background:var(--primary);color:#fff}.studio-body{display:block}.mapping-pane,.preview-pane{display:none;height:100%;border:0}.mapping-pane.mobile-active,.preview-pane.mobile-active{display:flex}.studio-meta>span:first-child{display:none}}@media(max-width:600px){.studio-backdrop,.modal-backdrop:has(.studio-dialog){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:0!important;margin:0!important;background:var(--surface)!important;z-index:1000!important}.studio-dialog{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;border:0!important;margin:0!important;box-shadow:none!important}.modal-header,.studio-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:max(.5rem,env(safe-area-inset-top))!important;padding-left:max(.75rem,env(safe-area-inset-left))!important;padding-right:max(.75rem,env(safe-area-inset-right))!important;padding-bottom:.5rem!important;gap:.5rem!important;border-bottom:1px solid var(--line)!important;background:var(--surface)!important}.studio-header>div:first-child{min-width:0!important;flex:1!important}.studio-header h2{font-size:1rem!important;font-weight:800!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.studio-header .eyebrow{display:none!important}.studio-meta{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:.35rem!important}.studio-meta .revision-status{font-size:.65rem!important;padding:.15rem .45rem!important}.studio-header .icon-button{width:2rem!important;height:2rem!important;min-height:2rem!important}.studio-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;padding:.4rem .75rem!important;gap:.4rem!important;background:color-mix(in srgb,var(--canvas) 45%,var(--surface))!important;border-bottom:1px solid var(--line)!important}.studio-actions .download-menu{width:100%!important;min-width:0!important}.studio-actions .download-menu>button,.studio-actions>button,.studio-actions>.button{width:100%!important;min-width:0!important;height:2.25rem!important;min-height:2.25rem!important;padding:.25rem .45rem!important;font-size:.72rem!important;white-space:normal!important;line-height:1.15!important;border-radius:.45rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.3rem!important}.studio-tabs{display:grid!important;grid-template-columns:repeat(2,1fr)!important;padding:.35rem .75rem!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;gap:.35rem!important}.studio-tabs button{height:2.25rem!important;min-height:2.25rem!important;border-radius:.5rem!important;font-size:.82rem!important;font-weight:750!important;border:1px solid transparent!important;transition:all .16s ease!important}.studio-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 28%,transparent)!important;box-shadow:0 1px 4px #18251b14!important}.studio-tabs button:not([aria-selected=true]){background:color-mix(in srgb,var(--canvas) 60%,var(--surface))!important;color:var(--muted)!important}.pane-heading{padding:.65rem .85rem!important;min-height:0!important;height:auto!important;flex-direction:column!important;align-items:flex-start!important}.pane-heading h3{font-size:.88rem!important}.pane-heading p{font-size:.72rem!important;margin-top:.1rem!important}.token-list{padding:.65rem .75rem!important;gap:.65rem!important}.token-card{padding:.75rem .85rem!important;border-radius:.75rem!important}.token-card legend{font-size:.82rem!important;padding-bottom:.45rem!important;margin-bottom:.6rem!important}.token-card legend code{font-size:.68rem!important;padding:.12rem .35rem!important}.token-fields{grid-template-columns:1fr!important;gap:.55rem!important}.token-fields label{font-size:.72rem!important;gap:.2rem!important}.token-fields select,.token-fields input:not([type=checkbox]){height:2.35rem!important;min-height:2.35rem!important;font-size:.8rem!important;padding:.25rem .65rem!important}.sample-field{padding:.5rem .65rem!important;margin-top:.2rem!important}.sample-field,.option-editor,.required-check{grid-column:1!important}.preview-header{height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:.5rem .75rem!important;gap:.4rem!important;position:sticky!important;top:0!important;z-index:10!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;box-sizing:border-box!important}.preview-header>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important}.preview-header h3{font-size:.88rem!important;margin:0!important}.preview-header small{font-size:.72rem!important;color:var(--muted)!important}.preview-header-controls{display:flex!important;align-items:center!important;gap:.35rem!important;width:100%!important}.preview-subtabs{flex:1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.2rem!important;padding:.2rem!important}.preview-subtabs button{height:2rem!important;min-height:2rem!important;padding:.2rem .4rem!important;font-size:.76rem!important;justify-content:center!important;text-align:center!important}.preview-heading{display:none!important}.preview-content{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:.5rem!important;background:var(--canvas)!important}.docx-preview-host{display:flex!important;justify-content:center!important;min-width:100%!important;width:max-content!important}.docx-preview-host .docx-wrapper{background:transparent!important;padding:0!important}.docx-preview-host section.docx{margin:0 auto!important;box-shadow:0 4px 16px #0000001f!important;border-radius:.4rem!important}.accurate-content{padding:.5rem!important}.accurate-viewport{padding:0!important;background:#262225!important}.accurate-viewport object{width:100%!important;height:100%!important;min-height:20rem!important;border:0!important;border-radius:0!important}.studio-message{margin:.4rem .5rem 0}.active-draft{grid-template-columns:1fr}.active-draft .upload-button{justify-self:start}.manage-content{padding:.75rem}}.accurate-action{background:#174f32;color:#fff;box-shadow:0 4px 14px #174f3240}.preview-pane{overflow:hidden}.preview-header{position:sticky;z-index:1;top:0;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-bottom:1px solid var(--line);background:var(--surface)}.preview-header h3{margin:0;font-size:.95rem}.preview-header small{color:var(--muted)}.preview-header-controls{display:flex;min-width:0;align-items:center;gap:.45rem}.preview-subtabs{display:inline-flex;min-width:0;flex:0 1 auto;gap:.2rem;padding:.2rem;border:1px solid var(--line);border-radius:.65rem;background:var(--canvas)}.preview-subtabs button{min-height:2.1rem;padding:.35rem .8rem;border:0;border-radius:.45rem;background:transparent;color:var(--muted);font-size:.8rem;font-weight:650;box-shadow:none;cursor:pointer;transition:color .16s ease,background-color .16s ease}.preview-subtabs button:hover:not([aria-selected=true]){color:var(--text)}.preview-subtabs button[aria-selected=true]{background:var(--surface);color:var(--primary);font-weight:750;box-shadow:0 1px 4px #18251b1f}.preview-content,.accurate-content{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden}.docx-preview-host{min-height:0;overflow:visible}.accurate-content{gap:.75rem;padding:1rem}.accurate-content object{width:100%;min-height:28rem;flex:1;border:1px solid var(--line);border-radius:.6rem;background:#fff}.accurate-primary{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.accurate-primary small{overflow-wrap:anywhere;color:var(--muted)}.accurate-pdf{position:relative;display:flex;min-height:28rem;flex:1}.accurate-pdf object{min-height:100%}.accurate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding:1rem;background:#17251b59;pointer-events:none}.accurate-overlay span{padding:.65rem .85rem;border-radius:.5rem;background:#fff0ee;color:#8f1d15;font-weight:700;box-shadow:0 4px 16px #07130b33}.accurate-toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.accurate-toolbar .button{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.accurate-status{flex:0 0 auto;margin:0;padding:.65rem .8rem;border-radius:.5rem;background:#e9f2ec;font-weight:700}.accurate-status.failed,.accurate-status.expired,.accurate-status.stale{background:#fff0ee;color:#8f1d15}.accurate-empty{display:grid;flex:1;place-content:center;justify-items:center;gap:.75rem;padding:1rem;color:var(--muted);text-align:center}.history-toggle{width:max-content;padding:.45rem .7rem;font-size:.82rem}.revision-history>p{margin:.35rem 0 0;color:var(--muted)}.counter-missing{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem;border:1px solid #e5b981;border-radius:.55rem;background:#fff7e8;color:#70400d}.counter-missing a{font-weight:800;color:var(--primary)}@media(min-width:901px){.studio-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-color:#b42318;background:#b42318;color:#fff}.danger:hover:not(:disabled){background:#912018}.danger svg{width:1rem;height:1rem}.confirm-backdrop{position:fixed;z-index:1100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#102016b8}.confirm-dialog{display:grid;width:min(28rem,calc(100vw - 2rem));gap:1.25rem;padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 24px 80px #07130b66}.confirm-dialog h2{margin:.2rem 0 .5rem}.confirm-dialog p:last-child{margin:0;color:var(--muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:420px){.confirm-dialog{width:calc(100vw - 1rem);padding:1rem}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-actions button{width:100%}}.download-menu{position:relative;flex:0 0 auto}.download-menu>button svg:last-child{width:.9rem}.download-popover{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;display:grid;width:14rem;padding:.35rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);box-shadow:0 12px 30px #07130b33}.download-popover button{justify-content:flex-start;border:0;background:transparent;color:var(--text);box-shadow:none;text-align:left}.download-popover button:hover:not(:disabled),.download-popover button:focus-visible{background:color-mix(in srgb,var(--primary) 10%,transparent)}.download-popover small{padding:.3rem .65rem;color:var(--muted);line-height:1.3}.accurate-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:.75rem}.accurate-heading>div{display:flex;min-width:0;align-items:center;gap:.55rem}.accurate-heading h3{margin:0;font-size:.95rem}.stale-badge{padding:.2rem .45rem;border-radius:999px;background:#fff1cc;color:#795200;font-size:.72rem;font-weight:700}.refresh-preview{flex:0 0 auto;width:2.1rem;height:2.1rem;min-height:2.1rem;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);color:var(--muted);box-shadow:none;cursor:pointer;transition:border-color .16s ease,color .16s ease}.refresh-preview:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 40%,var(--line));color:var(--primary)}.refresh-preview svg{width:1rem;height:1rem}.refresh-preview.spinning svg,.accurate-state .spinning{animation:studio-spin .8s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}.accurate-content{padding:0;overflow:hidden}.accurate-viewport{position:relative;display:flex;min-height:0;flex:1;overflow:hidden;background:#525659;padding:0}.accurate-viewport object{width:100%;height:100%;min-height:0;flex:1;border:0;border-radius:0;background:#fff}.accurate-state{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.75rem;padding:1rem;background:color-mix(in srgb,var(--canvas) 92%,transparent);text-align:center}.accurate-state>*{margin:0}.accurate-state>svg{width:2rem;height:2rem;color:var(--primary)}.accurate-state p{max-width:28rem;color:var(--muted)}.accurate-state.accurate-error{background:color-mix(in srgb,#fff0ee 94%,transparent)}.accurate-state.accurate-stale{background:#17251b59;pointer-events:none}.accurate-state.accurate-stale span{padding:.45rem .65rem;border-radius:.45rem;background:var(--surface);color:#795200;font-size:.78rem;font-weight:700;box-shadow:0 4px 16px #07130b33}.toast-stack{position:absolute;z-index:30;right:1rem;bottom:1rem;display:grid;width:min(24rem,calc(100% - 2rem));gap:.5rem;pointer-events:none}.studio-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem .8rem;border:1px solid var(--line);border-left:4px solid #32659a;border-radius:.65rem;background:var(--surface);box-shadow:0 10px 30px #07130b3d;pointer-events:auto}.studio-toast.success{border-left-color:#21834b}.studio-toast.error{border-left-color:#b42318}.studio-toast span{min-width:0;overflow-wrap:anywhere}.studio-toast .icon-button{width:1.8rem;height:1.8rem;min-height:1.8rem;padding:.3rem}.studio-dialog{position:relative}.accurate-content{overflow:hidden}.accurate-pdf{min-height:0}.accurate-empty{display:grid;min-height:0;flex:1;place-content:center;padding:1rem;text-align:center}.accurate-status{margin:0}.accurate-overlay{place-items:center}.accurate-overlay span{max-width:22rem;text-align:center}.accurate-empty{gap:.75rem}.accurate-empty>svg{width:2rem;height:2rem;margin:auto;color:var(--muted)}.accurate-empty p{margin:0;color:var(--muted)}.accurate-empty button{justify-self:center}.accurate-error strong{color:#b42318}.accurate-loading{position:relative;display:grid;min-height:0;flex:1;place-content:center;gap:.75rem;overflow:hidden;text-align:center}.accurate-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.6rem;background:linear-gradient(100deg,color-mix(in srgb,var(--line) 55%,transparent) 30%,color-mix(in srgb,var(--surface) 85%,white),color-mix(in srgb,var(--line) 55%,transparent) 70%);background-size:200% 100%;animation:accurate-shimmer 1.4s linear infinite}.accurate-loading p,.accurate-loading button{position:relative;z-index:1}.accurate-loading p{padding:.6rem .8rem;border-radius:.5rem;background:var(--surface);box-shadow:0 4px 16px #07130b1f}.accurate-pdf.is-stale object{filter:brightness(.65)}@keyframes accurate-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.accurate-skeleton,.refresh-preview.spinning svg{animation:none}}@media(max-width:600px){.studio-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:0!important}.studio-dialog{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important}.preview-header{height:auto!important;min-height:0!important;align-items:stretch!important;flex-direction:column!important}.preview-heading{display:none!important}.preview-content{min-width:0!important;overflow:auto!important}.preview-subtabs{width:100%!important}.download-popover{position:fixed;top:auto;right:.65rem;bottom:4rem;left:.65rem;width:auto}.toast-stack{right:.65rem;bottom:.65rem;width:calc(100% - 1.3rem)}.stale-badge{white-space:nowrap}}.page-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.compact{padding:.45rem .75rem}.status-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.25rem .65rem;font-size:.85rem;font-weight:750}.status-badge:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.status-badge.linked{color:#17653a;background:#e8f7ed}.status-badge.unlinked{color:var(--muted);background:var(--canvas)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#171317b8}.modal-card{width:min(100%,34rem);max-height:min(90vh,44rem);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:1rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 24px 80px #0005}.modal-card h2{margin:.25rem 0 1rem;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.2}.eyebrow{margin:0;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rfid-status{min-height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.25rem;text-align:center;background:var(--canvas);border:1px solid var(--line);border-radius:.8rem}.rfid-status code{max-width:100%;overflow-wrap:anywhere;font-size:clamp(1.3rem,6vw,2rem);font-weight:800;letter-spacing:.08em;color:var(--primary)}.rfid-status span{color:var(--muted)}.scan-pulse{width:2.5rem;height:2.5rem;border:4px solid var(--primary);border-radius:50%;animation:scan-pulse 1.2s ease-out infinite}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}@keyframes scan-pulse{50%{transform:scale(1.16);opacity:.45}}@media(prefers-reduced-motion:reduce){.scan-pulse{animation:none}}@media(max-width:600px){.page-actions{justify-content:stretch}.page-actions .button{width:100%}table.responsive,table{min-width:0}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tbody,tr,td{display:block}tr{padding:.8rem;border-bottom:1px solid var(--line)}td{display:grid;grid-template-columns:minmax(7rem,40%) 1fr;gap:.75rem;padding:.35rem!important;border:0!important;overflow-wrap:anywhere}td:before{content:attr(data-label);font-size:.8rem;font-weight:800;color:var(--muted)}td[colspan]:before{content:none}.modal-actions>*{flex:1}.modal-card{border-radius:.8rem}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--canvas);line-height:1.5;font-synthesis:none;--primary:#D50000;--primary-hover:#ED002B;--sidebar:#272125;--accent-soft:#DCDCDC;--line:#DCDCDC;--canvas:#F5F5F7;--surface:#fff;--text:#272125;--muted:#5f595d;--on-primary:#fff;--focus:#ED002B;--danger:#D50000;--danger-soft:#fff0f0;--brand-copy:#F5F5F7;--shadow:#2721250b }[data-village-theme=hijau]{--primary:#164e3d;--primary-hover:#0e3a2d;--sidebar:#164e3d;--accent-soft:#d8e99e;--line:#d9e3dc;--canvas:#f4f7f3;--surface:#fff;--text:#18352d;--muted:#547267;--on-primary:#fff;--focus:#e3a72f;--danger:#a52727;--danger-soft:#fff0f0;--brand-copy:#d7e7df;--shadow:#173c2b0b }*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:0;border-radius:.55rem;background:var(--primary);color:var(--on-primary);padding:.7rem 1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:var(--primary-hover)}.secondary{background:var(--surface);color:var(--primary);border:1px solid var(--line)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{opacity:.6;cursor:wait}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{background:var(--primary);color:var(--on-primary);padding:clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.login-brand img{width:92px;margin-bottom:2rem}.login-brand h1{font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,6rem);line-height:.95;max-width:8ch;margin:.4rem 0 1.5rem}.login-brand p:last-child{max-width:34rem;color:var(--brand-copy);font-size:1.1rem}.login-panel{display:grid;place-items:center;padding:2rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:1.4rem;box-shadow:0 10px 30px var(--shadow)}.login-card{width:min(100%,420px);display:grid;gap:.75rem}.login-card h2{font-size:2rem;margin:0 0 .5rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:var(--muted);margin:0}.login-brand .eyebrow{color:var(--accent-soft)}label{font-weight:700;font-size:.88rem;display:grid;gap:.35rem}input,select{width:100%;padding:.7rem .8rem;border:1px solid #b7c7bd;border-radius:.5rem;background:var(--surface);color:var(--text)}.alert{color:var(--danger);background:var(--danger-soft);border-left:4px solid var(--danger);padding:.8rem 1rem;margin-bottom:1rem}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:var(--on-primary);padding:1rem;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem 1.4rem;border-bottom:1px solid #ffffff24}.brand img{width:42px;height:42px;object-fit:contain}.brand div{display:grid}.brand small,.profile small{color:#bad0c7}.close{display:none;margin-left:auto}.sidebar nav{display:grid;gap:.2rem;padding:1.3rem 0;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:.75rem;color:#dceae4;text-decoration:none;padding:.65rem .75rem;border-radius:.5rem}.sidebar nav a svg{width:19px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;color:var(--on-primary)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent-soft)}.profile{margin-top:auto;border-top:1px solid #ffffff24;padding-top:1rem;display:grid;gap:.3rem}.profile button{margin-top:.6rem}.content{margin-left:260px;min-height:100vh;min-height:100dvh;min-width:0;box-sizing:border-box}.page-header{margin-bottom:.55rem;border-bottom:0;padding-bottom:0}.page-header .eyebrow{margin-bottom:.3rem;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--primary)}.page-header h1{font-family:Georgia,serif;font-size:clamp(2.35rem,3.4vw,3.35rem);line-height:.95;margin:0}.welcome{background:var(--accent-soft);padding:clamp(1.5rem,4vw,3rem);border-radius:1rem;margin-bottom:1.5rem}.welcome h2{font:700 clamp(2rem,4vw,3.6rem) Georgia,serif;margin:.1rem 0}.welcome p{margin:.25rem 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stats article{display:grid}.stats strong{font:700 2.3rem Georgia,serif}.stats span{color:#587067}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.actions h2{width:100%;margin-top:0}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:.8rem}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line)}th{background:#edf3ef;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.form-grid,.config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:.7rem}.config-list{display:grid;gap:1rem}.config{grid-template-columns:140px 140px 1fr auto;align-items:end}.config header{grid-column:1/-1;display:flex;gap:.7rem;align-items:center}.config header h2{margin:0;font-size:1.1rem}.config header span{background:var(--accent-soft);padding:.2rem .5rem;border-radius:.3rem;font-weight:800}.config .wide{min-width:240px}.config p{margin:0}.mobile-header,.scrim,.skip-link{display:none}.skip-link:focus{display:block;position:fixed;z-index:100;background:var(--surface);padding:.8rem;top:.5rem;left:.5rem}.outbox-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;background:var(--danger-soft);border:1px solid var(--danger);border-radius:.8rem;padding:.8rem 1rem;margin-bottom:1rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0008;display:grid;place-items:center;padding:1rem}.logout-dialog{width:min(30rem,100%)}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.config{grid-template-columns:1fr 1fr}.config .wide{grid-column:1/-1}.mobile-header{display:flex;position:sticky;top:0;height:58px;background:var(--sidebar);color:var(--on-primary);align-items:center;gap:1rem;padding:.6rem 1rem;z-index:15}.icon-button{padding:.45rem;background:transparent}.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.close{display:inline-flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;border-radius:0;z-index:19}.content{margin-left:0}.login-page{grid-template-columns:1fr}.login-brand{min-height:42vh}.login-brand h1{font-size:3rem}}html,body,#root{min-height:100%}.shell,.content{min-height:100vh;min-height:100dvh}.content{min-width:0}.registration-page{display:grid;width:100%;max-width:56.25rem;margin-inline:auto;gap:1rem}button,input,select,textarea{font:inherit}textarea{box-sizing:border-box;width:100%;padding:.7rem .8rem;border:1px solid #b7c7bd;border-radius:.5rem;background:var(--surface);color:var(--text)}textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(min-width:601px){.content{display:flex;box-sizing:border-box;height:100dvh;min-height:0;overflow:hidden;flex-direction:column;padding-inline:clamp(1.25rem,2.5vw,2.5rem);padding-block:1rem}.content>.page-header{flex:0 0 auto;margin-bottom:.55rem;padding-bottom:0;border-bottom:0}.content>.page-header .eyebrow{margin-bottom:.3rem;font-size:.72rem;letter-spacing:.13em}.content>.page-header h1{margin:0;font-size:clamp(2.35rem,3.4vw,3.35rem);line-height:.95}.table-page-manager,.letter-manager,.dashboard-manager,.registration-page,.service-panel,.data-panel,.panel-container{height:100%;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.table-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;margin-top:.6rem}.service-grid{flex:1;min-height:0;overflow-y:auto;margin-top:.6rem}.catalog-pagination{flex:0 0 auto;margin-top:.4rem}.dashboard-manager{overflow-y:auto;gap:1rem;padding-right:.25rem}.registration-page{overflow-y:auto;padding-right:.25rem}}@media(min-width:601px)and (max-width:900px){.content{margin-left:0;height:calc(100dvh - 58px - env(safe-area-inset-top));overflow:hidden}}@media(min-width:1600px){.content{max-width:120rem;margin-inline:260px auto}.content>.page-header{width:100%;max-width:120rem;margin-inline:auto}.welcome,.stats,.actions,.page-actions,.content>.alert{max-width:100rem}.registration-page{max-width:70rem}}@media(max-width:900px){.mobile-header{box-sizing:border-box;min-height:calc(58px + env(safe-area-inset-top));height:auto;padding-top:max(.6rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-left:max(1rem,env(safe-area-inset-left))}.mobile-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{padding-top:max(1rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.content{min-height:calc(100dvh - 58px - env(safe-area-inset-top));padding-right:max(clamp(1.2rem,4vw,3.5rem),env(safe-area-inset-right));padding-bottom:max(clamp(1.2rem,4vw,3.5rem),env(safe-area-inset-bottom));padding-left:max(clamp(1.2rem,4vw,3.5rem),env(safe-area-inset-left))}.dialog-backdrop,.modal-backdrop,.confirm-backdrop{padding-top:max(1rem,env(safe-area-inset-top));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.modal-card{box-sizing:border-box;max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(max-width:600px){.page-header{margin-bottom:.5rem;padding-bottom:0;border-bottom:0}.page-header .eyebrow{font-size:.68rem;margin-bottom:.15rem}.page-header h1{font-size:clamp(1.45rem,6vw,1.85rem);line-height:1.1;margin:0}.card{padding:.85rem}.data-panel,.panel-container,.service-panel{padding:.75rem!important;border-radius:.85rem}.section-heading{display:flex;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:.5rem;padding-bottom:.5rem}.section-heading>div{min-width:0}.section-heading .eyebrow{font-size:.68rem;margin-bottom:.15rem}.section-heading h2{font-size:1.15rem!important;line-height:1.15;margin:0}.heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex:0 0 auto}.heading-actions span{font-size:.72rem;color:var(--muted)}.heading-actions .button{min-height:2.15rem;padding:.3rem .65rem;font-size:.75rem;border-radius:.45rem;gap:.35rem}.catalog-filters{gap:.45rem!important;margin-top:.45rem!important}.catalog-search,.catalog-field,.template-filter{gap:.25rem!important;font-size:.72rem!important}.search-control input,.filter-group,.template-filter select{height:2.45rem!important;min-height:2.45rem!important;font-size:.82rem!important}.filter-group button{padding:.25rem .5rem!important;font-size:.72rem!important}.catalog-toolbar{min-height:1.35rem!important;padding-top:.15rem!important;font-size:.72rem!important}.table-wrap{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;margin-top:.35rem!important}.table-wrap table{min-width:0!important;width:100%!important;display:block!important}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block!important;width:100%!important;box-sizing:border-box!important}.table-wrap tr{margin-bottom:.65rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);box-shadow:0 2px 8px #18251b0a}.table-wrap td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:.65rem!important;padding:.38rem 0!important;border:0!important;border-bottom:1px dashed color-mix(in srgb,var(--line) 80%,transparent)!important;text-align:right!important;font-size:.82rem!important}.table-wrap td:last-child{border-bottom:0!important;padding-top:.5rem!important;padding-bottom:0!important}.table-wrap td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.72rem;font-weight:750;text-align:left;flex:0 0 auto}.table-wrap td>*{min-width:0;overflow-wrap:anywhere}.table-wrap td code{font-size:.78rem;padding:.1rem .35rem}.table-wrap td[data-label=Aksi]:before{display:none!important}.table-wrap td[data-label=Aksi] button{width:100%!important;justify-content:center!important;min-height:2.35rem!important;font-size:.82rem!important;margin-top:.15rem}.table-wrap td[colspan]{display:block!important;text-align:center!important;padding:2rem 1rem!important;border:0!important}.table-wrap td[colspan]:before{content:none!important}.page-actions{margin-bottom:.75rem}.btn-text-desktop{display:none!important}.btn-text-mobile{display:inline!important}.reg-back-btn{white-space:nowrap!important;padding:.35rem .65rem!important;font-size:.78rem!important;min-height:2.15rem!important}.reg-stepper{padding:.35rem .65rem!important;margin-bottom:.55rem!important;gap:.65rem!important}.reg-step{font-size:.72rem!important;gap:.35rem!important}.reg-step-number{width:1.25rem!important;height:1.25rem!important;font-size:.68rem!important}.ocr-dropzone{padding:.85rem .75rem!important;gap:.65rem!important;border-radius:.85rem!important}.ocr-dropzone-icon{width:2.5rem!important;height:2.5rem!important;border-radius:.75rem!important}.ocr-dropzone-icon svg{width:1.35rem!important;height:1.35rem!important}.ocr-dropzone h3{font-size:.98rem!important}.ocr-dropzone p{font-size:.76rem!important;line-height:1.35!important;max-width:22rem!important}.ocr-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.45rem!important;width:100%!important}.ocr-actions label.button,.ocr-actions label.secondary.button{min-height:2.45rem!important;font-size:.78rem!important;padding:.35rem .5rem!important;gap:.35rem!important;justify-content:center!important}.ocr-actions label.button svg,.ocr-actions label.secondary.button svg{width:1rem!important;height:1rem!important}.ocr-actions>button.secondary{grid-column:1 / -1!important;min-height:2.35rem!important;font-size:.78rem!important;padding:.35rem .5rem!important;gap:.35rem!important;justify-content:center!important}.ocr-actions>button.secondary svg{width:1rem!important;height:1rem!important}.ocr-guidance-card{padding:.55rem .75rem!important;gap:.25rem!important;border-radius:.65rem!important}.ocr-guidance-card h4{font-size:.74rem!important}.ocr-guidance-card ul{padding-left:.95rem!important;font-size:.7rem!important;line-height:1.35!important}.registration-page .card{min-width:0}.registration-page img{max-width:100%}.modal-actions>*{min-height:2.75rem}.dialog-backdrop,.modal-backdrop,.confirm-backdrop{padding-top:max(.75rem,env(safe-area-inset-top));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(.75rem,env(safe-area-inset-left))}.content{min-height:calc(100dvh - 58px - env(safe-area-inset-top));padding-inline:max(.75rem,env(safe-area-inset-left)) max(.75rem,env(safe-area-inset-right));padding-block:.65rem max(1rem,env(safe-area-inset-bottom))}.stats{grid-template-columns:repeat(2,1fr)!important;gap:.65rem;margin-bottom:.75rem}.stat-card{padding:.85rem;min-height:5.8rem;border-radius:.85rem}.stat-card-header{margin-bottom:.35rem}.stat-card-icon{width:2rem;height:2rem;border-radius:.5rem}.stat-card-icon svg{width:1.05rem;height:1.05rem}.stat-card-number{font-size:1.65rem}.stat-card-label{font-size:.8rem}.stat-card-hint{font-size:.68rem}.welcome{padding:.85rem 1rem;border-radius:.85rem;margin-bottom:.75rem}.welcome h2{font-size:clamp(1.2rem,5vw,1.45rem);margin:.15rem 0 .25rem}.welcome p{font-size:.82rem}.actions{padding:1rem;border-radius:.85rem}.actions h2{font-size:.98rem;margin-bottom:.65rem}.actions-grid{display:grid;grid-template-columns:1fr;gap:.55rem}.actions-grid .button{width:100%;min-height:2.75rem;font-size:.85rem}}@media(max-width:350px){.stats{grid-template-columns:repeat(2,1fr)!important;gap:.45rem}.stat-card{padding:.65rem;min-height:5.2rem}.stat-card-number{font-size:1.4rem}.stat-card-label{font-size:.74rem}.stat-card-hint{display:none}}.data-panel,.panel-container{display:flex;flex-direction:column;min-height:0;max-width:120rem;width:100%;margin-inline:auto;padding:clamp(1rem,1.5cqw,1.5rem);background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 4px 20px #18251b0a}.table-page-manager{display:flex;flex-direction:column;min-height:0;width:100%}.heading-actions{display:flex;align-items:center;gap:.75rem}.heading-actions .button{min-height:2.4rem;padding:.4rem .85rem;font-size:.82rem}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);margin-top:.75rem}.table-wrap table{width:100%;border-collapse:collapse;text-align:left}@media(min-width:601px){.table-wrap table{min-width:42rem}}.table-wrap th{position:sticky;top:0;z-index:1;background:var(--canvas);color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.table-wrap td{padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--text)}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover td{background:color-mix(in srgb,var(--primary) 3.5%,transparent)}.table-wrap code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--primary);font-weight:750;font-size:.82rem;background:color-mix(in srgb,var(--primary) 8%,transparent);padding:.12rem .35rem;border-radius:.35rem}.table-empty-cell{text-align:center!important;padding:3.5rem 1rem!important;color:var(--muted);font-size:.9rem}.welcome{padding:clamp(1.2rem,2vw,1.75rem);background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 4px 20px #18251b0a;margin-bottom:1rem}.welcome .eyebrow{margin-bottom:.25rem}.welcome h2{margin:0 0 .35rem;font-size:clamp(1.5rem,2.2vw,2.1rem);color:var(--text);font-family:Georgia,serif}.welcome p{margin:0;color:var(--muted);font-size:.92rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:1rem}.stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 4px 20px #18251b0a;text-decoration:none;color:inherit;min-height:7.5rem;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 8px 24px #2a1e2112}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stat-card-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.6rem;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.stat-card-icon svg{width:1.2rem;height:1.2rem}.stat-card-number{font-size:clamp(1.75rem,2.4vw,2.3rem);font-weight:850;line-height:1.1;color:var(--text)}.stat-card-label{margin-top:.2rem;font-size:.84rem;font-weight:750;color:var(--text)}.stat-card-hint{font-size:.72rem;color:var(--muted);margin-top:.15rem}.actions{padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 4px 20px #18251b0a}.actions h2{margin:0 0 .85rem;font-size:1.1rem}.actions-grid{display:flex;flex-wrap:wrap;gap:.75rem}.registration-panel{max-width:66rem;margin-inline:auto;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.btn-text-mobile{display:none}.btn-text-desktop{display:inline}.reg-stepper{display:flex;align-items:center;gap:1rem;padding:.55rem .85rem;background:color-mix(in srgb,var(--canvas) 70%,var(--surface));border:1px solid var(--line);border-radius:.75rem;margin-bottom:.85rem;flex:0 0 auto}.reg-step{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:750;color:var(--muted)}.reg-step.active{color:var(--primary)}.reg-step-number{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--canvas);border:1px solid var(--line);font-size:.72rem;font-weight:800}.reg-step.active .reg-step-number{background:var(--primary);color:#fff;border-color:var(--primary)}.reg-step-divider{flex:1;height:1px;background:var(--line)}.ocr-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(1.5rem,3vw,2.5rem);border:2px dashed color-mix(in srgb,var(--line) 85%,var(--primary));border-radius:1rem;background:color-mix(in srgb,var(--canvas) 40%,var(--surface));gap:1rem;overflow-y:auto;flex:1;min-height:0}.ocr-dropzone-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.ocr-dropzone h3{margin:0;font-size:1.15rem}.ocr-dropzone p{margin:0;color:var(--muted);font-size:.85rem;max-width:28rem}.ocr-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.ocr-split-view{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.25rem;flex:1;min-height:0;overflow:hidden;align-items:start}.ocr-preview-pane{display:flex;flex-direction:column;gap:.55rem;min-height:0;height:100%}.ocr-image-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;max-height:min(44dvh,270px);height:250px;background:#1c181b;border:1px solid var(--line);border-radius:.85rem;overflow:hidden;padding:.75rem}.ocr-image-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:.4rem;box-shadow:0 4px 20px #0004}.ocr-scanner-beam{position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(to bottom,transparent 0%,rgba(213,0,0,.15) 50%,rgba(213,0,0,.65) 98%,#ff3333 100%);animation:scan-vertical 2s ease-in-out infinite alternate;pointer-events:none;box-shadow:0 4px 15px #d5000080}@keyframes scan-vertical{0%{top:0}to{top:70%}}.ocr-scanning-badge{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#000000d9;color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.ocr-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;background:var(--canvas);border:1px solid var(--line);border-radius:.6rem;flex:0 0 auto}.ocr-preview-toolbar .btn-group{display:flex;align-items:center;gap:.35rem}.ocr-preview-toolbar button{min-height:2rem;padding:.25rem .55rem;font-size:.75rem;gap:.3rem}.ocr-rotation-label{font-size:.72rem;color:var(--muted);font-weight:700}.ocr-control-pane{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto;padding-right:.25rem}.ocr-meta-card{padding:.75rem .9rem;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ocr-meta-info{display:flex;flex-direction:column;min-width:0}.ocr-meta-info strong{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-meta-info small{color:var(--muted);font-size:.72rem}.ocr-scan-btn{width:100%;height:2.85rem;min-height:2.85rem;font-size:.92rem;gap:.5rem;border-radius:.65rem;box-shadow:0 4px 14px #d5000038}.ocr-guidance-card{padding:.75rem .9rem;background:color-mix(in srgb,var(--canvas) 60%,var(--surface));border:1px solid var(--line);border-radius:.75rem;display:flex;flex-direction:column;gap:.4rem}.ocr-guidance-card h4{margin:0;font-size:.78rem;color:var(--text);font-weight:750}.ocr-guidance-card ul{margin:0;padding-left:1.1rem;font-size:.74rem;color:var(--muted);line-height:1.45}.ocr-alt-actions{display:flex;flex-direction:column;gap:.45rem}.ocr-alt-actions button,.ocr-alt-actions label{width:100%;justify-content:center}.form-view-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.form-scroll-body{flex:1;min-height:0;overflow-y:auto;padding-right:.35rem;border:0;border-radius:0;box-shadow:none;background:transparent;padding-inline:0}.form-reference-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;background:color-mix(in srgb,var(--canvas) 60%,var(--surface));border:1px solid var(--line);border-radius:.65rem;margin-bottom:.65rem;font-size:.78rem;color:var(--muted)}.reference-thumbnail-drawer{display:flex;align-items:center;justify-content:center;padding:.65rem;background:#1c181b;border:1px solid var(--line);border-radius:.65rem;margin-bottom:.75rem;max-height:200px}.reference-thumbnail-drawer img{max-height:185px;max-width:100%;object-fit:contain;border-radius:.4rem}@media(max-width:768px){.ocr-split-view{grid-template-columns:1fr;overflow-y:auto}.ocr-image-stage{height:200px}}@media(max-width:560px){.form-grid,.config{grid-template-columns:1fr}.full{grid-column:auto}.login-panel{padding:1rem}.form-actions{flex-direction:column-reverse}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}