*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f9;color:#222;padding:20px}.container{max-width:760px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:22px;margin:0}.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#444}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;font-family:inherit;margin-bottom:14px}textarea{resize:vertical;min-height:70px}button{background:#2563eb;color:#fff;border:none;padding:11px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:#1d4ed8}button.secondary{background:#64748b}button.secondary:hover{background:#475569}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}button.link{background:none;color:#2563eb;padding:6px 10px;font-size:13px}button.link:hover{background:#eff6ff}button:disabled{opacity:.6;cursor:not-allowed}.result{margin-top:16px;padding:18px;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;text-align:center}.result .code{font-size:28px;font-weight:700;color:#065f46;letter-spacing:1px}.error{margin-top:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b}.error,table{font-size:13px}table{width:100%;border-collapse:collapse;margin-top:10px}td,th{padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f9fafb;font-weight:600}.toolbar{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.empty{text-align:center;color:#888;padding:20px}.table-wrap{overflow-x:auto}.filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.filters>div{display:flex;flex-direction:column;flex:1 1;min-width:140px}.filters label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px}.filters input,.filters select{margin-bottom:0;padding:8px 10px;font-size:13px}.filters button{align-self:flex-end;padding:8px 14px;font-size:13px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#fff;border-radius:10px;padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.18)}.modal h3{margin:0 0 18px;font-size:17px}.modal-footer{display:flex;gap:10px;margin-top:6px}.btn-icon{background:none;color:#6b7280;border:1px solid #e5e7eb;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;margin-left:4px}.btn-icon:hover{background:#f3f4f6;color:#111}.btn-icon.danger{color:#dc2626}.btn-icon.danger:hover{background:#fef2f2}