:root{--ink:#203c38;--muted:#778782;--green:#196b55;--line:#e2e9e5;--pale:#edf5ef;--bg:#f7f9f6;--amber:#a46f2d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select{color:var(--ink);border:1px solid #dbe4de;border-radius:7px;background:#fff;padding:9px 11px;min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #67a68c;outline-offset:2px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;cursor:pointer}a{color:inherit}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;width:35px;height:38px;border-radius:11px;font-size:34px;font-family:Georgia,serif}.brand-light{font-weight:400}.workspace-label{font-size:12px;font-weight:700;letter-spacing:1.7px;color:#8a9893;margin:49px 10px 15px}.nav{width:100%;text-align:left;border:0;border-radius:8px;padding:13px 11px;color:#73817d;display:flex;align-items:center;gap:11px;background:transparent;margin-bottom:6px;font-size:16px}.nav>span{font-size:20px;line-height:1}.nav.active{background:#eaf4ed;color:#23654e;font-weight:600}.nav small{margin-left:auto;background:#e5ebe7;border-radius:5px;padding:0 6px;font-size:13px}.sidebar-bottom{margin-top:auto;font-size:13px;color:#5f756b}.local-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65a97f;margin-right:5px}.sidebar-bottom p{font-size:14px;line-height:1.8;color:#8b9892;margin:10px 0 23px}.version{border-top:1px solid var(--line);padding-top:19px;font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between}main{margin-left:230px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:14px;color:#82908a}.topbar strong{font-weight:500;color:#425a50}.crumb{margin:0 14px;color:#b2bdb7}.avatar{width:31px;height:31px;border:1px solid #dde7df;border-radius:50%;display:grid;place-items:center;background:#f5f7f2;font-size:13px;color:#697f72}.page{max-width:1570px;padding:35px 43px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;color:#658673;letter-spacing:1.8px;font-weight:700}h1{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.25;margin:11px 0 10px}h2{font-size:17px;font-weight:650;margin:0}h3{font-size:17px}p{margin:0;color:var(--muted)}.page-heading p,.lead{font-size:15px}.button{border:1px solid transparent;border-radius:7px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;white-space:nowrap}.secondary{background:#fff;border-color:#dbe5de;color:#385b4a}.primary{background:var(--green);color:white}.primary:hover{background:#12533f}.secondary:hover{background:#f2f7f3}.text-button{background:none;border:0;color:var(--green);font-size:14px;padding:5px}.steps{display:flex;align-items:center;width:680px;max-width:100%;margin:30px 0 27px;gap:22px}.step{display:flex;align-items:center;gap:9px;color:#8b9690;font-size:14px;white-space:nowrap}.step b{font-size:13px;border:1px solid #dce5dd;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:500}.step.active{color:#245e48;font-weight:600}.step.active b{background:#dfeee2;border-color:#dfeee2}.steps i{height:1px;flex:1;background:#dce5df}.card{background:#fff;border:1px solid var(--line);border-radius:11px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.import-card,.variant-card{padding:20px 23px 14px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:15px}.section-title>.small{margin-left:auto}.section-icon{font-size:18px;color:#668d73}.small{font-size:13px}.muted{color:var(--muted)}.dropzone{border:1px dashed #b9cfbd;background:#f8fbf6;border-radius:8px;display:flex;align-items:center;flex-direction:column;padding:16px 10px;cursor:pointer}.dropzone.drag{background:#e0f0e3;border-color:var(--green)}.upload-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e8f1e6;color:#5c8966;font-size:27px;margin-bottom:9px}.dropzone strong{font-size:15px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.dropzone span:not(.upload-icon){font-size:14px;color:#85917e;margin-top:2px}.dropzone u{color:#437453;text-decoration:none}.dropzone small{font-size:12px;color:#98a28f;margin-top:12px}.import-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.import-footer label{font-size:12px;color:#829284}.import-footer select{padding:3px;border:0;font-size:12px;background:transparent}.variant-options{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.variant{grid-column:span 2;position:relative;display:flex;align-items:center;gap:7px;padding:11px 9px;border:1px solid var(--line);border-radius:7px;font-size:14px;cursor:pointer}.variant:nth-child(n+4){grid-column:span 3}.variant input{width:12px;height:12px;accent-color:var(--green);margin:0}.variant:has(input:checked){border-color:#659c7c;background:#f0f7ef;color:#246344}.variant-note{font-size:13px;line-height:1.8;margin-top:16px;padding:10px 0 0;border-top:1px solid #edf1ea}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 0;margin:22px 0}.stats>div{padding:0 24px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{font-size:12px;letter-spacing:1.1px;color:#829188;display:block;font-weight:600}.stats strong{display:block;font-size:32px;font-weight:550;line-height:1.4;margin:4px 0 0}.stats small{font-size:13px;color:#98a097}.green{color:var(--green)}.amber{color:var(--amber)}.records-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 17px;gap:15px}.records-heading h2{display:flex;align-items:center;gap:8px}.records-heading p{font-size:13px;margin-top:4px}.count{font-weight:500;font-size:13px;background:#edf1eb;padding:1px 7px;border-radius:5px;color:#5c7968}.table-tools{display:flex;gap:11px;align-items:center;padding:0 23px 16px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:0 10px;width:310px;color:#8b9b92}.search input{border:0;background:transparent;width:100%;padding:8px 0;font-size:14px;outline-offset:4px}.search span{font-size:20px}.table-tools>select{font-size:13px;padding:9px 11px}.table-tools>.muted{margin-left:auto}.table-scroll{overflow:auto;max-height:520px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:12px;color:#829186;letter-spacing:.5px;font-weight:600;background:#f7f9f6;padding:11px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}td{font-size:14px;padding:15px 14px;border-bottom:1px solid #eef1eb}.checkbox-cell{width:40px;padding-left:23px}td strong{font-weight:650;display:block}td small{display:block;font-size:13px;color:#8c9890;margin-top:3px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;border-radius:5px;padding:4px 7px;background:#faf1e2;color:#997530}.badge.ready{color:#3d7e56;background:#edf5e9}.row-edit{border:0;background:none;color:#5d7f69;font-size:17px}.empty{text-align:center;padding:35px 15px 39px}.empty-icon{display:grid;place-items:center;background:#f1f5ed;border:1px solid #e5ebdf;width:43px;height:48px;color:#92a384;border-radius:10px;margin:auto;font-size:30px}.empty h3{margin:14px 0 6px;font-size:15px;font-weight:500}.empty p{font-size:13px;line-height:1.9}.table-footer{display:flex;justify-content:space-between;font-size:12px;color:#8b9a8f;padding:13px 23px}.export-bar{background:#eef4e9;border:1px solid #dce6d5;display:flex;justify-content:space-between;align-items:center;border-radius:9px;padding:18px 23px;margin-top:22px;gap:18px}.export-bar>div{display:flex;gap:13px;align-items:center}.export-symbol{color:#729067;font-size:27px}.export-bar strong{font-size:15px;font-weight:600}.export-bar p{font-size:13px;margin-top:3px}footer{display:flex;justify-content:space-between;color:#9aa59b;font-size:12px;padding-top:21px}.notice{background:#eff5ee;border:1px solid #dce6d5;border-radius:8px;padding:12px 16px;font-size:14px;color:#4d6f52;margin-top:15px}.hidden{display:none!important}.dictionary-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;margin-top:26px}.dictionary-nav{padding:10px;height:fit-content}.dictionary-nav button{width:100%;border:0;text-align:left;background:transparent;padding:12px;border-radius:6px;font-size:15px;color:#597162;display:flex;justify-content:space-between}.dictionary-nav button.active{background:#edf5ed;color:#1c694f}.dictionary-search{margin:0 23px 18px;width:calc(100% - 46px)}.dict-row{padding:11px 23px;border-top:1px solid #edf1e9;font-size:15px;display:flex;gap:16px}.dict-row code{min-width:90px;color:#286f54;font-size:14px}.dict-row small{display:block;color:#86948c}.dictionary-content{overflow:hidden}.dict-more{font-size:14px;color:#84958b;padding:15px 23px}.guide{margin-top:25px;max-width:900px;padding:30px}.guide h2{margin:20px 0 8px}.guide h2:first-child{margin-top:0}.guide p{line-height:1.9;margin-bottom:12px;font-size:16px}dialog{padding:0;border:1px solid var(--line);border-radius:14px;width:min(1050px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #16342e33}dialog::backdrop{background:#183a3166;backdrop-filter:blur(2px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid var(--line);background:#fcfdfb;position:sticky;top:0;z-index:3}.modal-header h2{font-size:23px}.modal-header p{font-size:14px;margin-top:4px}.close{border:0;background:none;font-size:29px;color:#7b9285}.modal-body{padding:22px 27px}.modal-footer{padding:17px 27px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);background:#fcfdfb;position:sticky;bottom:0;z-index:3}.modal-footer .summary{margin-right:auto;font-size:14px;color:#7a8b80}.form-section{margin-bottom:25px}.form-section h3{padding-bottom:10px;border-bottom:1px solid var(--line);font-size:15px;font-weight:650}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#567262}.field input,.field select{font-size:15px;width:100%;min-height:44px;height:auto}.field small{font-size:12px;color:#8b9a90;overflow-wrap:anywhere}.error-list{background:#fff7eb;border:1px solid #f0dfc4;border-radius:8px;padding:12px 17px;font-size:14px;color:#95672e;margin-bottom:18px;max-height:175px;overflow:auto}.error-list ul{padding-left:18px;margin:4px 0}.issue{display:flex;align-items:flex-start;gap:8px;margin:8px 0}.issue input{flex-shrink:0}.multi-picker{border:1px solid var(--line);border-radius:8px;margin-top:10px;overflow:hidden}.multi-picker>input{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0}.multi-options{max-height:200px;overflow:auto;padding:5px 12px}.multi-options label{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:15px}.selected-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{font-size:13px;padding:4px 8px;background:#eaf3e9;border-radius:5px;color:#427457}.bulk-enable{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:10px}.form-hint{font-size:14px;color:#7b8f80;margin-bottom:14px;line-height:1.8}.payment-row{padding:13px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.payment-row .fields{grid-template-columns:repeat(4,1fr)}.payment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.export-options{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.export-options label{font-size:14px}.export-options select{display:block;margin-top:5px}.preview-table{max-height:330px;border:1px solid var(--line);border-radius:7px;overflow:auto}.preview-table td,.preview-table th{font-size:13px;padding:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#254b3e;color:white;border-radius:8px;padding:13px 22px;max-width:80vw;box-shadow:0 5px 30px #0002;z-index:20;font-size:15px;white-space:pre-line}.toast.error{background:#8e4d32}.check-label{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:15px}.mini-info{font-size:14px;color:#7b8d7e;margin:10px 0}.required-note{color:#9b7042;font-size:13px}.loading{opacity:.6;pointer-events:none}@media(min-width:1600px){.page{padding-top:45px}.setup-grid{gap:25px}.import-card,.variant-card{padding:25px}.dropzone{padding:23px}.stats{margin:27px 0}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 15px}main{margin-left:195px}.page{padding:28px 24px}.topbar{padding:0 24px}.variant{font-size:13px;padding:10px 6px}.stats>div{padding:0 16px}.stats span{font-size:11px}.stats small{font-size:12px}.records-heading .button{font-size:13px}.page-heading h1{font-size:30px}}@media(max-width:850px){.sidebar{width:65px;padding:22px 12px}.brand>span:not(.brand-mark),.workspace-label,.sidebar-bottom,.nav small{display:none}.nav{font-size:0;padding:13px 8px}.nav>span{font-size:20px}.sidebar nav{margin-top:35px}main{margin-left:65px}.setup-grid{grid-template-columns:1fr}.page-heading{align-items:start}.page-heading h1{font-size:29px}.page-heading .button{font-size:13px}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats>div:nth-child(2){border:0}.steps{gap:10px}.fields{grid-template-columns:1fr 1fr}.dictionary-layout{grid-template-columns:1fr}.dictionary-nav{display:flex;overflow:auto}.dictionary-nav button{white-space:nowrap;gap:10px}.export-bar{padding:15px}.table-tools{flex-wrap:wrap}.table-tools>.muted{display:none}}@media(max-width:550px){.page{padding:23px 14px}.topbar{height:58px;padding:0 14px}.page-heading{display:block}.page-heading>.button{margin-top:15px}.steps{gap:7px}.step{font-size:12px;gap:5px}.steps i{display:none}.stats>div{padding:0 12px}.records-heading{padding:15px;align-items:start;flex-direction:column}.table-tools{padding:0 15px 15px}.search{width:100%}.export-bar{align-items:stretch;flex-direction:column}footer{gap:10px}.fields,.payment-row .fields{grid-template-columns:1fr}.modal-body{padding:15px}.modal-header,.modal-footer{padding:15px}.modal-footer{flex-wrap:wrap}.modal-footer .summary{width:100%}}

/* Keep larger type readable without crowding controls. */
.steps{width:820px;flex-wrap:wrap;row-gap:12px}.step{white-space:normal}.variant input{flex-shrink:0;width:16px;height:16px}.import-footer,.table-tools,.table-footer,footer{flex-wrap:wrap;row-gap:10px}.search{width:370px;max-width:100%}.fields>*,.setup-grid>*,.dictionary-layout>*{min-width:0}.field select{max-width:100%}.stats span{letter-spacing:.5px}.modal-footer{flex-wrap:wrap}.dictionary-nav button{gap:10px}.dictionary-nav button small{flex-shrink:0}.brand{letter-spacing:-.8px}.nav{gap:8px}.nav>span{flex-shrink:0}.workspace-label{letter-spacing:1px;margin-left:0;margin-right:0}
@media(max-width:1150px){.setup-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats>div:nth-child(2){border:0}.records-heading{flex-wrap:wrap}}
@media(max-width:850px){.payment-row .fields{grid-template-columns:1fr 1fr}.steps{gap:12px}.steps i{display:none}}
@media(max-width:550px){.payment-row .fields{grid-template-columns:1fr}.topbar{height:auto;min-height:58px;gap:12px}.step{font-size:13px}.export-options>label{max-width:100%}.export-options select{max-width:100%}}

.settings-fields{display:grid;gap:20px;max-width:640px;margin:24px 0}.settings-card .button{margin-top:12px}.settings-card .field select{width:100%}