@charset "UTF-8";
:root{--bg:#f3f4f6;--paper:#fff;--ink:#262e36;--muted:#878b90;--line:#e4e7eb;--green:#283a4e;--green-dark:#202e3d;--sage:#dfe7ef;--amber:#a97732;--blue:#577995;--radius:16px;--body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--number:"Avenir Next","Helvetica Neue",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:3px solid #a5b7ca;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #afbfd0;outline-offset:1px;border-color:#778ea7}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:650}h2{font-size:16px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}small{font-size:12px}strong,b{font-weight:600}.muted{color:var(--muted)}.tiny{font-size:12px}.num{font-family:var(--number);text-align:right!important;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.amber-text{color:var(--amber)}.green-text{color:var(--green)}.danger-text{color:#ac624c!important}.full{width:100%}.full-span{grid-column:1/-1}.eyebrow{font-family:var(--number);font-size:10px;letter-spacing:1.7px;font-weight:600;color:#8c9197}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:32px;font-weight:600}.loading-screen span{font-size:14px;color:var(--muted);font-weight:400}
.app-layout{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px}.brand>span{font-size:23px;font-weight:650;letter-spacing:1px;line-height:1.3}.brand small{display:block;font-size:10px;font-weight:400;color:#92969b;letter-spacing:1px;margin-top:5px}.workspace-label{margin:31px 0 27px;padding:10px 9px;background:#f5f6f8;border:1px solid var(--line);border-radius:8px;font-size:11px;color:#6f767d;display:flex;align-items:center;justify-content:space-between}.workspace-label .icon{width:13px;height:13px}.nav-caption{font-size:10px;color:#9da2a7;letter-spacing:1.2px;margin:0 14px 11px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;position:relative;padding:12px 15px;border-radius:9px;text-align:left;font-size:13px;color:#7b8187;transition:background .18s,color .18s}.nav-item .icon{width:19px;height:19px;stroke-width:1.6}.nav-item.active{background:var(--green);color:#eef3f8;font-weight:500;box-shadow:0 3px 5px #23313f10}.nav-item:not(.active):hover{background:#ebeff3;color:var(--green)}.nav-item b{margin-left:auto;font-family:var(--number);font-size:10px;background:#dfe5eb;border-radius:5px;padding:1px 6px;color:#596673}.nav-item.active b{background:#ffffff25;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:70px}.flow-mini{padding:18px 16px;background:#f2f4f7;border:1px solid #dfe5ec;border-radius:12px}.flow-mini .eyebrow{font-size:9px;letter-spacing:.7px;color:#788592}.flow-mini p{font-size:16px;font-weight:500;line-height:1.8;color:#5c6977;margin:13px 0}.mini-steps{display:flex;align-items:center;margin-top:14px}.mini-steps i{width:7px;height:7px;background:#a9bacd;border-radius:50%}.mini-steps span{height:1px;background:#cfd9e4;flex:1;margin:0 5px}.help-link{margin:19px 0 16px;padding:0 8px;display:flex;align-items:center;gap:8px;color:#6e7781;font-size:12px;width:100%}.help-link .icon{width:17px;height:17px}.help-link .icon:last-child{margin-left:auto;width:14px}.version-line{display:flex;align-items:center;gap:6px;font-size:9px;color:#99a0a7;border-top:1px solid var(--line);padding:16px 6px 0}.version-line>span:last-child{margin-left:auto}.live-dot{width:5px;height:5px;background:#718aa5;border-radius:50%}.main-area{margin-left:230px;width:calc(100% - 230px);min-width:0}.topbar{height:80px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd6;border-bottom:1px solid var(--line);gap:16px}.breadcrumb{display:flex;gap:14px;font-size:11px;color:#9ca1a6}.breadcrumb strong{color:#666d74;font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.demo-tag{font-size:10px;color:#6b8097;background:#e7edf3;border:1px solid #d8e1eb;border-radius:5px;padding:3px 8px;letter-spacing:.3px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#7d848b}.icon-btn:hover{background:#e9edf2;color:var(--green)}.icon-btn .icon{width:19px;height:19px}.notification{position:relative}.notification i{position:absolute;width:5px;height:5px;background:#bc8e54;border:1px solid white;border-radius:50%;top:6px;right:8px}.user-control{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--line)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;color:#556474;background:#dce4ed;font-size:11px;font-weight:500;flex-shrink:0}.avatar.soft{background:#e9edf2;color:#667482}.identity select{max-width:173px;border:0;background:transparent;padding:4px 16px 4px 0;color:#606972;font-size:11px;cursor:pointer}.user-name{font-size:12px}.user-name small{display:block;font-size:9px;color:#8f97a0}.mobile-brand,.mobile-nav{display:none}.content{max-width:1580px;margin:0 auto;padding:30px 36px 0;animation:appear .3s ease}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.page-heading .eyebrow{margin-bottom:7px}.page-heading p{font-size:12px;color:#8b9198;margin-top:7px}.page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s,transform .15s;border:1px solid transparent}.btn .icon{width:16px;height:16px}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover:not(:disabled){background:#1d2b3b;transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:#d8dee5;color:#65707c}.btn.secondary:hover:not(:disabled){background:#eff2f6;border-color:#bdc8d4}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:500;padding:0}.text-link .icon{width:15px;height:15px}.text-link:hover{color:#556f8b}.text-link.subdued{color:#7d8996;font-size:11px}
.hero-banner{min-height:220px;border:1px solid #d2dbe4;border-radius:var(--radius);background:#e3e9f0;position:relative;display:flex;overflow:hidden;margin-bottom:22px}.hero-copy{padding:25px 30px;position:relative;z-index:2}.hero-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:#657a90;letter-spacing:1px;margin-bottom:12px}.hero-tag i{height:5px;width:5px;background:#627c97;border-radius:50%}.hero-copy h2{font-size:28px;font-weight:550;line-height:1.5;letter-spacing:.5px;color:#33404e}.hero-copy h2 br{display:none}.hero-copy p{font-size:11px;color:#7d8a98;margin:9px 0 20px}.hero-copy .text-link{font-size:11px}.hero-art{position:absolute;right:15px;top:0;width:340px;height:100%;pointer-events:none}.orbit{position:absolute;border:1px solid #d2dbe5;border-radius:50%;width:370px;height:370px;right:-18px;top:-66px}.orbit-two{width:450px;height:450px;right:-58px;top:-106px}.art-card{position:absolute;width:180px;height:172px;border-radius:10px;box-shadow:0 10px 28px #43516112}.card-back{background:#ccd6e0;right:91px;top:39px;transform:rotate(-15deg);border:1px solid #c0ccd9;padding:25px 20px}.card-back span{display:block;height:4px;border-radius:3px;background:#b1bfcd;margin:12px 0;width:90%}.card-front{background:#f6f8fb;right:48px;top:30px;transform:rotate(7deg);padding:19px 17px;border:1px solid #d2dbe4}.art-card-top{position:relative;padding-left:30px;border-bottom:1px solid #dfe4ea;padding-bottom:11px}.art-card-top>.icon{position:absolute;left:0;top:3px;width:22px;height:22px;color:#6d8196}.art-card-top b{font-size:11px;color:#516274}.art-card-top small{display:block;font-size:6px;letter-spacing:1px;color:#929fac}.art-line{display:flex;justify-content:space-between;font-size:8px;margin-top:11px;color:#8997a5}.art-line b{font-weight:400;color:#607387}.art-progress{height:3px;background:#dfe6ed;margin-top:14px}.art-progress i{display:block;width:78%;height:3px;background:#97afc8}.art-check{position:absolute;right:17px;bottom:14px;display:flex;align-items:center;gap:3px;font-size:7px;color:#647a91}.art-check .icon{width:10px;height:10px}.float-stamp{position:absolute;right:9px;top:162px;background:#f2f6fa;border:1px solid #ccd7e3;border-radius:7px;padding:9px 12px;box-shadow:0 5px 15px #31465c10;font-size:9px;color:#667b91;display:flex;align-items:center;gap:6px;transform:rotate(-4deg)}.float-stamp .icon{width:16px;height:16px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{border:1px solid var(--line);border-radius:12px;background:white;padding:17px 20px 15px;text-align:left;min-width:0}.stat-card:is(button):hover{border-color:#a7b7c9}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c8691;gap:6px}.stat-icon{width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center}.stat-icon .icon{width:16px;height:16px}.sage{background:#e8edf3;color:#6d8196}.amber{background:#f8f1e5;color:#bd9a62}.blue{background:#edf2f5;color:#8aa5b3}.stat-number{font-family:var(--number);font-size:35px;line-height:1.3;letter-spacing:-.8px;font-weight:500;margin-top:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.stat-number small{font-size:11px;font-family:var(--body);color:#8f97a0;margin-left:8px;font-weight:400;letter-spacing:0}.stat-number.money{font-size:30px;margin-top:11px}.stat-number.money small{margin:0 6px 0 0;font-size:18px;color:#677789}.stat-meta{font-size:10px;color:#9ba2aa;margin-top:8px}.stat-meta b{font-weight:400;color:#758494}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;min-width:0;overflow:hidden}.section-heading{padding:22px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{display:flex;align-items:center;gap:8px;font-size:15px}.section-heading p{font-size:10px;color:#9aa1a8;margin-top:6px}.count{font-size:10px;font-family:var(--number);color:#748394;background:#e9eef3;border-radius:5px;padding:1px 6px;font-weight:400}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-weight:400;font-size:10px;color:#949ca5;background:#f7f9fb;border-top:1px solid #ebeef2;border-bottom:1px solid #ebeef2;padding:11px 17px}td{padding:17px;border-bottom:1px solid #e8ecf1;font-size:12px}tr:last-child td{border-bottom:0}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}td small{display:block;color:#a0a7ae;font-size:9px;margin-top:4px}td .inline{display:inline;font-size:10px;margin-left:2px;color:inherit}.plate-link{padding:0;font-size:12px;color:#42505e;font-family:var(--number),var(--body);font-weight:600;letter-spacing:.2px}.plate-link:hover{color:#7a8ea4}.supplier-name{font-weight:400;font-size:11px;color:#5c6670}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 7px;border-radius:5px;font-size:10px;white-space:nowrap;line-height:1.6}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.inspecting{background:#faf2e2;color:#b38b43}.badge.pending{background:#ecf2f6;color:#7495aa}.badge.settled{background:#e7edf3;color:#5d7997}.deduction-value{color:#b1935c}.overdue-dot{display:inline-block;margin-left:5px;width:4px;height:4px;background:#cb9364;border-radius:50%;vertical-align:middle}.row-action{font-size:10px;padding:5px 0;color:#718397;display:inline-flex;align-items:center;gap:3px}.row-action .icon{width:12px;height:12px}.right-stack{display:grid;gap:18px}.todo-card{padding:20px 22px;border-radius:var(--radius);background:#dfe6ed;border:1px solid #d2dce7}.todo-top{display:flex;align-items:center;gap:8px;color:#63778d;font-size:12px}.todo-symbol{display:flex;align-items:center;justify-content:center;background:#cbd8e6;border-radius:7px;width:29px;height:29px}.todo-symbol .icon{width:16px;height:16px}.todo-top>.icon-btn{margin-left:auto}.todo-number{font-family:var(--number);font-size:40px;font-weight:500;line-height:1.2;margin-top:16px;color:#455668}.todo-number span{font-size:11px;font-family:var(--body);margin-left:10px;color:#78899c;font-weight:400}.todo-card>p{font-size:10px;color:#8492a1;margin:10px 0 19px}.todo-card .btn{min-height:36px;font-size:11px}.todo-card .btn .icon{margin-left:auto}.flow-panel .section-heading{padding:19px 20px 7px}.flow-panel .section-heading h2{font-size:13px}.pipeline{padding:6px 20px 16px}.pipeline>div{display:flex;align-items:center;gap:10px;position:relative;padding:12px 0}.pipeline>div:not(:last-child):after{content:"";position:absolute;width:1px;left:15px;bottom:-9px;height:17px;background:#dce2e9}.pipeline-icon{display:flex;justify-content:center;align-items:center;background:#ecf0f5;border-radius:9px;width:31px;height:31px;color:#768aa0}.pipeline-icon .icon{height:15px;width:15px}.pipeline p{font-size:11px;color:#677482}.pipeline small{display:block;font-size:9px;color:#9ba5b0;margin-top:2px}.pipeline b{margin-left:auto;font-family:var(--number);font-size:16px;font-weight:500;color:#6f8093}.activity-panel{margin-top:22px}.activity-panel .section-heading{padding-bottom:7px}.activity-list{display:grid;grid-template-columns:1fr 1fr;padding:0 22px 15px;gap:0 32px}.activity-row{display:flex;align-items:center;text-align:left;gap:10px;padding:14px 0;border-bottom:1px solid #e9edf2;min-width:0;font-size:10px;color:#8793a0}.activity-row:nth-last-child(-n+2){border-bottom:0}.activity-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#e9eff5;border-radius:50%;color:#7c90a5;flex-shrink:0}.activity-dot .icon{width:13px;height:13px}.activity-row>div{min-width:0;flex:1}.activity-row strong{color:#6f7e8e;font-weight:500;margin-right:3px}.activity-row small{display:block;font-size:9px;color:#a6afb8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px;margin-top:3px}.activity-row time{font-family:var(--number);font-size:9px;color:#a8b0b9;white-space:nowrap}.page-footer{max-width:1580px;margin:0 auto;padding:25px 36px;display:flex;justify-content:space-between;gap:20px;color:#a8afb7;font-size:9px;letter-spacing:.2px}.record-cards{display:none}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:15px;flex-wrap:wrap}.tabs{display:flex;gap:5px}.tab{font-size:12px;color:#7f8a95;padding:7px 12px;display:flex;align-items:center;gap:7px;border-radius:7px}.tab span{font-family:var(--number);font-size:10px;color:#97a4b2}.tab.selected{background:#e4ebf2;color:var(--green);font-weight:500}.tab.selected span{color:#617992}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#8c99a6;background:#f9fafc;max-width:275px}.search-box .icon{height:15px;width:15px}.search-box input{border:0!important;min-height:35px!important;width:220px;background:transparent!important;font-size:11px;padding:8px!important}.search-box:focus-within{outline:2px solid #b1c0d0}.search-box input:focus{outline:none}.table-footer{display:flex;justify-content:space-between;padding:15px 22px;font-size:10px;color:#98a2ad;border-top:1px solid var(--line)}.empty{padding:55px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a4afbb;text-align:center;gap:9px;min-height:210px}.empty>.icon{width:35px;height:35px;stroke-width:1}.empty strong{font-size:14px;font-weight:500;color:#707f90;margin-top:8px}.empty p{font-size:12px;color:#99a3ae}.task-summary{display:flex;align-items:center;gap:16px;background:#e1e8f0;border:1px solid #d5dee7;padding:22px;border-radius:14px;margin-bottom:24px}.task-summary-icon{background:#cedae6;border-radius:11px;padding:12px;display:flex;color:#667e98}.task-summary strong{font-size:17px;color:#42566b}.task-summary p{font-size:11px;color:#8795a5;margin-top:5px}.task-legend{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:#8997a5}.task-legend .icon{width:16px;height:16px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.task-card{padding:24px}.task-card-top{display:flex;justify-content:space-between;align-items:center}.late-pill{background:#fff2e6;color:#b08050;font-size:10px;border-radius:5px;padding:3px 8px}.task-card h2{font-size:23px;letter-spacing:.5px;margin-top:20px;font-family:var(--number),var(--body)}.task-card>p{font-size:12px;color:#8290a0;margin-top:5px}.task-facts{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;border-bottom:1px solid var(--line);font-size:10px;color:#929eab}.task-facts b{display:block;font-size:13px;color:#576779;font-weight:500;margin-top:5px}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px}.task-bottom>span{font-size:11px;color:#8d99a5}.month-picker{display:flex;align-items:center;gap:8px;border:1px solid #d8dee5;border-radius:8px;background:white;padding:5px 11px;color:#707f90}.month-picker input{padding:4px!important;border:0!important;min-height:28px!important;width:137px;font-size:12px}.month-picker .icon{width:16px;height:16px}.performance-top{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-bottom:24px}.score-card{padding:30px;background:#dfe6ee;border:1px solid #cfd9e3;border-radius:16px}.score-card>span{font-size:12px;color:#75879b}.score-card>strong{display:block;font-size:64px;font-family:var(--number);font-weight:500;line-height:1.25;color:#405469;letter-spacing:-2px;margin-top:14px}.score-card strong small{font-size:18px;color:#92a0af;margin-left:10px;letter-spacing:0}.score-card p{font-size:11px;color:#8d9baa;margin-top:7px}.score-description{padding:28px 30px}.score-description h2{font-size:21px;font-weight:500}.score-description p{color:#7a8999;font-size:12px;margin:12px 0;max-width:700px;line-height:1.9}.score-description>small{display:block;color:#a2acb6;font-size:10px;margin-top:19px}.score-tags{display:flex;gap:18px;font-size:11px;color:#6b7d91}.score-tags span{display:flex;align-items:center;gap:5px}.score-tags .icon{height:15px;width:15px}.performance-row{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:21px 25px;border-top:1px solid var(--line)}.performance-row:hover{background:#f6f9fc}.performance-person{width:150px}.performance-person strong{font-size:13px;font-weight:500}.performance-person small{display:block;font-size:10px;color:#97a3b0;margin-top:4px}.performance-measure{width:135px}.performance-measure small{display:block;font-size:10px;color:#93a0ad}.performance-measure strong{display:block;font-family:var(--number);font-size:17px;margin-top:5px;font-weight:500}.performance-measure em{font-style:normal;color:#99a6b3;font-size:12px}.score-meter{width:180px;margin-left:auto}.score-meter>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#5c7289}.score-meter small{font-size:9px;color:#9ca6b1}.meter{background:#e3eaf1;border-radius:3px;overflow:hidden;height:5px}.meter i{display:block;height:5px;background:#6c89a7;border-radius:3px}.performance-row>.icon{width:15px;height:15px;color:#8092a5;margin-left:16px}.note-box{display:flex;align-items:flex-start;gap:10px;padding:19px 20px;background:#e7ecf2;border:1px solid #d8e1ea;border-radius:10px;color:#7c8c9e;font-size:11px;margin-top:20px}.note-box .icon{width:16px;height:16px;margin-top:1px;color:#8093a7}.note-box p{line-height:1.8}.note-box.compact{padding:13px 15px;font-size:10px}.report-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e6ecf3;border:1px solid #d1dce8;padding:13px 18px;border-radius:10px;margin-bottom:20px}.report-banner>div:first-child{display:flex;align-items:center;gap:9px;font-size:11px;color:#6a829b}.report-banner .icon{width:17px;height:17px}.segmented{display:flex;border:1px solid #cad6e3;border-radius:6px;overflow:hidden;flex-shrink:0}.segmented button{padding:5px 10px;font-size:10px;color:#7f92a7}.segmented .selected{background:#d1dde9;color:#4d657e}.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:24px}.settings-panel{padding:25px}.settings-panel .section-heading{padding:0 0 22px}.settings-panel .section-heading>.icon{color:#8b98a6;width:18px;height:18px}.people-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.people-list>div:first-child{padding-top:0}.people-list>div:last-child{border-bottom:0}.people-list p{flex:1}.people-list strong{font-size:12px;font-weight:500}.people-list small{display:block;color:#9faab5;font-size:10px;margin-top:3px}.role-label{color:#8695a5;font-size:10px;background:#eaeff4;padding:3px 7px;border-radius:4px}.password-panel{max-width:680px;margin-top:22px}.password-panel h2{margin-bottom:20px}
form label{display:block;font-size:12px;color:#6a7887;font-weight:500;margin-bottom:16px}input:not([type="file"]),select,textarea{width:100%;border:1px solid #d7dee5;border-radius:7px;background:#fff;min-height:42px;padding:10px 12px;color:#3c4b5c;font-size:13px;line-height:1.5;transition:border-color .15s}form input,form select,form textarea{margin-top:7px}textarea{resize:vertical;min-height:70px}input::placeholder,textarea::placeholder{color:#a4afba;font-size:12px}input[type="number"]{font-family:var(--number),var(--body);font-size:15px}input[type="datetime-local"]{min-width:0}form label>small{display:block;color:#95a3b1;font-size:10px;font-weight:400;margin-top:4px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.three-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.three-fields input{padding:10px}.form-section{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.form-section-title{display:flex;align-items:center;gap:9px;margin-bottom:16px}.form-section-title>span{font-size:11px;color:#8798aa;font-family:var(--number);background:#e7edf4;border-radius:5px;padding:2px 5px}.form-section h3{font-size:14px}.form-section h3 small{font-weight:400;color:#92a0b0;font-size:10px;margin-left:6px}.form-section>p{margin:8px 0 17px}.form-hint{font-size:11px;color:#94a2b1;line-height:1.8;font-weight:400}.settings-panel form>.btn{margin-top:4px}.modal{border:0;border-radius:20px;padding:0;width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--ink);background:#fff;box-shadow:0 24px 100px #101d2b40}.modal.wide{width:min(740px,calc(100% - 32px))}.modal::backdrop{background:#202e3c5c;backdrop-filter:blur(4px)}.modal-heading{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 20px;background:#fffffff5;border-bottom:1px solid var(--line);z-index:5;backdrop-filter:blur(10px)}.modal-heading h2{font-size:20px;font-weight:550}.modal-heading p{font-size:11px;color:#8a99aa;margin-top:5px;overflow-wrap:anywhere}.modal-heading>.icon-btn{flex-shrink:0}.modal-body{padding:24px 28px 28px}.modal-body>.note-box:first-child{margin-top:0}.modal-body form>.note-box{margin:0 0 20px}.modal-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-form-footer>span{font-size:10px;color:#9aa5b1}.upload-area{border:1px dashed #b5c5d6;background:#f6f9fc;border-radius:11px;padding:18px}.upload-button{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;cursor:pointer;padding:14px 0;color:#778a9f}.upload-button>.icon{width:29px;height:29px;stroke-width:1.4}.upload-button strong{font-size:13px;color:#5b7087;font-weight:500;margin-top:9px}.upload-button span{font-size:10px;color:#94a2b2;margin-top:6px}.upload-button:hover strong{color:var(--green)}.photo-previews:empty{display:none}.photo-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.photo-preview{aspect-ratio:4/3;position:relative}.photo-preview>img{width:100%;height:100%;object-fit:cover;border-radius:7px}.photo-preview>button{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#212c37cc;border-radius:50%;color:white}.photo-preview>button .icon{width:15px;height:15px}.detail-status{display:flex;align-items:center;gap:10px}.detail-status>.tiny{margin-left:auto}.detail-stepper{display:flex;justify-content:space-between;padding:22px 0 26px;border-bottom:1px solid var(--line);position:relative}.detail-stepper>div{display:flex;flex:1;flex-direction:column;align-items:center;position:relative;z-index:1}.detail-stepper>div:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 24px);width:calc(100% - 48px);height:1px;background:#d7dfe7}.detail-stepper span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:12px;font-family:var(--number);background:#ebeff3;color:#99a6b4}.detail-stepper span .icon{width:15px;height:15px}.detail-stepper strong{font-size:12px;font-weight:500;color:#909fb0;margin-top:8px}.detail-stepper small{font-size:9px;color:#aab4be;margin-top:3px}.detail-stepper .done span{background:#cbd9e8;color:#567596}.detail-stepper .done strong{color:#647d97}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:19px 16px;padding:24px 0}.detail-facts span{display:block;font-size:10px;color:#9eaab6;margin-bottom:6px}.detail-facts b{font-size:12px;color:#586c82;font-weight:500;overflow-wrap:anywhere}.record-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:7px;background:#f2f5f9;font-size:11px;color:#8c9aa8}.record-note .icon{width:14px;height:14px}.detail-section{margin-top:25px}.detail-section>h3{font-size:13px;margin-bottom:14px;color:#667789}.detail-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-photos a{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:8px}.detail-photos img{width:100%;height:100%;object-fit:cover}.detail-photos span{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#202933aa);font-size:9px;padding:20px 10px 8px;display:flex;align-items:center;justify-content:space-between}.detail-photos .icon{width:12px;height:12px}.sample-photo{display:flex;align-items:center;gap:15px;justify-content:center;padding:27px;background:#eff3f7;border:1px dashed #d7dfe7;border-radius:9px;color:#909faf;font-size:11px}.sample-photo>.icon{width:31px;height:31px;color:#aebac7;stroke-width:1.2}.sample-photo small{font-size:9px;color:#a6b2bf}.inspection-result{display:flex;align-items:center;gap:25px;padding:22px;background:#e7edf4;border:1px solid #d5e0ec;border-radius:10px;margin-top:22px}.inspection-result>div:first-child{min-width:100px;border-right:1px solid #d2dde8;padding-right:20px}.inspection-result span{display:block;font-size:10px;color:#8797a9}.inspection-result strong{font-family:var(--number);font-size:36px;color:#526f8e;font-weight:500}.inspection-result strong small{font-size:13px;margin-left:4px}.inspection-result b{font-size:11px;color:#66809b;font-weight:500}.inspection-result p{font-size:12px;color:#7c8d9f;margin:5px 0}.inspection-result>div>small{font-size:9px;color:#9fadbc}.action-box{margin-top:24px;padding:23px;background:#f1f4f8;border:1px solid #d8e0e9;border-radius:12px}.action-box h3{display:flex;align-items:center;gap:8px;color:#46607c}.action-box h3 .icon{width:18px;height:18px}.action-box>p{font-size:11px;color:#899cb0;margin:7px 0 18px}.deduction-input{display:flex;align-items:center;gap:20px}.deduction-input label{max-width:180px}.deduction-input input{font-size:24px;min-height:54px}.deduction-input>span{font-size:12px;color:#778da4;margin-top:6px}.quick-notes{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 21px}.quick-notes button{padding:4px 8px;background:#dfe6ee;border:1px solid #d4dee8;border-radius:5px;color:#778a9f;font-size:10px}.quick-notes button:hover{background:#d1dde9}.calculation-preview{margin:0 0 20px;padding:15px 18px;border:1px solid #cedae7;background:#e4ecf4;border-radius:8px;font-size:11px;color:#7b8fa5}.calculation-preview>div{display:flex;justify-content:space-between;font-size:11px}.calculation-preview strong{display:block;font-size:23px;font-family:var(--number);font-weight:500;color:#4a6786;margin-top:10px}.settlement-result{margin-top:23px;border:1px solid #d5dee7;border-radius:11px;padding:20px 22px}.settlement-result .section-heading{padding:0 0 19px}.settlement-result h3{font-size:13px}.calculation-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.calculation-grid span{font-size:10px;color:#92a1b1}.calculation-grid b{display:block;font-size:13px;color:#5a728b;font-weight:500;margin-top:5px}.final-amount{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.final-amount>span{font-size:12px;color:#788da4}.final-amount>strong{font-family:var(--number);font-size:27px;color:#44607e;font-weight:500}.history-block{border:1px solid #dbe2ea;border-radius:8px;margin-top:20px;font-size:11px;color:#76889b;padding:12px 15px}.history-block summary{cursor:pointer}.history-block>div{padding:13px 0;border-top:1px solid var(--line);margin-top:12px}.history-block p{margin-top:5px}.history-block small{display:block;color:#8f9fb0;font-size:9px;margin-top:6px}.timeline>div{display:flex;gap:14px;position:relative;padding-bottom:20px}.timeline>div>i{width:7px;height:7px;border-radius:50%;background:#b0c1d4;margin-top:6px;flex-shrink:0}.timeline>div:not(:last-child):after{content:"";position:absolute;width:1px;background:#d5dfe9;top:17px;bottom:2px;left:3px}.timeline p{flex:1;font-size:11px}.timeline strong{color:#7088a1;font-weight:500}.timeline span{color:#98a6b6;font-size:9px;margin-left:10px}.timeline small{display:block;color:#93a3b5;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.comment-form{padding-top:10px}.admin-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.admin-actions .text-link{font-size:11px}.task-evidence>div{padding:17px 0;border-bottom:1px solid var(--line)}.task-evidence>div:first-child{padding-top:0}.task-evidence>div>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.task-evidence strong{font-size:12px;font-weight:500}.task-evidence p{font-size:10px;color:#91a2b4;margin:8px 0}.task-evidence .text-link{font-size:10px}.guide-step{display:flex;gap:18px;margin-bottom:25px}.guide-step>b{font-size:21px;color:#8ba1b9;font-family:var(--number);font-weight:400}.guide-step h3{font-size:14px;color:#5c7794}.guide-step p{font-size:12px;line-height:1.9;color:#8a9aac;margin-top:6px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);padding:12px 22px;border-radius:10px;color:#fff;background:#2e3b49f2;box-shadow:0 8px 28px #202b3725;z-index:1000;opacity:0;visibility:hidden;transition:all .2s;font-size:13px;max-width:calc(100% - 32px);width:max-content;text-align:center}#toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}#toast.error{background:#95664cf2}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#f7f9fb}.auth-story{background:#dce5ef;padding:50px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;border:1px solid #c4d1df;width:650px;height:650px;border-radius:50%;bottom:-350px;right:-350px;box-shadow:0 0 0 70px #d0dbe740,0 0 0 140px #d0dbe730}.auth-story>div{margin:auto 0;position:relative;z-index:1}.auth-story h1{font-size:clamp(32px,4vw,60px);font-weight:500;letter-spacing:-1px;line-height:1.6;color:#3e556e;margin:16px 0}.auth-story p{font-size:13px;color:#768da5;line-height:2}.auth-footer{font-size:10px;color:#8b9db1}.auth-form-wrap{display:flex;justify-content:center;align-items:center;padding:40px}.auth-form{max-width:350px;width:100%}.auth-form h2{font-size:27px;font-weight:500;margin:12px 0}.auth-form>p{font-size:12px;color:#8b9bad;margin-bottom:28px}.auth-form label{margin-bottom:20px}.auth-form .note-box{margin-top:25px}
@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-banner{min-height:236px}.hero-copy{padding:30px 34px}.hero-copy h2{font-size:32px}.hero-art{right:75px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 305px}td{padding:19px}.todo-card{padding:23px 25px}}
@media(max-width:1250px){.sidebar{width:205px;padding:28px 17px 18px}.main-area{margin-left:205px;width:calc(100% - 205px)}.brand>span{font-size:21px}.brand img{height:38px;width:38px}.brand small{font-size:9px}.content{padding:26px 25px 0}.topbar{padding:0 25px}.page-footer{padding:24px 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.stat-card{padding:16px}.stats-grid{gap:12px}.stat-number.money{font-size:25px}.hero-copy h2{font-size:26px}.hero-copy h2 br{display:block}.hero-banner{min-height:238px}.hero-art{right:0;top:8px;width:310px}.hero-copy p{font-size:10px}.section-heading{padding:19px}.records-panel th,.records-panel td{padding:15px 10px}.records-panel th:first-child,.records-panel td:first-child{padding-left:19px}.records-panel th:last-child,.records-panel td:last-child{padding-right:15px}.records-panel th:nth-child(4),.records-panel td:nth-child(4){display:none}.todo-card{padding:18px}.todo-card>p{font-size:9px}.performance-person{width:95px}.performance-measure{width:105px}.score-meter{width:130px}.performance-row{gap:12px;padding:20px}.score-description{padding:25px}.task-legend{font-size:10px}.three-fields{grid-template-columns:1fr}.settings-grid{grid-template-columns:1.1fr 1fr}}
@media(max-width:1024px){.sidebar{width:185px;padding:26px 13px 18px}.brand{gap:9px}.brand>span{font-size:20px}.brand small{font-size:8px}.brand img{width:35px;height:35px}.workspace-label{font-size:10px}.nav-item{font-size:12px;padding:12px 13px}.main-area{margin-left:185px;width:calc(100% - 185px)}.content{padding:25px 22px 0}.topbar{padding:0 22px;height:72px}.top-actions{gap:9px}.user-control{padding-left:10px}.hero-art{opacity:.85;right:-25px;width:285px}.hero-copy p{max-width:240px;line-height:1.8}.hero-copy{padding:23px}.hero-copy h2{font-size:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px 20px}.stat-number.money{font-size:30px}.dashboard-grid{grid-template-columns:1fr}.records-panel th:nth-child(4),.records-panel td:nth-child(4){display:table-cell}.right-stack{grid-template-columns:1fr 1fr;gap:18px}.flow-panel .section-heading{padding-top:17px}.pipeline{display:flex;justify-content:space-between;padding-top:20px}.pipeline>div{flex-direction:column;padding:4px 0;text-align:center;gap:6px}.pipeline>div:not(:last-child):after{display:none}.pipeline p{font-size:10px}.pipeline small{display:none}.pipeline b{margin:0}.todo-number{font-size:35px;margin-top:9px}.todo-card>p{margin:7px 0 12px}.activity-list{grid-template-columns:1fr}.activity-row:nth-last-child(2){border-bottom:1px solid #e9edf2}.page-heading{align-items:flex-start}.page-heading p{max-width:330px}.page-actions{gap:7px}.page-actions .btn{padding:9px 11px;font-size:11px}.page-heading h1{font-size:25px}.settings-grid{grid-template-columns:1fr}.three-fields{grid-template-columns:1fr 1fr 1fr}.task-grid{gap:15px}.task-card{padding:19px}.task-bottom{flex-wrap:wrap}.performance-top{grid-template-columns:190px 1fr;gap:16px}.score-card{padding:24px}.score-description h2{font-size:17px}.score-description p{font-size:11px}.score-description>small{font-size:9px}.score-tags{gap:11px;font-size:10px}.performance-row{flex-wrap:wrap}.performance-person{width:100px}.performance-measure{width:calc((100% - 200px)/2)}.score-meter{width:calc(100% - 35px);margin:7px 0 0}.performance-row>.icon{margin-left:0}.report-banner{flex-wrap:wrap}.task-legend{display:none}.auth-story{padding:40px}.auth-form-wrap{padding:30px}}
@media(max-width:760px){.sidebar{display:none}.main-area{margin-left:0;width:100%}.topbar{height:65px;padding:0 20px;position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(10px)}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:600;letter-spacing:.5px}.mobile-brand img{width:30px;height:30px}.top-actions{gap:6px}.top-actions>.icon-btn[data-act="refresh"]{display:none}.top-actions .avatar{display:none}.user-control{border:0;padding-left:3px;gap:3px}.identity select{width:auto;max-width:160px;font-size:11px;padding:2px;min-height:30px}.demo-tag{font-size:9px;padding:2px 5px}.notification{width:30px}.content{padding:24px 20px 0}.page-heading{margin-bottom:20px;gap:12px}.page-heading .eyebrow{font-size:9px;margin-bottom:6px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;max-width:360px;line-height:1.8}.page-actions{flex-wrap:wrap;justify-content:flex-end}.page-actions .btn{min-height:38px;font-size:11px}.page-actions .btn.secondary[data-act="export"]{display:none}.page-heading:has(.month-picker){flex-wrap:wrap}.page-heading:has(.month-picker) .page-actions{justify-content:flex-start;width:100%}.hero-banner{min-height:230px;margin-bottom:18px}.hero-copy{padding:24px}.hero-copy h2{font-size:26px}.hero-copy p{max-width:245px}.hero-art{right:5px;width:300px}.hero-copy{max-width:70%}.stats-grid{gap:12px;margin-bottom:18px}.stat-card{border-radius:12px;padding:17px 18px}.stat-label{font-size:11px}.stat-number{font-size:33px}.stat-number.money{font-size:29px}.stat-meta{font-size:10px}.dashboard-grid{gap:18px}.section-heading{padding:20px}.section-heading h2{font-size:15px}.records-panel .table-wrap{display:none}.record-cards{display:block;padding:0 20px}.table-wrap{display:none}.record-card{display:block;text-align:left;width:100%;padding:17px 0;border-top:1px solid #e6ebf1}.record-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-card strong{font-family:var(--number),var(--body);font-size:15px;font-weight:500;color:#475a6e;letter-spacing:.2px}.record-card>p{font-size:11px;color:#7f8e9f;margin:8px 0}.record-card>p>span{margin:0 7px;color:#b3bfcb}.record-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#8f9ead}.record-card-bottom em{font-style:normal;color:#b09a6f;margin-left:11px;font-size:10px}.record-card-bottom time{font-family:var(--number);font-size:10px;color:#a3b0bd}.card-late{font-size:9px;color:#b19a6c;display:block;margin-top:7px}.badge{font-size:10px}.right-stack{gap:14px}.activity-panel{margin-top:18px}.activity-list{padding:0 20px 10px}.activity-row{padding:14px 0;font-size:11px}.activity-row small{font-size:10px;max-width:330px}.activity-row time{font-size:10px}.page-footer{padding:24px 20px 100px;font-size:9px;flex-direction:column;gap:5px;align-items:center}.mobile-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff5;border-top:1px solid #dce2e9;padding:8px 7px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-nav .nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:4px;padding:5px 3px;font-size:10px;line-height:1.4;color:#91a0af;border-radius:8px}.mobile-nav .nav-item .icon{width:21px;height:21px}.mobile-nav .nav-item.active{background:#e4ebf3;color:#3c5b7c;box-shadow:none}.mobile-nav .nav-item b{position:absolute;top:0;left:calc(50% + 8px);font-size:8px;padding:0 4px;background:#c09b63;color:#fff;border:2px solid #fff;border-radius:6px}.table-toolbar{padding:17px 16px 15px;gap:14px}.tabs{width:100%;justify-content:space-between;gap:0}.tab{font-size:11px;padding:7px 9px;gap:5px}.tab span{font-size:9px}.search-box{width:100%;max-width:none}.search-box input{width:100%;min-height:39px!important;font-size:12px}.table-footer{font-size:9px;padding:15px 20px}.ledger-panel .record-cards{padding:0 20px}.task-grid{grid-template-columns:1fr}.task-card{padding:23px}.task-bottom{flex-wrap:nowrap}.task-summary{padding:18px;gap:12px}.task-summary strong{font-size:16px}.task-summary p{font-size:10px}.task-card h2{font-size:23px}.task-bottom .btn{min-height:42px;padding:11px 16px}.performance-top{grid-template-columns:160px 1fr;gap:14px}.score-card{padding:23px 20px}.score-card>strong{font-size:50px}.score-card strong small{font-size:14px}.score-description{padding:22px}.score-description h2{font-size:16px}.score-description p{font-size:11px}.score-tags{flex-wrap:wrap;gap:10px}.score-description>small{font-size:9px}.performance-row{padding:21px;gap:13px}.performance-person{width:100px}.performance-measure{width:calc((100% - 175px)/2)}.performance-row .avatar{width:33px;height:33px;font-size:10px}.performance-row>.icon{display:none}.score-meter{width:100%;margin:7px 0 0}.note-box{padding:15px;font-size:10px}.settings-panel{padding:21px}.settings-grid{gap:18px}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.three-fields label{font-size:10px}.three-fields input{font-size:14px}.settings-panel .two-fields{gap:13px}.settings-panel .two-fields label{min-width:0}.settings-panel textarea{font-size:12px}.auth-layout{grid-template-columns:1fr}.auth-story{padding:25px;min-height:auto}.auth-story>div,.auth-footer{display:none}.auth-form-wrap{padding:35px 25px}.auth-form{max-width:410px}.auth-form h2{font-size:26px}#toast{bottom:93px;font-size:12px;padding:11px 16px}.modal{width:calc(100% - 24px);max-height:92dvh;border-radius:16px}.modal.wide{width:calc(100% - 24px)}.modal-heading{padding:21px 20px 17px}.modal-heading h2{font-size:20px}.modal-body{padding:20px}.modal-body .btn{min-height:44px}.modal-body input:not([type="file"]),.modal-body select,.modal-body textarea{font-size:16px;min-height:44px}.modal-body textarea::placeholder,.modal-body input::placeholder{font-size:13px}.modal-body label{font-size:12px}.modal-form-footer{flex-direction:column;align-items:stretch;gap:12px}.modal-form-footer>span{font-size:10px}.modal-form-footer>.btn{width:100%}.detail-facts{gap:18px 12px}.detail-facts b{font-size:11px}.detail-stepper small{font-size:8px}.inspection-result{padding:18px;gap:18px}.inspection-result>div:first-child{min-width:87px;padding-right:14px}.action-box{padding:18px}.deduction-input>span{font-size:11px}.modal-body .deduction-input input{font-size:25px}.upload-area{padding:14px}.detail-status>.tiny{font-size:9px}.detail-status{gap:7px}.timeline span{display:block;margin:3px 0 0}.timeline strong{font-size:12px}.timeline small{font-size:11px}.form-section-title{margin-bottom:14px}.form-section{padding-bottom:16px;margin-bottom:20px}.form-section h3 small{font-size:9px}.comment-form .btn{width:100%}}
@media(max-width:480px){.content{padding:21px 16px 0}.topbar{padding:0 16px}.top-actions{gap:3px}.notification{display:none}.identity select{max-width:144px}.demo-tag{display:none}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;max-width:245px}.page-heading .eyebrow{font-size:8px}.page-actions .btn{padding:9px 12px}.page-actions .btn .icon{width:14px;height:14px}.hero-banner{min-height:218px;border-radius:13px}.hero-copy{padding:22px 20px;max-width:82%}.hero-copy h2{font-size:24px;position:relative;z-index:2}.hero-copy p{font-size:9px;max-width:225px;margin:10px 0 16px}.hero-copy .text-link{font-size:10px}.hero-tag{font-size:9px;margin-bottom:11px}.hero-art{right:-115px;top:5px;opacity:.4;transform:scale(.85);transform-origin:right center}.float-stamp{display:none}.hero-art .card-front{right:58px}.stats-grid{gap:10px}.stat-card{padding:13px 14px}.stat-label{font-size:10px}.stat-icon{height:26px;width:26px;border-radius:7px}.stat-icon .icon{height:14px;width:14px}.stat-number{font-size:32px;margin-top:9px}.stat-number.money{font-size:25px;margin-top:13px}.stat-number.money small{font-size:13px;margin-right:4px}.stat-number small{font-size:10px;margin-left:6px}.stat-meta{font-size:9px;margin-top:6px}.right-stack{grid-template-columns:1fr 1fr;gap:10px}.todo-card{padding:15px}.todo-top{font-size:11px;gap:6px}.todo-symbol{width:24px;height:24px}.todo-symbol .icon{height:13px;width:13px}.todo-top>.icon-btn{display:none}.todo-number{font-size:33px;margin-top:12px}.todo-number span{font-size:9px;margin-left:6px}.todo-card>p{font-size:9px;min-height:30px;margin:7px 0 10px}.todo-card .btn{font-size:10px;padding:7px 10px}.flow-panel .section-heading{padding:18px 14px 7px}.flow-panel .section-heading h2{font-size:12px}.flow-panel .section-heading>.tiny{display:none}.pipeline{padding:5px 13px 9px;display:block}.pipeline>div{flex-direction:row;padding:8px 0;gap:7px;text-align:left}.pipeline-icon{height:24px;width:24px;border-radius:7px}.pipeline-icon .icon{height:12px;width:12px}.pipeline b{margin-left:auto;font-size:14px}.pipeline p{font-size:10px}.section-heading{padding:19px 17px}.section-heading p{font-size:10px}.record-cards{padding:0 17px}.record-card{padding:16px 0}.record-card strong{font-size:14px}.record-card>p{font-size:10px}.record-card-bottom{font-size:10px}.record-card-bottom time{font-size:9px}.activity-list{padding:0 17px 10px}.activity-row small{max-width:190px;font-size:9px}.activity-row time{font-size:8px}.activity-row{font-size:10px;gap:8px}.activity-dot{width:26px;height:26px}.activity-panel .section-heading>.tiny{font-size:9px}.table-toolbar{padding:15px 13px}.tab{padding:7px 8px;font-size:10px}.ledger-panel .record-cards{padding:0 17px}.table-footer{font-size:9px;padding:13px 17px}.performance-top{grid-template-columns:1fr}.score-card{padding:20px 23px;display:grid;grid-template-columns:1fr auto;align-items:center}.score-card>strong{grid-column:2;grid-row:1/3;margin:0;font-size:50px}.score-card p{margin-top:5px}.score-description{padding:21px}.score-description>small{margin-top:12px}.performance-person{width:90px}.performance-measure{width:calc((100% - 165px)/2)}.performance-measure small{font-size:9px}.performance-row{padding:18px 17px;gap:10px}.performance-person small{font-size:9px}.score-meter small{font-size:9px}.note-box{font-size:10px}.month-picker input{width:132px;font-size:12px}.page-heading:has(.month-picker) .page-actions{justify-content:space-between}.two-fields{gap:0 12px}.modal-body .two-fields{grid-template-columns:1fr}.modal-body{padding:18px}.modal-heading{padding:20px 18px 16px}.modal-heading h2{font-size:19px}.modal-heading p{font-size:10px}.detail-facts{grid-template-columns:1fr 1fr}.detail-facts b{font-size:12px}.detail-photos{grid-template-columns:repeat(2,1fr)}.detail-stepper strong{font-size:11px}.detail-status .tiny{font-size:8px}.detail-status .late-pill{font-size:8px}.inspection-result{gap:15px;padding:16px}.inspection-result>div:first-child{min-width:82px}.inspection-result p{font-size:11px}.inspection-result b{font-size:10px}.action-box{padding:17px}.deduction-input label{max-width:150px}.deduction-input{gap:12px}.deduction-input>span{font-size:11px}.quick-notes button{font-size:10px;min-height:32px}.modal-body .task-evidence>div>div{flex-wrap:wrap}.three-fields{grid-template-columns:1fr}.three-fields label{font-size:12px}.settings-panel .two-fields{grid-template-columns:1fr}.settings-panel input,.settings-panel select,.settings-panel textarea{font-size:16px}.settings-panel .btn{min-height:44px}.report-banner{padding:14px}.report-banner>div:first-child{font-size:10px}.page-footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep operational text legible on phones used at the receiving site. */
:root{--muted:#6c7680}
.stat-label,.stat-meta,.page-heading p,.section-heading p,.table-footer{color:#6a7581}
.stat-label{font-size:12px}.stat-meta{font-size:11px}
.nav-item{font-size:14px;color:#5d6771}.breadcrumb strong{color:#4b5662}
th{font-size:11px;color:#6a7886}td{font-size:14px}.plate-link{font-size:14px}.supplier-name{font-size:13px;color:#526070}td small{font-size:11px;color:#717e8c}
.badge{font-size:11px}.badge.inspecting{color:#8d682a;background:#f8efdb}.badge.pending{color:#466d85;background:#eaf1f5}.badge.settled{color:#375677;background:#e2eaf2}
.row-action{font-size:12px;color:#3c5a7b;min-height:36px}.deduction-value{color:#96743b}
.record-card strong{color:#2c4158}.record-card>p{color:#5d6f83}.record-card-bottom{color:#5e7185}.record-card-bottom time{color:#778697}.record-card-bottom em{color:#96743b}
.activity-row{color:#64778b}.activity-row strong{color:#41576e}.activity-row small,.activity-row time{color:#778696}.stat-number small,.stat-meta b{color:#687787}
.todo-card>p{color:#5f7388}.pipeline p{color:#50657b}.pipeline small{color:#738497}
form label{color:#40566d}input:not([type="file"]),select,textarea{color:#263a4f;border-color:#c1ccd7}
input::placeholder,textarea::placeholder{color:#78889a}.form-hint,form label>small{color:#687b90}.form-section h3 small{color:#6e7f91}
.detail-facts span{color:#697c91}.detail-facts b{color:#3a526b}.detail-status>.tiny{color:#6c7c8e}.detail-stepper small{color:#768697}.detail-stepper strong{color:#718294}.detail-stepper .done strong{color:#35577c}
.inspection-result span,.inspection-result p{color:#566e87}.inspection-result b{color:#34516f}.inspection-result>div>small{color:#6a7d92}.action-box>p{color:#687c91}
.timeline small,.timeline span{color:#6a7d92}.timeline strong{color:#355475}.record-note{color:#60758b}
.calculation-grid span{color:#677d95}.calculation-grid b{color:#385471}.task-card>p,.task-facts,.task-bottom>span{color:#687e95}
.performance-person small,.performance-measure small{color:#6c7f94}.score-description p{color:#5c7188}.score-description>small{color:#76889b}.score-meter small{color:#6b7f94}
.photo-source-actions{display:flex;justify-content:center;gap:12px;margin-top:4px}.photo-source-actions label{margin:0;cursor:pointer;min-height:42px}
.dialog-toast{position:absolute;top:calc(100% - 2px);left:18px;right:18px;border-radius:8px;background:#374759;color:white;padding:12px 15px;box-shadow:0 7px 20px #202b3720;font-size:12px;line-height:1.6;z-index:10}.dialog-toast.error{background:#936346}
@media(max-width:760px){
  .record-card strong{font-size:16px}.record-card>p{font-size:12px}.record-card-bottom{font-size:12px}.record-card-bottom time{font-size:11px}.record-card-bottom em{font-size:11px}
  .badge{font-size:11px}.card-late{font-size:11px}.stat-label{font-size:12px}.stat-meta{font-size:11px}.tab{font-size:12px;min-height:40px}.tab span{font-size:11px}
  .mobile-nav .nav-item{font-size:11px;color:#5b7086}.activity-row{font-size:12px}.activity-row small{font-size:11px}.activity-row time{font-size:10px}
  .page-actions .btn{min-height:44px;font-size:12px}.detail-facts span{font-size:12px}.detail-facts b{font-size:13px}.detail-stepper strong{font-size:12px}.detail-stepper small{font-size:10px}
  .form-hint,.modal-form-footer>span{font-size:12px}.form-section h3 small{font-size:11px}.modal-body label{font-size:13px}.action-box>p{font-size:12px}
  .quick-notes button{min-height:40px;font-size:12px}.inspection-result b,.inspection-result p{font-size:12px}.inspection-result>div>small{font-size:11px}
  .timeline span,.timeline small{font-size:11px}.detail-section>h3{font-size:14px}.admin-actions .text-link{min-height:44px;font-size:12px}.comment-form label{font-size:13px}
  .performance-person small,.performance-measure small{font-size:11px}.score-meter small{font-size:11px}.note-box{font-size:12px}
}

/* V2 staff workspaces contain only the current role's work and submission receipts. */
.staff-layout{min-height:100dvh;background:#f2f4f6}
.staff-header{height:88px;border-bottom:1px solid #dae1e8;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1120px)/2));gap:18px}
.staff-header .brand img{width:40px;height:40px}.staff-header .brand>span{font-size:22px}.staff-header .brand small{font-size:10px;letter-spacing:.6px;color:#718193}
.staff-version{color:#78899b;font-size:11px;border:1px solid #d1dbe5;border-radius:6px;background:#e9eff5;padding:3px 8px;font-family:var(--number)}
.staff-account{display:flex;align-items:center;gap:9px;font-size:13px;color:#41576e}.staff-account>.icon{width:14px;height:14px}
.staff-content{max-width:1120px;margin:0 auto;padding:38px 0 20px;min-height:calc(100vh - 150px)}
.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.staff-heading .eyebrow{color:#78899c;font-size:10px;letter-spacing:1.4px}.staff-heading h1{font-size:31px;font-weight:550;margin:9px 0 7px;color:#2b3949}.staff-heading p{font-size:13px;color:#697b8e}.staff-role-tag{display:flex;align-items:center;gap:7px;color:#526e8c;font-size:12px;padding:8px 13px;background:#e1e8f0;border:1px solid #d2dde8;border-radius:8px;white-space:nowrap}.staff-role-tag .icon{width:17px;height:17px}
.staff-tabs{display:flex;gap:26px;border-bottom:1px solid #d6dee7;margin-bottom:27px}.staff-nav-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;padding:13px 4px 16px;color:#8191a2;position:relative}.staff-nav-item .icon{width:18px;height:18px}.staff-nav-item b{font-size:10px;background:#d9e2ec;border-radius:5px;padding:1px 6px;color:#456383}.staff-nav-item.active{color:#29425c;font-weight:600}.staff-tabs .staff-nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#496788;border-radius:3px 3px 0 0}.staff-nav-item:hover{color:#2c4763}
.field-work-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.field-submit-card{display:flex;align-items:flex-start;flex-direction:column;background:#e0e8f0;border:1px solid #d1dbe5;border-radius:18px;padding:35px 38px;position:relative;overflow:hidden;isolation:isolate}.field-submit-card>*{position:relative;z-index:1}.field-submit-card:after{content:"";position:absolute;right:-110px;top:-115px;width:350px;height:350px;border:1px solid #d0dbe6;border-radius:50%;box-shadow:0 0 0 38px #d7e0ea80;pointer-events:none;z-index:0}.capture-illustration{width:79px;height:72px;display:flex;align-items:center;justify-content:center;background:#d0dce8;border:1px solid #bbcbdd;border-radius:18px;position:relative;margin-bottom:30px;z-index:1;box-shadow:0 8px 16px #405f8010}.capture-illustration>.icon{width:38px;height:38px;stroke-width:1.3;color:#567596}.capture-illustration>span{position:absolute;right:-7px;bottom:-6px;background:#54718f;color:#fff;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:3px solid #e0e8f0;border-radius:8px}.capture-illustration span .icon{width:13px;height:13px}
.field-submit-card .eyebrow{font-size:11px;letter-spacing:1px;color:#6b829b}.field-submit-card h2{font-size:26px;font-weight:550;color:#2f465e;margin:9px 0 8px;position:relative;z-index:1}.field-submit-card>p{font-size:12px;color:#677c93}.field-submit-card>.btn{margin-top:28px;min-height:49px;padding:13px 20px;font-size:14px;min-width:250px;justify-content:flex-start}.field-submit-card>.btn .icon:last-child{margin-left:auto}.field-draft-label{font-size:11px;color:#526f8f;margin-top:12px}
.field-checklist{padding:8px 5px 20px}.field-checklist .section-heading{padding:22px 26px 12px}.capture-check{display:flex;align-items:flex-start;gap:14px;margin:0 27px;padding:22px 0;border-bottom:1px solid #e6ebf1}.capture-check>span{font-family:var(--number);font-size:12px;color:#8294a8;background:#e9eff5;border-radius:6px;padding:4px 7px}.capture-check h3{font-size:14px;color:#43586e;font-weight:500}.capture-check p{font-size:12px;color:#758597;margin-top:5px}.capture-tip{display:flex;align-items:center;gap:8px;font-size:11px;color:#7e8fa1;margin:23px 27px 0}.capture-tip .icon{width:15px;height:15px}
.staff-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}.staff-list-heading h2{font-size:18px;color:#32465c}.staff-list-heading p{font-size:12px;color:#7d8d9f;margin-top:6px}.staff-list-heading .search-box{background:#fff}.staff-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.staff-task-card{padding:23px;border-radius:14px}.staff-task-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.staff-task-meta .tiny{font-size:10px;color:#738497}.stage-badge{display:inline-flex;align-items:center;gap:5px;color:#9a762f;background:#f7f0df;font-size:10px;padding:4px 7px;border-radius:5px;white-space:nowrap}.stage-badge .icon{height:12px;width:12px}.stage-badge.done{color:#4f6c8b;background:#e5ecf4}.staff-task-card h2{font-family:var(--number),var(--body);font-size:24px;font-weight:500;letter-spacing:.3px;color:#304459;margin-top:25px}.staff-task-card>p{font-size:12px;color:#6c7f93;margin-top:7px}.staff-task-card>p>span{margin:0 6px;color:#a2b0be}.staff-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:21px 0;margin-bottom:8px}.staff-card-facts>span{font-size:11px;color:#7f90a3}.staff-card-facts b{display:block;font-family:var(--number),var(--body);font-size:14px;font-weight:500;color:#45617e;margin-top:5px}.staff-task-card .btn{min-height:44px;justify-content:space-between;font-size:12px}.staff-detail-label{display:flex;align-items:center;gap:8px;color:#536e8b;font-size:13px;padding-bottom:14px;border-bottom:1px solid var(--line)}.staff-detail-label>.icon{width:17px;height:17px}.staff-detail-label>span{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;color:#67819d}.staff-detail-label>span>.icon{width:13px;height:13px}.staff-evidence{margin-top:22px;border-top:1px solid #dee5ec;padding-top:17px}.staff-evidence summary{font-size:12px;color:#5b7795;cursor:pointer;min-height:28px}.staff-evidence .detail-section{margin-top:12px}.staff-evidence .comment-form{padding-top:15px}.staff-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#8e9cab;font-size:10px;padding:20px 25px 27px}.staff-footer>span:last-child{margin-left:20px;font-family:var(--number)}.staff-mobile-nav{display:none}.staff-logout{margin-top:18px}.staff-task-card .calculation-grid{margin-top:18px}
@media(max-width:1200px){.staff-content{padding:32px 30px 20px}.staff-header{padding:0 30px}.staff-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-submit-card{padding:30px}.field-submit-card h2{font-size:24px}.field-checklist .section-heading{padding:20px}.capture-check{margin:0 20px}.capture-tip{margin:22px 20px 0}}
@media(max-width:760px){.staff-header{height:70px;padding:0 20px;position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(10px)}.staff-header .brand img{width:33px;height:33px}.staff-header .brand>span{font-size:20px}.staff-header .brand small{display:none}.staff-header .identity select{font-size:12px;max-width:170px}.staff-header .top-actions{gap:5px}.staff-header .staff-version{font-size:10px}.staff-content{padding:27px 20px 22px;min-height:calc(100dvh - 210px)}.staff-heading{margin-bottom:23px}.staff-heading h1{font-size:27px}.staff-heading p{font-size:12px;max-width:360px;line-height:1.8}.staff-role-tag{font-size:11px;padding:6px 9px}.staff-heading .eyebrow{font-size:9px}.staff-tabs{gap:23px;margin-bottom:22px}.staff-nav-item{font-size:13px;padding:12px 2px 14px}.field-work-grid{grid-template-columns:1fr;gap:20px}.field-submit-card{padding:28px 30px}.field-submit-card h2{font-size:25px}.capture-illustration{width:69px;height:64px;margin-bottom:23px}.field-submit-card>.btn{width:100%;min-height:52px;font-size:15px;margin-top:24px}.field-submit-card>p{font-size:12px}.field-checklist{padding:0 0 19px}.field-checklist .section-heading{padding:21px 24px 7px}.capture-check{padding:18px 0;margin:0 24px;gap:14px}.capture-check h3{font-size:14px}.capture-check p{font-size:12px}.capture-tip{margin:19px 24px 0;font-size:11px}.staff-card-grid{gap:16px}.staff-task-card{padding:21px}.staff-task-card h2{font-size:23px}.staff-list-heading{flex-wrap:wrap;gap:15px}.staff-list-heading .search-box{width:100%;max-width:none}.staff-list-heading .search-box input{font-size:13px}.staff-list-heading p{font-size:12px}.staff-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #d4dee8;z-index:30;backdrop-filter:blur(10px);padding:9px 17px calc(9px + env(safe-area-inset-bottom));gap:12px}.staff-mobile-nav .staff-nav-item{flex:1;border-radius:8px;min-height:44px;padding:10px;font-size:13px}.staff-mobile-nav .staff-nav-item.active{background:#e0e9f2;color:#34567a}.staff-mobile-nav .staff-nav-item b{background:#c2d2e3}.staff-footer{padding-bottom:100px}.staff-detail-label{font-size:12px}.staff-detail-label>span{font-size:10px}.staff-evidence summary{min-height:40px;font-size:13px}.staff-account .avatar{display:none}.staff-account{font-size:13px}.staff-role-tag>.icon{width:15px;height:15px}}
@media(max-width:480px){.staff-header{padding:0 16px}.staff-content{padding:24px 16px 18px}.staff-header .staff-version{display:none}.staff-header .brand>span{font-size:20px}.staff-header .identity select{max-width:168px}.staff-heading{align-items:flex-start;gap:12px}.staff-heading h1{font-size:26px}.staff-heading p{font-size:12px;max-width:265px}.staff-role-tag{margin-top:25px;font-size:10px;padding:5px 7px}.staff-role-tag>.icon{display:none}.field-submit-card{padding:25px}.field-submit-card h2{font-size:24px}.field-submit-card>.btn{min-width:0}.capture-check{margin:0 21px}.capture-tip{margin-left:21px;margin-right:21px;line-height:1.8}.staff-card-grid{grid-template-columns:1fr}.staff-task-card{padding:23px}.staff-task-meta .tiny{font-size:11px}.stage-badge{font-size:11px}.staff-task-card .btn{min-height:47px;font-size:13px}.staff-card-facts>span{font-size:12px}.staff-card-facts b{font-size:15px}.staff-tabs{gap:22px;margin-bottom:21px}.staff-nav-item{font-size:13px}.staff-detail-label{flex-wrap:wrap}.staff-evidence .comment-form label{font-size:13px}}