:root{--navy: #142b4d;--navy-600: #1d3a63;--navy-050: #eef3fa;--amber: #f0a04b;--amber-600: #e08d34;--green-bg: #bdecc5;--green-fg: #1a7a34;--red-bg: #f9c6c6;--red-fg: #c0392b;--amber-bg: #fdeacb;--amber-fg: #b9791f;--gray-bg: #d6dae0;--gray-fg: #56606c;--ink: #1b2735;--muted: #6b7683;--line: #e8ecf1;--bg: #f6f7f9;--card: #ffffff;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(20, 43, 77, .06);--shadow-md: 0 8px 24px rgba(20, 43, 77, .08);--shadow-lg: 0 24px 60px rgba(20, 43, 77, .18);--font-title: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}:root[data-theme=dark]{--ink: #e8ecf4;--muted: #9fb0c6;--line: #24344f;--bg: #0e1726;--card: #16233b;--navy-050: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4{color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-title);color:var(--navy);margin:0}button{font-family:var(--font-body);cursor:pointer}a{color:inherit}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--navy-600);box-shadow:var(--shadow-md)}.btn--amber{background:var(--amber);color:#fff}.btn--amber:hover:not(:disabled){background:var(--amber-600)}.btn--ghost{background:transparent;color:var(--navy);font-weight:700}.btn--ghost:hover{background:var(--navy-050)}.btn__plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.6px solid currentColor;font-size:13px;line-height:1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.search{flex:0 1 340px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:12px 20px;box-shadow:var(--shadow-sm)}.search input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:var(--ink);font-family:var(--font-body)}.search input::placeholder{color:#9aa4b0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;font-size:13px;font-weight:700;color:var(--navy);padding:16px 24px;background:#fbfcfd;border-bottom:1px solid var(--line)}.table tbody td{padding:18px 24px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#fafbfc}.table .t-strong{color:var(--ink);font-weight:600}.row-actions{display:flex;gap:18px}.link-edit,.link-del,.link-view{background:none;border:none;padding:0;font-size:14px;font-weight:700;cursor:pointer}.link-edit{color:var(--amber-600)}.link-edit:hover{text-decoration:underline}.link-del{color:var(--red-fg)}.link-del:hover{text-decoration:underline}.link-view{color:var(--navy)}.link-view:hover{text-decoration:underline}.empty{padding:48px 24px;text-align:center;color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--navy)}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;font-family:var(--font-body);color:var(--ink);background:var(--card);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.field textarea{min-height:88px;resize:vertical;line-height:1.5}.field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7683' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #142b4d1a}.field input::placeholder,.field textarea::placeholder{color:#9aa4b0}.req{color:var(--red-fg)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px 38px 12px 14px;font-size:14px;font-family:var(--font-body);color:var(--ink);background-color:var(--card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7683' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer;outline:none;transition:border-color .14s ease,box-shadow .14s ease}select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #142b4d1a}