@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{color:#17201b;font-synthesis:none;background:#f5f7f5;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#11271c;flex-direction:column;width:246px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 26px;display:flex}.brand-mark{background:#36a363;border-radius:11px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand small{color:#8caa98;margin-top:3px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar button{color:#aec4b5;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#214530}.sidebar nav button.active{box-shadow:inset 3px 0 #56c27c}.sidebar .reset{border:1px solid #365542;margin-top:auto}.sidebar-foot{color:#789182;justify-content:space-between;padding:18px 10px 0;font-size:11px;display:flex}.sidebar-foot span{color:#7fd39e}.shell{width:calc(100% - 246px);min-height:100vh;margin-left:246px}header{z-index:10;background:#fff;border-bottom:1px solid #e3e8e4;align-items:center;height:82px;padding:0 30px;display:flex;position:sticky;top:0}header h1{margin:0;font-size:19px}header p{color:#7b857f;margin:5px 0 0;font-size:12px}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon{background:#f5f7f5;border:0;border-radius:9px;width:40px;height:40px;position:relative}.icon i{background:#e05252;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.profile{background:0 0;border:0;align-items:center;gap:10px;display:flex}.profile>span{color:#17643a;background:#def1e5;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.profile strong,.profile small{text-align:left;display:block}.profile small{color:#89928c;margin-top:2px}.menu{background:0 0;border:0;margin-right:12px;display:none}main{max-width:1500px;margin:auto;padding:26px 30px}footer{text-align:center;color:#849089;padding:24px;font-size:11px}.demo-banner,.demo-note,.misa-status,.boundary,.import-summary{background:#edf8f1;border:1px solid #cce7d5;border-radius:11px;align-items:center;gap:13px;margin-bottom:20px;padding:13px 16px;display:flex}.demo-banner strong{color:#1c7042;white-space:nowrap}.demo-banner span,.demo-note p,.misa-status p,.boundary p,.import-summary p{color:#526159;margin:0;font-size:12px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.card{background:#fff;border:1px solid #e3e8e4;border-radius:12px;padding:19px;box-shadow:0 1px 2px #152b1c0a}.stats .card{align-items:center;gap:14px;display:flex}.stats .card small,.stats .card b,.stats .card em{display:block}.stats .card b{margin:4px 0;font-size:27px}.stats .card em{color:#278452;align-items:center;font-size:10px;font-style:normal;display:flex}.stats .card em svg{width:13px}.stat-icon{border-radius:11px;place-items:center;width:46px;height:46px;display:grid}.stat-icon.green{color:#278452;background:#e5f5ea}.stat-icon.blue{color:#327db9;background:#e5f0fa}.stat-icon.amber{color:#b77814;background:#fff3da}.stat-icon.purple{color:#7750b7;background:#f1eafd}.grid.two{grid-template-columns:1.25fr 1fr;gap:20px;display:grid}.card-head,.page-title,.toolbar{justify-content:space-between;align-items:center;display:flex}.card h3,.card-head h3{margin:0;font-size:15px}.card-head p,.page-title p{color:#7c8780;margin:5px 0 0;font-size:12px}.progress-row{justify-content:space-between;margin-top:28px;font-size:13px;display:flex}.bar{background:#edf0ee;border-radius:10px;height:9px;margin:10px 0 20px}.bar i{background:#42a968;border-radius:10px;height:100%;display:block}.legend{justify-content:space-between;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.green{background:#42a968}.dot.amber{background:#e5aa36}.dot.gray{background:#c6ceca}.alerts article{border-bottom:1px solid #edf0ee;align-items:center;gap:11px;padding:13px 0;display:flex}.alerts article:last-child{border:0}.alerts article>div{flex:1}.alerts strong{font-size:12px}.alerts p{color:#7d8781;margin:3px 0;font-size:10px}.alert-icon{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.alert-icon.amber{color:#a26b0e;background:#fff3da}.alert-icon.red{color:#bf4141;background:#fdeaea}.alert-icon.blue{color:#3c78b1;background:#e8f2fd}.pill{color:#5e6862;white-space:nowrap;background:#eef1ef;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:inline-flex}.pill.green{color:#257745;background:#e5f5ea}.pill.amber{color:#97650f;background:#fff3da}.pill.red{color:#b43737;background:#fdeaea}.pill.blue{color:#2a6fae;background:#e7f1fc}.pill.purple{color:#7149aa;background:#f0e9fc}.page-title{margin-bottom:18px}.page-title h2{margin:0;font-size:21px}.page-title>div:last-child,.page-title>button{gap:9px;display:flex}button{color:#334139;background:#fff;border:1px solid #dce3df;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;display:inline-flex}.primary{color:#fff;background:#22824c;border-color:#22824c}.primary:disabled{background:#8c9e93;border-color:#8c9e93}.toolbar{gap:10px;margin-bottom:16px}.search{border:1px solid #dce3df;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:360px;padding:0 11px;display:flex}.search input{border:0;outline:0;width:100%;height:38px}.toolbar select{border:1px solid #dce3df;border-radius:8px;padding:9px}.result{color:#758078;margin-left:auto;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#7a857e;white-space:nowrap;background:#f8faf8;border-bottom:1px solid #e5eae7;padding:11px;font-weight:600}td{color:#49564e;border-bottom:1px solid #edf0ee;padding:11px}tr:hover td{background:#fbfcfb}.person{align-items:center;gap:9px;display:flex}.person i{color:#26784a;background:#e5f5ea;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;display:grid}.sub{color:#89938d;margin-top:3px;display:block}.no-data{color:#8a928d;font-style:italic}.import-summary{background:#f0f7fd;border-color:#d7e9f8}.import-summary svg{color:#3183be}.import-summary div{flex:1}.compact .card{display:block}.compact .card b{font-size:23px}.exception-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.exception-cards .card{gap:7px;display:grid}.exception-cards b{font-size:25px}.link{color:#28794c;background:0 0;border:0;padding:0}.demo-note{background:#fffaf0;border-color:#f1dfb8}.misa-status{background:#fff8e9;border-color:#efddb5}.misa-status>div{flex:1}.sync-flow{justify-content:space-between;align-items:center;margin:24px 0;display:flex}.sync-flow div{text-align:center}.sync-flow small,.sync-flow b{display:block}.sync-flow b{margin-top:5px;font-size:25px}.green-text{color:#278452}.red-text{color:#c64343}.sync-meta{background:#f7f9f7;justify-content:space-between;margin-bottom:14px;padding:11px;font-size:10px;display:flex}.sync-meta b{margin-top:3px;display:block}.full{justify-content:center;width:100%}.reconcile{background:#fff7e7;border-radius:9px;gap:10px;margin:16px 0;padding:12px;display:flex}.reconcile svg{color:#c58319}.reconcile p{margin:4px 0;font-size:10px}.reconcile div div{gap:15px;font-size:9px;display:flex}.reconcile.ok{background:#eaf7ef}.reconcile.ok svg{color:#24834b}.boundary{background:#f2f4f3;border-color:#dce1de;margin-top:18px}.boundary strong{white-space:nowrap}.ai-layout{grid-template-columns:1fr 250px;gap:18px;display:grid}.chat{flex-direction:column;min-height:550px;display:flex}.messages{flex:1}.message{gap:9px;max-width:80%;margin:12px 0;display:flex}.message>span{color:#277c4a;background:#e7f4eb;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.message p{background:#f3f6f4;border-radius:4px 12px 12px;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.message.user{margin-left:auto}.message.user p{color:#fff;background:#216f43;border-radius:12px 4px 12px 12px}.source{color:#28794c;background:0 0;border:0;padding:5px 0;font-size:9px}.suggestions{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.suggestions button{background:#f7faf8;font-size:10px}.chat form{border-top:1px solid #e7ebe8;gap:8px;padding-top:14px;display:flex}.chat form input{border:1px solid #d8e0db;border-radius:8px;flex:1;padding:11px}.source-panel{background:#fff;border:1px solid #e3e8e4;border-radius:12px;padding:18px}.source-panel h3{margin-top:0;font-size:14px}.source-panel>div{border-bottom:1px solid #edf0ee;padding:13px 0}.source-panel p{color:#68746c;font-size:10px;line-height:1.6}.overlay{display:none}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.exception-cards{grid-template-columns:repeat(2,1fr)}.ai-layout{grid-template-columns:1fr}.source-panel{display:none}}@media (width<=720px){.sidebar{transition:all .2s;transform:translate(-100%)}.nav-open .sidebar{transform:translate(0)}.nav-open .overlay{z-index:19;background:#0008;display:block;position:fixed;inset:0}.shell{width:100%;margin-left:0}.menu{display:block}header{padding:0 16px}.profile>div,.profile svg{display:none}main{padding:18px 14px}.stats,.exception-cards{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:12px}.page-title>div:last-child{flex-wrap:wrap;justify-content:flex-end}.toolbar{flex-wrap:wrap}.search{min-width:100%;max-width:none}.result{margin:0}.demo-banner{flex-direction:column;align-items:flex-start}.legend{flex-wrap:wrap;gap:8px}}