*{box-sizing:border-box}body{margin:0;font-family:Arial,"Cairo",sans-serif;background:#f5f7fb;color:#182033}aside{position:fixed;right:0;top:0;width:230px;height:100vh;background:#071227;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:22px;margin-bottom:30px}.brand span,.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#18b7a0,#5b7cff);color:#fff;font-weight:800}nav{display:grid;gap:8px}nav a{color:#b9c5da;text-decoration:none;padding:12px 14px;border-radius:12px;transition:.2s}nav a:hover,nav a.active{background:#13213b;color:#fff;transform:translateX(-3px)}.sidefoot{margin-top:auto;color:#93a3bf;font-size:13px}.sidefoot a{color:#fff}main{margin-right:230px;padding:28px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2,h3{margin:0}small{color:#7d879a}.primary,button{border:0;border-radius:12px;padding:11px 16px;cursor:pointer;background:#e9edf5;color:#172033;font-weight:700;transition:.18s}.primary{background:#1b9f8b;color:#fff;box-shadow:0 8px 22px #1b9f8b33}.primary:hover,button:hover{transform:translateY(-1px)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#fff;border:1px solid #e7ebf2;border-radius:20px;box-shadow:0 10px 35px #1c2b4a0a}.card{padding:20px;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1c2b4a14}.card span{color:#6f7a8d}.card strong{display:block;font-size:34px;margin:9px 0}.card i{font-style:normal;color:#a0a8b7;font-size:12px}.grid{display:grid;grid-template-columns:1.45fr .8fr;gap:18px;margin:18px 0}.panel{padding:20px;margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.badge{font-size:11px;background:#e8fbf7;color:#168775;padding:5px 9px;border-radius:20px}input,select,textarea{width:100%;border:1px solid #dfe5ef;background:#fbfcfe;border-radius:12px;padding:12px;margin:6px 0 12px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#1b9f8b;box-shadow:0 0 0 3px #1b9f8b18}.searchbox{position:relative}.suggestions{position:absolute;z-index:5;top:52px;width:100%;background:#fff;border-radius:14px;box-shadow:0 18px 45px #14213d22;overflow:hidden}.suggestions button{width:100%;display:flex;justify-content:space-between;background:#fff;border-radius:0;border-bottom:1px solid #eef1f6}.selected{padding:10px 12px;background:#f3f5f9;border-radius:12px;margin-bottom:14px;color:#8993a4}.selected.picked{background:#e8fbf7;color:#147a6b}.test-list{max-height:260px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 15px}.test-item{display:flex;gap:9px;align-items:center;border:1px solid #e8ecf2;border-radius:12px;padding:10px}.test-item input{width:auto;margin:0}.test-item span{display:grid}.full{width:100%}.bars div{position:relative;padding:12px 0 16px;display:flex;justify-content:space-between}.bars i{position:absolute;bottom:5px;right:0;height:5px;border-radius:5px;background:#1b9f8b;width:var(--w);animation:grow .7s ease}@keyframes grow{from{width:0}}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:12px;border-bottom:1px solid #edf0f5}th{color:#69758a;font-size:13px}.status{padding:5px 9px;border-radius:20px;font-size:12px;background:#eef1f6}.status.completed{background:#e8fbf7;color:#157b6b}.status.processing{background:#fff5d9;color:#916d00}.table-wrap{overflow:auto}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#f4f7fb;border-radius:20px;padding:8px 12px}.chips small{margin-right:5px}.modal{position:fixed;inset:0;background:#06101f99;display:none;place-items:center;z-index:20;backdrop-filter:blur(4px)}.modal.open{display:grid}.modal-card{position:relative;background:#fff;border-radius:22px;padding:24px;width:min(500px,92vw);animation:pop .22s ease}.x{position:absolute;left:15px;top:15px;font-size:22px}@keyframes pop{from{opacity:0;transform:scale(.96) translateY(10px)}}#toast{position:fixed;left:25px;bottom:25px;z-index:40;padding:13px 18px;border-radius:12px;color:#fff;transform:translateY(80px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}#toast.ok{background:#168775}#toast.bad,.error{background:#c83f50;color:#fff}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#163158,#071227)}.auth-card{width:min(420px,92vw);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 80px #0005}.auth-card h1{margin-bottom:5px}.auth-card .logo{margin-bottom:15px}.auth-card button{width:100%;background:#1b9f8b;color:#fff}.error{padding:10px;border-radius:10px;margin:10px 0}@media(max-width:900px){aside{position:static;width:auto;height:auto;padding:14px}.brand{margin:0}.sidefoot{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav a{white-space:nowrap}main{margin:0;padding:16px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.test-list{grid-template-columns:1fr}header{align-items:flex-start}.table-wrap{margin:0 -20px;padding:0 20px}}@media(max-width:520px){.cards{grid-template-columns:1fr 1fr;gap:9px}.card{padding:14px}.card strong{font-size:27px}header h2{font-size:20px}}