*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#18181b;color:#f4f4f5;line-height:1.6;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#27272a}::-webkit-scrollbar-thumb{background:#52525b;border-radius:50%}::-webkit-scrollbar-thumb:hover{background:#71717a}::selection{background:#7c3aed4d;color:#f4f4f5}::-moz-selection{background:#7c3aed4d;color:#f4f4f5}a{color:#7c3aed;text-decoration:none;transition:color .3s ease}a:hover{color:#a855f7}a:focus{outline:2px solid #7c3aed;outline-offset:2px;border-radius:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:#d4d4d8}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}*:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}img{max-width:100%;height:auto}ul,ol{padding-left:1.5rem}li{margin-bottom:.25rem}hr{border:none;height:1px;background:1px solid #3f3f46;margin:1.5rem 0}code{background:#3f3f46;padding:2px 4px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;color:#f59e0b}pre{background:#3f3f46;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid #3f3f46}pre code{background:none;padding:0}table{width:100%;border-collapse:collapse;margin:1.5rem 0}table th,table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid #3f3f46}table th{background:#3f3f46;font-weight:600;color:#f4f4f5}table tr:hover{background:#ffffff80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-up{animation:slideInUp .3s ease-out}.pulse{animation:pulse 2s infinite}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}.card{background:#3f3f46;border:1px solid #3f3f46;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0006,0 2px 4px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card--elevated{background:#52525b;box-shadow:0 10px 25px #0009,0 5px 15px #0000004d}.card--glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:all .3s ease;position:relative;overflow:hidden}.btn--primary{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed4d,0 2px 8px #7c3aed33}.btn--secondary{background:#3f3f46;color:#f4f4f5;border:1px solid #52525b}.btn--secondary:hover{background:#52525b;border-color:#7c3aed}.btn--outline{background:transparent;color:#7c3aed;border:1px solid #7c3aed}.btn--outline:hover{background:#7c3aed1a}.btn--ghost{background:transparent;color:#d4d4d8}.btn--ghost:hover{background:#ffffff0d;color:#f4f4f5}.btn--sm{padding:.25rem 1rem;font-size:.875rem}.btn--lg{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.input{width:100%;padding:1rem;background:#27272a;border:1px solid #3f3f46;border-radius:8px;color:#f4f4f5;font-size:1rem;transition:all .3s ease}.input::placeholder{color:#a1a1aa}.input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed4d;background:#52525b}.input:hover:not(:focus){border-color:#71717a}.input--error{border-color:#ef4444}.input--error:focus{box-shadow:0 0 0 3px #ef44444d}.input--success{border-color:#10b981}.input--success:focus{box-shadow:0 0 0 3px #10b9814d}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:50%;font-size:.75rem;font-weight:500}.badge--primary{background:#7c3aed33;color:#a855f7;border:1px solid rgba(124,58,237,.3)}.badge--success{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge--warning{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge--error{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge--neutral{background:#3f3f46;color:#d4d4d8;border:1px solid #3f3f46}.loading-spinner{width:24px;height:24px;border:2px solid #52525b;border-top:2px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--sm{width:16px;height:16px;border-width:1px}.loading-spinner--lg{width:32px;height:32px;border-width:3px}.loading-skeleton{background:linear-gradient(90deg,#3f3f46 25%,#52525b,#3f3f46 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.loading-skeleton--text{height:1em;margin:.5em 0}.loading-skeleton--circle{border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative;cursor:help}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#52525b;color:#f4f4f5;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid #3f3f46;box-shadow:0 4px 6px #0006,0 2px 4px #00000040;z-index:1000}.tooltip:after{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#52525b;opacity:0;visibility:hidden;transition:all .3s ease}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.divider{height:1px;background:1px solid #3f3f46;margin:1.5rem 0}.divider--vertical{width:1px;height:auto;margin:0 1.5rem}.divider--gradient{background:linear-gradient(90deg,transparent,1px solid #52525b,transparent)}.status{display:inline-flex;align-items:center;gap:.25rem}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status--online{color:#10b981}.status--offline{color:#71717a}.status--busy,.status--away{color:#f59e0b}