.rider-page{min-height:100vh;background:#f2f5f4;color:#193c32}.rider-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 28px;background:#fff;border-bottom:1px solid #e0e7e3}.rider-preview-toolbar>span{font-size:13px;color:#71857c}.rider-preview-toolbar>label{display:flex;align-items:center;gap:10px;font-size:12px;color:#75897d}.rider-preview-toolbar select{max-width:230px;font-size:12px}.rider-preview-layout{display:grid;grid-template-columns:390px minmax(0,390px);gap:80px;max-width:960px;margin:0 auto;padding:36px 25px 60px;align-items:start}.rider-phone{background:#fff;border-radius:24px;border:1px solid #d8e1dd;box-shadow:0 18px 60px #24493612;overflow:hidden;min-width:0;display:flex;flex-direction:column;min-height:805px}.rider-header{display:flex;justify-content:space-between;align-items:center;padding:23px 18px 13px}.rider-header>div{display:flex;align-items:baseline;gap:7px}.rider-brand{font-size:27px;font-weight:850;font-style:italic;letter-spacing:-1.5px;color:#073d31}.rider-header strong{font-size:20px}.rider-online{display:flex;align-items:center;gap:9px;border:0;background:#087f6b;color:#fff;border-radius:25px;font-size:12px;font-weight:600;padding:9px 12px;cursor:pointer}.rider-online>i{position:relative;background:#26b398;border-radius:20px;width:29px;height:16px}.rider-online>i:after{content:"";position:absolute;right:0;top:-1px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002}.rider-online.offline{background:#e8eeeb;color:#6d8275}.rider-online.offline>i{background:#b8c6bd}.rider-online.offline>i:after{right:13px}.rider-online:disabled{cursor:default;opacity:.7}.rider-identity{display:flex;align-items:center;gap:9px;padding:2px 19px 17px;color:#556b61;font-size:13px}.rider-identity>svg{background:#e9eeeb;border-radius:50%;box-sizing:content-box;padding:5px}.rider-identity>small{margin-left:auto;color:#91a095;font-size:10px}.rider-map{position:relative;height:325px;overflow:hidden;background:#edf0f3;flex-shrink:0}.rider-map>svg{width:100%;height:100%;object-fit:cover}.rider-map svg text{fill:#6f7e86;font-size:10px;font-family:inherit}.rider-map svg .rider-map-city{font-size:20px;fill:#69767e;font-weight:600}.rider-map-mode{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:7px;background:#f0fffaed;box-shadow:0 2px 12px #364a3914;padding:10px 13px;border-radius:24px;font-size:12px;font-weight:600;color:#1f6454}.rider-map-mode>i{width:7px;height:7px;border-radius:50%;background:#0cae83;box-shadow:0 0 0 4px #0cae8314}.rider-map-mode.offline{color:#758379;background:#f8faf9}.rider-map-mode.offline>i{background:#9ca8a0;box-shadow:none}.rider-map-destination{position:absolute;right:13px;top:80px;display:flex;gap:5px;align-items:center;font-size:10px;color:#9a641f;background:#ffffffeb;border:1px solid #ead2b3;border-radius:6px;padding:5px 7px}.rider-map-note{position:absolute;bottom:33px;left:15px;font-size:10px;color:#778894;padding:5px 7px;border-radius:5px;background:#ffffffc9}.rider-task-sheet{position:relative;margin-top:-22px;padding:12px 18px 18px;border-radius:23px 23px 0 0;background:#fff;box-shadow:0 -5px 20px #20332b06;z-index:1}.rider-sheet-handle{height:4px;width:40px;background:#d7dfe0;border-radius:4px;margin:0 auto 13px}.rider-sheet-meta{display:flex;align-items:center;justify-content:space-between}.rider-sheet-meta>span{background:#dbf2eb;color:#0a7c66;padding:5px 9px;font-size:11px;border-radius:7px;font-weight:600}.rider-sheet-meta>span.paused{background:#fff1d9;color:#af751d}.rider-sheet-meta>b{display:flex;align-items:center;gap:5px;padding:5px 9px;background:#f0f6f3;border-radius:20px;font-size:13px;font-weight:650}.rider-task-sheet h2{font-size:19px;letter-spacing:-.3px;line-height:1.5;margin:14px 0 13px;font-weight:650}.rider-person{display:flex;align-items:center;gap:9px;color:#42584d;font-size:13px}.rider-person strong{font-weight:550}.rider-person small{margin-left:auto;font-size:9px;color:#92a098}.rider-address{display:flex;gap:9px;align-items:flex-start;color:#52695e;margin:13px 0 0}.rider-address svg{flex-shrink:0;margin-top:1px}.rider-address>div{display:flex;flex-direction:column;gap:5px;min-width:0}.rider-address strong{font-size:12px;font-weight:500;line-height:1.6}.rider-address span{font-size:10px;color:#8c9b93;line-height:1.5}.rider-task-money{display:grid;grid-template-columns:1.25fr 1fr;padding:17px 0 13px;border-top:1px solid #e9eeeb;margin-top:16px}.rider-task-money>div{display:flex;flex-direction:column;gap:7px}.rider-task-money>div+div{border-left:1px solid #e3ebe6;padding-left:22px}.rider-task-money span{font-size:10px;color:#83958b}.rider-task-money strong{font-size:21px;font-weight:650;letter-spacing:-.5px}.rider-task-money strong.amber{color:#cf8733}.rider-task-money strong>small{font-size:12px;font-weight:500}.rider-task-reason{font-size:10px;color:#809187;line-height:1.7;margin:0 0 13px}.rider-primary-actions{display:flex;flex-direction:column;gap:9px}.rider-primary-actions>.btn{width:100%;justify-content:center;padding:12px 10px;font-size:13px;border-radius:8px}.rider-text-action{background:none;border:0;color:#07836d;font-size:12px;cursor:pointer;padding:5px}.rider-google-nav{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #c9e0d6;border-radius:8px;padding:11px;font-size:13px;font-weight:550;color:#087f6b;text-decoration:none;background:#f5fbf8}.rider-google-nav:hover{background:#e9f6ef}.rider-google-nav>svg:last-child{margin-left:auto}.rider-google-nav>svg:first-child{margin-right:auto}.rider-action-pair{display:flex;gap:8px}.rider-action-pair>.btn{flex:1;justify-content:center}.rider-progress{display:flex;justify-content:space-between;margin:3px 0 16px;gap:12px}.rider-progress span{display:flex;align-items:center;gap:6px;color:#9aa9a1;font-size:10px;position:relative}.rider-progress i{height:6px;width:6px;background:#d7e2db;border-radius:50%}.rider-progress .done{color:#087f6b}.rider-progress .done i{background:#087f6b;box-shadow:0 0 0 3px #e0f3eb}.rider-bottom-nav{display:flex;justify-content:space-around;border-top:1px solid #e3ebe7;background:#fff;padding:12px 6px 14px;margin-top:auto;z-index:2}.rider-bottom-nav button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;color:#8a9991;cursor:pointer;padding:0 18px;position:relative}.rider-bottom-nav .active{color:#087f6b;font-weight:650}.rider-bottom-nav .active:after{content:"";position:absolute;bottom:-9px;height:2px;border-radius:4px;width:20px;background:#087f6b}.rider-waiting{padding:20px 27px 40px;text-align:center;flex:1}.rider-waiting>svg{color:#087f6b;margin:12px 0 0}.rider-waiting h2{font-size:18px;margin-bottom:8px}.rider-waiting p{font-size:12px;line-height:1.8;color:#778d80}.rider-waiting>span{display:block;font-size:10px;color:#a1aea5;margin-top:20px}.rider-demo-guide{padding-top:34px}.rider-demo-guide>h1{font-size:29px;line-height:1.55;letter-spacing:-.7px;font-weight:600;margin:0 0 17px}.rider-demo-guide>p{font-size:13px;line-height:1.9;color:#7c8d82;margin-bottom:28px}.rider-demo-control{border:1px solid #d5e3db;border-radius:12px;background:#fff;padding:22px}.rider-demo-control>div{display:flex;align-items:center;gap:9px;color:#16765f;font-size:14px}.rider-demo-control p{font-size:12px;color:#7e9184;line-height:1.85;margin:13px 0 18px}.rider-demo-control>.btn{width:100%;justify-content:center}.rider-demo-control>small{font-size:10px;color:#94a399;display:block;line-height:1.7;margin-top:12px}.rider-candidates{margin:26px 0}.rider-candidates h3{font-size:15px;font-weight:600;margin-bottom:6px}.rider-candidates>p{font-size:11px;color:#91a093;margin-bottom:12px}.rider-candidates>div{display:flex;gap:11px;align-items:center;border-bottom:1px solid #e1e8e3;padding:13px 0}.rider-rank{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#e1eee6;color:#478267;font-size:10px}.rider-candidates>div>div{flex:1;display:flex;flex-direction:column;gap:5px}.rider-candidates strong{font-size:12px;font-weight:550}.rider-candidates small{font-size:10px;color:#92a196}.rider-candidates b{font-size:12px;font-weight:550}.rider-candidates .unavailable{color:#9eaaa2}.rider-candidates .unavailable .rider-rank{background:#e9eeeb;color:#a5b0a9}.rider-ranking-note{display:block;margin-top:12px;font-size:10px;line-height:1.7}.rider-guide-rule{display:flex;gap:10px;align-items:flex-start;color:#739481;margin-top:16px}.rider-guide-rule svg{flex-shrink:0;margin-top:2px}.rider-guide-rule p{margin:0;font-size:11px;line-height:1.85;color:#88998d}.rider-alert{display:flex;align-items:center;gap:7px;background:#fff3dd;border:0;border-bottom:1px solid #eed6ad;color:#a36d1e;padding:12px 17px;text-align:left;font:inherit;font-size:11px;cursor:pointer}.rider-alert>svg:last-child{margin-left:auto}.rider-stop-note{display:flex;gap:8px;font-size:11px;background:#fff5e5;color:#976928;padding:12px;border-radius:7px;margin:2px 0 15px;line-height:1.8}.rider-stop-note>svg{flex-shrink:0;margin-top:3px}.rider-stop-note small{display:block;font-size:10px}.rider-task-list{flex:1;padding:22px 17px;background:#f4f7f5;min-height:610px}.rider-task-list h2{font-size:18px;font-weight:600;margin-bottom:20px}.rider-task-list h2 small{font-size:13px;color:#8a9c8f;margin-left:7px}.rider-list-item{display:flex;flex-direction:column;text-align:left;gap:12px;width:100%;background:#fff;border:1px solid #e1e9e3;border-radius:10px;padding:16px;margin-bottom:12px;font:inherit;color:inherit;cursor:pointer}.rider-list-item>div{display:flex;justify-content:space-between;align-items:center}.rider-list-item strong{font-size:13px}.rider-list-item>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#8c9a90;line-height:1.6}.rider-list-item>small{display:flex;align-items:center;font-size:10px;color:#6c8a78}.rider-list-item>small>svg{margin-left:auto}.rider-profile{flex:1;padding:30px 22px;min-height:610px;text-align:center}.rider-profile-avatar{display:grid;place-items:center;width:66px;height:66px;background:#e7f3ec;color:#499376;border-radius:50%;margin:0 auto 20px}.rider-profile h2{font-size:20px}.rider-profile>p{font-size:12px;color:#8a9b8f;margin:10px 0 30px}.rider-profile>div:not(.rider-profile-avatar){display:flex;justify-content:space-between;text-align:left;padding:17px 0;border-bottom:1px solid #e5ece7;font-size:12px;color:#7e9084}.rider-profile strong{color:#24553d;font-size:15px}.rider-profile .rider-profile-note{border:0!important;margin-top:30px;gap:10px;line-height:1.8}.rider-profile-note>svg{flex-shrink:0}.rider-empty{font-size:12px;line-height:1.8;color:#8d9e92}.rider-complete-note{color:#4e8a68;font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0}.rider-complete-note p{flex-basis:100%;font-size:11px;color:#849b8b;line-height:1.7}.rider-proof-check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6}.rider-proof-check input{width:16px;height:16px;accent-color:#087f6b}.rider-page button:focus-visible,.rider-page a:focus-visible{outline:2px solid #1b9b85;outline-offset:3px}@media(max-width:980px){.rider-preview-layout{gap:35px;grid-template-columns:370px minmax(0,1fr)}.rider-demo-guide>h1{font-size:26px}.rider-preview-toolbar>span{display:none}.rider-preview-toolbar{padding:12px 18px}}@media(max-width:740px){.rider-preview-layout{display:flex;flex-direction:column;align-items:center;padding:22px 15px;gap:20px}.rider-phone{width:390px;max-width:100%}.rider-demo-guide{max-width:390px;padding-top:10px}.rider-demo-guide>h1{font-size:23px}.rider-preview-toolbar>label{font-size:0}.rider-preview-toolbar select{max-width:185px}.rider-preview-toolbar{gap:7px}.rider-preview-toolbar>.btn{font-size:11px}}@media(max-width:440px){.rider-preview-layout{padding:0;align-items:stretch}.rider-phone{width:100%;border:0;border-radius:0;box-shadow:none;min-height:calc(100svh - 92px)}.rider-demo-guide{padding:25px 20px;max-width:none}.rider-preview-toolbar{padding:9px 10px}.rider-preview-toolbar select{max-width:176px;font-size:11px}.rider-header{padding-top:18px}.rider-map{height:220px}.rider-navigating .rider-map{height:180px}.rider-task-sheet{padding-inline:18px}.rider-person small{font-size:8px}.rider-task-list,.rider-profile{min-height:560px}.rider-bottom-nav{padding-bottom:18px}}.ledger-page .ledger-four-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ledger-filters{flex-wrap:wrap}.ledger-search{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #dce3e1;border-radius:8px;padding:0 12px;min-width:260px;max-width:420px;flex:1}.ledger-search input{border:0!important;box-shadow:none!important;min-width:0;flex:1;background:transparent;outline:none}.ledger-search svg{color:#73817d}.ledger-name{border:0;padding:0;background:none;font-weight:650;color:#1a322a;cursor:pointer;text-align:left}.ledger-name:hover{color:#087f6b}.ledger-overdue{color:#b75e20}.ledger-table td{vertical-align:middle}.ledger-table td>div.text-small{margin-top:5px}.ledger-upload{border:1px dashed #becbc6;border-radius:10px;background:#f8fbf9;display:flex;align-items:center;flex-direction:column;gap:10px;padding:22px;text-align:center;margin:18px 0;color:#507065}.ledger-upload p{margin:0;color:#728079;font-size:13px}.ledger-upload input{max-width:300px;background:#fff}.ledger-check-strip{display:flex;gap:24px;align-items:center;margin:18px 0;font-size:13px}.ledger-check-strip span{display:flex;gap:8px;align-items:center}.ledger-check-strip span:first-child{color:#087f6b}.ledger-check-strip span:last-child{color:#ac6b24}.ledger-ocr-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.ledger-contract-paper{background:#fffefb;border:1px solid #e2ded4;box-shadow:0 4px 16px #233a2910;padding:30px 26px;min-height:360px;line-height:1.7;color:#4b504b}.ledger-contract-paper h3{font-family:Georgia,serif;font-size:17px;line-height:1.5;color:#263a31;margin:18px 0}.ledger-contract-paper p{font-size:13px}.ledger-contract-paper hr{border:0;border-top:1px solid #deded5;margin:22px 0}.ledger-paper-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a58359;margin-bottom:16px}.ledger-signature{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#87938b;text-align:right;margin-top:22px}.ledger-file-label{display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:13px;color:#63726b}.ledger-file-label input{font-size:12px}.ledger-ocr-placeholder{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#91a29a;padding:25px}.ledger-ocr-placeholder h3{font-size:16px;color:#577168}.ledger-ocr-placeholder p{font-size:13px;line-height:1.8}.ledger-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.7;cursor:pointer}.ledger-check input{width:16px!important;height:16px;flex:none;accent-color:#087f6b;margin-top:3px}.ledger-payment-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8e4;padding:0 0 22px;margin-bottom:24px;gap:20px}.ledger-payment-head h3{font-size:22px;margin:5px 0}.ledger-payment-head>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.ledger-payment-amount{font-size:27px;color:#153e30;letter-spacing:-1px}.ledger-proof{background:repeating-linear-gradient(0deg,#fff,#fff 27px,#f3f5f1 28px);border:1px solid #e2e7df;border-radius:8px;display:flex;align-items:center;flex-direction:column;gap:17px;padding:28px 18px;min-height:235px;text-align:center}.ledger-proof svg{color:#819888}.ledger-proof strong{font-size:15px;word-break:break-all}.ledger-proof span{font-size:13px}.ledger-proof small{font-size:11px;color:#86938b}.ledger-cash-box{border:1px solid #d9e5df;padding:20px;border-radius:10px;background:#f9fbfa}.ledger-cash-box h3{font-size:16px;margin:0}.ledger-cash-totals{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0}.ledger-cash-totals>div{display:flex;flex-direction:column;gap:7px}.ledger-cash-totals span{font-size:12px;color:#728278}.ledger-cash-totals strong{font-size:20px;color:#254937}.ledger-cash-box .form-grid{margin-bottom:15px}.ledger-page .subheading{display:flex;align-items:center;gap:8px}.ledger-customer-stage{min-height:calc(100vh - 100px);background:#f2f5f3}.ledger-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;background:#fff;border-bottom:1px solid #e1e6e2}.ledger-preview-toolbar>div{display:flex;align-items:center;gap:15px;font-size:14px}.ledger-preview-toolbar>div span{font-size:12px;color:#7c8a82}.ledger-preview-toolbar>label{display:flex;align-items:center;gap:10px;font-size:12px;color:#738178}.ledger-preview-toolbar select{width:180px}.ledger-mobile-layout{max-width:1050px;margin:0 auto;padding:40px 45px 70px;display:grid;grid-template-columns:1fr 410px;gap:80px;align-items:start}.ledger-preview-notes{padding-top:65px}.ledger-eyebrow{font-size:11px;letter-spacing:2px;color:#087f6b;font-weight:700}.ledger-preview-notes h2{font-size:34px;line-height:1.45;letter-spacing:-1px;color:#173e2f;margin:18px 0}.ledger-preview-notes>p{font-size:14px;color:#6b7c71;line-height:1.9;margin-bottom:34px}.ledger-preview-point{display:flex;align-items:flex-start;gap:12px;margin:25px 0;color:#087f6b}.ledger-preview-point>div{display:flex;flex-direction:column;gap:8px}.ledger-preview-point strong{font-size:14px;color:#344d40}.ledger-preview-point span{font-size:12px;color:#7e8c83;line-height:1.7}.ledger-preview-notes>.notice{margin-top:38px;font-size:12px}.ledger-phone{width:100%;background:#fff;border:7px solid #e0e6e1;border-radius:38px;box-shadow:0 22px 70px #24422e15;overflow:hidden}.ledger-phone-status{height:37px;padding:11px 25px 0;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.2px;color:#25392d}.ledger-customer-header{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed}.ledger-sym{display:flex;align-items:center;gap:10px;color:#d13c3e;font-size:24px;font-weight:850;font-style:italic;letter-spacing:-1.5px}.ledger-sym span{font-size:8px;font-style:normal;letter-spacing:1.4px;color:#7f8e85;border-left:1px solid #d7ded8;padding-left:10px}.ledger-mobile-content{padding:22px 19px 5px}.ledger-mobile-greeting>span{font-size:12px;color:#7d8d82}.ledger-mobile-greeting h2{font-size:23px;font-weight:650;margin:8px 0}.ledger-mobile-greeting p{font-size:10px;color:#7c8a81;margin-bottom:20px}.ledger-mobile-balance{background:#0d725e;color:#fff;border-radius:14px;padding:19px 18px 15px}.ledger-mobile-balance>.row>span:first-child{font-size:12px;color:#c5e1d8}.ledger-status-pill{font-size:9px!important;border:1px solid #ffffff40;border-radius:20px;padding:4px 7px;white-space:nowrap;color:#ddf1e8!important}.ledger-mobile-balance>strong{font-size:33px;letter-spacing:-1.2px;display:block;margin:14px 0 20px;font-weight:600}.ledger-mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ledger-mobile-summary>div{display:flex;flex-direction:column;gap:7px}.ledger-mobile-summary span{font-size:10px;color:#b6d8cb}.ledger-mobile-summary b{font-size:14px;font-weight:550}.ledger-progress{height:4px;background:#ffffff25;border-radius:4px;margin-top:20px;overflow:hidden}.ledger-progress i{display:block;height:100%;background:#9bd6b5;border-radius:4px}.ledger-progress-text{font-size:10px;color:#c2e0d4;margin-top:9px;text-align:right}.ledger-mobile-alert{display:flex;gap:10px;padding:13px 12px;background:#fff7e7;border:1px solid #f3e6c7;border-radius:9px;margin-top:15px;color:#a77b2c}.ledger-mobile-alert svg{flex:none;margin-top:2px}.ledger-mobile-alert strong{font-size:11px;color:#87672f}.ledger-mobile-alert p{font-size:10px;line-height:1.6;margin:3px 0 0;color:#927f55}.ledger-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:19px 0 24px}.ledger-mobile-actions button{border:1px solid #dde7e0;background:#fff;border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;cursor:pointer;color:#147b65}.ledger-mobile-actions button:hover{background:#f2faf6;border-color:#9dc4b2}.ledger-mobile-actions strong{font-size:12px;color:#2b4b3c;font-weight:600}.ledger-mobile-actions span{font-size:10px;color:#8a998f}.ledger-mobile-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #e5eae5;margin-bottom:3px}.ledger-mobile-tabs button{border:0;background:none;font-size:12px;color:#8b978f;padding:12px 7px 14px;position:relative;cursor:pointer}.ledger-mobile-tabs button.active{color:#087f6b;font-weight:700}.ledger-mobile-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:7px;right:7px;background:#087f6b}.ledger-installment-head{display:flex;justify-content:space-between;font-size:10px;color:#97a299;padding:18px 0 9px}.ledger-installment{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eef1ee}.ledger-installment>div{display:flex;flex-direction:column;gap:6px}.ledger-installment>div:last-child{text-align:right}.ledger-installment strong{font-size:12px;font-weight:550;color:#334b3d}.ledger-installment span{font-size:10px;color:#94a094}.ledger-installment span.paid{color:#3a9476}.ledger-installment span.late{color:#c37b35}.ledger-mobile-help{display:flex;align-items:center;gap:9px;background:#f4f7f4;border:0;border-radius:9px;padding:14px 11px;margin-top:24px;width:100%;cursor:pointer;color:#668573}.ledger-mobile-help span{font-size:10px;flex:1;text-align:left;color:#526b59}.ledger-mobile-footer{text-align:center;font-size:9px;line-height:1.8;color:#a0aaa2;margin:22px 0}.ledger-home-indicator{height:4px;background:#344438;width:110px;border-radius:9px;margin:9px auto 12px}.ledger-mobile-record{padding:18px 0;border-bottom:1px solid #ebefea;display:flex;flex-direction:column;gap:9px}.ledger-mobile-record strong{font-size:15px}.ledger-mobile-record>span,.ledger-mobile-record small{font-size:10px;color:#8a978d}.ledger-mobile-record .badge{font-size:9px}.ledger-mobile-empty{font-size:12px;color:#809183;padding:25px 0;line-height:1.7}.ledger-mobile-contract{padding:24px 0}.ledger-mobile-contract>svg{color:#68917b}.ledger-mobile-contract h3{font-size:16px;color:#314d3b}.ledger-mobile-contract>div{display:flex;justify-content:space-between;font-size:11px;padding:12px 0;border-bottom:1px solid #ebefeb;gap:12px}.ledger-mobile-contract>div>span{color:#94a094}.ledger-mobile-contract strong{text-align:right;font-weight:500;color:#3a5241;max-width:65%}.ledger-mobile-contract button{border:1px solid #d5e2d9;border-radius:8px;background:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#087f6b;width:100%;margin-top:20px;cursor:pointer}.ledger-gcash-logo{font-size:30px;color:#0671dc;font-weight:750;display:flex;align-items:center;gap:12px}.ledger-gcash-logo small{font-size:12px;background:#edf5ff;padding:5px 9px;border-radius:4px;font-weight:500}.ledger-payment-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;gap:8px;color:#087f6b}.ledger-payment-result h3{font-size:19px;color:#243f31;margin:10px 0}.ledger-payment-result p{font-size:13px;color:#7c8a81;line-height:1.8;margin:0 0 10px}.ledger-payment-result strong{font-size:26px}.ledger-page input,.ledger-page select,.ledger-page textarea,.ledger-customer-stage input,.ledger-customer-stage select,.ledger-customer-stage textarea{font-family:inherit}.ledger-page input[type=file],.ledger-customer-stage input[type=file]{font-size:12px;width:100%;max-width:100%}.ledger-page .detail-grid strong{line-height:1.7;font-size:13px}.ledger-page .detail-grid>span{font-size:12px;color:#87948d}@media(max-width:1150px){.ledger-page .ledger-four-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-mobile-layout{gap:35px;padding:30px;grid-template-columns:1fr 385px}.ledger-preview-notes h2{font-size:28px}.ledger-preview-toolbar>div span{display:none}}@media(max-width:850px){.ledger-mobile-layout{grid-template-columns:minmax(0,410px);justify-content:center;padding:25px 15px}.ledger-preview-notes{display:none}.ledger-preview-toolbar{padding:12px;flex-wrap:wrap;gap:10px}.ledger-preview-toolbar>div{display:none}.ledger-preview-toolbar>label{margin-left:auto}.ledger-preview-toolbar select{width:155px}.ledger-ocr-grid{grid-template-columns:1fr}.ledger-payment-head{align-items:flex-start}.ledger-cash-totals{gap:10px}.ledger-cash-totals strong{font-size:16px}}@media(max-width:520px){.ledger-phone{border:0;border-radius:0;box-shadow:none}.ledger-mobile-layout{padding:0;background:#fff}.ledger-phone-status{display:none}.ledger-mobile-content{padding:20px}.ledger-page .ledger-four-stats{grid-template-columns:1fr 1fr;gap:10px}.ledger-search{min-width:100%}.ledger-payment-amount{font-size:21px}.ledger-cash-totals{grid-template-columns:1fr;gap:15px}.ledger-cash-totals>div{flex-direction:row;justify-content:space-between}.ledger-check-strip{flex-direction:column;align-items:flex-start;gap:9px}.ledger-contract-paper{padding:22px 18px}.ledger-preview-toolbar>label{font-size:0}.ledger-preview-toolbar>label select{font-size:12px}}.ledger-page>.section-gap{margin-top:0;margin-bottom:22px}.ledger-page .panel>.toolbar{padding:0 20px}.ledger-page .panel>.tabs{padding:0 20px 18px}.ledger-page .panel>.notice{margin:16px 20px 20px}.ledger-customer-stage .detail-grid strong{font-size:13px;line-height:1.6}.ledger-customer-stage .detail-grid>span{font-size:12px;color:#87948d}.ledger-handover-history{margin-top:18px;border-top:1px solid #e1e8e2;padding-top:12px}.ledger-handover-history h4{font-size:12px;margin:0 0 10px}.ledger-handover-history>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#748779;padding:7px 0}.ledger-handover-history strong{color:#375c45;font-weight:550}.ledger-mobile-actions .ledger-gcash-entry{background:#edf5ff;border-color:#bfd8fb;color:#086ada}.ledger-mobile-actions .ledger-gcash-entry strong{color:#075bbd}.ledger-mobile-actions .ledger-gcash-entry span{color:#5980b0}.ledger-mobile-actions .ledger-gcash-entry:hover{background:#e2efff;border-color:#88b7f3}.ledger-payment-progress{display:inline-flex;align-items:center;gap:3px;border:0;background:none;padding:7px 0 0;color:#88621e;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.ledger-payment-progress:hover{text-decoration:underline}.ops-page{display:flex;flex-direction:column;gap:24px}.ops-page>.page-heading{margin-bottom:0}.ops-page .panel>.toolbar{padding:0 20px}.ops-page .panel>.tabs{padding:0 20px 18px}.ops-search{display:flex;align-items:center;gap:8px;min-width:290px;border:1px solid #dfe7e4;border-radius:7px;padding:0 12px;background:#fff;color:#76827f}.ops-search input{border:0!important;outline:0;width:100%;min-width:0;padding-left:0!important;box-shadow:none!important}.ops-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ops-row-actions button{white-space:nowrap}.ops-text-button{border:0;background:transparent;text-align:left;cursor:pointer;padding:0;color:inherit;font:inherit}.ops-text-button:hover{color:#087f6b}.ops-cell-note{font-size:11px;line-height:1.6;color:#80908b;margin-top:5px;max-width:190px}.ops-task-reason{max-width:250px;font-size:12px;line-height:1.65}.ops-link{font:inherit;font-size:12px;color:#087f6b;border:0;padding:0;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ops-margin-top{margin-top:8px}.ops-policy-line{display:flex;gap:30px;color:#788881;font-size:12px;padding:0 2px;flex-wrap:wrap}.ops-policy-line span{position:relative;padding-left:14px}.ops-policy-line span:before{content:"";position:absolute;top:6px;left:0;width:5px;height:5px;border-radius:50%;background:#5cb9a8}.ops-call-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #edf1ef}.ops-call-summary div{display:flex;flex-direction:column;gap:5px}.ops-call-summary span{font-size:12px;color:#73857d}.ops-transcript{background:#f7faf9;border:1px solid #e5ede9;border-radius:8px;margin-top:22px;padding:20px}.ops-speaker{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.ops-speaker>span{flex:0 0 34px;height:30px;display:flex;align-items:center;justify-content:center;background:#e0f2ec;color:#087f6b;border-radius:6px;font-size:12px;font-weight:600}.ops-speaker p{font-size:13px;line-height:1.75;margin:0;padding:10px 14px;background:#fff;border:1px solid #e6ece9;border-radius:0 8px 8px}.ops-speaker.customer>span{background:#e8eceb;color:#596b64}.ops-next{display:flex;gap:7px;font-size:12px;line-height:1.7;color:#087f6b;border-top:1px solid #e0eae6;padding-top:14px}.ops-next svg{flex-shrink:0;margin-top:2px}.ops-result{text-align:center;padding:28px 16px 34px;color:#087f6b}.ops-result h3{font-size:18px;color:#20392f;margin:16px 0 10px}.ops-result p{font-size:13px;color:#71837a}.ops-sms{margin:20px 0;border-radius:9px;background:#f2f7f5;padding:20px;border:1px solid #e1ebe6}.ops-sms small{color:#6a8075}.ops-sms p{font-size:14px;line-height:1.8;margin:12px 0 0}.ops-checkbox{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.7;margin:22px 0;cursor:pointer}.ops-checkbox input{margin-top:5px;width:15px!important;height:15px;accent-color:#087f6b;flex-shrink:0}.ops-address{display:flex;align-items:center;gap:8px;font-size:13px;color:#647a70;padding:16px 0}.ops-list-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 0 12px}.ops-list-heading small{color:#7d8c85;font-size:11px}.ops-candidates{display:flex;flex-direction:column;gap:8px}.ops-candidate{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid #e4ebe7;border-radius:8px;cursor:pointer}.ops-candidate.selected{border-color:#087f6b;background:#f2faf6}.ops-candidate.unavailable{opacity:.6;background:#f8f9f8;cursor:not-allowed}.ops-candidate>input{width:14px;accent-color:#087f6b}.ops-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e9f1ec;color:#47715d;font-size:12px;font-weight:600}.ops-candidate-info{flex:1;display:flex;flex-direction:column;gap:5px}.ops-candidate-info strong{display:flex;align-items:center;gap:9px;font-size:13px}.ops-candidate-info>span,.ops-candidate-distance small{font-size:11px;color:#83948b}.ops-candidate-distance{display:flex;flex-direction:column;gap:5px;text-align:right}.ops-candidate-distance strong{font-size:14px}.ops-field-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.ops-compact-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:14px;padding:0 20px}.ops-compact-stats>*{padding:12px 0!important;border:0!important;box-shadow:none!important}.ops-overview-note{font-size:12px;line-height:1.7;color:#778a80;margin:12px 20px 20px;padding-top:17px;border-top:1px solid #edf1ee}.ops-region{min-height:225px;position:relative;border:1px solid #e1e9e5;background:#f5f8f6;overflow:hidden;border-radius:8px}.ops-region-lines{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-image:linear-gradient(25deg,transparent 46%,#e3eae6 46.3%,#e3eae6 47%,transparent 47.3%),linear-gradient(105deg,transparent 48%,#e3eae6 48.3%,#e3eae6 49%,transparent 49.3%);background-size:150px 100px,120px 150px}.ops-region-label{position:absolute;top:18px;left:18px;font-size:12px;color:#809087;letter-spacing:.02em}.ops-region-point{position:absolute;display:flex;align-items:center;flex-direction:column;gap:4px}.ops-region-point strong{font-size:10px;padding:2px 5px;background:#fff;border-radius:3px;box-shadow:0 1px 5px #163f2210}.ops-region-point small{font-size:9px;color:#738b7d}.ops-region-point.p1{top:56px;left:51%}.ops-region-point.p2{top:115px;left:15%}.ops-region-point.p3{top:146px;right:9%}.ops-pin{display:grid;place-items:center;width:30px;height:30px;background:#087f6b;color:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #162d1920}.ops-pin.customer-pin{background:#bf884c}.ops-pin.gray{background:#9caba2}.ops-map-note{position:absolute;display:flex;gap:5px;align-items:center;left:12px;bottom:11px;color:#6f8578;font-size:10px}.ops-approval-banner{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid #dbe9e1;background:#f6faf7;border-radius:8px}.ops-banner-icon{width:42px;height:42px;border-radius:10px;background:#e3f0e8;color:#087f6b;display:grid;place-items:center;flex-shrink:0}.ops-approval-banner strong{font-size:14px}.ops-approval-banner p{margin:6px 0 0;color:#778b7e;font-size:12px}.ops-role{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:10px;font-size:12px;color:#6a7d71}.ops-approval-summary{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e9eeeb}.ops-approval-values{margin:20px 0}.detail-grid.ops-approval-values{grid-template-columns:repeat(3,1fr)}.ops-approval-values>div{display:flex;flex-direction:column;gap:7px}.ops-approval-values span{font-size:12px;color:#7f8d85}.ops-approval-values strong{font-size:15px}.ops-approval-flow{display:flex;align-items:center;justify-content:space-around;background:#f6f9f7;border-radius:8px;padding:22px 10px;margin:22px 0;gap:12px;color:#b2bfb6}.ops-approval-flow>div{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;color:#85928a;text-align:center}.ops-approval-flow>div>span{width:30px;height:30px;border-radius:50%;background:#e8eeea;display:grid;place-items:center;font-size:13px}.ops-approval-flow>div strong{font-size:13px;color:#405749}.ops-approval-flow>div small{font-size:10px}.ops-approval-flow>.done{color:#087f6b}.ops-approval-flow>.done>span{background:#dcefe3;color:#087f6b}.ops-reason-block{font-size:13px;line-height:1.8;background:#fafbfa;padding:12px 14px;border:1px solid #e9eeeb;border-radius:6px}.ops-mobile-layout{display:grid;grid-template-columns:420px minmax(300px,1fr);align-items:start;gap:54px;max-width:1080px;margin:0 auto;width:100%;padding:5px 0 20px}.ops-phone{width:390px;max-width:100%;border:8px solid #253b32;background:#f5f8f6;border-radius:35px;overflow:hidden;box-shadow:0 12px 36px #2c463215}.ops-phone-top{display:flex;justify-content:space-between;padding:14px 22px 10px;background:#fff;font-size:11px;color:#243c2e}.ops-phone .mobile-header{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 22px;background:#fff;border-bottom:1px solid #e5eee7}.ops-phone .mobile-header small{font-size:10px;color:#087f6b;letter-spacing:1.5px;font-weight:700}.ops-phone .mobile-header h2{font-size:22px;font-weight:650;margin:7px 0 0}.ops-mobile-bell{position:relative;color:#577161}.ops-mobile-bell b{position:absolute;top:-8px;right:-6px;width:16px;height:16px;display:grid;place-items:center;background:#be7d35;border-radius:50%;color:#fff;font-size:9px}.ops-mobile-body{padding:20px 16px 12px}.ops-mobile-body .field{margin-bottom:0}.ops-mobile-body select{width:100%;font-size:12px;background:#fff}.ops-mobile-greeting{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:13px}.ops-mobile-alert{display:flex;gap:8px;padding:11px;border-radius:6px;background:#fff3db;color:#996b25;font-size:12px;margin-bottom:18px;line-height:1.6}.ops-mobile-alert svg{flex-shrink:0;margin-top:1px}.ops-mobile-filter{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:13px}.ops-mobile-filter label{display:flex;gap:5px;align-items:center;color:#7b8c81;cursor:pointer}.ops-mobile-filter input{width:12px;accent-color:#087f6b}.ops-mobile-tasks{display:flex;flex-direction:column;gap:13px}.ops-mobile-task{padding:17px 15px;border:1px solid #e3eae5;border-radius:9px;background:#fff}.ops-phone .ops-mobile-task{margin:0}.ops-mobile-task>.row strong{font-size:14px}.ops-mobile-task>.text-small{display:block;font-size:10px;margin-top:5px}.ops-mobile-amount{display:flex;align-items:center;justify-content:space-between;padding:15px 0 11px}.ops-mobile-amount small{font-size:11px;color:#7c8c82}.ops-mobile-amount strong{font-size:18px;font-weight:650}.ops-mobile-address{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#6c8174;line-height:1.6;margin:0 0 12px}.ops-mobile-address svg{flex-shrink:0}.ops-mobile-task-note{font-size:11px;line-height:1.7;padding:10px;background:#f7f9f7;color:#74867a;border-radius:5px}.ops-mobile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.ops-mobile-actions button{flex:1 1 auto;justify-content:center;font-size:11px}.ops-mobile-footer{display:flex;gap:5px;justify-content:center;padding:20px 0 9px;color:#9baaa0;font-size:10px}.ops-mobile-guide{padding-top:40px;display:flex;flex-direction:column;gap:20px}.ops-steps{margin:5px 0 0;padding:0 20px 24px;list-style:none;display:flex;flex-direction:column;gap:25px}.ops-mobile-guide>.notice{display:flex;align-items:flex-start;gap:8px}.ops-steps li{display:flex;gap:15px}.ops-steps li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;font-size:12px;background:#e5f1e9;color:#087f6b}.ops-steps strong{font-size:14px}.ops-steps p{font-size:12px;color:#75897c;line-height:1.8;margin:7px 0 0}@media(max-width:1200px){.ops-field-overview{grid-template-columns:1fr}.ops-region{min-height:220px}.ops-mobile-layout{gap:28px;grid-template-columns:390px minmax(250px,1fr)}.ops-approval-banner{flex-wrap:wrap}.ops-role{margin-left:58px}}@media(max-width:780px){.ops-page{gap:18px}.ops-mobile-layout{grid-template-columns:1fr;justify-items:center;gap:10px}.ops-mobile-guide{max-width:450px;padding-top:15px}.ops-search{min-width:0;flex:1;width:100%}.ops-call-summary{flex-wrap:wrap}.ops-candidate{padding:12px 9px;gap:8px}.ops-candidate-info strong{flex-wrap:wrap;gap:4px}.ops-candidate-distance small{max-width:90px}.ops-avatar{display:none}.ops-policy-line{gap:14px}.ops-approval-flow{gap:3px;padding:18px 4px}.ops-approval-flow>div small{max-width:80px;line-height:1.5}.ops-role{margin-left:0}.ops-approval-banner{padding:18px}.ops-compact-stats{grid-template-columns:1fr 1fr}.ops-compact-stats>:last-child{grid-column:1 / -1}.ops-phone{width:390px}}:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#172c38;background:#f5f7f8;font-synthesis:none;--primary:#087f6b;--primary-dark:#056d5b;--muted:#7b8a96;--border:#e5ebed;--ink:#172c38;--green-bg:#eaf6f2;--amber:#b87512;--radius:10px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea,a{outline-color:#087f6b}button:focus-visible,a:focus-visible{outline:3px solid #75bfb0;outline-offset:3px}a{color:var(--primary);text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:25px;font-weight:650;letter-spacing:-.6px}h2{font-size:16px;font-weight:650}h3{font-size:15px;font-weight:600}small{font-size:12px}svg{flex-shrink:0}input,select,textarea{border:1px solid #dce4e7;border-radius:7px;padding:9px 11px;background:#fff;color:var(--ink);font-size:13px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #087f6b18}textarea{resize:vertical;min-height:80px}select{cursor:pointer}hr{border:0;border-top:1px solid var(--border);margin:20px 0}.demo-banner{height:30px;background:#fff4d9;color:#93621c;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;border-bottom:1px solid #f2e8cb;position:relative;z-index:30}.app-shell{display:flex;min-height:calc(100vh - 30px)}.sidebar{width:214px;flex:0 0 214px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 30px)}.brand{padding:27px 25px 22px;display:flex;gap:12px;align-items:center}.brand-mark{font-size:29px;font-weight:900;font-style:italic;color:#d62533;letter-spacing:-2px}.brand-text{padding-left:12px;border-left:1px solid var(--border);font-size:13px;line-height:1.5;font-weight:600}.brand-text small{font-size:9px;display:block;font-weight:500;color:#9aa7ae;letter-spacing:1px}.nav-label{padding:15px 24px 8px;color:#9aa7ae;font-size:10px;letter-spacing:1.6px}.nav{padding:0 12px}.nav button{width:100%;background:none;border:0;display:flex;align-items:center;gap:12px;color:#60717e;text-align:left;padding:12px 14px;font-size:13px;border-radius:7px;margin:3px 0;position:relative}.nav button svg{width:18px;height:18px;stroke-width:1.7}.nav button:hover{background:#f4f7f7;color:#2b5e52}.nav button.active{background:var(--green-bg);color:var(--primary);font-weight:600}.nav button.active:before{content:"";position:absolute;left:-12px;width:3px;height:21px;background:var(--primary);border-radius:0 3px 3px 0}.nav-counter{margin-left:auto;background:#fff;color:#a56d20;font-size:10px;padding:1px 5px;border:1px solid #eee1c8;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:18px;border-top:1px solid var(--border)}.user-line{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e9f3ef;color:var(--primary);border-radius:50%;font-size:12px;font-weight:700}.sidebar-bottom select{margin-top:10px;padding:6px 8px;width:100%;font-size:11px;color:#586c78}.main-shell{min-width:0;flex:1}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border);background:#fff}.breadcrumb{color:#8c99a2;font-size:12px;display:flex;align-items:center;gap:12px}.breadcrumb strong{color:#455e69;font-weight:500}.top-tools{display:flex;align-items:center;gap:15px}.top-date{font-size:11px;color:var(--muted)}.icon-button{background:none;border:0;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:#71818c;border-radius:6px}.icon-button:hover{background:#f0f5f4;color:var(--primary)}.content{padding:27px 30px 32px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading p{color:#8b98a1;font-size:12px;line-height:1.7;margin-top:7px}.button-row,.row{display:flex;align-items:center;gap:10px}.button-row{flex-wrap:wrap}.between{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;min-height:35px;padding:8px 13px;font-size:12px;font-weight:550;white-space:nowrap;border:1px solid #dce5e5;background:#fff;color:#49616b;transition:background .15s,box-shadow .15s}.btn svg{width:15px;height:15px;stroke-width:1.8}.btn:hover{background:#f3f8f6;border-color:#b7ceca}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary)}.btn-danger{color:#bf4a43;background:#fff4f2;border-color:#f2d2cc}.btn-small{min-height:28px;padding:5px 9px;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:19px 21px;display:flex;justify-content:space-between;gap:12px}.stat-label{font-size:12px;color:#71828c}.stat strong{display:block;font-size:26px;letter-spacing:-.7px;font-weight:620;line-height:1.4;margin-top:5px;font-variant-numeric:tabular-nums}.stat small{color:#8c9ba3;font-size:10px;display:block;margin-top:5px}.stat-icon{width:37px;height:37px;display:grid;place-items:center;background:#eaf6f2;color:var(--primary);border-radius:9px}.tone-amber{background:#fff7e7;color:#d49936}.tone-blue{background:#eef5ff;color:#5a8ed0}.tone-gray{background:#f1f4f6;color:#6f8994}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-heading{padding:19px 20px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-body{padding:0 20px 20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:20px;margin-bottom:20px}.chart-wrap{padding:0 18px 15px}.chart-wrap svg{width:100%;height:240px;display:block}.chart-wrap text{font-family:inherit;font-size:10px;fill:#a0acb2}.chart-legend{font-size:10px;color:#74858f;display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--primary)}.task-summary{padding:0 20px 8px}.task-summary button{background:none;border:0;border-bottom:1px solid #edf1f2;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:17px 0;color:#526975;font-size:12px}.task-summary button:last-child{border:0}.task-summary button:hover{color:var(--primary)}.task-summary .task-icon{color:#9baab2;margin-right:10px}.task-summary strong{font-size:18px;font-weight:600;margin-left:auto;margin-right:14px;color:var(--primary)}.task-summary strong.amber{color:#ce9441}.table-wrap{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{background:#f7f9fa;color:#7e8e97;font-size:11px;font-weight:500;padding:12px 17px;white-space:nowrap;border-block:1px solid #edf1f3}.data-table td{padding:16px 17px;border-bottom:1px solid #edf1f2;color:#4b6370;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfc}.contract-name strong{display:block;font-weight:600;font-size:12px;color:#29434f}.contract-name small{display:block;color:#94a1a9;margin-top:5px;font-size:10px}.amount{font-weight:600;font-variant-numeric:tabular-nums;color:#2c4753}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;white-space:nowrap;padding:4px 7px;font-size:10px;line-height:1.2;font-weight:500}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge-green{color:#16816b;background:#eaf6ef}.badge-amber{color:#b77e23;background:#fff5df}.badge-blue{color:#5587be;background:#edf5ff}.badge-red{color:#bd6358;background:#fff0ed}.badge-gray{color:#82919b;background:#f0f3f5}.text-muted{color:#8b99a3}.text-small{font-size:11px}.mono{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:11px}.text-green{color:var(--primary)}.action-link{background:none;border:0;display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:11px;padding:4px 0}.stack{display:flex;flex-direction:column;gap:14px}.section-gap{margin-top:22px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe7e9;border-radius:7px;padding-left:11px;color:#98a6ad}.search-box input{border:0;width:235px;font-size:12px;background:none}.search-box input:focus{outline:none}.tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tabs button{background:transparent;border:0;color:#84949f;padding:7px 12px;font-size:11px;border-radius:5px;display:flex;gap:7px;align-items:center}.tabs button.selected{background:var(--green-bg);color:var(--primary);font-weight:600}.tabs button span{font-size:10px;opacity:.8}.timeline{padding:0 20px 15px}.timeline-item{display:flex;gap:12px;position:relative;padding:10px 0 16px}.timeline-item:before{content:"";position:absolute;left:4px;top:28px;bottom:0;width:1px;background:#e8eeed}.timeline-item:last-child:before{display:none}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#83baa9;margin-top:6px;flex-shrink:0;box-shadow:0 0 0 3px #edf6f2}.timeline-item strong{font-size:11px;font-weight:550;display:block;margin-bottom:6px;color:#405b67}.timeline-item p{font-size:10px;color:#9aa7ad;line-height:1.7}.timeline-item time{font-size:9px;color:#a4b1b6;margin-bottom:5px;display:block}.notice{border-radius:7px;background:#f0f6fa;color:#537589;padding:12px 14px;font-size:12px;line-height:1.8;border:1px solid #e2ecf3}.notice.warning,.warning{background:#fffaee;color:#aa7b34;border-color:#f3e7c9}.notice.success,.success{background:#f0f8f4;color:#397b69;border-color:#dbede4}.notice.info,.info{background:#f0f6fa;color:#537589}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid dt{color:#95a2aa;font-size:11px;margin-bottom:5px}.detail-grid dd{margin:0;color:#425d69;font-size:12px;line-height:1.6}.detail-grid>div{min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#526b77}.field small{color:#9aa7af;line-height:1.6}.field input,.field select,.field textarea{width:100%}.subheading{font-size:13px;margin:18px 0 12px;font-weight:600}.empty{padding:44px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;color:#9aabb2;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#19372e52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;box-shadow:0 18px 80px #0f302c30;border-radius:13px;width:540px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;outline:none}.modal-wide{width:860px}.modal>header{padding:21px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.modal>header h2{font-size:17px}.modal-body{padding:22px 24px;overflow-y:auto;min-height:0}.modal>footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);background:#fbfcfc;border-radius:0 0 13px 13px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:300;background:#173e34;color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 8px 35px #233d3325;border-radius:9px;padding:14px 17px;font-size:12px;max-width:90vw}.toast-error{background:#80473d}.toast button{background:none;border:0;color:#fff;font-size:18px}.mobile-shell{min-height:100vh;background:#eef3f3}.mobile-topbar{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid #dfe8e7}.mobile-surface{max-width:440px;margin:26px auto;background:#f5f8f8;min-height:760px;border:1px solid #dce6e4;border-radius:22px;overflow:hidden;box-shadow:0 16px 50px #233f3410}.phone-frame{max-width:440px;margin:auto}.mobile-header{background:#fff;padding:22px;border-bottom:1px solid var(--border)}.mobile-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:19px;margin:14px}.card-list{display:flex;flex-direction:column;gap:12px}.card-list>article,.list-card{border:1px solid var(--border);border-radius:9px;padding:16px}.approval-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.approval-steps span{background:#f4f7f7;padding:7px 9px;border-radius:5px}.mini-metric{font-size:11px;color:#84959d}.mini-metric strong{display:block;font-size:20px;color:#1b4c40;margin-top:7px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-item{border:1px solid var(--border);border-radius:9px;padding:17px;background:#fff;text-align:left;color:inherit}.guide-item:hover{border-color:#79b5a5;background:#f8fcfa}.guide-item .number{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:#eaf5ef;color:var(--primary);border-radius:6px;font-size:11px;margin-bottom:12px}.guide-item strong{display:block;font-size:13px;margin-bottom:8px}.guide-item p{font-size:11px;color:#8b9aa2;line-height:1.8}.reports-bar{height:7px;background:#eef3f1;border-radius:5px;overflow:hidden;flex:1}.reports-bar i{display:block;height:100%;background:#6aaf9b}.settings-row{display:flex;gap:20px;padding:17px 0;align-items:center;border-bottom:1px solid #eff3f3}.settings-row .field{width:100%}.drawer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.drawer-metrics>div{padding:15px;background:#f6f9f8;border-radius:7px}.drawer-metrics small{color:#8c9ba4}.drawer-metrics strong{display:block;margin-top:7px;color:#225a4a;font-size:20px}.page-footer{margin-top:22px;font-size:10px;color:#a9b5ba;display:flex;justify-content:space-between}.mobile-nav-trigger{display:none}.contract-preview{background:#fffdf8;border:1px solid #e6dfd0;padding:24px;line-height:2;font-size:12px}.contract-preview h3{text-align:center;font-family:serif;margin-bottom:20px}.contract-preview .watermark{color:#be9b7a;text-align:center;font-size:11px;letter-spacing:3px;margin-top:20px}@media(min-width:1500px){.content{padding:32px 38px}.topbar{padding-inline:38px}.stat{padding:23px}.chart-wrap svg{height:265px}}@media(max-width:1190px){.sidebar{width:190px;flex-basis:190px}.content{padding:23px 22px}.topbar{padding-inline:22px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.stat{padding:16px}.stat strong{font-size:22px}.stat-icon{display:none}.page-heading{align-items:flex-start}.brand{padding-inline:19px}.page-heading h1{font-size:23px}.data-table th,.data-table td{padding-inline:12px}}@media(max-width:900px){.sidebar{width:70px;flex-basis:70px}.brand{padding:22px 10px}.brand-mark{font-size:25px}.brand-text,.nav-label,.nav button span,.sidebar-bottom .user-line>div:not(.avatar),.sidebar-bottom select{display:none}.nav{padding:0 9px}.nav button{justify-content:center;padding:14px 0}.nav button.active:before{left:-9px}.sidebar-bottom{padding:18px}.dashboard-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.page-heading{flex-wrap:wrap}.stat strong{font-size:20px}.top-date{display:none}.grid-3{grid-template-columns:1fr}.content{padding:22px}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.demo-banner{height:auto;min-height:30px;font-size:9px;padding:7px 10px;line-height:1.5;text-align:center}.sidebar{display:none}.mobile-nav-trigger{display:flex}.content{padding:18px 14px}.topbar{height:52px;padding:0 14px}.top-tools{gap:6px}.breadcrumb{font-size:11px;gap:7px}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat strong{font-size:22px}.stat small{font-size:9px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:22px}.page-heading .button-row{gap:7px}.btn{font-size:11px;padding:8px 10px}.dashboard-grid{gap:14px}.panel-heading{padding:17px 15px}.data-table{font-size:11px;min-width:640px}.grid-2,.detail-grid,.form-grid{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal{max-height:94vh}.modal>header,.modal-body,.modal>footer{padding:17px}.guide-grid{grid-template-columns:1fr}.mobile-topbar{padding:0 15px}.mobile-surface{margin:0 auto;min-height:calc(100vh - 96px);border:0;border-radius:0;box-shadow:none;max-width:480px}.top-date{display:none}.drawer-metrics{gap:7px}.drawer-metrics>div{padding:10px}.drawer-metrics strong{font-size:16px}.tabs{gap:2px}.tabs button{padding:7px 8px}.search-box,.search-box input{width:100%}.toolbar>.search-box{flex:1}.panel-body{padding:0 15px 16px}.page-footer{font-size:9px}.chart-wrap{padding-inline:8px}.chart-wrap svg{height:220px}.notice{font-size:11px}.sidebar.mobile-open{display:flex;position:fixed;left:0;top:30px;bottom:0;z-index:70;width:214px;height:calc(100vh - 30px);box-shadow:0 0 0 100vmax #142f3540}.sidebar.mobile-open .brand-text,.sidebar.mobile-open .nav-label,.sidebar.mobile-open .nav button span,.sidebar.mobile-open .sidebar-bottom select{display:block}.sidebar.mobile-open .nav button{justify-content:flex-start;padding:12px 14px}.sidebar.mobile-open .brand{padding:23px}.sidebar.mobile-open .nav{padding:0 12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-shell>.ops-page{max-width:1220px;margin:auto;padding:28px 32px}.mobile-shell>.ops-page>.page-heading{margin-bottom:0}@media(max-width:600px){.mobile-shell>.ops-page{padding:20px 14px}.mobile-shell>.ops-page>.page-heading h1{font-size:20px}}.nav button{font-size:14px}.btn,.data-table{font-size:13px}.data-table th{font-size:12px}.contract-name strong{font-size:13px}.contract-name small{font-size:11px}.stat-label{font-size:13px}.page-heading p{font-size:13px;color:#788a94}.text-muted{color:#788b96}.panel-heading h2{font-size:17px}.tabs button{font-size:12px}.task-summary button{font-size:13px}.timeline-item strong{font-size:12px}.timeline-item p{font-size:11px;color:#82959d}.action-link{font-size:12px}.badge{font-size:11px}.chart-wrap text{font-size:11px;fill:#82969f}.field{font-size:13px}.chart-legend{font-size:11px}@media(max-width:600px){.data-table,.btn,.page-heading p{font-size:12px}.tabs button{font-size:11px}.badge{font-size:10px}}@media(max-width:780px){.ops-mobile-layout{grid-template-columns:minmax(0,1fr);min-width:0}.ops-phone,.ops-mobile-guide{width:100%;min-width:0;max-width:390px}}@media(max-width:520px){.ops-phone{border:0;border-radius:12px;box-shadow:none}.ops-phone-top{display:none}.ops-mobile-body{padding:18px 13px}.ops-mobile-footer{font-size:9px}}