*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f6f8}.navbar{background:#1976d2;color:#fff;padding:16px;text-align:center}.footer{background:#222;color:#aaa;text-align:center;padding:12px;margin-top:40px}.container{max-width:1100px;margin:20px auto;padding:20px;background:#fff;border-radius:6px}.form{margin-bottom:20px}.form h3{margin-bottom:10px}.form input,.form textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.form button,.back_btn{background:#1976d2;color:#fff;padding:10px 16px;border:none;border-radius:4px;cursor:pointer}.table-wrapper{overflow-x:auto;max-height:350px}table{width:100%;min-width:650px;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left}tr:hover{background:#f1f1f1}.link{color:#1976d2;cursor:pointer}.empty{text-align:center;color:#777}button{cursor:pointer}button.danger{background:#d32f2f;color:#fff;border:none;padding:6px 12px;border-radius:4px}@media(max-width:768px){.container{margin:10px;padding:15px}table{font-size:14px}}