*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17212b;font:14px system-ui,sans-serif}nav{display:flex;gap:16px;align-items:center;padding:13px 5%;background:#142b3d;color:#fff}nav a{color:#dcebf5;text-decoration:none}nav span{margin-left:auto}main{max-width:1100px;margin:28px auto;padding:0 20px}h1{margin-top:0}.panel,section{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:16px;box-shadow:0 1px 2px #00000008}form{display:grid;gap:13px;max-width:680px}label{display:grid;gap:6px;font-weight:650}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #b9c6cf;border-radius:6px}button{cursor:pointer;background:#167a6e;color:#fff;border:0;font-weight:700}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}.cards section{display:grid;gap:5px}.cards b{font-size:24px}.cards span{color:#5d6b75}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px;border-bottom:1px solid #dce3e8}.badge,.notice{background:#e5f4f2;color:#126057;padding:5px 8px;border-radius:5px}.notice{display:block}.inspect{margin:14px 0;padding:18px;background:#f7fafb;border-radius:8px}.inspect label{font-size:13px;display:grid;gap:6px}.inspect label:has(input[type="checkbox"]){display:flex;align-items:center;gap:9px;font-weight:600}.inspect input[type="checkbox"]{width:20px;height:20px;padding:0;accent-color:#167a6e}.inspect textarea{min-height:90px}.serial-result{min-height:20px;margin:0;font-weight:650}.login{max-width:420px;margin:10vh auto}.login form{background:#fff;padding:20px;border-radius:10px}@media(max-width:600px){nav{gap:10px;flex-wrap:wrap}nav span{margin-left:0}table{font-size:12px}}