:root{--discord-bg: #36393f;--discord-secondary: #2f3136;--discord-tertiary: #202225;--discord-blurple: #5865F2;--discord-green: #3ba55d;--discord-red: #ed4245;--discord-yellow: #faa81a}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{background-color:var(--discord-bg);color:#dcddde;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--discord-tertiary)}::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#18191c}:root{--discord-bg: #36393f;--discord-secondary: #2f3136;--discord-tertiary: #202225;--discord-blurple: #5865F2;--discord-green: #3ba55d;--discord-red: #ed4245;--discord-yellow: #faa81a;--text-normal: #dcddde;--text-muted: #72767d;--header-primary: #ffffff}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:240px;background-color:var(--discord-secondary);border-right:1px solid var(--discord-tertiary);display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{height:48px;background-color:var(--discord-secondary);border-bottom:1px solid var(--discord-tertiary);display:flex;align-items:center;padding:0 16px}.content{flex:1;overflow-y:auto;padding:24px}.server-list{padding:8px}.server-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .15s}.server-item:hover{background-color:#42454a}.server-item.active{background-color:#5865f220}.server-icon{width:40px;height:40px;border-radius:50%;background-color:var(--discord-blurple);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden}.server-icon img{width:100%;height:100%;object-fit:cover}.stat-card{background-color:var(--discord-secondary);border-radius:8px;padding:16px;border:1px solid var(--discord-tertiary)}.stat-card-title{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-card-value{font-size:24px;font-weight:700;color:var(--header-primary)}.status-online{color:var(--discord-green)}.status-offline{color:var(--discord-red)}.status-idle{color:var(--discord-yellow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 768px){.sidebar{width:72px}.server-item span{display:none}.content{padding:16px}}