:root{--green:#13715b;--deep:#0d463b;--mint:#e8f5f0;--gold:#d9a441;--ink:#18322d;--muted:#70817d;--line:#dce8e4;--bg:#f4f8f6;--white:#fff;--danger:#c94444;--shadow:0 12px 34px rgba(18,71,59,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{padding:58px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,rgba(10,71,59,.97),rgba(19,113,91,.86)),radial-gradient(circle at 90% 20%,#f2c15f,transparent 40%)}.login-art:after{content:"ق";position:absolute;right:-25px;bottom:-150px;font:700 430px Georgia;color:rgba(255,255,255,.055)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:19px}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--gold),#f4cc79);color:var(--deep);font-family:Georgia;font-size:24px;box-shadow:0 8px 20px #083d3440}.hero{position:relative;z-index:1;max-width:590px;margin-top:17vh}.hero h1{font-size:54px;line-height:1.06;margin:0 0 22px;letter-spacing:-2px}.hero p{font-size:18px;line-height:1.7;color:#d9eee8}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill{border:1px solid #ffffff36;border-radius:99px;padding:9px 14px;font-size:13px;background:#ffffff12}.login-panel{display:grid;place-items:center;padding:45px}.login-box{width:min(420px,100%)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--green);font-size:12px;font-weight:800}.login-box h2{font-size:32px;margin:8px 0 10px}.sub{color:var(--muted);line-height:1.55}.field{display:grid;gap:7px;margin:18px 0}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea,.search{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #13715b15}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:750;background:var(--green);color:#fff}.btn:hover{filter:brightness(.95)}.btn.block{width:100%;padding:13px}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.soft{background:var(--mint);color:var(--green)}.btn.danger{background:#fff0f0;color:var(--danger);border:1px solid #ffd2d2}.demo-note{font-size:12px;background:var(--mint);padding:12px;border-radius:10px;margin-top:18px;color:var(--deep)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;width:250px;height:100vh;padding:22px 14px;background:var(--deep);color:#fff;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding:0 10px 20px}.tenant{margin:4px 4px 18px;padding:12px;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px}.tenant small{display:block;color:#9cc7bd;margin-bottom:4px}.tenant b{font-size:13px}.nav{display:grid;gap:4px;overflow:auto}.nav button{display:flex;align-items:center;gap:12px;border:0;color:#b9d3cd;background:none;border-radius:9px;padding:10px 12px;text-align:left;font-size:14px}.nav button.active,.nav button:hover{color:#fff;background:#ffffff14}.nav i{width:22px;font-style:normal;text-align:center}.sidebar-foot{margin-top:auto;padding:14px 10px;border-top:1px solid #ffffff18}.sidebar-foot small{color:#9cc7bd;display:block}.main{grid-column:2;padding:0 32px 40px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between}.page-title h1{font-size:24px;margin:0}.page-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:800}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e5eeeb;border-radius:15px;padding:20px;box-shadow:0 3px 15px rgba(18,71,59,.035)}.stat{position:relative;overflow:hidden}.stat small{color:var(--muted);font-weight:650}.stat strong{display:block;font-size:29px;margin:10px 0 3px}.stat .trend{font-size:12px;color:var(--green)}.stat .symbol{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:12px;background:var(--mint);display:grid;place-items:center}.cols{grid-template-columns:1.4fr .8fr;margin-top:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h3{margin:0;font-size:16px}.card-head span{font-size:12px;color:var(--muted)}.progress-row{display:grid;grid-template-columns:90px 1fr 42px;gap:10px;align-items:center;margin:14px 0;font-size:13px}.bar{height:9px;background:#edf3f1;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),#36ab88)}.agenda{display:grid;gap:10px}.agenda-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:10px;background:var(--bg);border-radius:10px}.date{background:#fff;border:1px solid var(--line);border-radius:9px;text-align:center;padding:5px;font-size:11px}.date b{font-size:15px;display:block;color:var(--green)}.agenda-item p{margin:0;font-size:13px;font-weight:700}.agenda-item small{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.toolbar .left,.toolbar .right{display:flex;gap:9px;align-items:center}.search{width:260px;padding:10px 13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:12px;color:var(--muted);border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.6px}td{padding:13px 12px;border-bottom:1px solid #edf2f0}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:750;background:var(--mint);color:var(--green)}.badge.gold{background:#fff6df;color:#956a13}.badge.red{background:#fff0f0;color:#b23c3c}.person{display:flex;gap:10px;align-items:center}.mini-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;font-weight:800;background:linear-gradient(145deg,var(--green),#44b091)}.muted{color:var(--muted)}.empty{text-align:center;padding:50px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.field.full{grid-column:1/-1}.modal-layer{position:fixed;inset:0;background:#0b292480;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.x{border:0;background:var(--bg);border-radius:8px;width:34px;height:34px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding-top:15px;border-bottom:1px solid var(--line)}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.chart-col span{width:min(44px,70%);background:linear-gradient(180deg,#35a987,var(--green));border-radius:7px 7px 2px 2px;min-height:8px}.chart-col small{font-size:11px;color:var(--muted);white-space:nowrap}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick{border:1px solid var(--line);background:#fff;text-align:left;border-radius:13px;padding:18px}.quick b{display:block;margin:9px 0 5px}.quick small{color:var(--muted)}.setup{min-height:100vh;padding:40px 20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--deep),var(--green))}.setup-card{background:#fff;width:min(720px,100%);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.steps{display:flex;gap:8px;margin:18px 0 25px}.steps span{height:5px;background:#dce8e4;border-radius:99px;flex:1}.steps span.on{background:var(--gold)}.toast{position:fixed;right:20px;bottom:20px;background:var(--deep);color:#fff;padding:12px 17px;border-radius:10px;z-index:50;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.mobile-head{display:none}@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-art{display:none}.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{padding:0 18px 30px}.mobile-head{display:block}.topbar{height:68px}.top-actions .ghost{display:none}}@media(max-width:560px){.stats,.quick-grid,.form-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .left,.toolbar .right{flex-wrap:wrap}.search{width:100%}.main{padding:0 12px 25px}.card{padding:15px}.page-title p{display:none}}