:root{--ink:#172923;--muted:#748079;--line:#e3e8e3;--green:#22744c;--dark:#143d2d;--paper:#f5f7f4;--lime:#dceac5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83bca0;outline-offset:3px}[hidden]{display:none!important}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:33px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:1.8px;padding:0 10px}.brand span{display:block;font-size:10px;letter-spacing:4px;margin-top:5px;color:var(--muted)}.brand-mark{width:36px;height:38px;background:var(--dark);color:#dceac5;display:grid;place-items:center;font-size:28px;font-family:Georgia,serif;transform:skew(-8deg);border-radius:8px 2px}.workspace{margin-top:35px;padding:13px 9px;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600}.workspace>span:last-child{margin-left:auto}.workspace-icon{width:28px;height:28px;border-radius:5px;background:#eff3ed;display:grid;place-items:center;font-family:Georgia;font-size:18px}.workspace small,.profile small{display:block;font-weight:400;color:var(--muted);font-size:10px;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#929b95;margin:30px 12px 14px}nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:7px;color:#657169;margin:4px 0;font-size:12px}nav a:hover{background:#f1f5ef}nav a.active{background:#eaf1e6;color:var(--dark);font-weight:700}nav .nav-icon{font-size:17px;width:20px}nav .count{margin-left:auto;background:#dce8d4;padding:2px 6px;border-radius:4px;font-size:10px}.sidebar-bottom{margin-top:auto}.system-status{font-size:10px;margin:25px 12px;color:#5a6d5c}.system-status i{display:inline-block;width:6px;height:6px;background:#63a065;border-radius:50%;margin-right:7px}.system-status small{display:block;font-size:9px;color:#95a096;margin:8px 0 0 13px}.profile{border-top:1px solid var(--line);padding:20px 4px 0;display:flex;gap:10px;align-items:center;width:100%;text-align:left;font-size:11px}.profile>span:last-child{margin-left:auto}.avatar{width:34px;height:34px;border-radius:50%;background:#dfebd8;display:grid;place-items:center;color:#47603c;font-size:11px;flex-shrink:0}.avatar.small{width:28px;height:28px;font-size:9px}.main-shell{margin-left:244px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;color:#7a847d}.topbar #breadcrumb span{margin:0 13px;color:#b1b8b1}.top-actions{display:flex;align-items:center;gap:18px}.demo-pill{color:#77806e;border:1px solid #dce4d8;font-size:8px;letter-spacing:1px;padding:5px 8px;border-radius:4px}.icon-button{font-size:20px;position:relative;min-width:28px;min-height:28px}.icon-button b{position:absolute;font-size:8px;color:#fff;background:#477b4c;right:0;top:0;border-radius:50%;padding:2px 4px}main{padding:34px 38px 20px;max-width:1600px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#889285}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-head h1{font-size:30px;font-weight:500;letter-spacing:-1px;margin:10px 0}.page-head p{color:var(--muted);font-size:12px;margin:0}.page-head .date{font-size:11px;color:#6e7d70;border:1px solid var(--line);padding:11px 14px;border-radius:6px;background:#fff}.hero{padding:29px 30px;background:var(--dark);border-radius:10px;color:#fff;position:relative;overflow:hidden;margin-bottom:24px}.hero:after{content:'';width:280px;height:280px;border:1px solid #47734f;border-radius:50%;position:absolute;right:-60px;top:-100px;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff03}.hero .eyebrow{color:#b3c9b5}.hero-title{display:flex;align-items:center;gap:10px}.hero-title i{width:6px;height:6px;background:#b7d88c;border-radius:50%}.hero-metrics{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:20px;margin-top:24px;position:relative;z-index:1}.hero-metrics>div{border-left:1px solid #ffffff25;padding-left:25px}.hero-metrics>div:first-child{padding-left:0;border:0}.metric-label{font-size:10px;color:#bdcec3}.metric-value{font-size:29px;margin:11px 0;letter-spacing:-1px}.hero-metrics>div:first-child .metric-value{font-size:36px;color:#dcebbf}.metric-note{font-size:9px;color:#a3c291}.hero-bottom{margin-top:26px;padding-top:15px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:9px;color:#bed0c1}.hero-bottom button{color:#e0ebd7;font-size:10px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 19px}.section-head h2{font-size:15px;font-weight:600;margin:0}.section-head .sub{font-size:10px;color:var(--muted);margin-top:5px}.section-head button{font-size:10px;color:#627a65}.attention-count{background:#eee6cc;color:#8f7841;font-size:10px;padding:3px 6px;border-radius:4px;margin-left:8px}.attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}.attention-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dept-icon{background:#eff3ea;width:31px;height:31px;display:grid;place-items:center;border-radius:6px;color:#657d50;font-size:16px}.badge{display:inline-block;font-size:9px;padding:4px 7px;border-radius:4px;white-space:nowrap;background:#eff2ee;color:#75806e}.badge.high,.badge.attention{background:#f8ede7;color:#a36f50}.badge.medium,.badge.pending{background:#f7f0df;color:#9b8038}.badge.low,.badge.completed{background:#eaf2e6;color:#5a804b}.badge.working{background:#e8eff4;color:#567a8c}.attention-card h3{font-size:13px;margin:0 0 8px}.attention-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0;min-height:32px}.card-meta{margin:17px 0 13px;display:flex;gap:8px;font-size:9px;color:#889388}.card-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.review-btn{background:#f1f5ed;padding:7px 11px;border-radius:5px;font-size:10px;color:#527044}.two-col{display:grid;grid-template-columns:1.85fr 1fr;gap:22px;margin-bottom:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px;min-width:0}.panel.no-pad{padding:0}.panel.no-pad .section-head{padding:20px 21px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{font-size:8px;letter-spacing:1px;color:#8d968b;font-weight:500;padding:12px 15px;background:#fbfcf9;white-space:nowrap}td{padding:15px;border-top:1px solid #edf0e9;color:#768071;white-space:nowrap}td:first-child{color:var(--ink);font-weight:500}td small{display:block;font-size:9px;color:#8c978b;font-weight:400;margin-top:5px}tr[data-workflow],tr[data-receipt]{cursor:pointer}tbody tr:hover{background:#f8faf6}.insight{display:flex;gap:12px;padding:15px 0;border-top:1px solid #eef1e9}.insight:first-of-type{border:0;padding-top:0}.insight-icon{color:#6b875b;font-size:19px;flex-shrink:0}.insight h3{font-size:11px;margin:0 0 6px}.insight p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.insight small{font-size:8px;display:block;margin-top:8px;color:#7e9869}.department-row{display:grid;grid-template-columns:100px 1fr 75px;gap:15px;align-items:center;margin:22px 0;font-size:10px}.bar{height:7px;background:#edf1e8;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#60845b;border-radius:5px;width:var(--width)}.department-row b{text-align:right;font-weight:500}.dept-summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:9px;color:var(--muted)}footer{display:flex;gap:25px;justify-content:space-between;padding:15px 38px 25px;font-size:8px;color:#939e91}footer span:last-child{margin-left:auto}.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;padding:11px 13px;border-radius:6px;font-size:11px}.toolbar .tabs{display:flex;gap:3px;background:#e9eee6;padding:4px;border-radius:7px}.tabs button{font-size:10px;padding:8px 12px;border-radius:5px}.tabs button.active{background:#fff;box-shadow:0 1px 4px #0001}.agent-grid,.template-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.agent-card h3,.template-card h3{font-size:15px;margin:16px 0 9px}.agent-card p,.template-card p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.agent-card .agent-stats{display:flex;gap:25px;margin:20px 0;font-size:16px}.agent-stats small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.agent-card button,.template-card button{font-size:10px;color:#557745;width:100%;text-align:left;border-top:1px solid var(--line);padding:14px 0 0}.pill-row{display:flex;gap:5px;flex-wrap:wrap}.simple-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.simple-kpis .panel{padding:20px}.simple-kpis span{font-size:10px;color:var(--muted)}.simple-kpis strong{display:block;font-size:26px;font-weight:500;margin-top:12px}.note{font-size:11px;line-height:1.7;color:var(--muted);background:#edf3e8;padding:15px;border-radius:6px;margin-bottom:22px}.empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}.primary{background:var(--dark);color:#fff;padding:12px 17px;border-radius:6px;font-size:11px}.secondary{border:1px solid var(--line);padding:11px 16px;border-radius:6px;font-size:11px;background:#fff}.danger{color:#a55940;border:1px solid #e7d2c9}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}label{display:block;font-size:11px;margin:20px 0;color:#596d5e}label input,label textarea{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:12px;margin-top:8px;background:#fff;color:var(--ink)}label textarea{min-height:82px;resize:vertical}.error{font-size:11px;color:#a14834;min-height:15px}dialog{border:1px solid var(--line);border-radius:12px;max-width:740px;width:calc(100% - 40px);max-height:90vh;padding:25px;box-shadow:0 30px 100px #0003;color:var(--ink)}dialog::backdrop{background:#14281ed0;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .icon-button{font-size:26px}.dialog-title{font-size:24px;font-weight:500;margin:15px 0 10px}.dialog-subtitle{font-size:11px;color:var(--muted);margin-bottom:23px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.detail{font-size:12px;padding:13px;background:#f6f8f3;border-radius:5px;overflow-wrap:anywhere}.detail small{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.detail.wide{grid-column:1/-1}.timeline{margin-top:20px}.timeline-item{border-left:1px solid #d4dfca;margin-left:7px;padding:0 0 23px 23px;position:relative}.timeline-item:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;background:#71925e;border-radius:50%}.timeline-item h4{font-size:12px;margin:0 0 8px}.timeline-item p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.timeline-item small{font-size:9px;color:#8d9686}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.formula{font-size:12px;line-height:1.8;padding:18px;background:#f5f7f1;border-radius:6px}#toast{position:fixed;bottom:25px;right:25px;background:var(--dark);color:#fff;padding:15px 20px;border-radius:7px;box-shadow:0 10px 30px #0002;z-index:20;font-size:12px;max-width:400px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-brand{background:var(--dark);color:#fff;padding:10vh 8vw;display:flex;flex-direction:column;justify-content:center}.brand-mark.large{width:55px;height:60px;background:#dce9be;color:var(--dark);font-size:43px;margin-bottom:30px}.login-brand .eyebrow{color:#bcd0ad}.login-brand h1{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1.3;letter-spacing:-1px}.login-brand em{color:#d6e7ad;font-style:normal}.login-brand>p:not(.eyebrow){font-size:13px;color:#b8cabc}.login-foot{margin-top:70px;font-size:11px;letter-spacing:2px}.login-foot span{display:block;margin-top:10px;color:#a3b9a7;font-size:8px;letter-spacing:1px}.login-card{width:350px;max-width:80%;margin:auto}.login-card h2{font-size:35px;font-weight:500;letter-spacing:-1px;line-height:1.3;margin:18px 0}.login-card>p{font-size:12px;color:var(--muted);line-height:1.7}.login-card .primary{width:100%;text-align:left}.login-card .primary span{float:right}.login-hint{font-size:10px!important;margin-top:25px}.loading{padding:70px;text-align:center}.bar-0{--width:100%}.bar-1{--width:75%}.bar-2{--width:50%}.bar-3{--width:25%}@media(min-width:1500px){main{padding-top:45px}.hero{padding:35px}.metric-value{font-size:34px}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 13px}.main-shell{margin-left:205px}main{padding:25px}.topbar{padding:0 25px}.hero-metrics{gap:12px}.hero-metrics>div{padding-left:14px}.metric-value{font-size:24px}.hero-metrics>div:first-child .metric-value{font-size:30px}.two-col{grid-template-columns:1.4fr 1fr}.attention-card{padding:14px}.agent-grid,.template-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:72px;padding:23px 10px}.brand{padding:0 7px}.brand>div:last-child,.workspace,.nav-label,nav .nav-text,nav .count,.sidebar-bottom{display:none}nav{margin-top:35px}nav a{padding:12px;justify-content:center}.main-shell{margin-left:72px}.two-col{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr);row-gap:25px}.hero-metrics>div:nth-child(4){border:0;padding-left:0}.attention-grid{grid-template-columns:1fr}.attention-card p{min-height:0}.card-meta{margin:10px 0}.simple-kpis{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:50px 0}.page-head .date{display:none}}@media(max-width:520px){main{padding:22px 15px}.topbar{height:65px;padding:0 15px}.top-actions{gap:6px}.topbar #breadcrumb{font-size:9px}.demo-pill{display:none}.page-head h1{font-size:26px}.hero{padding:22px}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics>div{border:0;padding-left:0}.hero-metrics>div:first-child{grid-column:1/-1}.hero-bottom{line-height:1.7;gap:15px}.agent-grid,.template-grid,.integration-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.detail.wide{grid-column:auto}.toolbar .tabs{overflow:auto;max-width:100%}.tabs button{white-space:nowrap}.department-row{grid-template-columns:80px 1fr 60px;gap:8px}footer{padding:15px;font-size:8px;gap:10px}footer span:last-child{display:none}}

.value-bar{appearance:none;border:0;width:100%;height:7px;border-radius:5px;background:#edf1e8}.value-bar::-webkit-progress-bar{background:#edf1e8;border-radius:5px}.value-bar::-webkit-progress-value{background:#60845b;border-radius:5px}.value-bar::-moz-progress-bar{background:#60845b;border-radius:5px}.two-col+ .two-col{margin-top:22px}

.metric-link{display:block;padding:0;text-align:left;color:inherit}.metric-link:hover{text-decoration:underline;text-underline-offset:5px}
/* Device accessibility: short landscape screens and touch navigation. */
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.sidebar nav,.sidebar .brand{flex-shrink:0}
#breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.top-actions{flex-shrink:0}
@media(max-width:850px){
 .icon-button{min-width:44px;min-height:44px}
 .primary,.secondary,.review-btn,.tabs button{min-height:44px}
 .agent-card button,.template-card button,.section-head button{min-height:44px}
 .dialog-actions button{flex:1 1 auto}
}
@media(max-width:520px){
 .top-actions{gap:2px}
 .top-actions .avatar{display:none}
 .topbar #breadcrumb{font-size:10px}
 .section-head{gap:10px;align-items:flex-start;flex-wrap:wrap}
 .hero-bottom{flex-wrap:wrap}
}

#upload-form{display:grid;gap:12px;max-width:650px;margin:20px 0}.extraction-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font-size:13px}

.original-document{display:block;width:100%;height:65vh;min-height:400px;border:1px solid #cddbd2;border-radius:8px;margin-bottom:20px;background:#eee}