*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f4f4f4;color:#0f0f0f;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{display:block;max-width:100%}ul,ol{list-style:none}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.form-control{height:44px;padding:0 12px;background:#f7f7f8;border:1px solid #E5E7EB;border-radius:8px;color:#0f0f0f;font-size:.9375rem;outline:none;transition:border-color .15s ease}.form-control:focus{border-color:#daa228}.form-control::placeholder{color:#6b7280}textarea.form-control{height:auto;padding:12px;resize:vertical;min-height:90px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:0;font-size:.8125rem;font-weight:700;transition:opacity .15s ease,background .15s ease;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#daa228;color:#0f1117}.btn-primary:hover:not(:disabled){background:#c48f20}.btn-danger{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.btn-danger:hover:not(:disabled){background:#dc26262e}.btn-success{background:#16a34a14;color:#16a34a;border:1px solid rgba(22,163,74,.25)}.btn-success:hover:not(:disabled){background:#16a34a2e}.btn-ghost{background:transparent;color:#6b7280;border:1px solid #E5E7EB}.btn-ghost:hover:not(:disabled){background:#f7f7f8;color:#0f0f0f}.btn-icon{width:36px;height:36px;padding:0;border-radius:8px}:root{color-scheme:light;--color-bg: #F4F4F4;--color-surface: #FFFFFF;--color-surface-alt: #F7F7F8;--color-border: #E5E7EB;--color-accent: #DAA228;--color-accent-hover: #C48F20;--color-accent-bg-soft: #F4E3BF;--color-text: #0F0F0F;--color-text-muted: #6B7280;--color-danger: #DC2626;--color-success: #16A34A;--color-warning: #DAA228;--sidebar-width: 240px;--topbar-height: 60px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-muted{color:#6b7280}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 1px 3px #0f11170f,0 1px 2px #0f11170a}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #E5E7EB;background:#fff}table.admin-table{width:100%;border-collapse:collapse;font-size:.8125rem}table.admin-table thead tr{background:#f7f7f8;border-bottom:1px solid #E5E7EB}table.admin-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;white-space:nowrap}table.admin-table td{padding:12px 16px;border-bottom:1px solid rgba(229,231,235,.7);color:#0f0f0f;vertical-align:middle}table.admin-table tbody tr:last-child td{border-bottom:0}table.admin-table tbody tr:hover td{background:#f7f7f8b3}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h1,.section-header h2{font-size:1.125rem;font-weight:700;color:#0f0f0f}.pagination{display:flex;align-items:center;gap:8px;padding:16px 0 0;font-size:.8125rem;color:#6b7280}.pagination .page-btn{height:32px;min-width:32px;padding:0 8px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;color:#0f0f0f;font-size:.8125rem;transition:background .15s ease}.pagination .page-btn:hover:not(:disabled){background:#f7f7f8}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .page-btn.active{background:#daa228;color:#fff;border-color:#daa228;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:#6b7280;font-size:.8125rem;text-align:center}.spinner{width:24px;height:24px;border:2.5px solid rgba(107,114,128,.2);border-top-color:#daa228;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{display:block;background:linear-gradient(90deg,#ececee,#f4f4f4 45%,#fff,#f4f4f4 55%,#ececee);background-size:200% 100%;animation:skel-shimmer 1.4s linear infinite;border-radius:8px}.skel--circle{border-radius:999px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}