*{box-sizing:border-box}body{margin:0;background:#f5f7fd;color:#24304c;font-family:Cairo,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dfe5f1;background:white;color:#2b426d;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{background:#f0f4ff}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#384dc5;color:white;border-color:#384dc5}.primary:hover{background:#2e3ea5}.danger{color:#bd2739}.shell{min-height:100vh;display:flex}aside{width:260px;background:#182551;color:white;display:flex;flex-direction:column;padding:22px 14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;margin:4px 6px 35px}.brand small{display:block;color:#bbc9f2;font-size:11px;margin-top:6px}.logo{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#586de1;color:#fff;font-size:29px}nav{display:grid;gap:7px}nav button,.logout{width:100%;justify-content:flex-start;background:transparent;border:0;color:#d5dffb;padding:13px}.logout{margin-top:auto}nav button.active,nav button:hover,.logout:hover{color:white;background:#344578}.content{padding:30px;flex:1;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}h1{font-size:25px;margin:0 0 5px}h2{font-size:19px;margin:0}p{margin:5px 0;color:#69748c}.user{display:flex;gap:8px;align-items:center;background:white;padding:13px 17px;border-radius:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.panel{border:1px solid #e5eaf5;background:white;border-radius:19px;padding:22px;box-shadow:0 8px 32px #16295b08;margin-bottom:20px}.stat{display:flex;flex-direction:column;gap:12px;color:#485ed1}.stat b{font-size:32px;color:#1f2d50}.stat span{color:#6c7993}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;border-top:1px solid #edf0f7;flex-wrap:wrap}.item small{display:block;color:#78849b;margin-top:6px}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{background:#eaf7f1;color:#136a4b;border-radius:12px;padding:13px;margin-bottom:14px;cursor:pointer}.muted{color:#9ba6b7}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#172652,#4560c7)}.login{width:min(95vw,440px);padding:35px}.login .logo{margin:auto}.login h1,.login p{text-align:center}.login h1{font-size:22px;margin-top:18px}.login form,.login{display:grid;gap:15px}label{display:grid;gap:7px;font-size:13px;color:#394865;font-weight:600}input,select,textarea{border:1px solid #dae0ef;border-radius:11px;padding:10px 12px;min-width:0;background:white;color:#263854;width:100%}textarea{min-height:80px;resize:vertical}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}.inline{display:flex;align-items:center;gap:7px}.inline input{width:auto}.overlay{position:fixed;inset:0;background:#0d193d99;display:grid;place-items:center;padding:12px;z-index:10}.dialog{background:white;border-radius:18px;padding:24px;width:min(850px,100%);max-height:92vh;overflow:auto}.fieldrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid #edf0f7}.fieldrow>input{flex:1 1 160px}.fieldrow select{width:150px}.fieldrow textarea{flex:1 1 100%}@media(max-width:850px){aside{width:75px}.brand div,nav button:not(.active),nav button{font-size:0}.brand{margin:0 0 25px}.brand .logo{flex-shrink:0}nav button svg,.logout svg{flex-shrink:0}nav button{justify-content:center}.logout{font-size:0;justify-content:center}.content{padding:16px}.cards{grid-template-columns:1fr 1fr}header{align-items:flex-start}.user{font-size:12px}.form{grid-template-columns:1fr}}@media(max-width:520px){aside{width:57px;padding:16px 5px}.brand .logo{width:43px}.cards{grid-template-columns:1fr}h1{font-size:20px}.item{align-items:flex-start}}