*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0b172a;color:#fff;padding:26px 18px}.brand{font-weight:800;letter-spacing:.08em;margin:0 8px 28px}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#cbd5e1;text-decoration:none;padding:12px 13px;border-radius:10px}.sidebar a:hover,.sidebar a.active{background:#19304f;color:#fff}.main{margin-left:245px;padding:28px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:4px 0;font-size:28px}h2{margin:0;font-size:18px}small{color:#718096;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat,.panel{background:#fff;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 5px 20px #0b172a0a}.stat{padding:22px}.stat span{display:block;color:#718096;font-size:14px}.stat b{display:block;font-size:32px;margin-top:8px}.panel{padding:22px;margin-bottom:18px}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.prayers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.prayer{padding:18px;border:1px solid #e5eaf0;border-radius:12px}.bar{height:8px;background:#edf1f5;border-radius:10px;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:#1f7a5a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4;white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:#718096}.btn{display:inline-block;border:1px solid #d7dee8;background:#fff;color:#172033;text-decoration:none;padding:10px 14px;border-radius:9px;cursor:pointer}.btn.primary{background:#0f6b4d;border-color:#0f6b4d;color:#fff}.btn.danger{color:#b42318}.form-grid,.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.form-grid label,.filters label,form>label{display:grid;gap:6px;color:#475569;font-size:13px}input,select{padding:10px 11px;border:1px solid #d7dee8;border-radius:8px;background:#fff;font:inherit}.hidden{display:none}.badge{padding:4px 8px;border-radius:99px;background:#eef6f2;color:#0f6b4d;font-size:12px}.alert{padding:12px;border-radius:9px;background:#eef6f2;margin:12px 0}.alert.danger{background:#fff0ef;color:#b42318}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#081425,#0f6b4d)}.login-card{width:min(420px,92vw);background:#fff;padding:34px;border-radius:20px;display:grid;gap:14px}.login-card label{display:grid;gap:6px}.login-card h1{margin:0}.scanner-link{text-align:center;color:#0f6b4d;text-decoration:none}@media(max-width:850px){.sidebar{position:static;width:auto;height:auto}.main{margin:0;padding:16px}.cards,.prayers{grid-template-columns:1fr}.sidebar nav{display:flex;overflow:auto}}