:root{--color-bg: #0f172a;--color-surface: rgba(30, 41, 59, .7);--color-surface-hover: rgba(51, 65, 85, .8);--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-danger: #ef4444;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--glass-border: 1px solid rgba(255, 255, 255, .08)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--color-bg);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}.glass-panel{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--shadow-lg)}.table-row{transition:background-color .2s;border-bottom:1px solid rgba(255,255,255,.05)}.table-row:hover{background-color:#ffffff08}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#6366f1);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;box-shadow:0 4px 6px -1px #8b5cf64d}.btn-primary:hover{filter:brightness(110%);transform:translateY(-1px)}.action-btn{background:transparent;color:var(--color-text-muted);padding:.5rem;border-radius:6px}.action-btn:hover{background:#ffffff1a;color:#fff}.action-btn.delete:hover{color:var(--color-danger);background:#ef44441a}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block}.status-active{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-inactive{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}.modal{width:100%;max-width:500px;border-radius:16px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.75rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b5cf633}.row{display:flex;gap:1rem}.row .form-group{flex:1}.btn-ghost{background:transparent;color:var(--color-text-muted);padding:.75rem 1.5rem;border-radius:8px}.btn-ghost:hover{background:#ffffff0d;color:#fff}.close-btn{background:transparent;color:var(--color-text-muted);padding:.5rem;border-radius:50%}.close-btn:hover{background:#ffffff1a;color:#fff}.icon-box{background:#8b5cf633;padding:.5rem;border-radius:8px;display:flex}.text-primary{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}