:root{--c-primary:#6366f1;--c-primary-hover:#4f46e5;--c-primary-light:#e0e7ff;--c-danger:#ef4444;--c-danger-light:#fecaca;--c-bg:#f8fafc;--c-card:#fff;--c-border:#e6eaf2;--c-text:#1e293b;--c-sub:#64748b;--c-muted:#94a3b8;--radius:10px;--radius-sm:8px;--radius-pill:20px;--shadow:0 1px 3px #0000000a}.btn-primary{color:#fff;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;padding:10px 22px;font-size:.82rem;font-weight:500;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.btn-cancel{color:#475569;border-radius:var(--radius);cursor:pointer;background:#f1f5f9;border:none;padding:10px 22px;font-size:.82rem;transition:all .15s}.btn-cancel:hover{background:#e2e8f0}.btn-preset-sm{border:1px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-sub);cursor:pointer;white-space:nowrap;background:#fff;padding:6px 14px;font-size:.73rem;font-weight:500;transition:all .15s}.btn-preset-sm:hover{border-color:var(--c-primary);color:var(--c-primary-hover)}.btn-preset-sm.on{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.btn-danger{color:#dc2626;border-radius:var(--radius);cursor:pointer;background:#fef2f2;border:1px solid #fecaca;padding:10px 20px;font-size:.82rem;font-weight:500;transition:all .15s}.btn-danger:hover{background:#fee2e2}.act{border:1px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;color:#475569;background:#fff;padding:6px 12px;font-size:.74rem;transition:all .15s}.act:hover{background:var(--c-bg);border-color:#cbd5e1}.act.del{color:var(--c-danger);border-color:var(--c-danger-light)}.act.del:hover{background:#fef2f2}.page-head{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.page-head h2{color:var(--c-text);font-size:1.25rem;font-weight:700}.sub{color:var(--c-muted);margin-left:10px;font-size:.8rem}.card,.table-box{background:var(--c-card);box-shadow:var(--shadow);border:1px solid #f1f5f9;border-radius:14px;padding:22px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #f1f5f9;padding:11px 14px;font-size:.82rem}th{color:var(--c-sub);text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;font-size:.74rem;font-weight:600}tr:hover{background:#fafbfc}.tag{color:var(--c-sub);background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:500}.tag.cat{color:#4338ca;background:#e0e7ff}.tag.src{color:#16a34a;background:#f0fdf4}.tag.preset{color:#b45309;background:#fef3c7}.search-box{position:relative}.search-icon{font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input{border:1px solid var(--c-border);background:var(--c-bg);border-radius:9px;outline:none;width:200px;padding:8px 12px 8px 32px;font-size:.82rem}.search-box input:focus{border-color:var(--c-primary)}.filter-select{border:1px solid var(--c-border);background:var(--c-bg);color:#475569;cursor:pointer;border-radius:9px;outline:none;padding:8px 12px;font-size:.82rem}.filter-select:focus{border-color:var(--c-primary)}.head-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.empty{text-align:center;color:var(--c-muted);padding:60px}.overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;min-width:420px;max-width:560px;max-height:85vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.modal h3{color:var(--c-text);margin:0 0 20px;font-size:1.1rem}.panel-close{border:1px solid var(--c-border);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.panel-close:hover{background:#f1f5f9}.form-group{margin-bottom:14px}.form-group label{color:#475569;margin-bottom:4px;font-size:12.5px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--c-border);border-radius:var(--radius-sm);box-sizing:border-box;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81f}.toast{z-index:300;border-radius:12px;padding:14px 28px;font-size:.85rem;font-weight:500;animation:.3s toastIn;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #0003}.toast.ok{color:#fff;background:#065f46}.toast.error{color:#fff;background:#991b1b}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination{flex-shrink:0;justify-content:center;align-items:center;gap:14px;margin-top:12px;padding:8px 0;display:flex}.pagination button{border:1px solid var(--c-border);cursor:pointer;color:#475569;background:#fff;border-radius:9px;padding:8px 16px;font-size:.82rem;transition:all .15s}.pagination button:hover:not(:disabled){border-color:var(--c-primary)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.page-info{color:var(--c-sub);font-size:.82rem}.toast-container{z-index:9999;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;top:20px;right:20px}.toast{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;animation:.2s t-in;display:flex;box-shadow:0 8px 24px #0000001f}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #6366f1}.toast-icon{flex-shrink:0;font-size:1.1rem}.toast-msg{word-break:break-word;flex:1;line-height:1.4}@keyframes t-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}