:root{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#193b35;background:#f4f8f6;font-size:16px}*{box-sizing:border-box}body{margin:0}#app{max-width:760px;margin:auto;min-height:100dvh;background:#fff;box-shadow:0 0 40px #163b3010}header{background:#123b35;color:white;padding:24px 20px 18px;display:flex;justify-content:space-between;align-items:center}h1{font-size:22px;margin:5px 0}h2{font-size:20px;margin:0 0 12px}small{letter-spacing:1.5px;font-size:10px;color:#a4e4cf}nav{display:flex;overflow-x:auto;border-bottom:1px solid #e1e9e5;padding:8px;gap:4px;position:sticky;top:0;background:white;z-index:2}nav button{white-space:nowrap;border:0;background:transparent;color:#587269;padding:11px 10px;border-radius:12px;font-size:13px}nav button.active{background:#dff4eb;color:#075b43;font-weight:700}main{padding:18px 18px 32px;min-height:70vh}.panel{background:#f5f9f7;border:1px solid #e0eae4;border-radius:18px;padding:18px;margin-bottom:14px}.card{border:1px solid #dce7e1;border-radius:20px;padding:20px;margin:16px 0;min-height:145px}.fa{font-size:22px;line-height:1.9;font-weight:650}.en{direction:ltr;text-align:left;font-size:20px;line-height:1.6;font-weight:650;color:#0d6248}.muted{color:#667a72;font-size:13px;line-height:1.8}.pill{display:inline-block;background:#dff4eb;color:#0c694d;border-radius:50px;padding:5px 10px;font-size:12px;margin-bottom:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}button{font:inherit;cursor:pointer}button.primary{background:#0c7955;color:white;border:0;border-radius:12px;padding:13px 18px;font-weight:700}button.secondary{background:#e9f5ef;color:#0b644a;border:0;border-radius:12px;padding:12px 14px}button.ghost{background:transparent;color:inherit;border:1px solid #ffffff50;border-radius:10px;padding:8px 12px}button:disabled{opacity:.5;cursor:not-allowed}textarea,input,select{font:inherit;border:1px solid #cbdcd3;border-radius:12px;padding:12px;width:100%;background:#fff;color:#193b35}textarea{resize:vertical;min-height:100px;direction:ltr;text-align:left;font-size:18px}input[type=search]{direction:rtl}label{display:block;margin:10px 0 5px;font-weight:600}.feedback{border-right:4px solid #0b9365;padding:10px 14px;background:#eaf8f0;margin:14px 0;border-radius:9px}.warning{border-right-color:#d18a20;background:#fff6e8}.error{border-right-color:#d05b58;background:#fff0ed}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px;border-radius:14px;background:#eff7f2}.stat strong{font-size:25px;display:block;color:#0b694c}.progress{height:9px;background:#e4ece7;border-radius:12px;overflow:hidden}.progress>div{height:100%;background:#14a373}.ltr{direction:ltr;text-align:left}.hidden{display:none!important}footer{padding:18px;text-align:center;color:#7a8c84;font-size:11px}hr{border:0;border-top:1px solid #dfe8e2;margin:16px 0}@media(max-width:400px){main{padding:13px}.fa{font-size:19px}nav button{padding:10px 8px;font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:transform .12s}button:active{transform:scale(.97)}}