:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-brand-primary: #3b82f6;--color-brand-hover: #2563eb;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-light: #475569;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .12);--color-success-border: rgba(16, 185, 129, .25);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-brand-primary);text-decoration:none}button{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background-color:var(--color-brand-primary);color:#fff}.btn-primary:hover{background-color:var(--color-brand-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:#475569}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-action:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.btn-icon-action.danger:hover{border-color:var(--color-danger);color:var(--color-danger);background-color:var(--color-danger-bg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.modal-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:0 20px 25px -5px #00000080;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.modal-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{padding:1.5rem}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.825rem;font-weight:600;color:var(--color-text-secondary)}.required{color:var(--color-danger)}.form-input{width:100%;padding:.55rem .85rem;border-radius:var(--radius-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-brand-primary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:var(--color-text-muted);pointer-events:none}.input-with-icon .form-input{padding-left:2.35rem}.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.desktop-table-view{display:block}.mobile-card-view{display:none}@media (max-width: 767.98px){.desktop-table-view{display:none!important}.mobile-card-view{display:flex!important;flex-direction:column;gap:12px}}.mobile-data-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:all .2s ease}.mobile-data-card-header{padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.mobile-data-card-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.mobile-card-field{display:flex;flex-direction:column;gap:4px}.mobile-card-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#8c8c8c;letter-spacing:.3px}.mobile-card-value{font-size:13px;color:#262626;word-break:break-all}.mobile-card-actions{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px dashed #f0f0f0;flex-wrap:wrap}