*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#202e39;font-family:Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}a svg,button svg{flex-shrink:0}.app{min-height:100vh;display:flex}.sidebar{width:232px;background:#102d2b;color:#adc4be;position:fixed;inset:0 auto 0 0;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;margin:0 10px 52px}.brand-icon{background:#b4ec80;color:#183b30;border-radius:12px;padding:10px;display:flex}.brand-sub{display:block;font-size:9px;font-weight:600;letter-spacing:2.3px;color:#b4c6bd;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.5px;margin:0 14px 17px;color:#789a91}.nav{padding:14px;border-radius:8px;background:transparent;color:#b0c5c0;display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:7px}.nav.active{background:#244d43;color:#d8f8bb;border-left:3px solid #b4ec80;padding-left:11px}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;font-size:11px;line-height:1.8;color:#c4d3ce}.sidebar-bottom p{color:#7d9c92;margin-top:10px}.online-dot{display:inline-block;width:6px;height:6px;background:#64b986;border-radius:50%;margin-right:6px}.sidebar-bottom .online-dot{background:#b4ec80}main{margin-left:232px;width:calc(100% - 232px)}.topbar{height:64px;background:#fff;border-bottom:1px solid #e3e9eb;display:flex;align-items:center;justify-content:space-between;padding:0 40px;color:#68807d;font-size:12px}.topbar>span:first-child{display:flex;align-items:center;gap:9px}.top-tag{font-size:9px;letter-spacing:1.4px;background:#f3f6f5;border:1px solid #e1e8e5;padding:6px 10px;border-radius:4px}.main-content{padding:38px 40px 24px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.eyebrow{font-size:10px;color:#67867b;letter-spacing:1.8px;font-weight:700}.page-heading h1{font-size:34px;font-weight:800;letter-spacing:-1.3px;margin:6px 0 10px}.heading-dot{color:#328362}.page-heading p{color:#78858b;font-size:13px}.primary,.scan-button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:12px 17px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:#1d6650;box-shadow:0 2px 2px #122d2410}.primary:hover{background:#155440}.secondary{background:white;border:1px solid #dce4e1;color:#50635d;padding:10px 13px}.secondary:hover{background:#f3f7f4}.period-card{background:#fff;border:1px solid #e0e7e4;border-radius:10px;padding:19px 22px;display:flex;align-items:center;gap:15px;margin-bottom:24px}.period-icon{background:#f1f6ee;color:#588363;border-radius:9px;padding:12px;display:flex}.period-select{flex:1;min-width:0}.period-select label{font-size:9px;letter-spacing:1.3px;color:#8a9793;display:block;margin-bottom:5px}.period-select select{max-width:100%;border:0;background:transparent;color:#233b31;font-size:15px;font-weight:600;padding:0;cursor:pointer}.period-select p{font-size:11px;color:#89958f;margin-top:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;font-size:10px;white-space:nowrap;font-weight:500}.pill.green{background:#edf6ec;color:#428556}.pill.neutral{background:#f1f3f5;color:#8a969e}.pill.orange{background:#fff2e3;color:#ad7737}.icon{background:transparent;padding:7px;display:inline-flex;align-items:center;justify-content:center;color:#789088;border-radius:5px}.icon:hover{background:#edf3ef}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{border:1px solid #e0e7e4;background:white;border-radius:9px;padding:20px}.stat>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#87968d;margin-bottom:16px}.stat>span svg{color:#9fb5a9}.stat strong{font-size:29px;letter-spacing:-1px;display:block;margin-bottom:9px}.stat em{font-size:12px;font-style:normal;font-weight:400;color:#a0aaa5;letter-spacing:0;margin-left:7px}.stat small{font-size:10px;color:#9aa79f}.green-text{color:#398361!important}.orange-text{color:#bc863a!important}.progress{height:4px;background:#eef4ed;margin:8px 0 7px;border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;background:#88b878}.table-card{background:white;border:1px solid #dfe7e3;border-radius:10px;overflow:hidden}.table-title{padding:22px 22px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.table-title h2{font-size:16px;letter-spacing:-.3px}.table-title p{font-size:11px;color:#8d9c95;margin-top:7px}.actions{display:flex;gap:9px}.toolbar{padding:0 22px 20px;display:flex;gap:10px}.search{flex:1;display:flex;align-items:center;gap:9px;border:1px solid #e0e7e4;background:#fbfcfc;padding:0 12px;border-radius:6px;color:#96a89f;min-width:180px}.search input{border:0;background:transparent;min-width:0;width:100%;padding:11px 0;outline:none;font-size:12px;color:#263e32}.search input::placeholder{color:#99a59e}.scan-button{background:#eff5ec;color:#547947;border:1px solid #dde9d5;padding:10px 12px}.toolbar>select{max-width:170px;font-size:11px;border:1px solid #e0e7e4;border-radius:6px;color:#657b6e;background:#fff;padding:8px 10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.7px;background:#f7f9f8;color:#8d9a94;font-weight:500;padding:13px 19px;border-block:1px solid #edf0ee}td{padding:16px 19px;border-bottom:1px solid #edf1ef;font-size:12px;color:#61756a}tr:hover td{background:#fbfdfb}.item-name{font-weight:500;color:#354b3d;font-size:11px;white-space:normal;max-width:310px;min-width:190px;line-height:1.5}.item-code{font-size:10px;letter-spacing:.3px;color:#95a198;margin-top:6px}.item-code span{font-size:9px;color:#879989;margin-left:10px;background:#f4f6f3;border-radius:3px;padding:2px 5px}.number{text-align:right;font-variant-numeric:tabular-nums}.muted{color:#a1aea7;font-size:10px}.row-action{display:flex;align-items:center;gap:7px;background:white;border:1px solid #e0e8e1;color:#7f9585;border-radius:5px;padding:7px 9px;font-size:10px}.row-action.filled{background:#f0f6ed;border-color:#e3eddd;color:#628757}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:#97a49d;font-size:10px}.table-footer>div{display:flex;align-items:center;gap:14px}.page-footer{display:flex;justify-content:space-between;margin-top:25px;color:#a1aea6;font-size:10px}.welcome{text-align:center;padding:56px 30px 40px;border:1px solid #dfe7e3;border-radius:11px;background:white}.welcome-mark{width:100px;height:100px;border-radius:24px;background:#eef5e9;color:#64964c;display:grid;place-items:center;margin:0 auto 25px}.welcome h2{font-size:28px;letter-spacing:-1px;margin:12px 0 14px}.welcome p{max-width:570px;margin:0 auto 25px;line-height:1.9;color:#7a8c81;font-size:13px}.welcome p b{color:#537557}.welcome-steps{margin:40px auto 0;display:flex;justify-content:center;gap:38px;color:#99a99d;font-size:11px}.empty{padding:60px;text-align:center;color:#93a397;display:flex;align-items:center;flex-direction:column;gap:14px}.empty h3{font-size:15px;color:#677f6d}.empty p{font-size:12px}.overlay{position:fixed;inset:0;z-index:20;background:#102e285c;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal{width:490px;max-width:100%;background:#fff;border-radius:13px;box-shadow:0 20px 80px #10332530;padding:26px;max-height:94vh;overflow:auto}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal h2{font-size:20px;letter-spacing:-.6px}.modal-intro{font-size:12px;line-height:1.8;color:#829487;margin-bottom:20px}.form-grid label,.modal form>label{display:block;color:#5e7768;font-size:11px;font-weight:600;margin-bottom:15px}.modal input:not([type=file]),.modal select,.modal textarea{display:block;width:100%;border:1px solid #dae4dc;padding:12px;border-radius:6px;margin-top:7px;color:#35533f;background:#fcfdfb;min-width:0}.modal input:focus,.modal textarea:focus{outline:2px solid #96ba8580;border-color:#7a9d69}.modal input:disabled,.modal textarea:disabled{background:#f4f6f3;color:#718574}.source-box{border:1px solid #deead7;background:#f5f9f1;border-radius:6px;padding:14px;display:flex;gap:12px;align-items:center;color:#6d8b5e;font-size:12px}.source-box>div{flex:1;min-width:0;word-break:break-word}.source-box p{font-size:10px;margin-top:4px;font-weight:400;color:#8f9f83}.upload-label{display:flex!important;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px dashed #b7c9ad;border-radius:6px;padding:13px;margin:12px 0!important;color:#6f8b60!important}.upload-label input{display:none}.hint{font-size:10px;line-height:1.8;color:#91a18f;margin:10px 0 18px}.wide{width:100%}.selected-item{background:#f2f7ee;border-radius:8px;padding:17px;margin-bottom:22px}.selected-item h3{font-size:14px;line-height:1.5;margin:8px 0 12px;color:#3d5a3b}.selected-item>div{font-size:11px;color:#859578;display:flex;justify-content:space-between}.selected-item b{color:#507243}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.diff-preview{display:flex;justify-content:space-between;padding:13px;border-radius:6px;background:#f6f8f3;font-size:11px;color:#8b9b7f;margin-bottom:20px}.diff-preview strong{color:#5b7e43}.error{background:#fff0eb;color:#b75737;border:1px solid #f3d7c9;border-radius:6px;padding:12px;margin-bottom:16px;font-size:12px;line-height:1.7}.error button{background:transparent;color:inherit;text-decoration:underline;margin-left:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1e5d44;color:#f1ffe6;z-index:40;box-shadow:0 8px 28px #24472d33;display:flex;align-items:center;gap:12px;padding:15px 22px;font-size:12px;max-width:90vw}.camera,.toast{border-radius:8px}.camera{position:relative;aspect-ratio:4/3;background:#173528;overflow:hidden;margin:12px 0}.scan-frame{position:absolute;inset:25% 10%;border:2px solid #baf889;border-radius:8px;pointer-events:none}.history-link{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#729664;font-size:11px;width:100%;padding:15px}.history-list>div{padding:12px;border-top:1px solid #e4ebe0;font-size:11px;color:#7e9473;line-height:1.8}.history-list p{font-size:10px;color:#a0ad94}.close-summary{background:#f7f5ec;color:#8c855d;border-radius:7px;padding:17px;margin-bottom:24px;font-size:12px}.close-summary p{font-size:11px;margin-top:7px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:1450px){.item-name{max-width:450px}}@media(max-width:1150px){.sidebar{width:190px;padding-inline:14px}.brand{font-size:23px;margin-inline:4px}main{margin-left:190px;width:calc(100% - 190px)}.main-content{padding:30px 24px}.topbar{padding-inline:24px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:25px}.toolbar{flex-wrap:wrap}.search{flex-basis:50%}.close-period span{display:none}.table-title{align-items:flex-start}.table-title p{line-height:1.6}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:15px 18px;flex-direction:row;align-items:center;gap:8px}.app{display:block}.brand{font-size:20px;margin:0 auto 0 0;gap:8px}.brand-icon{padding:8px}.brand-sub{font-size:7px}.nav{padding:10px!important;font-size:0;margin:0;border-left:0!important}.nav-label,.sidebar-bottom{display:none}main{margin:0;width:100%}.topbar{height:42px;padding:0 20px;font-size:10px}.main-content{padding:24px 16px}.page-heading{margin-bottom:23px;align-items:flex-start}.page-heading h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.7;max-width:210px}.page-heading>.primary{padding:11px 12px;font-size:10px;margin-top:25px}.eyebrow{font-size:8px}.period-card{padding:14px;gap:10px;margin-bottom:18px}.period-select select{font-size:12px}.period-select p{font-size:9px;line-height:1.6}.period-icon{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat{padding:16px}.stat>span{font-size:10px;margin-bottom:12px}.stat strong{font-size:25px}.stat small{font-size:9px}.table-title{padding:17px 14px}.table-title h2{font-size:14px}.table-title p{max-width:190px;font-size:10px}.actions{gap:5px}.secondary{padding:9px;font-size:10px}.actions .secondary span{display:none}.toolbar{padding:0 14px 15px;gap:8px}.search{flex-basis:100%;order:0}.scan-button,.search input{font-size:11px}.scan-button{flex:1;order:1}.toolbar>select{flex:1;order:2;max-width:none}.page-footer{font-size:8px;line-height:1.7;gap:15px}.page-footer>span:last-child{display:none}td{padding:13px 14px}th{padding:12px 14px}.welcome{padding:36px 18px}.welcome h2{font-size:23px}.welcome p{font-size:12px}.welcome-steps{gap:15px;font-size:9px}.modal{padding:22px 18px}.overlay{padding:12px}.form-grid{gap:10px}.toast{min-width:70vw}.top-tag{font-size:7px}}.camera-status{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#e0efdc;font-size:12px;pointer-events:none}.camera-choice{display:block;font-size:12px;color:#5e7768;margin-bottom:16px}.camera-choice small{display:block;margin-top:6px;color:#8c9c85;font-size:10px}.scan-frame{box-shadow:0 0 0 1000px rgba(0,0,0,.24);inset:35% 4%;border-radius:7px}.entry-page{min-height:100vh;background:radial-gradient(ellipse at 80% 20%,#edf5e6,transparent 55%),#f5f7f5}.entry-top{padding:25px 5%;display:flex;align-items:center;gap:12px;background:white;border-bottom:1px solid #e0e8df}.entry-top strong{font-size:22px;color:#1a4837}.entry-top strong span{display:block;font-size:8px;letter-spacing:2px;margin-top:3px;color:#859b83}.entry-private{margin-left:auto;font-size:11px;color:#839781}.entry-main{margin:0 auto;width:100%;max-width:1030px;padding:64px 32px}.entry-main>h1{font-size:42px;letter-spacing:-1.5px;margin:12px 0 15px;color:#173c2e}.entry-main>h1 span{color:#7aab55}.entry-main>p{font-size:14px;line-height:1.8;color:#7c907b;max-width:620px}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}.role-card{display:block;text-align:left;border:1px solid #d9e5d5;border-radius:14px;background:white;padding:30px;transition:transform .15s,box-shadow .15s}.role-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #29582712;border-color:#93b976}.role-icon{display:grid;place-items:center;background:#eff6e7;color:#658c44;border-radius:14px;width:66px;height:66px;margin-bottom:25px}.user-card .role-icon{background:#eaf3f0;color:#39725c}.role-no{display:block;font-size:9px;letter-spacing:1.5px;color:#97a78d;margin-bottom:10px}.role-card h2{font-size:25px;letter-spacing:-.5px;color:#254831;margin-bottom:14px}.role-card>p{font-size:13px;line-height:1.9;color:#889780;min-height:50px}.role-features{display:flex;gap:18px;margin-top:25px}.role-features>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#819975}.role-enter{justify-content:space-between;border-top:1px solid #e5eddc;margin-top:27px;padding-top:21px;color:#3c7047;font-size:12px;font-weight:600}.entry-bottom,.role-enter{display:flex;align-items:center}.entry-bottom{justify-content:center;gap:8px;margin-top:30px;color:#91a289;font-size:11px}.success{display:flex;align-items:center;gap:10px;background:#eef6e9;border:1px solid #d3e6c7;padding:15px;border-radius:7px;color:#618748;font-size:12px;margin-bottom:22px}.user-start{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;margin-bottom:28px}.setup-form,.upload-panel{background:white;border:1px solid #dde6d8;border-radius:12px;padding:27px}.section-step{display:flex;align-items:center;gap:14px;margin-bottom:28px}.section-step>span{padding:10px;background:#eff5e9;color:#78a258;font-size:12px;font-weight:700;border-radius:8px}.section-step h2{font-size:16px;color:#37543a}.section-step p{font-size:11px;color:#98a58d;line-height:1.8;margin-top:5px}.admin-dataset-select>label,.label-controls>label,.setup-form>label,.upload-fields>label{display:block;color:#5f7754;font-size:11px;font-weight:600;margin-bottom:20px}.admin-dataset-select select,.label-controls select,.setup-form input,.setup-form select,.upload-fields input:not([type=file]){display:block;width:100%;margin-top:8px;border:1px solid #dce5d5;border-radius:6px;padding:12px;color:#3b5c32;background:#fcfdfb;min-width:0;max-width:100%}.start-guide{border:1px solid #dae6d0;border-radius:12px;background:linear-gradient(145deg,#f3f7ea,#eef5e9);padding:33px}.start-guide h2{font-size:24px;color:#45663a;letter-spacing:-.7px;margin-bottom:15px}.start-guide>p{font-size:13px;line-height:1.9;color:#889879}.start-guide ol{margin:22px 0;padding-left:17px;color:#698359;font-size:12px;line-height:2.4}.dataset-info{background:#ffffffa6;border-radius:8px;padding:17px;font-size:12px;color:#617e4e;line-height:1.8;overflow-wrap:anywhere}.dataset-info p{font-size:11px;margin-top:5px}.dataset-info small{font-size:10px;color:#92a17f}.past-sessions{margin-top:25px}.session-cards{padding:0 20px 20px}.session-cards>button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:white;border:1px solid #e1e9db;border-radius:7px;padding:16px;margin-top:10px;color:#88a175}.session-cards>button>div{flex:1;min-width:0}.session-cards b{font-size:12px;color:#4b6740}.session-cards p{font-size:10px;line-height:1.7;color:#9aab8d;overflow-wrap:anywhere;margin-top:6px}.upload-panel{margin-bottom:25px}.upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.file-drop{border:1px dashed #abc29b;border-radius:9px;background:#f7faf2;padding:23px;display:flex!important;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#789965!important;position:relative;overflow:hidden}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop b{font-size:12px;text-align:center;overflow-wrap:anywhere}.file-drop small{font-size:10px;color:#a1af91}.column-map{display:flex;gap:16px;flex-wrap:wrap;background:#f7f9f4;padding:14px;border-radius:7px;color:#8ba077;font-size:11px}.column-map span{display:flex;align-items:center;gap:7px}.column-map b{display:inline-grid;place-items:center;width:23px;height:23px;background:#e8efdf;color:#64824e;border-radius:4px}.import-preview{display:flex;align-items:center;gap:12px;border:1px solid #dbe7cd;border-radius:7px;padding:13px;margin:16px 0;color:#668c4b;font-size:12px}.import-preview p{font-size:10px;line-height:1.7;color:#9ba88c;margin-top:5px}.admin-dataset-select{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:0 22px}.admin-dataset-select>div small{font-size:9px;color:#a0ac93;letter-spacing:1px}.admin-dataset-select>div p{font-size:11px;color:#6f8860;margin-top:7px;overflow-wrap:anywhere}.label-controls{display:flex;align-items:center;gap:18px;margin:0 22px 22px;background:#f5f8ed;border-radius:8px;padding:17px}.label-controls>label{flex:1;margin:0}.pdf-progress{display:flex;align-items:center;gap:14px;padding:0 22px 25px;color:#91a078;font-size:11px}.pdf-progress>.progress{flex:1;height:6px;background:#e5edda}.selection-count{align-self:center;font-size:10px;color:#90a77d;white-space:nowrap}.admin-data td input[type=checkbox],.admin-data th input[type=checkbox]{accent-color:#537e3e;width:16px;height:16px}.admin-data .item-name{max-width:430px}.setup-form input:focus,.setup-form select:focus,.upload-fields input:focus{outline:2px solid #aaca9480}@media(max-width:760px){.entry-main{padding:38px 20px}.entry-main>h1{font-size:30px}.entry-main>p{font-size:12px}.role-cards{grid-template-columns:1fr;gap:17px;margin-top:28px}.role-card{padding:24px}.role-card>p{min-height:0}.role-icon{width:55px;height:55px;margin-bottom:18px}.entry-private{display:none}.entry-bottom{font-size:9px;line-height:1.7}.user-start{grid-template-columns:1fr;gap:18px}.setup-form,.upload-panel{padding:20px}.start-guide{padding:23px}.upload-fields{grid-template-columns:1fr;gap:5px}.column-map{gap:12px;font-size:10px}.admin-dataset-select{grid-template-columns:1fr;padding-inline:14px;gap:0}.admin-dataset-select>div{margin-bottom:20px}.label-controls{margin-inline:14px;flex-wrap:wrap;padding:13px;gap:12px}.label-controls>.primary{width:100%}.label-controls>label{flex-basis:100%}.section-step{margin-bottom:21px}.section-step h2{font-size:14px}.session-cards{padding-inline:13px}.session-cards>button{padding:13px;gap:10px}.session-cards>button>svg:first-child{display:none}.pdf-progress{flex-wrap:wrap;padding-inline:14px}.selection-count{font-size:9px}.sidebar{flex-wrap:wrap;gap:8px}.sidebar .brand{flex-basis:100%;margin-bottom:8px}.sidebar .nav{font-size:10px!important;flex:1;justify-content:center;white-space:nowrap;padding:9px 6px!important;gap:6px}.sidebar .nav svg{width:16px;height:16px}}.barcode-mismatch{margin:0 20px 20px;padding:18px;border:1px solid #ebd6a9;border-radius:8px;background:#fff8e9;color:#8e713c}.barcode-mismatch h3{font-size:14px;margin-bottom:10px}.barcode-mismatch p{font-size:12px;line-height:1.8;margin-bottom:14px}.barcode-mismatch button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#fff;border:1px solid #e6d5b3;border-radius:6px;width:100%;margin-top:8px;text-align:left;color:#627448}.barcode-mismatch button b{font-size:12px}.barcode-mismatch button>div>span{display:block;font-size:11px;margin-top:7px;color:#947c52}.barcode-mismatch button>span{display:flex;align-items:center;gap:7px;font-size:11px}.barcode-mismatch small{display:block;margin-top:14px;font-size:10px;line-height:1.8}.barcode-mismatch button:hover{background:#f6f9f0}@media(max-width:760px){.barcode-mismatch{margin-inline:14px;padding:14px}.barcode-mismatch button{flex-wrap:wrap}.barcode-mismatch button>span{width:100%;justify-content:flex-end}}.capture-preview{border:1px solid #dce7d4;border-radius:7px;padding:12px;margin:12px 0;font-size:11px;color:#789763}.capture-preview summary{cursor:pointer;font-weight:600}.capture-preview canvas{width:100%;height:auto;display:block;margin-top:12px;background:#fff;image-rendering:auto}.capture-preview small{display:block;margin-top:8px;font-size:10px;color:#91a77e;line-height:1.8}.scan-readout{background:#edf5e7;border:1px solid #d8e7ca;border-radius:6px;padding:10px;margin:12px 0;color:#618441;font-size:12px;font-weight:600}.camera video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.completion-card{background:#fff;border:1px solid #e0e6e2;border-radius:16px;padding:24px;margin-top:24px;display:grid;gap:14px}.completion-card h2,.completion-card p{margin:0}.completion-card p{color:#67776f;line-height:1.6}.signed-status{display:flex;align-items:center;gap:12px;background:#eef6ec;padding:16px;border-radius:10px;color:#285b43}.signed-status p{font-size:13px}.signature-pad{margin-top:10px}.signature-pad canvas{width:100%;aspect-ratio:3/1;height:auto;display:block;background:white;border:1px solid #afbfaf;border-radius:10px;touch-action:none;cursor:crosshair}.signature-pad button{margin-top:10px}.attestation{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:18px 0}.attestation input{width:20px;height:20px;flex:0 0 20px;margin-top:3px;accent-color:#215f48}.attestation span{font-weight:400}.delete-data-button{color:#ad4538;border-color:#e6bfb7;flex-shrink:0}.delete-data-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.danger-button{background:#a63e32}.danger-button:hover{background:#8e3228}.admin-dataset-select{flex-wrap:wrap}.admin-dataset-select>label{min-width:0}.upload-format-note{font-size:11px;line-height:1.6;color:#78867f;margin:10px 0 16px;font-weight:400}.barcode-print-heading{display:flex;align-items:center;gap:8px}.barcode-print-heading svg{flex-shrink:0}.entry-brand-right{display:flex;align-items:center;gap:24px;margin-left:auto}.entry-brand-right .entry-private{margin-left:0}.entry-company-logo{position:relative;display:block;width:164px;aspect-ratio:964/331;overflow:hidden;flex:none}.entry-company-logo img{position:absolute;width:212.448%;height:auto;max-width:none;left:-50.934%;top:-124.169%}@media(max-width:760px){.entry-brand-right{gap:0}.entry-company-logo{width:120px}}.role-card{position:relative;overflow:hidden;isolation:isolate}.role-portrait{top:0;right:0;width:78%;height:100%;object-fit:cover;object-position:50% 20%;border:0;border-radius:0;box-shadow:none;z-index:0}.role-card:before,.role-portrait{position:absolute;pointer-events:none}.role-card:before{content:"";inset:0;z-index:1;background:linear-gradient(90deg,#fff,rgba(255,255,255,.97)30%,rgba(255,255,255,.74)53%,rgba(255,255,255,.12)100%),linear-gradient(0deg,#fff,rgba(255,255,255,.99)23%,rgba(255,255,255,.5)53%,rgba(255,255,255,0)83%)}.role-card>:not(.role-portrait){position:relative;z-index:2}.role-card>p{color:#63755e}.role-no{padding-right:0;line-height:1.5;color:#74886b}.role-features>span{color:#647f59}.role-enter{font-size:16px;gap:12px}.role-enter svg{width:21px;height:21px}@media(max-width:760px){.role-portrait{width:78%;object-position:50% 16%}.role-enter{font-size:16px}}:root{--palm-brown:#9c1006;--palm-red:#c90c0f;--palm-orange:#e84626;--forest:#394d42;--success-green:#004d24;--action-blue:#0164ca;--warm-yellow:#fed75e;--surface:#faf9f7;--muted:#616c64;--line:#e3ded7}body{background:var(--surface);color:#26352c}.entry-page{background:radial-gradient(ellipse at 85% 0,#fff0e7 0,transparent 45%),var(--surface)}.entry-top,.topbar{background:#fff;border-color:var(--line)}.entry-top strong{color:var(--forest)}.entry-top strong span{color:var(--muted)}.entry-main>h1,.page-heading h1{color:var(--palm-brown)}.entry-main>h1 span,.heading-dot{color:var(--palm-orange)}.entry-bottom,.entry-main>p,.page-heading p{color:var(--muted)}.brand-icon{background:var(--success-green);color:#fff}.sidebar{background:var(--forest);color:#e7ece8}.brand{color:#fff}.brand-sub,.nav-label,.sidebar-bottom,.sidebar-bottom p{color:#d9dcd7}.nav{color:#e7ece8}.nav.active{color:#fff;border-left-color:var(--warm-yellow)}.nav.active,.online-dot{background:var(--success-green)}.sidebar .online-dot{background:var(--warm-yellow)}.eyebrow{color:var(--palm-brown)}.role-card{border-color:var(--line);background:#fff}.role-card:hover{border-color:var(--palm-orange);box-shadow:0 12px 32px #394d4212}.role-icon,.user-card .role-icon{background:#edf5ee;color:var(--success-green)}.role-card>p,.role-features>span,.role-no{color:var(--muted)}.role-card h2{color:var(--forest)}.role-enter{color:var(--palm-brown);border-top-color:var(--line)}.primary{background:var(--success-green);color:#fff;border-color:var(--success-green)}.primary:hover:not(:disabled){background:#003a1b;border-color:#003a1b}.secondary{background:#fff;color:var(--forest);border-color:var(--line)}.secondary:hover:not(:disabled){background:#f5f6f2;border-color:#9bab9f}.scan-button{background:#edf5ee;color:var(--success-green);border-color:#c7dccb}.scan-button:hover{background:#e2efe5}.row-action{color:var(--success-green);border-color:#c7dccb}.row-action.filled{background:var(--success-green);color:#fff}.completion-card,.modal,.period-card,.setup-form,.start-guide,.stat,.table-card,.upload-panel{border-color:var(--line)}.completion-card h2,.section-step h2,.selected-item h3,.start-guide h2,.table-title h2{color:var(--forest)}.completion-card p,.hint,.modal-intro,.muted,.page-footer,.section-step p,.stat small,.stat>span,.table-footer,.table-title p,.upload-format-note{color:var(--muted)}.dataset-info,.section-step>span,.selected-item{background:#f5f6f2;color:var(--forest)}.start-guide{background:linear-gradient(145deg,#faf9f7,#edf5ee)}.dataset-info p,.dataset-info small,.start-guide ol,.start-guide>p{color:var(--muted)}.admin-dataset-select>label,.label-controls>label,.setup-form>label,.upload-fields>label,label{color:var(--forest)}.admin-dataset-select select,.label-controls select,.search,.setup-form input,.setup-form select,.upload-fields input:not([type=file]),input,select,textarea{border-color:#d9dcd7;background:#fff;color:#26352c}input::placeholder,textarea::placeholder{color:#737c75}.setup-form input:focus,.setup-form select:focus,.upload-fields input:focus,input:focus,select:focus,textarea:focus{outline:2px solid #004d2426;border-color:var(--success-green)}.admin-data td input[type=checkbox],.admin-data th input[type=checkbox],.attestation input,input[type=checkbox]{accent-color:var(--success-green)}.file-drop{background:#f5f6f2;border-color:#9bab9f;color:var(--success-green)!important}.admin-dataset-select>div p,.admin-dataset-select>div small,.file-drop small,.selection-count{color:var(--muted)}.label-controls{background:#f5f6f2}.import-preview,.signed-status,.success{background:#edf5ee;color:var(--success-green);border-color:#c7dccb}.import-preview p{color:var(--muted)}.green-text{color:var(--success-green)}.orange-text{color:#9c6500}.pill.green{background:#edf5ee;color:var(--success-green)}.pill.orange{background:#fff7d9;color:#825c00}.pill.neutral{background:#f5f6f2;color:var(--muted)}.progress{background:#e7ece8}.progress i{background:var(--success-green)}th{background:#f5f6f2;color:var(--muted)}.table-footer,.table-title,.toolbar,td,th{border-color:var(--line)}tr:hover td{background:#faf9f7}.item-code,.item-name{color:var(--forest)}.item-code span{color:var(--muted)}.session-cards>button{border-color:var(--line);color:var(--success-green)}.session-cards b{color:var(--forest)}.session-cards p{color:var(--muted)}.error{background:#fff0ee}.delete-data-button,.error{color:var(--palm-brown);border-color:#e4b6b1}.danger-button{background:var(--palm-brown);border-color:var(--palm-brown);color:#fff}.danger-button:hover:not(:disabled){background:#790c05;border-color:#790c05}.signature-pad canvas{border-color:#9bab9f}.capture-preview{border-color:var(--line)}.capture-preview summary{color:var(--success-green)}.admin-page-heading{position:relative;isolation:isolate;min-height:170px;padding-right:245px;align-items:center}.admin-page-heading>div:not(.admin-heading-art){position:relative;z-index:1}.admin-heading-art{position:absolute;top:-15px;right:0;width:320px;height:190px;overflow:hidden;border-radius:18px;pointer-events:none;z-index:0}.admin-heading-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:60% 100%;transform:scale(1.35);transform-origin:60% 100%;mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%)}.admin-heading-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#faf9f7,rgba(250,249,247,0)35%)}@media(max-width:760px){.admin-page-heading{min-height:155px;padding-right:110px}.admin-heading-art{width:185px;height:170px;top:-8px;right:-5px;opacity:.75}.admin-page-heading h1{font-size:28px}.admin-page-heading p{font-size:11px}.admin-page-heading .eyebrow{font-size:9px;line-height:1.7}}.admin-dataset-select{grid-template-columns:minmax(0,1fr) minmax(110px,.65fr) auto;gap:16px;align-items:end;margin-bottom:20px}.admin-dataset-select>label{margin-bottom:0}.admin-dataset-select>div{min-width:0}.admin-dataset-select>.delete-data-button{align-self:end;width:auto;min-height:43px;white-space:nowrap}@media(max-width:760px){.admin-dataset-select{grid-template-columns:minmax(0,1fr) auto;gap:12px}.admin-dataset-select>label{grid-column:1;grid-row:1}.admin-dataset-select>.delete-data-button{grid-column:2;grid-row:1}.admin-dataset-select>div{grid-column:1/-1;grid-row:2;margin-bottom:0}}.user-heading-art img{object-position:70% 50%;transform:none}.admin-heading-art:not(.user-heading-art) img{object-position:68% 50%;transform:none}.workspace-header-right{display:flex;align-items:center;gap:20px}.workspace-company-logo{width:128px}.sidebar-company-brand{display:none}@media(max-width:760px){.workspace-company-logo{display:none}.sidebar{position:relative}.sidebar-company-brand{display:block;position:absolute;top:15px;right:18px;padding:6px 9px;background:#fff;border-radius:8px}.sidebar-company-brand .entry-company-logo{width:110px}.sidebar .brand{padding-right:130px}.workspace-header-right{gap:0}.sidebar-company-brand{background:transparent;border:0;border-radius:0;box-shadow:none}.sidebar-company-brand .entry-company-logo{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}}.session-entry{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.session-open{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;padding:16px;color:var(--success-green)}.session-open>div{flex:1;min-width:0}.session-open b{font-size:12px;color:var(--forest)}.session-open p{font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.session-delete{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;width:100%;border-top:1px solid #e4b6b1;background:#fff0ee;color:var(--palm-brown);font-size:11px;font-weight:600}.session-delete:hover:not(:disabled){background:#ffe0dc}.recap-delete-modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.recap-delete-modal .selected-item{overflow-wrap:anywhere}.recap-delete-modal label input{width:100%}@media(max-width:760px){.session-open{padding:14px;gap:9px}.session-open>svg:first-child{display:none}.recap-delete-overlay{align-items:center;padding:12px}.recap-delete-modal{padding:22px 18px}.recap-delete-modal .delete-data-actions>button{flex:1}}.recap-delete-modal .recap-delete-consent input[type=checkbox]{width:20px;min-width:20px;height:20px;margin-top:3px}.recap-delete-consent{padding:14px;border:1px solid #e4b6b1;border-radius:9px;background:#fff0ee;color:var(--forest);font-size:12px}