:root{--g:#135c49;--gd:#103c32;--m:#e5f2ed;--bg:#f5f4ef;--red:#b94237;--line:#e1e5df;--text:#18221e;--muted:#748079}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.hidden{display:none!important}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;direction:ltr}.hero{direction:rtl;background:radial-gradient(circle at 0 100%,#287b64,transparent 38%),linear-gradient(145deg,#0b3f32,#14664f);color:#fff;padding:10vw;display:flex;flex-direction:column;justify-content:center}.mark{width:74px;height:74px;border-radius:22px;background:#f0c45b;color:var(--gd);display:grid;place-items:center;font-size:40px;font-weight:900;margin-bottom:30px}.hero small{color:#b9ddd1;font-weight:800}.hero h1{font-size:58px;direction:ltr;text-align:right;margin:12px 0}.hero h1 span{color:#f0c45b}.hero p{font-size:19px;line-height:1.8;max-width:520px;color:#d8eee7}.card{direction:rtl;background:#fff;width:min(450px,88%);margin:auto;padding:42px;border-radius:27px;border:1px solid var(--line);box-shadow:0 25px 65px #1c372d17}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef1ed;padding:5px;border-radius:11px;margin-bottom:30px}.tabs button{border:0;background:transparent;padding:11px;border-radius:8px;font-weight:800;color:#6d766f}.tabs .active{background:#fff;color:var(--g)}h2{margin:5px 0 10px}.card p{color:var(--muted)}form{display:grid;gap:14px;margin-top:25px}label{display:grid;gap:8px;font-size:13px;font-weight:800}input,select,textarea{border:1px solid var(--line);background:#fafbf9;border-radius:11px;padding:14px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--g)}button{font:inherit;cursor:pointer}.primary,.danger{border:0;border-radius:11px;background:var(--g);color:#fff;padding:14px 18px;font-weight:900}.danger{background:var(--red)}.error{color:var(--red);font-size:13px}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.app aside{background:var(--gd);color:#fff;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 30px;font-size:19px}.brand b{width:42px;height:42px;border-radius:12px;background:#f0c45b;color:var(--gd);display:grid;place-items:center}.brand strong{direction:ltr}.app nav{display:grid;gap:6px}.app nav button,.logout{border:0;background:transparent;color:#c8dcd6;text-align:right;padding:13px 15px;border-radius:10px;font-weight:700}.app nav .active{background:#ffffff17;color:#fff}.logout{margin-top:auto}.workspace{padding:34px 5vw}.workspace header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.workspace header small{color:var(--g);font-weight:800}.badge{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 15px}.panel,.search{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;margin-bottom:20px;box-shadow:0 8px 27px #263b3210}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-top:4px solid var(--g);border-radius:17px;padding:22px}.stat.red{border-top-color:var(--red)}.stat b{display:block;font-size:32px}.stat span{color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid .full{grid-column:1/-1}.table{overflow:auto}.row{min-width:700px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:13px;border-bottom:1px solid #edf0ec;align-items:center;font-size:13px}.row.head{background:#f7f8f5;color:var(--muted);font-size:11px}.pill{width:max-content;border-radius:30px;padding:6px 10px;font-weight:800;background:#e3f2eb;color:var(--g)}.pill.bad{background:#f9e6e3;color:var(--red)}.smallbtn{border:1px solid var(--line);background:#fff;color:var(--g);padding:7px 10px;border-radius:8px}.search form{grid-template-columns:1fr 150px}.result{border-top:5px solid var(--red)}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--gd);color:#fff;padding:12px 20px;border-radius:11px;display:none}@media(max-width:800px){.auth{grid-template-columns:1fr}.hero{display:none}.app{grid-template-columns:1fr}.app aside{flex-direction:row;align-items:center;padding:12px}.brand strong,.logout{display:none}.brand{padding:0}.app nav{display:flex;margin-right:auto}.app nav button{font-size:11px;padding:9px}.workspace{padding:22px 14px}.stats{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.search form{grid-template-columns:1fr}.badge{display:none}}
