:root{--bg: #f4fbf6;--card: #ffffff;--card2: #f8fffb;--text: #0b1220;--muted: #5b677a;--brand: #16a34a;--brand-dark: #15803d;--brand-soft: rgba(22,163,74,.12);--border: rgba(2, 6, 23, .08);--shadow: 0 12px 28px rgba(2, 6, 23, .1);--shadow2: 0 6px 16px rgba(2, 6, 23, .08);--danger: #ef4444;--ok: #16a34a;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(900px 520px at 15% 0%,rgba(22,163,74,.1),transparent 60%),radial-gradient(800px 520px at 85% 12%,rgba(34,197,94,.07),transparent 62%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:22px}.navbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffffe6;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px}.badge{font-size:12px;color:var(--brand);border:1px solid rgba(22,163,74,.2);background:#16a34a14;padding:4px 10px;border-radius:999px}.card{margin-top:16px;padding:18px;background:#ffffffeb;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2)}.h1{margin:0;font-size:22px;font-weight:900}.h2{margin:0 0 8px;font-size:16px;font-weight:800}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--ok)}.dangerText{color:var(--danger)}.grid{display:grid;gap:14px}@media (min-width: 860px){.grid.cols2{grid-template-columns:1fr 1fr}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#ffffffd9;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.btn:hover{background:#16a34a0f;border-color:#16a34a2e}.btn:active{transform:translateY(1px)}.btn.primary{border-color:#16a34a59;background:linear-gradient(180deg,#16a34af2,#15803df2);color:#fff}.btn.primary:hover{background:linear-gradient(180deg,#15803dfa,#15803dfa)}.btn.danger{border-color:#ef44444d;background:#ef444414;color:#b91c1c}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.input,.textarea,select{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);padding:10px 12px;border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,select:focus{border-color:#16a34a59;box-shadow:0 0 0 4px #16a34a24}.textarea{min-height:120px;resize:vertical}.item{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;border:1px solid var(--border);background:#fff}.checkbox{width:18px;height:18px;margin-top:2px;accent-color:var(--brand)}.progressWrap{height:10px;border-radius:999px;border:1px solid var(--border);background:#0206170d;overflow:hidden}.progressBar{height:100%;width:0%;background:linear-gradient(90deg,#16a34afa,#22c55efa)}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#fff}.table th,.table td{padding:10px 12px;border-bottom:1px solid rgba(2,6,23,.06);font-size:14px}.table th{color:var(--muted);text-align:right;background:#16a34a0f}.table tr:last-child td{border-bottom:none}