:root{font-family:Arial,sans-serif;color:#24334b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#14284c;color:#fff}.top{max-width:1200px;margin:auto;padding:21px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:27px;font-weight:800;direction:ltr;text-align:right}.brand span{color:#7fd5c6}.subtitle,.muted{font-size:13px;color:#75859a}header .subtitle{color:#c1d0e5}main{max-width:1200px;margin:auto;padding:28px 24px 70px}nav{display:flex;gap:8px;border-bottom:1px solid #dfe7f0;margin-bottom:30px;overflow:auto}nav button{white-space:nowrap;background:transparent;color:#60738d;border-radius:0;padding:14px 18px}nav button.active{color:#1b55c6;border-bottom:3px solid #265ed0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1{font-size:30px;margin:3px 0 9px}h2{font-size:20px;color:#182d4e;margin-top:0}p{line-height:1.65}button{background:#235ccb;color:white;border:0;border-radius:9px;padding:11px 18px;font:inherit;cursor:pointer;font-weight:bold}button:hover{filter:brightness(.94)}.ghost{background:#ffffff1c}.secondary{background:#edf2f8;color:#344866}.eyebrow{font-size:13px;color:#1d63c9;margin:0;font-weight:bold}.card{background:#fff;border:1px solid #e2eaf3;box-shadow:0 4px 18px #1d385509;border-radius:14px;padding:24px;margin-bottom:18px}.login{max-width:460px;margin:9vh auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{background:white;border:1px solid #e2eaf3;border-radius:14px;padding:21px;color:#68798e}.stat b{display:block;font-size:30px;color:#1b345b;margin-top:8px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e9eff5;padding:15px 0}.row:last-child{border:0}.row strong{display:block;color:#1d3557}.row small{color:#708096;display:block;margin-top:6px;line-height:1.5}.badge{display:inline-block;background:#edf4ff;color:#265bbb;padding:5px 10px;border-radius:20px;font-size:13px;white-space:nowrap}.badge.green{background:#e4f6ef;color:#26765e}label{display:block;font-size:14px;font-weight:bold;color:#435672;margin:14px 0}input,select,textarea{display:block;width:100%;font:inherit;padding:11px;border:1px solid #ccd7e4;border-radius:8px;margin-top:7px;background:white;color:#253650}input:focus,select:focus,textarea:focus{outline:2px solid #94b8fb}dialog{border:0;border-radius:16px;padding:28px;max-width:700px;width:calc(100% - 30px);box-shadow:0 15px 60px #15294b44}dialog::backdrop{background:#12254099}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide,.info{grid-column:1/-1}.info{margin:0;color:#526780;font-size:14px}.actions{display:flex;gap:10px;margin-top:18px}.empty{color:#7b899a;padding:20px 0}.task{background:#f5f8fc;padding:12px;border-radius:9px;margin:10px 0}.task select{max-width:220px}.error{background:#ffeded;color:#9b3131;padding:13px;border-radius:8px;margin-bottom:14px}.success{background:#e5f7ee;color:#286b50;padding:13px;border-radius:8px;margin-bottom:14px}a{color:#245dc8}@media(max-width:700px){main{padding:18px 14px}.heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.grid,.formgrid{grid-template-columns:1fr}.wide,.info{grid-column:auto}.row{align-items:flex-start}.card{padding:18px}h1{font-size:25px}}