@charset "UTF-8";:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--danger-color: #dc2626;--danger-hover: #b91c1c;--bg-color: #f1f5f9;--card-bg: #ffffff;--text-main: #1e293b;--border-color: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);display:flex;justify-content:center;padding:2rem}.container{background-color:var(--card-bg);width:100%;max-width:800px;padding:2rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}h1{font-size:1.8rem;margin-bottom:1.5rem;color:var(--primary-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}form{display:flex;gap:10px;margin-bottom:2rem;flex-wrap:wrap}input{flex:1;min-width:200px;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;outline:none;transition:border-color .3s}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb33}button{padding:.75rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:var(--primary-color);color:#fff}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}button[type=button],.btn-edit{background-color:#64748b}button[type=button]:hover,.btn-edit:hover{background-color:#475569}.btn-delete{background-color:var(--danger-color)}.btn-delete:hover{background-color:var(--danger-hover)}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th{text-align:left;background-color:#f8fafc;padding:1rem;border-bottom:2px solid var(--border-color);color:#475569}.table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.table tr:hover td{background-color:#f8fafc}.table td:last-child{display:flex;gap:8px}@media (max-width: 600px){html,body{overflow-x:hidden;width:100%}body{padding:.5rem}.container{padding:1.5rem;width:100%;max-width:100vw}form{flex-direction:column;gap:10px}input{min-width:0;width:100%}button{width:100%}.table{display:block;width:100%;overflow-x:auto;white-space:nowrap}}