*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f8fc;color:#17324d}header{display:flex;gap:20px;align-items:center;padding:16px 28px;background:linear-gradient(120deg,#087ac1,#075aa6);color:white}header img{height:60px;background:white;padding:6px 10px;border-radius:8px}h1{margin:0}header p{margin:5px 0 0;color:#dff4ff}main{max-width:1200px;margin:auto;padding:22px}nav{display:flex;gap:8px;margin-bottom:16px}a{color:#075aa6;font-weight:700}.active{background:#075aa6;color:white;padding:10px;border-radius:8px;text-decoration:none}.card,.stats div{background:white;border:1px solid #d8e4ef;border-radius:14px;padding:18px;margin-bottom:16px}.notice{background:#e9f8fc;border-left:4px solid #16a9d5;padding:11px;margin-bottom:14px}.formgrid{display:grid;grid-template-columns:2fr 1.3fr 1.3fr auto;gap:12px;align-items:end}label{font-size:13px;font-weight:bold}input,select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #cbd8e5;border-radius:8px}button{border:0;border-radius:8px;padding:11px 15px;background:#087ac1;color:white;font-weight:bold}.danger{background:#fee4e2;color:#b42318}.bar{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats b{display:block;font-size:24px;margin-top:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #d8e4ef;text-align:left}th{background:#f6f9fc}.scroll{overflow:auto}.login{max-width:430px;margin:45px auto}.flash{padding:11px;margin-bottom:12px}.ok{background:#e8f7ef}.error{background:#fee4e2}@media(max-width:800px){.formgrid,.stats,.two{grid-template-columns:1fr}}