:root{--primary: #2563eb;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--bg: #f8fafc;--card: #ffffff;--border: #e5e7eb;--text: #1f2937}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body.dark{background:#0f172a;color:#e5e7eb}.container{max-width:1200px;margin:auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.card{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 10px 25px #0000000d}body.dark .card{background:#020617;box-shadow:none}.header{display:flex;flex-direction:column;gap:12px}.header-title{font-size:1.8rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:10px}.header-actions input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border)}.dark-toggle{height:40px;width:40px;border-radius:10px;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}body.dark .dark-toggle{background:#fbbf24;color:#000}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.form input{padding:10px 14px;border-radius:8px;border:1px solid var(--border)}.form button{background:var(--success);color:#fff;border:none;border-radius:8px;height:42px;font-size:.95rem;cursor:pointer}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{background:#f1f5f9;padding:14px;text-align:left;font-size:.9rem}.table td{padding:14px;border-bottom:1px solid var(--border)}body.dark .table th{background:#020617;color:#e5e7eb}body.dark .table td{color:#e5e7eb;border-bottom:1px solid #1e293b}.edit-btn,.delete-btn{padding:6px 12px;border-radius:6px;border:none;font-size:.85rem;cursor:pointer}.edit-btn{background:var(--warning);color:#000;margin-right:8px}.delete-btn{background:var(--danger);color:#fff}@media(max-width:768px){.header-title{font-size:1.6rem}.form{grid-template-columns:1fr}.form button{height:40px;font-size:.9rem}.edit-btn,.delete-btn{margin-bottom:6px}}