:root{font-family:Tahoma,Arial,sans-serif;color:#20352b;background:#f7faf8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;direction:rtl;text-align:right;background:linear-gradient(180deg,#f4f8f5,#fff 48%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:1180px;margin:0 auto;padding:24px 22px 40px}.brand{display:grid;grid-template-columns:130px 1fr 130px;align-items:center;gap:18px;padding:12px 8px 24px;border-bottom:1px solid #dce9e0}.brand-title{text-align:center}.brand-title h1{color:#176b45;font-size:clamp(24px,3vw,34px);margin:4px 0 10px}.brand-title h2{font-size:18px;margin:0 0 8px}.brand-title p{margin:0;color:#5b6e63}.logo-box{width:120px;height:88px;display:grid;place-items:center;margin:auto}.logo-box img{max-width:100%;max-height:86px;object-fit:contain}.welcome-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px}.welcome-bar div{display:grid;gap:5px}.welcome-bar span{font-size:13px;color:#64766b}.auth-card,.panel{background:#fff;border:1px solid #dce9e0;border-radius:17px;padding:22px;box-shadow:0 8px 26px #183d2910;margin:22px 0}.auth-card{max-width:540px;margin:34px auto}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-heading h3,.panel h3,.auth-card h3{margin:0 0 5px}.section-heading p{margin:0;color:#718176;font-size:13px}.heading-icon{width:42px;height:42px;border-radius:12px;background:#eaf4ee;color:#176b45;display:grid;place-items:center}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label,.filters label{display:grid;gap:7px;font-weight:700;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select,.user-row select,.table-wrap select{width:100%;border:1px solid #ccdcd1;border-radius:10px;padding:11px 12px;background:#fff;color:#20352b;outline:none}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#176b45;box-shadow:0 0 0 3px #176b4515}.span-two{grid-column:1/-1}.password-wrap{display:flex;position:relative}.password-wrap input{width:100%;padding-left:45px}.icon-button{position:absolute;left:6px;top:5px;border:0;background:transparent;color:#607367;padding:7px}.primary,.soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;font-weight:700;border:1px solid transparent}.primary{background:#176b45;color:#fff}.primary:hover{background:#105536}.primary:disabled{opacity:.6;cursor:wait}.soft{background:#eaf4ee;color:#176b45;border-color:#d5e6da}.full{width:100%;min-height:44px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.auth-links button{border:0;background:transparent;color:#176b45;font-weight:700}.notice{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:11px;margin:14px 0;font-size:14px}.notice.info{background:#eef5f0;color:#315d43}.notice.error{background:#fff0ef;color:#9c3028}.tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.tabs button{border:1px solid #dce9e0;background:#fff;color:#456052;padding:11px 17px;border-radius:11px;font-weight:700;display:flex;align-items:center;gap:7px}.tabs button.active{background:#176b45;border-color:#176b45;color:#fff}.tabs.wrap{margin-top:8px}.panel-title{display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metrics div{background:#fff;border:1px solid #dce9e0;border-radius:14px;padding:18px;display:grid;gap:6px}.metrics b{font-size:28px;color:#176b45}.metrics span{font-size:13px;color:#64766b}.status-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-summary div{display:flex;justify-content:space-between;padding:12px;background:#f5f9f6;border-radius:9px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:18px}.table-wrap{width:100%;overflow-x:auto;border:1px solid #e0e9e3;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px 13px;border-bottom:1px solid #edf1ee;text-align:right;white-space:nowrap;font-size:13px}th{background:#f3f8f5;color:#315d43}tbody tr:last-child td{border-bottom:0}.clickable{cursor:pointer}.clickable:hover{background:#f7fbf8}.status{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef4ef;font-size:12px}.status-0{color:#6c6c31}.status-1{color:#96620c;background:#fff5df}.status-2,.status-3{color:#176b45;background:#eaf4ee}.status-4{color:#1762a0;background:#eaf3fb}.status-5{color:#a23b35;background:#fff0ef}.empty,.loading{padding:24px;text-align:center;color:#66796d}.user-row{display:grid;grid-template-columns:1fr 160px 100px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ee}.user-row div{display:grid;gap:5px}.user-row small{color:#748379}.subheading{margin-top:28px!important}.inline-actions{display:flex;gap:6px}.export-actions{display:flex;justify-content:flex-end;margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10241988;display:grid;place-items:center;padding:18px;z-index:5}.modal{background:#fff;border-radius:16px;max-width:650px;width:100%;max-height:85vh;overflow:auto;padding:25px;position:relative;box-shadow:0 20px 60px #0003}.modal-close{position:absolute;left:14px;top:10px;border:0;background:#eaf4ee;border-radius:50%;width:30px;height:30px;font-size:22px;color:#176b45}.config-warning{max-width:650px;margin:35px auto;background:#fff4df;padding:22px;border-radius:14px;color:#725014}.pending{text-align:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;color:#819087;font-size:12px;padding:35px 0 0}@media(max-width:700px){.app-shell{padding:12px}.brand{grid-template-columns:1fr;gap:10px}.brand .logo-box{display:none}.brand-title h1{font-size:24px}.brand-title h2{font-size:15px}.brand-title p{font-size:13px}.form-grid.two,.metrics,.status-summary,.filters{grid-template-columns:1fr}.span-two{grid-column:auto}.welcome-bar{align-items:flex-start}.user-row{grid-template-columns:1fr 110px}.user-row button{grid-column:1/-1}.auth-card,.panel{padding:16px}.auth-links{flex-direction:column}.tabs button{flex:1;justify-content:center}}