*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f6f8;color:#111}.top{background:#111;color:white;padding:14px 16px;line-height:2}.top b{margin-right:14px}.top a{color:white;margin-right:12px;text-decoration:none;display:inline-block}.wrap{max-width:1250px;margin:auto;padding:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:white;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0001;text-decoration:none;color:#111;border-left:7px solid #999}.card span{display:block;color:#666;font-size:13px}.card b{font-size:23px;display:block;margin-top:6px}.c-blue{border-left-color:#2274ff}.c-green{border-left-color:#10a35a}.c-orange{border-left-color:#f59e0b}.c-red{border-left-color:#ef4444}.c-purple{border-left-color:#7c3aed}.panel{background:white;border-radius:14px;padding:16px;margin-top:16px;box-shadow:0 2px 8px #0001}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}input,select,button,textarea{width:100%;padding:11px;margin:5px 0;border:1px solid #ddd;border-radius:10px;font-size:14px}button{background:#111;color:white;border:none;cursor:pointer}.btn{display:inline-block;background:#111;color:white;padding:8px 10px;border-radius:8px;text-decoration:none;margin:2px}.btn.red,button.red{background:#b00020}.btn.gray{background:#666}.ok{color:#087a2e}.danger{color:#b00020}.muted{color:#666;font-size:13px}.hint{background:#f8fafc;border:1px solid #e5e7eb;padding:10px;border-radius:10px;margin:6px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}th{background:#fafafa}.login{max-width:380px;margin:80px auto;background:white;padding:25px;border-radius:16px;box-shadow:0 2px 12px #0002}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.grid,.grid3{grid-template-columns:1fr}}