@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{color:#23374d;background:#f5f8fc;font-family:Cairo,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.side{color:#d7e4f1;background:#183958;flex-direction:column;gap:26px;padding:25px 14px;display:flex}.brand{color:#fff;align-items:center;gap:10px;padding:0 11px;font-size:1.2rem;font-weight:800;display:flex}.brand small{color:#acc5db;font-size:.71rem;font-weight:500;line-height:1.5;display:block}.brand-icon{color:#173856;background:#efb354;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.side-label{color:#98b3ca;padding:0 13px;font-size:.78rem;font-weight:700}.side nav{gap:5px;display:grid}.side nav a{border-radius:10px;align-items:center;gap:12px;padding:10px 13px;font-size:.93rem;font-weight:700;display:flex}.side nav a:hover,.side nav a.active{color:#fff;background:#315676}.side-bottom{color:#9bb8ce;border-top:1px solid #3a5975;align-items:center;gap:8px;margin-top:auto;padding:18px 12px 0;font-size:.78rem;display:flex}.content{min-width:0}.top{background:#fff;border-bottom:1px solid #e4ebf2;justify-content:space-between;align-items:center;gap:12px;height:96px;padding:16px clamp(20px,4vw,55px);display:flex}.crumb,.eyebrow{color:#738ba0;font-size:.79rem;font-weight:700}.top h1{color:#183958;margin:1px 0;font-size:1.45rem}.account{align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.account small{color:#7c8fa2;direction:ltr;font-size:.73rem;font-weight:500;display:block}.account-icon{color:#315c7c;background:#e8f1f7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.body{max-width:1450px;margin:auto;padding:30px clamp(20px,4vw,55px) 60px}.welcome{color:#285d7b;background:#e8f2f8;border:1px solid #d8e9f3;border-radius:16px;justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.welcome h2{color:#183958;margin:0;font-size:1.27rem}.welcome p{color:#617c90;margin:4px 0 0;font-size:.89rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.stat{color:#6b8196;background:#fff;border:1px solid #e2eaf2;border-radius:15px;flex-direction:column;gap:4px;padding:18px;font-size:.88rem;display:flex;box-shadow:0 4px 20px #203e5b06}.stat-icon{color:#2f668c;background:#eaf3f9;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:9px;display:grid}.stat:nth-child(2) .stat-icon{color:#25816b;background:#eaf6f1}.stat:nth-child(3) .stat-icon{color:#a57933;background:#fff3e3}.stat:nth-child(4) .stat-icon{color:#576da2;background:#eef0fa}.stat strong{color:#1b3d5c;font-size:1.6rem;line-height:1.3}.two{grid-template-columns:1.4fr 1fr;gap:17px;display:grid}.two.uneven{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.section{background:#fff;border:1px solid #e3eaf1;border-radius:15px;margin-bottom:17px;overflow:hidden}.section-heading{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex}.section-heading h2{color:#1b3f5f;margin:0;font-size:1.05rem}.section-heading a{color:#2c719b;font-size:.82rem;font-weight:700}.section-heading.outside{border:0;padding:0 0 15px}.section-heading.outside h2{font-size:1.18rem}.section-heading p{color:#73899c;margin:3px 0 0;font-size:.82rem}.count{color:#52718a;background:#edf3f7;border-radius:6px;padding:2px 7px;font-size:.73rem}.item{border-bottom:1px solid #f0f3f6;align-items:center;gap:10px;padding:12px 19px;font-size:.87rem;display:flex}.item:last-child{border:0}.round{color:#406b86;background:#e7f0f7;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.subtle{color:#74899a;margin-right:auto}.help{color:#63798d;margin:0;padding:6px 19px 20px;font-size:.88rem;line-height:1.9}.table{overflow:auto}table{border-collapse:collapse;text-align:right;width:100%;min-width:500px}th,td{white-space:nowrap;border-bottom:1px solid #eef2f5;padding:13px 18px;font-size:.84rem}th{color:#7790a4;background:#f9fbfd;font-weight:700}td{color:#355069}tr:last-child td{border-bottom:0}.table-empty{color:#7790a4;margin:0;padding:24px 19px;font-size:.85rem}.edit{color:#3a7599;border-radius:7px;padding:5px;display:inline-flex}.edit:hover{background:#e8f3f8}.score{color:#257b63;background:#e8f5ef;border-radius:7px;padding:4px 9px;font-weight:800}.formbox form{padding:19px}.field{color:#3d566a;gap:5px;margin-bottom:14px;font-size:.84rem;font-weight:700;display:grid}.field input,.field select{color:#213b50;background:#fff;border:1px solid #dce6ee;border-radius:9px;width:100%;min-height:44px;padding:9px 11px}.field input:focus,.field select:focus{border-color:#4b8cb5;outline:2px solid #b4d8ee}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hint{color:#738b9d;font-size:.76rem;line-height:1.8}.button{color:#fff;cursor:pointer;background:#1e517a;border:0;border-radius:9px;justify-content:center;align-items:center;padding:10px 17px;font-size:.86rem;font-weight:800;display:inline-flex}.button:hover{background:#286b9e}.notice{color:#32706f;background:#ebf5f5;border:1px solid #d1e8e7;border-radius:11px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 16px;font-size:.88rem;display:flex}.pill{color:#376d8e;background:#eaf3f9;border-radius:100px;padding:5px 12px;font-size:.76rem;font-weight:700}.empty{text-align:center;color:#7490a1;background:#fff;border:1px solid #e3eaf1;border-radius:15px;padding:55px 20px}.empty h2{color:#1c3f5c;margin:12px 0 4px}.empty p{margin:0}.gate{background:#eef4f8;place-items:center;min-height:100vh;padding:20px;display:grid}.gate-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 15px 60px #173a5e14}.gate-card h1{color:#183958;margin:8px 0}.gate-card p{color:#697f91;line-height:1.8}.gate-icon{color:#255f86}@media (max-width:900px){.shell{display:block}.side{gap:7px;padding:10px 14px}.brand{padding:2px 4px}.side-label,.side-bottom{display:none}.side nav{gap:5px;display:flex;overflow:auto}.side nav a{white-space:nowrap;padding:7px 10px}.top{height:74px}.stats{grid-template-columns:repeat(2,1fr)}.two,.two.uneven{grid-template-columns:1fr}.body{padding-top:20px}}@media (max-width:520px){.top h1{font-size:1.1rem}.account small,.account-icon{display:none}.stats{gap:8px}.stat{padding:13px}.welcome{padding:17px}.welcome svg{display:none}.stat strong{font-size:1.35rem}.body{padding:18px 13px}.top{padding:10px 14px}.section-heading{padding:14px}}.auth-card{text-align:right}.auth-card .gate-icon,.auth-card h1,.auth-card>p{text-align:center;display:block}.auth-card form{gap:4px;margin:24px 0 14px;display:grid}.auth-card .button{width:100%;min-height:46px}.auth-card small{text-align:center;color:#6b8296;line-height:1.8;display:block}.auth-error{color:#a33a30;background:#fff0ed;border:1px solid #f4c9bd;border-radius:9px;margin:12px 0;padding:10px 12px;font-size:.86rem;line-height:1.7}.credential{overflow-wrap:anywhere;background:#eaf6f1;border:1px solid #bcded1;border-radius:10px;margin:13px 16px 18px;padding:14px;font-size:.85rem;line-height:1.9}.credential strong{color:#215e51}.credential p{margin:5px 0}.credential code{-webkit-user-select:all;user-select:all;background:#fff;border-radius:5px;padding:2px 6px;font-family:ui-monospace,monospace}.credential small{color:#536e63}.top-action{color:#58758d;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;display:grid}.top-action:hover{background:#edf4f9}.account form{margin:0}.table .credential{min-width:200px;margin:5px 0}.table form .button{padding:6px 9px;font-size:.75rem}.button:disabled{opacity:.65;cursor:wait}.role-tabs{background:#eef4f8;border-radius:10px;gap:4px;margin-top:18px;padding:5px;display:flex}.role-tabs a{text-align:center;color:#617b91;border-radius:8px;flex:1;padding:8px 4px;font-size:.75rem;font-weight:700}.role-tabs a.active{color:#1d567b;background:#fff;box-shadow:0 2px 7px #183a5e15}@media (max-width:520px){.account>span:nth-child(2){font-size:.76rem}.role-tabs a{font-size:.7rem}}