@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{font-family:Cairo,Tahoma,Arial,sans-serif;color:#172e3e;background:#f3f7fa;--ink:#102e42;--teal:#087d83;--line:#dce7ed}body{background:#f3f7fa;font-family:Cairo,Tahoma,Arial,sans-serif}button,input,select{font-family:inherit}.sidebar{width:272px;background:linear-gradient(165deg,#09293c,#103e50 72%,#0b5155);padding:30px 17px;box-shadow:8px 0 35px #102f4210}.brand{font-size:23px;line-height:1.7;margin-bottom:29px;border-bottom:1px solid #ffffff23;padding-bottom:25px}.brand small{font-size:11px;color:#b1d2d5}.nav{display:block;width:100%;font-weight:700;font-size:13px;margin-bottom:6px;border:1px solid transparent;transition:.2s}.nav.active{background:#ffffff20;border-color:#ffffff23;box-shadow:inset 3px 0 #5bd7cc}.nav:hover{background:#ffffff16}.main{max-width:1560px;padding:34px 38px}.top{background:#fff;border:1px solid #e4edf1;border-radius:20px;padding:22px 26px;margin-bottom:23px;box-shadow:0 5px 25px #23405207}.eyebrow{font-weight:700;color:#678493;font-size:12px}h1{font-size:26px;font-weight:800;color:#102e42}h2{font-size:17px;font-weight:800;color:#19394c}.btn{font-weight:700;font-size:12px;border-radius:12px;padding:11px 17px;box-shadow:0 2px 6px #153b4b08}.btn:hover{filter:brightness(.97)}.primary{background:linear-gradient(120deg,#07818a,#0c6a76);border-color:#087f85;box-shadow:0 5px 14px #0a7c8426}.stat,.panel{border:1px solid #e0eaf0;box-shadow:0 8px 24px #18384a08;border-radius:20px}.stat{padding:22px;position:relative;overflow:hidden;border-top:3px solid #0d8e94}.stat:nth-child(2){border-top-color:#4b8db9}.stat:nth-child(3){border-top-color:#cc9a4a}.stat:nth-child(4){border-top-color:#6475b7}.stat small{font-size:12px;font-weight:700;color:#6b8390}.stat strong{font-size:35px;color:#12364a;font-weight:800}.panel{padding:24px;margin-bottom:20px}.pill{font-weight:700}.field label{font-weight:700;color:#527080}.field input,.field select{background:#f9fcfd;border-color:#d5e4eb;border-radius:12px}.field input:focus,.field select:focus{outline:2px solid #75c9ca;border-color:#0a888e}th{background:#eef5f7;font-weight:800;color:#36576b}td{color:#28465a}tr:hover td{background:#f2f9f9}.tablewrap{border-radius:13px}.mobile-nav{box-shadow:0 -6px 25px #0b293b21}.lab-hero{background:linear-gradient(115deg,#0d3548 0%,#0c6267 100%);border-radius:23px;padding:28px 30px;color:white;margin-bottom:19px;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative}.lab-hero:after{content:'◉';position:absolute;left:7%;top:-90px;font-size:280px;opacity:.07}.lab-hero h2{color:white;font-size:24px;margin:6px 0}.lab-hero p{font-size:12px;line-height:2;color:#cce6e8;max-width:620px;margin:0}.lab-hero .hero-kicker{font-size:11px;letter-spacing:.5px;color:#91e3d8;font-weight:800}.lab-hero button{position:relative;z-index:1;white-space:nowrap;background:white;color:#0c6067;border:0;padding:13px 20px;border-radius:12px;font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:center;margin:6px 0 14px}.section-head h2{margin:0}.section-head span{font-size:11px;color:#7d94a0}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.mini-panel{background:white;border:1px solid #e0eaf0;border-radius:20px;padding:22px;box-shadow:0 7px 22px #18384a08}.mini-panel h2{margin-bottom:16px}.activity{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef3f5;font-size:12px}.activity:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:#14a5a4;flex-shrink:0}.activity-main{flex:1;min-width:0}.activity-main strong{display:block;color:#214154}.activity-main small{color:#8196a2}.activity-date{font-size:11px;color:#748b96}.bars{display:flex;align-items:end;gap:9px;height:120px;border-bottom:1px solid #e5eef2;padding:8px 0}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.bar{width:min(38px,75%);min-height:3px;background:linear-gradient(180deg,#16adb0,#0a717e);border-radius:8px 8px 2px 2px}.bar-col small{font-size:10px;color:#78919c}.dash-note{margin-top:16px;font-size:11px;color:#8197a2;line-height:1.9}.section-card{display:flex;gap:13px;align-items:center;padding:13px;border:1px solid #e8eff3;border-radius:13px;margin-bottom:10px;background:#fbfdfd}.section-card .emoji{width:43px;height:43px;border-radius:12px;background:#e7f6f5;display:grid;place-items:center;font-size:20px}.section-card strong{display:block;font-size:12px;color:#204357}.section-card small{color:#7b94a1;font-size:10px}.section-card button{margin-right:auto;border:0;border-radius:9px;background:#eaf5f5;color:#0b7d82;padding:8px 12px;font-weight:800;font-size:11px}.dash-footer{font-size:11px;color:#7e949f;margin-top:13px}@media(max-width:1050px){.dash-grid{grid-template-columns:1fr}.main{padding:22px}}@media(max-width:700px){.main{padding:14px 13px 105px}.top{padding:17px;margin-bottom:14px;border-radius:16px;display:block}.top .actions{margin-top:12px;gap:7px}.top .actions .btn{font-size:10px;padding:10px}.top h1{font-size:22px}.lab-hero{padding:23px 19px;display:block;border-radius:19px}.lab-hero h2{font-size:21px}.lab-hero button{margin-top:18px;width:100%}.cards{gap:10px}.stat{padding:15px 13px}.stat strong{font-size:27px}.stat small{font-size:10px}.panel,.mini-panel{padding:17px;border-radius:16px}.dash-grid{gap:13px}.mobile-nav{background:#0d3547}.mobile-nav button{font-size:10px;font-weight:700}.section-head h2{font-size:15px}.lab-hero:after{font-size:180px;top:-40px}.bar-col small{font-size:9px}}@media print{.lab-hero,.dash-grid,.dash-note{display:none!important}.top{border:0;box-shadow:none}.panel{box-shadow:none}}