@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;color:#193047;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:1.5rem}h2{font-size:1.12rem}h3{font-size:1rem}p{line-height:1.8}small{display:block;color:#718195;font-size:.76rem}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#102338;color:#eaf1f5;position:sticky;top:0;height:100vh;padding:26px 16px;display:flex;flex-direction:column;gap:32px}.logo{display:flex;align-items:center;gap:12px;padding:6px 8px}.logo strong{font-size:1rem}.logo small{color:#a9bdc9}.logo-icon,.brand-mark{background:#176960;color:#a7f3df;padding:10px;border-radius:13px;display:flex;align-items:center;justify-content:center}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:0;background:transparent;color:#b6c9d5;border-radius:11px;padding:13px 15px;display:flex;align-items:center;gap:12px;text-align:right;font-size:.9rem;font-weight:600}.nav-item.active{background:#224258;color:#fff;border-right:3px solid #28b6a4}.nav-item:hover{background:#203d53}.side-foot{margin-top:auto;display:grid;gap:14px}.person{border-top:1px solid #315066;padding:16px 6px 0;font-size:.85rem}.person small{color:#a3bbc9}.signout{border:1px solid #496072;background:transparent;color:#dfebf2;border-radius:9px;padding:9px;display:flex;align-items:center;justify-content:center;gap:8px}main{max-width:1500px;width:100%;margin:auto;padding:35px 40px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:.68rem;color:#77919e;letter-spacing:.08em;font-weight:700}.stack{display:grid;gap:20px}.hero{background:linear-gradient(130deg,#11304a,#1e695f);color:#fff;border-radius:18px;padding:32px;display:flex;justify-content:space-between;gap:14px;align-items:center}.hero p{color:#d5e7e7;font-size:.9rem;max-width:650px}.hero .eyebrow{color:#a4d5d2}.hero h2{font-size:1.55rem;margin:5px 0 7px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel{background:#fff;border-radius:15px;border:1px solid #e3eaf0;box-shadow:0 3px 14px #132a4008}.metric{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.metric strong{font-size:1.35rem}.metric span{color:#677b8e;font-size:.75rem}.metric-icon{background:#e7f7f3;color:#11756a;padding:9px;border-radius:10px;display:flex}.panel{padding:25px;display:grid;gap:16px}.panel-head{display:grid;gap:4px}.panel-head p{font-size:.78rem;color:#708296}.row{display:flex;align-items:center;gap:10px}.split{justify-content:space-between}.slim{border-bottom:1px solid #ebeff3;padding:8px 0}.muted{color:#6a7d90;font-size:.81rem}.progress{height:8px;background:#edf1f5;border-radius:99px;min-width:85px;overflow:hidden;margin:7px 0}.progress span{display:block;background:#13a493;height:100%;border-radius:99px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.83rem;min-width:540px}th{text-align:right;background:#f7f9fb;color:#536b7e;font-weight:700}td,th{padding:13px 12px;border-bottom:1px solid #edf0f4}td small{font-size:.71rem}tr:last-child td{border-bottom:0}.status{display:inline-flex;white-space:nowrap;border-radius:30px;background:#e7edf4;color:#60788b;padding:4px 10px;font-size:.69rem;font-weight:700}.status-active,.status-approved,.status-completed{background:#e1f5ee;color:#08755e}.status-in_review,.status-pending{background:#fff1d8;color:#97600e}.status-revision,.status-blocked{background:#ffebeb;color:#af4040}.project-grid,.feature-grid,.dept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-tile{border:1px solid #e2e9ee;border-radius:12px;background:#fff;text-align:right;padding:18px;display:grid;gap:11px;color:#1d354b}.project-tile.selected{border-color:#15a08e;background:#f5fffc}.project-tile .row span:not(.status){font-size:.77rem;color:#728396}.project-tile small{margin-top:-6px}label{display:grid;gap:7px;font-size:.82rem;font-weight:700;color:#324c63}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dbe5ed;background:#fff;border-radius:9px;padding:10px 12px;outline:none;color:#1b364c}input:focus,select:focus,textarea:focus{border-color:#18aa98;box-shadow:0 0 0 3px #18aa9818}textarea{min-height:84px;resize:vertical}button:not(.nav-item):not(.signout):not(.project-tile):not(.text-button){background:#147f76;color:#fff;border:0;border-radius:9px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.83rem}button.secondary:not(.nav-item):not(.signout){background:#eaf0f4;color:#21465a}button.small{padding:8px 11px;font-size:.76rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dept-check{border:1px solid #e6edf1;border-radius:11px;padding:12px;display:grid;gap:10px}.dept-check label{font-size:.75rem}.check-row{display:flex;align-items:center;gap:9px}.check-row input{accent-color:#14897e;width:16px;height:16px}.tasks-list{display:grid;gap:12px}.task-card,.review-card{border:1px solid #e0e8ee;border-radius:12px;padding:17px;display:grid;gap:11px}.task-action{display:grid;gap:9px}.review-card p{font-size:.82rem;color:#516578}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#7d91a1;padding:34px 10px;text-align:center}.alert{border:1px solid #d6e8e9;background:#effbfa;color:#1a625c;border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.83rem}.text-button{border:0;background:transparent;color:inherit;font-size:20px}footer{text-align:center;font-size:.73rem;color:#8494a1;margin:30px auto}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{display:grid;gap:9px;padding:20px;border-radius:12px;background:#f7fafb;border:1px solid #e6eef3}.feature svg{color:#158a7b}.feature span{color:#929fae;font-size:.72rem}.center-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(140deg,#eaf2f5,#f7f9fc)}.auth-card{width:100%;max-width:460px;display:grid;gap:18px;padding:38px;background:#fff;border:1px solid #dbe7ec;border-radius:20px;box-shadow:0 18px 55px #1d39461a}.auth-card p{color:#70818e;font-size:.85rem}.brand-mark{width:52px;height:52px}.auth-card button{width:100%}.auth-card .alert{color:#a53434;background:#fff3f3;border-color:#f2d0d0}@media(max-width:1080px){.metrics,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:27px 22px}}@media(max-width:720px){.layout{display:block}.sidebar{position:relative;height:auto;padding:12px 12px 0;gap:12px}.sidebar nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto;padding:0 0 12px}.nav-item{white-space:nowrap;padding:10px;font-size:.77rem}.side-foot{display:none}.logo{padding:0 6px}.logo-icon{padding:6px}.logo svg{width:20px}.logo small{display:none}main{padding:22px 14px}.hero{padding:23px}.hero svg{display:none}.hero h2{font-size:1.22rem}.panel{padding:15px}.form-grid,.project-grid,.dept-grid,.feature-grid,.metrics.three{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:14px}.metric strong{font-size:1.15rem}.topbar{margin-bottom:19px}}