@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f7f9fb;color:#24332f;font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce4e0;background:white;border-radius:8px;padding:10px 15px;color:#31453d;font-weight:600}button:hover{background:#f0f6f3}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid #dce4e0;background:white;border-radius:7px;padding:11px 12px;outline:none;color:#24332f;min-width:0}input:focus,select:focus,textarea:focus{border-color:#27765e;box-shadow:0 0 0 3px #27765e15}button:focus-visible{outline:3px solid #b0d6c7}.shell{display:flex;min-height:100vh}.sidebar{width:242px;flex-shrink:0;background:white;border-right:1px solid #e4eae7;padding:30px 19px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 6px 45px;font:800 25px 'Manrope',sans-serif;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:#20664f;color:white;border-radius:11px;width:42px;height:42px}.brand span:not(.brand-icon){display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:4px;color:#83958e}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#93a098;margin:0 14px 14px;display:flex;justify-content:space-between}.nav{width:100%;justify-content:flex-start;border:0;background:transparent;padding:13px 15px;margin-bottom:5px;color:#79877f}.nav.active{background:#eaf4ee;color:#246c52}.nav svg:last-child:not(:first-child){margin-left:auto}.branch-list{margin-top:40px}.branch-list button{display:flex;justify-content:flex-start;background:none;border:0;font-weight:400;width:100%;padding:11px 15px;color:#73837c;font-size:13px}.dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#7dad97}.branch-list .chosen{color:#22674f;background:#eff6f2}.sidebar-bottom{margin-top:auto;padding:17px 7px 0;border-top:1px solid #e7ece9;display:flex;gap:10px;align-items:center;font-size:12px}.avatar{background:#e9eee7;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:700}.sidebar-bottom small{display:block;font-size:10px;color:#94a199;margin-top:5px}main{flex:1;min-width:0}header{height:76px;background:#ffffffc9;border-bottom:1px solid #e6ebe8;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;gap:14px;align-items:center;color:#92a198;font-size:12px}.breadcrumb strong{color:#4b6155;font-weight:500}.live{font-size:11px;color:#788b7f;display:flex;gap:8px;align-items:center}.content{max-width:1480px;margin:auto;padding:38px 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8c9c92}h1{font:700 31px 'Manrope',sans-serif;letter-spacing:-1px;margin:9px 0}p{color:#85938d;margin:7px 0;font-size:12px}.primary{background:#236b51;border-color:#236b51;color:white;box-shadow:0 3px 5px #194e3c10}.primary:hover{background:#19563f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stats>div{background:white;border:1px solid #e2e9e5;border-radius:12px;padding:21px 22px}.stats>div>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7d8c84}.stats svg{color:#a0b2a6}.stats strong{display:block;font:700 32px 'Manrope';margin:14px 0 10px;letter-spacing:-1px}.stats strong small{font:400 11px 'DM Sans';letter-spacing:0;color:#9aa59f;margin-left:9px}.stats p{font-size:10px}.warning-dot{width:8px;height:8px;background:#dba875;border-radius:50%}.actions{display:flex;align-items:center;gap:18px;padding:21px 23px;background:#f0f5f2;border:1px solid #e1eae4;border-radius:12px;margin-bottom:30px}.actions>div:not(.divider){display:flex;gap:13px;align-items:center;flex:1}.actions b{font-size:12px}.actions p{font-size:10px}.actions button{font-size:11px;padding:9px 12px}.action-icon{display:grid;place-items:center;background:#e0ede4;color:#478266;width:40px;height:40px;border-radius:10px}.action-icon.orange{color:#ac8158;background:#efe7dc}.divider{height:39px;width:1px;background:#dce6de;margin:0 8px}.panel{background:white;border:1px solid #e1e8e4;border-radius:12px;overflow:hidden}.panel-title{padding:23px;display:flex;align-items:center;justify-content:space-between}h2{font:700 16px 'Manrope';margin:0}h2>span{font:500 10px 'DM Sans';background:#eef3ef;border-radius:5px;padding:3px 7px;color:#789082;margin-left:8px}.text-button{border:0;background:transparent;font-size:11px;padding:4px;color:#6f8478}.filters{display:flex;gap:12px;align-items:center;padding:0 23px 22px}.search{display:flex;align-items:center;gap:9px;border:1px solid #e2e8e4;border-radius:7px;padding:0 12px;max-width:370px;flex:1;color:#96a39b}.search input{border:0;width:100%;font-size:11px;padding:11px 0;box-shadow:none}.filters select{font-size:11px;min-width:155px}.filter-note{display:flex;align-items:center;gap:5px;color:#95a299;font-size:10px;margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:9px;letter-spacing:1px;font-weight:500;color:#8d9d92;background:#f8faf9;padding:14px 24px;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}td{padding:17px 24px;border-bottom:1px solid #edf0ee;font-size:12px}td small{color:#94a198;font-size:10px}td b{font-weight:600}.item-cell{display:flex;gap:13px;align-items:center}.item-cell img,.item-placeholder{width:45px;height:45px;object-fit:cover;border-radius:8px}.item-placeholder{display:grid;place-items:center;background:#edf2ed;color:#99ad9c}.item-cell small{display:block;margin-top:5px}.category{background:#f5f6f5;padding:5px 9px;border-radius:5px;color:#849187;font-size:10px}.badge{display:inline-block;border-radius:5px;padding:5px 9px;font-size:10px}.ok{color:#387854;background:#edf5ef}.low{color:#b28542;background:#fbf3e6}.empty{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}.empty>span{background:#f1f6f2;color:#84a18d;padding:17px;border-radius:16px}.empty h3{font:600 17px 'Manrope';margin:19px 0 4px}.empty p{max-width:330px;line-height:1.7}.empty button{margin-top:15px;font-size:12px}.panel-footer{display:flex;justify-content:space-between;padding:15px 23px;color:#98a59c;font-size:10px;background:#fcfdfc}.footnote{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#92a297;margin-top:25px}.branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:5px 23px 23px}.branches-grid button{display:block;text-align:left;padding:20px}.branches-grid svg{color:#87a392}.branches-grid h3{font:600 15px 'Manrope'}.branches-grid strong{font-size:24px;display:block}.branches-grid small{font-size:10px;color:#94a299;font-weight:400}.branches-grid span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6d8a78;margin-top:22px}.block{display:block;margin-top:5px}.overlay{position:fixed;inset:0;background:#173a2d66;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.modal{background:white;border-radius:16px;width:510px;max-height:94vh;overflow:auto;padding:27px;box-shadow:0 20px 80px #153a2f33}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-head h2{font-size:23px;margin-top:8px}.modal-head button{padding:7px;border:0}.modal form>label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.photo-upload{align-items:center;background:#f7faf7;border:1px dashed #b5c8bb;border-radius:10px;padding:20px;color:#638671}.photo-upload small{font-size:10px;font-weight:400}.photo-upload input{font-size:10px;width:100%;padding:5px;border:0;background:transparent}.info{padding:12px;background:#eef5f0;border-radius:7px;color:#6d8876;font-size:11px;line-height:1.6;margin-bottom:17px}textarea{height:75px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}.error{color:#a7443a;background:#fff1ee;padding:12px;margin:12px 0;border-radius:6px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#245f49;color:white;padding:15px 22px;border-radius:10px;display:flex;gap:10px;z-index:20;box-shadow:0 6px 25px #12382b22}
@media(min-width:1500px){.content{padding-top:48px}.stats>div{padding:25px}.empty{min-height:360px}}@media(max-width:1150px){.sidebar{width:210px}.content{padding:25px}.actions{gap:10px;padding:17px}.actions p{max-width:130px}.filter-note{display:none}.stats{gap:10px}.stats>div{padding:17px}header{padding:0 25px}}@media(max-width:800px){.sidebar{width:76px;padding:20px 10px}.brand{margin:0 5px 30px}.brand>div,.nav-label,.branch-list,.sidebar-bottom,.nav svg:last-child:not(:first-child){display:none}.brand-icon{width:36px;height:36px}.nav{font-size:0;padding:14px;gap:0}.nav svg{width:22px}.content{padding:24px 19px}.stats{grid-template-columns:repeat(2,1fr)}.actions{flex-wrap:wrap}.actions>div:not(.divider){flex:1;min-width:65%}.divider{display:none}.actions p{max-width:none}.heading p{max-width:250px}.heading .primary{font-size:11px;padding:10px}.branches-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:26px}}@media(max-width:520px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px 16px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid #e3eae5}.brand{margin:0;gap:8px}.brand>div{display:block;font-size:18px}.brand span:not(.brand-icon){font-size:6px}.brand-icon{width:32px;height:32px}.nav{width:36px;padding:8px;margin:0}.nav:nth-of-type(1){margin-left:auto}.nav svg{width:18px}.content{padding:24px 16px}header{height:47px;padding:0 16px}.live{font-size:9px}.heading{align-items:flex-start;gap:12px}.heading .primary{margin-top:24px;white-space:nowrap;font-size:10px;padding:9px}.heading p{font-size:11px;max-width:205px}.eyebrow{font-size:8px}h1{font-size:24px}.stats>div{padding:15px}.stats strong{font-size:27px}.stats>div>span{font-size:10px}.stats p{font-size:9px}.panel-title{padding:18px 15px}.panel-title .text-button{font-size:9px}h2{font-size:14px}.filters{padding:0 15px 16px;flex-wrap:wrap}.search{flex:1 0 100%;max-width:none}.filters select{width:100%}.panel-footer{padding:12px 15px;font-size:8px}.footnote{font-size:9px;line-height:1.5;text-align:center}.modal{padding:22px 18px}.overlay{padding:10px}.branches-grid{padding:0 15px 15px;gap:10px}.branches-grid button{padding:15px}.branches-grid small{display:block}.empty{padding:30px 18px}.toast{width:90%;justify-content:center;font-size:12px}}
.access-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.access-screen .brand-icon{margin-bottom:18px}.access-screen p{max-width:380px;line-height:1.7}.access-screen small{margin-top:25px;color:#879a8e}.sign-in{display:inline-block;text-decoration:none;padding:13px 20px;border-radius:8px;margin-top:16px}.live a{color:#527964;font-size:10px;margin-left:10px}.account-info{margin:0 23px 20px}input[readonly]{background:#f4f7f5;color:#849389}.sidebar-bottom>div{min-width:0;overflow-wrap:anywhere}
.value-stat strong{font-size:25px;letter-spacing:-.7px;overflow-wrap:anywhere}.unset-value{font-size:10px;color:#b08a57}.branch-value{color:#567f65;font-size:11px;margin-top:10px}@media(max-width:520px){.value-stat strong{font-size:20px}.value-stat p{line-height:1.5}}
.brand{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:35px}.company-logo{width:165px;height:auto;display:block}.brand .company-caption{font:600 9px 'DM Sans',sans-serif;letter-spacing:1.6px;color:#81948a}.signin-logo{width:230px;height:auto;margin-bottom:23px}.access-screen h1{font-size:26px}@media(max-width:800px) and (min-width:521px){.brand{margin:0 0 25px;align-items:center}.company-logo{width:54px}.brand .company-caption{display:none}}@media(max-width:520px){.brand{margin:0;gap:4px;align-items:flex-start}.company-logo{width:104px}.brand .company-caption{font-size:6px;letter-spacing:1px}}
.login-form{width:min(380px,100%);margin-top:20px}.login-form label{display:flex;flex-direction:column;gap:7px;text-align:left;margin-bottom:15px;font-size:12px}.login-form input{width:100%}.login-form button{width:100%;margin-top:10px}.account-tools{display:flex;align-items:center;gap:8px}.account-tools button{border:0;background:none;padding:0;color:#527964;font-size:10px}.access-screen form p{font-size:11px}