:root{--ink:#17212b;--muted:#667085;--line:#e5e9ef;--surface:#fff;--canvas:#f5f7f9;--navy:#122b3b;--navy-soft:#1c4258;--primary:#166b55;--primary-dark:#0e5945;--primary-soft:#e9f5f0;--warning:#9a6700;--warning-soft:#fff7dc;--danger:#b42318;--danger-soft:#fff0ee;--info:#175cd3;--info-soft:#eef4ff;--shadow:0 12px 34px #17212b14}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;height:100vh;padding:24px 16px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brand-mark,.login-logo{color:#fff;background:#2ba67f;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.brand b{letter-spacing:-.2px;font-size:17px;display:block}.brand small{color:#91b1c2;letter-spacing:1.4px;margin-top:4px;font-size:9px;font-weight:700;display:block}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-link{color:#c8d7df;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-weight:600;transition:all .16s;display:flex}.nav-link span{text-align:center;color:#9bb5c2;width:22px;font-size:18px}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:var(--navy-soft);box-shadow:inset 3px 0 #42c79a}.nav-link.active span{color:#65d9b2}.sidebar-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:15px}.nav-link.logout{margin-top:3px}.main-content{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(18px,3vw,40px);display:flex}.eyebrow{color:var(--primary);letter-spacing:1.5px;margin:0 0 4px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.5px;margin:0;font-size:23px}.admin-chip{align-items:center;gap:9px;display:flex}.admin-chip>span{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.admin-chip b,.admin-chip small{display:block}.admin-chip b{font-size:13px}.admin-chip small{color:var(--muted);margin-top:2px;font-size:11px}.page-content{max-width:1500px;margin:0 auto;padding:30px clamp(18px,3vw,40px) 60px}.page-intro{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-intro h2{letter-spacing:-.5px;margin-bottom:7px;font-size:24px}.page-intro p{max-width:720px;color:var(--muted);margin:0;line-height:1.55}.button-row,.hero-actions,.profile-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:9px 15px;font-weight:700;transition:all .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.primary{color:#fff;background:var(--primary)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{color:#344054;background:#fff;border-color:#d5dae2}.button.secondary:hover{background:#f8fafb;border-color:#bcc4cf}.button.ghost{color:#475467;background:0 0}.button.ghost:hover{background:#edf0f3}.button.danger{color:#fff;background:var(--danger)}.button.danger-outline{color:var(--danger);background:#fff;border-color:#f2c8c4}.button.compact{min-height:34px;padding:6px 11px;font-size:13px}.button.wide{width:100%}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.icon-button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:23px;display:grid}.icon-button:hover{background:#f1f3f5}.danger-text{color:var(--danger)!important}.warning-text{color:var(--warning)!important}.positive{color:#087443!important}.negative{color:var(--danger)!important}.muted{color:var(--muted)}.kpi-grid{gap:14px;margin-bottom:22px;display:grid}.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:132px;padding:18px 19px;box-shadow:0 2px 8px #17212b06}.kpi>span{color:var(--muted);font-size:13px;font-weight:650;display:block}.kpi strong{letter-spacing:-.8px;margin:11px 0 7px;font-size:clamp(23px,2vw,30px);display:block}.kpi small{color:var(--muted)}.kpi.warning{background:linear-gradient(135deg,#fff,var(--warning-soft));border-color:#f0d79a}.kpi.info{background:linear-gradient(135deg,#fff,var(--info-soft));border-color:#ccdaef}.kpi.success{background:linear-gradient(135deg,#fff,var(--primary-soft));border-color:#cce6dc}.panel{border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-bottom:20px;padding:19px;box-shadow:0 2px 9px #17212b06}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.panel-heading h3{margin:0;font-size:17px}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.45}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.info{color:var(--info);background:var(--info-soft)}.status-badge.success{color:#087443;background:var(--primary-soft)}.status-badge.warning{color:var(--warning);background:var(--warning-soft)}.status-badge.danger{color:var(--danger);background:var(--danger-soft)}.status-badge.neutral{color:#475467;background:#f0f2f5}.task-list{flex-direction:column;gap:9px;display:flex}.task-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:5px minmax(0,1fr) auto auto;align-items:center;gap:15px;min-height:93px;padding:15px 16px 15px 10px;display:grid;position:relative}.task-card:hover{border-color:#cbd3dc;box-shadow:0 7px 18px #17212b0f}.task-marker{background:#98a2b3;border-radius:5px;align-self:stretch}.task-marker.danger{background:var(--danger)}.task-marker.warning{background:#e5a800}.task-marker.info{background:var(--info)}.task-main h3{margin:7px 0 4px;font-size:15px}.task-main p{color:var(--muted);margin:0;font-size:13px}.task-amount{white-space:nowrap}.tabs{border:1px solid var(--line);background:#edf0f3;border-radius:11px;gap:4px;width:fit-content;max-width:100%;margin-bottom:19px;padding:4px;display:flex;overflow:auto}.tabs button{color:#5c6673;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:35px;padding:7px 13px;font-weight:700;display:flex}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #17212b14}.tabs button span{background:#dce1e7;border-radius:99px;min-width:20px;padding:2px 6px;font-size:11px}.tabs button.active span{color:var(--primary);background:var(--primary-soft)}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:17px;display:flex}.filter-chip{border:1px solid var(--line);color:#5d6671;cursor:pointer;background:#fff;border-radius:99px;min-height:34px;padding:6px 12px;font-weight:650}.filter-chip.active{color:#fff;border-color:var(--primary);background:var(--primary)}.search-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.search-toolbar form{background:#fff;border:1px solid #d5dae2;border-radius:11px;flex:1;align-items:center;gap:9px;max-width:760px;padding:7px 7px 7px 13px;display:flex}.search-toolbar form>span{color:#98a2b3;font-size:21px}.search-toolbar input{border:0;outline:none;flex:1;min-width:100px;padding:7px 0}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.customer-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;min-height:100px;padding:16px;transition:all .16s;display:flex}.customer-card:hover{box-shadow:var(--shadow);border-color:#c9d6d1;transform:translateY(-2px)}.avatar{width:46px;height:46px;color:var(--primary);background:var(--primary-soft);border-radius:13px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.avatar.large{border-radius:18px;width:68px;height:68px;font-size:27px}.avatar.small{border-radius:10px;width:36px;height:36px;font-size:14px}.customer-info{flex:1;min-width:0}.customer-info h3{margin:0 0 5px;font-size:16px}.customer-info p{color:var(--muted);margin:0 0 9px}.customer-info div{flex-wrap:wrap;gap:7px;display:flex}.customer-info div span{color:#52606c;background:#f1f3f5;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:650}.card-arrow{color:#98a2b3;font-size:26px}.profile-hero,.transaction-hero{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:16px;margin-bottom:20px;padding:19px;display:flex}.profile-hero>div:nth-child(2),.transaction-hero>div:first-child{flex:1;min-width:0}.profile-hero h2,.transaction-hero h2{margin:0 0 6px;font-size:23px}.profile-hero p,.transaction-hero p{color:var(--muted);margin:0}.back-link{color:#52606c;margin-bottom:15px;font-weight:700;display:inline-block}.back-link:hover{color:var(--primary)}.simple-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.bank-card{color:#fff;background:linear-gradient(135deg,#17394b,#166b55);border-radius:15px;min-height:210px;padding:19px;position:relative;overflow:hidden}.bank-card:after{content:"";border:35px solid #ffffff12;border-radius:50%;width:170px;height:170px;position:absolute;top:-55px;right:-45px}.bank-card>div:first-child{flex-direction:column;gap:24px;display:flex}.bank-card>div span{letter-spacing:.8px;font-size:13px;font-weight:700}.bank-card>div strong{letter-spacing:2px;font-size:21px}.bank-card p{color:#cbe2da;margin:17px 0;font-size:12px}.bank-card dl{gap:25px;margin:0 0 14px;display:flex}.bank-card dt{color:#acd0c3;font-size:10px}.bank-card dd{margin:3px 0 0;font-weight:700}.bank-card .text-button{z-index:1;color:#fff;position:relative}.record-list{flex-direction:column;display:flex}.record-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:15px;padding:14px 4px;display:grid}.record-row:last-child{border:0}.record-row:hover{background:#fbfcfc}.record-row b,.record-row span{display:block}.record-row div:first-child span{color:var(--muted);margin-top:5px;font-size:12px}.record-money{text-align:right}.record-money small{color:var(--muted);margin-bottom:4px;display:block}.request-grid,.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.request-card,.case-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px}.request-head,.case-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.request-card h3,.case-card h3{margin:14px 0 5px;font-size:17px}.request-card>p,.case-card>p{color:var(--muted);margin:0 0 14px;font-size:13px}.command-text{min-height:36px}.ocr-summary{background:#f6f8f9;border-radius:10px;margin:14px 0;padding:11px}.ocr-summary div{justify-content:space-between;gap:10px;margin:6px 0;font-size:12px;display:flex}.ocr-summary span{color:var(--muted)}.case-card{transition:all .16s}.case-card:hover{box-shadow:var(--shadow);border-color:#c9d6d1;transform:translateY(-2px)}.case-card dl{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0;display:grid}.case-card dl div{background:#f5f7f8;border-radius:8px;padding:9px}.case-card dt{color:var(--muted);font-size:10px}.case-card dd{margin:5px 0 0;font-size:12px;font-weight:800}.case-card footer{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.case-card footer b{color:var(--primary)}.progress{background:#e7ebef;border-radius:99px;height:6px;overflow:hidden}.progress>div{border-radius:inherit;background:linear-gradient(90deg,var(--primary),#36b48b);height:100%}.progress.large{height:9px}.hero-meta{color:var(--muted);align-items:center;gap:9px;margin-bottom:7px;font-size:11px;font-weight:800;display:flex}.workflow{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(6,1fr);margin:0 0 20px;padding:17px 12px;display:grid;position:relative}.workflow-line{background:#e2e6ea;height:2px;position:absolute;top:35px;left:9%;right:9%}.workflow-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.workflow-step span{color:#667085;z-index:1;background:#e5e9ed;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.workflow-step b{color:#7a8490;max-width:120px;font-size:11px}.workflow-step.completed span{color:#fff;background:var(--primary)}.workflow-step.completed b{color:var(--primary)}.workflow-step.active span{color:#fff;box-shadow:0 0 0 4px var(--warning-soft);background:#e6a700}.workflow-step.active b{color:var(--ink)}.transaction-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px;display:grid}.transaction-side{min-width:0}.next-action{background:linear-gradient(135deg,#fff,#f2faf7);border-color:#bfddd2}.money-progress{margin-top:10px}.money-progress>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.summary-grid .panel{margin:0}.metric,.info-row{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:15px;min-height:42px;padding:9px 0;display:flex}.metric:last-child,.info-row:last-child{border:0}.metric span,.info-row span{color:var(--muted);font-size:12px}.metric b,.info-row b{text-align:right;font-size:13px}.metric.emphasize{background:var(--warning-soft);border:0;border-radius:8px;margin:6px -7px 0;padding:11px 7px}.metric.ok b{color:var(--primary)}.evidence-list article,.queue-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 3px;display:grid}.evidence-list article:last-child,.queue-list article:last-child{border:0}.evidence-list article>div,.queue-list article>div{min-width:0}.evidence-list b,.evidence-list span,.queue-list b,.queue-list span{display:block}.evidence-list span,.queue-list span{color:var(--muted);margin-top:5px;font-size:11px}.evidence-list .status-badge{margin-bottom:6px;display:inline-flex}.queue-list article{grid-template-columns:minmax(0,1fr) auto auto}.timeline{padding-left:7px}.timeline article{grid-template-columns:22px 1fr;gap:10px;min-height:80px;display:grid;position:relative}.timeline article:after{content:"";background:#dfe4e8;width:1px;position:absolute;top:15px;bottom:-5px;left:6px}.timeline article:last-child:after{display:none}.timeline-dot{background:var(--primary);z-index:1;border:3px solid #d0ece2;border-radius:50%;width:13px;height:13px;margin-top:3px}.timeline b,.timeline small{display:block}.timeline small{color:var(--muted);margin-top:3px}.timeline p{color:#475467;margin:7px 0 0}.debt-list{flex-direction:column;gap:11px;display:flex}.debt-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(250px,1.2fr) minmax(330px,1fr) minmax(160px,.7fr);align-items:center;gap:20px;padding:16px;display:grid}.debt-customer{align-items:center;gap:12px;display:flex}.debt-customer h3{margin:0 0 5px;font-size:15px}.debt-customer p{color:var(--muted);margin:0 0 5px;font-size:12px}.debt-customer p a{color:var(--primary);font-weight:700}.debt-customer span{color:var(--muted);font-size:11px}.debt-numbers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.debt-numbers span,.debt-numbers b{display:block}.debt-numbers span{color:var(--muted);font-size:10px}.debt-numbers b{margin-top:5px;font-size:13px}.debt-actions{text-align:right}.debt-actions details{text-align:left;margin-top:10px}.debt-actions summary,details summary{color:var(--primary);cursor:pointer;font-size:12px;font-weight:700}.payment-history{background:#f6f8f9;border-radius:8px;min-width:280px;margin-top:8px;padding:8px}.payment-history>div{grid-template-columns:1fr auto 28px;align-items:center;gap:8px;min-height:34px;font-size:11px;display:grid}.split-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.split-panels .panel{margin:0}.fund-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:19px;display:grid}.fund-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px}.fund-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.fund-card>div>span{font-weight:700}.fund-card>strong{margin:17px 0 10px;font-size:23px;display:block}.fund-card p{color:var(--muted);margin:0;font-size:11px}.automation-card{background:#f6f8f9;border-radius:11px;grid-template-columns:auto minmax(200px,1fr) auto;align-items:center;gap:15px;padding:14px;display:grid}.automation-icon{border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid}.automation-icon.on{color:var(--primary);background:var(--primary-soft)}.automation-icon.off{color:var(--danger);background:var(--danger-soft)}.automation-card h3{margin:0 0 4px;font-size:15px}.automation-card p{color:var(--muted);margin:0;font-size:12px}.automation-stats{gap:20px;display:flex}.automation-stats span{color:var(--muted);text-align:center;font-size:10px}.automation-stats b{color:var(--ink);margin-bottom:3px;font-size:18px;display:block}.settings-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto 34px;align-items:center;gap:13px;padding:13px 3px;display:grid}.settings-list article:last-child{border:0}.settings-list b,.settings-list span{display:block}.settings-list span{color:var(--muted);margin-top:4px;font-size:11px}.integration-card{background:var(--primary-soft);border:1px solid #cce6dc;border-radius:12px;align-items:center;gap:14px;padding:17px;display:flex}.zalo-logo{color:#fff;background:#0879e7;border-radius:15px;place-items:center;width:52px;height:52px;font-size:25px;font-weight:800;display:grid}.integration-card h3{margin:0 0 7px}.integration-card p{color:var(--muted);margin:0}.contact-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px;display:grid}.contact-list>div{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.contact-list b,.contact-list span{display:block}.contact-list span{color:var(--muted);margin-top:3px;font-size:10px}.table-wrap{border:1px solid var(--line);border-radius:11px;width:100%;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.table-wrap th,.table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f2;padding:11px 12px}.table-wrap th{color:#5e6874;letter-spacing:.2px;background:#f7f8f9;font-size:11px}.table-wrap tbody tr:last-child td{border:0}.table-wrap tbody tr:hover{background:#fbfcfc}.table-wrap td small{color:var(--muted);margin-top:4px;display:block}.table-wrap td.number{text-align:right}.wrap-cell{min-width:220px;max-width:450px;white-space:normal!important}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08172094;place-items:center;padding:20px;animation:.14s fadeIn;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(620px,100%);max-height:calc(100vh - 40px);animation:.18s riseIn;overflow:auto;box-shadow:0 30px 90px #05121952}.modal.small{width:min(440px,100%)}.modal.large{width:min(920px,100%)}.modal>header{z-index:3;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:17px 19px;display:flex;position:sticky;top:0}.modal>header h2{margin:0;font-size:18px}.modal-body{padding:19px}.form-stack{flex-direction:column;gap:15px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{color:#344054;min-width:0;font-size:12px;font-weight:700;display:block}.field>span{margin-bottom:6px;display:block}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd3dc;border-radius:9px;outline:0;padding:10px 11px;font-weight:500}.field textarea{resize:vertical;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:#70b59f;box-shadow:0 0 0 3px #e3f3ed}.field small{color:var(--muted);margin-top:5px;font-weight:500;display:block}.modal-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.confirm-message{color:#475467;margin-bottom:21px;line-height:1.6}.notice-box{color:#245b4a;background:var(--primary-soft);border-radius:9px;flex-direction:column;gap:5px;padding:12px;display:flex}.notice-box span{color:#4f7166;font-size:12px}.inline-error,.cell-error{color:var(--danger)!important}.inline-error{background:var(--danger-soft);border-radius:8px;padding:10px}.cell-error{white-space:normal;max-width:260px}.check-row{align-items:center;gap:9px;font-weight:600;display:flex}.check-row input{width:18px;height:18px}.form-stack details{border:1px solid var(--line);border-radius:9px;padding:10px 12px}.form-stack details[open] summary{margin-bottom:13px}.picker-list{flex-direction:column;gap:7px;display:flex}.picker-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.picker-list button:hover{background:#f5fbf9;border-color:#9fcbbd}.picker-list b,.picker-list span{display:block}.picker-list span{color:var(--muted);margin-top:5px;font-size:11px}.searchable-select{width:100%;font-weight:500;position:relative}.searchable-select-trigger{width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #ccd3dc;border-radius:9px;outline:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.searchable-select-trigger:hover{border-color:#aab4c0}.searchable-select.open .searchable-select-trigger{border-color:#70b59f;box-shadow:0 0 0 3px #e3f3ed}.searchable-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-trigger .placeholder{color:#98a2b3}.searchable-select-trigger b{color:var(--muted);font-size:16px}.searchable-select-popover{z-index:30;background:#fff;border:1px solid #d7dde5;border-radius:11px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 38px #17212b2e}.searchable-select-search{border:1px solid #ccd3dc;border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.searchable-select-search:focus-within{border-color:#70b59f;box-shadow:0 0 0 3px #e3f3ed}.searchable-select-search span{color:var(--muted)}.field .searchable-select-search input{box-shadow:none;border:0;padding:9px 0}.field .searchable-select-search input:focus{box-shadow:none;border:0}.searchable-select-list{overscroll-behavior:contain;max-height:245px;margin-top:7px;overflow-y:auto}.searchable-select-list button{color:#344054;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.searchable-select-list button:hover,.searchable-select-list button:focus-visible{background:#f1f8f5;outline:0}.searchable-select-list button.selected{color:var(--primary-dark);background:var(--primary-soft);font-weight:700}.searchable-select-list p{color:var(--muted);text-align:center;margin:0;padding:17px 10px}.searchable-select-more{border-top:1px solid var(--line);color:var(--muted);padding:8px 7px 2px;font-size:11px;display:block}.toast-stack{z-index:150;flex-direction:column;gap:9px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line);width:min(390px,100vw - 40px);box-shadow:var(--shadow);background:#fff;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;animation:.2s riseIn;display:flex}.toast>:first-child{border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.toast.success>:first-child{color:var(--primary);background:var(--primary-soft)}.toast.danger>:first-child{color:var(--danger);background:var(--danger-soft)}.toast.info>:first-child{color:var(--info);background:var(--info-soft)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:28px;display:flex}.empty-icon{width:46px;height:46px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center;margin-bottom:12px;font-weight:800;display:grid}.empty-state h3{margin-bottom:6px;font-size:16px}.empty-state p{max-width:440px;color:var(--muted);margin-bottom:14px}.error-state{color:var(--danger);background:var(--danger-soft);border:1px solid #f2c8c4;border-radius:12px;margin-bottom:18px;padding:17px}.error-state p{margin:5px 0 12px}.full-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.loader{border:3px solid #dce5e1;border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;margin-bottom:15px;animation:.8s linear infinite spin}.full-state h2{margin:0;font-size:18px}.full-state p{color:var(--muted)}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skeleton-card,.skeleton-list div{background:linear-gradient(90deg,#e9edf0 25%,#f5f7f8 50%,#e9edf0 75%) 0 0/200% 100%;border-radius:13px;animation:1.2s infinite shimmer}.skeleton-card{height:132px}.skeleton-list{flex-direction:column;gap:12px;display:flex}.skeleton-list div{height:90px}.login-page{background:radial-gradient(circle at 100% 0,#dceee8 0,#0000 34%),linear-gradient(145deg,#f7f9fa,#edf2f1);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #dde3e5;border-radius:18px;width:min(400px,100%);padding:31px;box-shadow:0 28px 70px #132d3b24}.login-logo{width:48px;height:48px;margin-bottom:18px;font-size:24px}.login-card h1{margin-bottom:7px}.login-card>p{color:var(--muted);margin-bottom:24px}.login-card .field{margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}}@keyframes riseIn{0%{opacity:0;transform:translateY(7px)}}@media (max-width:1180px){.kpi-grid.four,.request-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-layout{grid-template-columns:1fr}.transaction-side{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.debt-card{grid-template-columns:1fr 1fr}.debt-actions{grid-column:1/-1;justify-content:space-between;align-items:flex-start;display:flex}}@media (max-width:820px){.app-shell{padding-bottom:66px;display:block}.sidebar{border-top:1px solid #ffffff1f;height:66px;padding:7px 8px;display:block;position:fixed;inset:auto 0 0}.brand,.sidebar-bottom .logout{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.nav-link{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:4px 2px;font-size:9px}.nav-link span{font-size:17px}.nav-link.active{box-shadow:inset 0 -3px #42c79a}.sidebar-bottom{z-index:40;border:0;margin:0;padding:0;position:fixed;top:17px;right:14px}.sidebar-bottom .nav-link{border:1px solid var(--line);width:40px;height:40px;min-height:40px;color:var(--muted);background:#fff;border-radius:10px;font-size:0;box-shadow:0 3px 10px #17212b14}.sidebar-bottom .nav-link span{color:var(--muted)}.topbar{height:72px;padding:0 64px 0 16px}.topbar .admin-chip{display:none}.topbar h1{font-size:19px}.page-content{padding:22px 13px 35px}.page-intro{flex-direction:column;align-items:stretch}.page-intro h2{font-size:21px}.page-intro .button{width:100%}.kpi-grid.four,.kpi-grid.three,.skeleton-grid,.customer-grid,.request-grid,.case-grid,.split-panels,.summary-grid,.contact-list{grid-template-columns:1fr}.kpi-grid{gap:9px}.kpi{min-height:106px}.task-card{grid-template-columns:5px minmax(0,1fr)}.task-card .task-amount,.task-card .button{grid-column:2;justify-self:start}.search-toolbar{flex-direction:column;align-items:stretch}.search-toolbar form{max-width:none}.profile-hero,.transaction-hero{flex-wrap:wrap;align-items:flex-start}.profile-actions,.hero-actions{width:100%}.profile-actions .button,.hero-actions .button{flex:1}.workflow{grid-template-columns:repeat(6,105px);overflow-x:auto}.workflow-line{width:520px;left:55px;right:auto}.transaction-side,.debt-card{grid-template-columns:1fr}.debt-numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.debt-actions{text-align:left;grid-column:auto;display:block}.automation-card{grid-template-columns:auto 1fr}.automation-stats{grid-column:1/-1;justify-content:space-around}.settings-list article{grid-template-columns:minmax(0,1fr) auto 34px}.settings-list article .button{grid-column:1/-1;width:100%}.queue-list article{grid-template-columns:minmax(0,1fr) auto}.queue-list article .button,.queue-list article .text-button{text-align:center;grid-column:1/-1;justify-self:stretch}.form-grid,.form-grid.three{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal,.modal.small,.modal.large{border-radius:18px 18px 0 0;width:100%;max-height:94vh}.toast-stack{bottom:78px;right:12px}.case-card dl{grid-template-columns:1fr}.panel{padding:14px}.panel-heading{flex-direction:column;align-items:stretch}.panel-heading>:last-child.button{width:100%}}@media (max-width:480px){.task-card{padding-right:10px}.tabs{width:100%}.tabs button{flex:1;justify-content:center}.kpi strong{font-size:22px}.request-card,.case-card{padding:14px}.debt-numbers{grid-template-columns:1fr 1fr}.debt-numbers>div:last-child{grid-column:1/-1}.modal-body{padding:15px}.modal-actions .button{flex:1}.admin-chip{display:none}}.request-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.request-comparison>div{overflow-wrap:anywhere;border:1px solid #dfe7e4;border-radius:10px;gap:7px;min-width:0;padding:14px;display:grid}.request-comparison small{color:#66736f;font-size:11px}.request-comparison span{font-size:13px}.request-evidence{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.request-evidence a{color:#456458;gap:5px;max-width:150px;font-size:11px;display:grid}.request-evidence img{object-fit:contain;background:#f2f5f3;border:1px solid #dfe7e4;border-radius:8px;width:140px;height:140px}.request-progress{background:#f2f7f5;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;padding:14px;display:grid}.request-progress span{color:#66736f;gap:7px;font-size:12px;display:grid}.request-progress b{color:#173d34;overflow-wrap:anywhere;font-size:16px}.request-ack{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.request-ack input{flex-shrink:0;margin-top:5px;width:auto!important}.execution-entry{border-top:1px solid #dfe7e4;padding:16px 0}.execution-entry>div:first-child{justify-content:space-between;gap:10px;display:flex}.execution-entry p{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.request-evidence+.inline-error{margin-top:0}@media (max-width:650px){.request-comparison{grid-template-columns:1fr}.request-progress{grid-template-columns:1fr 1fr}.request-evidence img{width:115px;height:115px}.execution-entry>div:first-child{flex-wrap:wrap}.request-progress b{font-size:14px}}
