@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Inter:wght@300;400;600&display=swap";:root{--primary: #00ffcc;--primary-glow: rgba(0, 255, 204, .5);--secondary: #7000ff;--secondary-glow: rgba(112, 0, 255, .25);--accent: #ff3e70;--accent-glow: rgba(255, 62, 112, .25);--bg-dark: #0a0c14;--bg-medium: #141824;--bg-light: #1e2436;--bg-lighter: #2a3148;--text-bright: rgba(240, 245, 255, .92);--text-medium: rgba(197, 207, 227, .87);--text-dim: rgba(160, 170, 195, .65);--success: #00ff95;--warning: #ffbe0b;--error: #ff5757;--info: #2196f3;--discord-blue: #5865F2;--discord-blue-hover: #4752C4;--discord-green: #57F287;--discord-yellow: #FEE75C;--discord-red: #ED4245;--header-height: 70px;--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--panel-blur: blur(16px);--panel-border: 1px solid rgba(255, 255, 255, .07);--panel-glow: 0 0 20px rgba(0, 255, 204, .15);--panel-radius: 12px;--button-radius: 6px;--transition-fast: .15s ease;--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.65, 0, .35, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%,var(--secondary-glow) 0%,transparent 25%),radial-gradient(circle at 85% 30%,var(--primary-glow) 0%,transparent 25%);background-attachment:fixed;color:var(--text-bright);font-family:var(--font-body);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex:1;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;letter-spacing:.5px;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#00ffccd9;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e243680}::-webkit-scrollbar-thumb{background:var(--bg-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7000ff66}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:var(--button-radius);font-family:var(--font-display);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.btn:hover:before{transform:translate(100%);transition:.7s}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));color:var(--bg-dark);box-shadow:0 0 15px #0fc6}.btn-secondary{background:#7000ff26;color:var(--primary);border:1px solid rgba(0,255,204,.3)}.btn-secondary:hover{background:#7000ff40;border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 10px #0fc0}to{box-shadow:0 0 #0fc0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 5px var(--primary-glow)}50%{text-shadow:0 0 15px var(--primary-glow),0 0 30px var(--primary-glow)}to{text-shadow:0 0 5px var(--primary-glow)}}.discord-bot-app{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}header{height:var(--header-height);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background-color:#0a0c14b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,204,.1);position:sticky;top:0;z-index:100}.header-controls{display:flex;align-items:center;gap:1.5rem}header h1{font-size:1.5rem;color:var(--text-bright);font-weight:700;letter-spacing:1px;position:relative;margin:0}header h1:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px}main{flex:1;display:flex;padding:2rem}.dashboard-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto}.panel{display:flex;flex-direction:column;padding:1.5rem;position:relative;overflow:hidden;height:100%;box-shadow:var(--panel-glow);transition:box-shadow var(--transition-medium)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.5}.panel:hover{box-shadow:0 0 25px #00ffcc40}.panel h2{font-size:1.1rem;color:var(--text-bright);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.panel h2:before{content:"";display:block;width:8px;height:8px;background-color:var(--primary);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.commands-panel{grid-column:1 / 6;grid-row:1 / 3}.activity-panel{grid-column:6 / 13;grid-row:1 / 2}.metrics-panel{grid-column:6 / 13;grid-row:2 / 3}.connection-logs-panel{grid-column:1 / 13;grid-row:3 / 4;margin-top:1.5rem;display:flex;flex-direction:column;max-height:500px;overflow:hidden}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr;grid-template-rows:auto}.commands-panel,.activity-panel,.metrics-panel,.connection-logs-panel{grid-column:1;grid-row:auto}.connection-logs-panel{max-height:400px}.connection-logs .log-entries{max-height:300px}}.bot-status{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#14182480;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.status-indicator{width:12px;height:12px;border-radius:50%;position:relative}.status-indicator:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;z-index:-1;opacity:.5}.status-indicator.online{background-color:var(--success);animation:pulse 2s infinite}.status-indicator.online:after{box-shadow:0 0 10px var(--success)}.status-indicator.idle{background-color:var(--warning)}.status-indicator.idle:after{box-shadow:0 0 10px var(--warning)}.status-indicator.offline{background-color:var(--error)}.status-indicator.offline:after{box-shadow:0 0 10px var(--error)}.command-list{display:flex;flex-direction:column;height:100%}.command-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:1;padding:.75rem 1rem;background:#1e243680;border:1px solid rgba(0,255,204,.2);border-radius:var(--button-radius);color:var(--text-bright);font-family:var(--font-body);font-size:.9rem;transition:var(--transition-fast);cursor:pointer;position:relative}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-glow)}select:hover{border-color:var(--primary)}select:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none}button{height:42px;padding:0 1.25rem;border-radius:var(--button-radius);background:linear-gradient(90deg,var(--primary),var(--secondary));color:var(--bg-dark);font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}button:hover:before{transform:translate(100%);transition:.7s}button:focus{outline:none;box-shadow:0 0 0 2px var(--primary-glow)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:before{display:none}.commands-table{flex:1;overflow-y:auto;border-radius:var(--panel-radius);border:1px solid rgba(255,255,255,.05);position:relative}.commands-table h3{font-size:.9rem;color:var(--text-medium);background:#141824b3;padding:1rem;margin:0;border-bottom:1px solid rgba(255,255,255,.05)}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;font-size:.9rem}th{color:var(--text-dim);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;background:#14182480}td{color:var(--text-medium);border-bottom:1px solid rgba(255,255,255,.03)}tr:hover td{background:#00ffcc0d;color:var(--text-bright)}.cmd-category{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cmd-category.system{background-color:#00ffcc26;color:var(--primary);border:1px solid rgba(0,255,204,.3)}.cmd-category.media{background-color:#7000ff26;color:var(--secondary);border:1px solid rgba(112,0,255,.3)}.cmd-category.moderation{background-color:#ff3e7026;color:var(--accent);border:1px solid rgba(255,62,112,.3)}.btn-execute{height:30px;padding:0 .8rem;font-size:.75rem;background:#00ffcc26;color:var(--primary);border:1px solid rgba(0,255,204,.3)}.btn-execute:hover{background:#00ffcc40}.activity-log{display:flex;flex-direction:column;height:100%}.log-entries{flex:1;background:#0a0c1480;border-radius:var(--panel-radius);border:1px solid rgba(255,255,255,.05);overflow-y:auto;font-family:Courier New,monospace;font-size:.9rem;padding:1rem}.log-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.toggle-controls-btn{align-self:flex-start;background:#141824b3;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.toggle-controls-btn:hover{background:#1e222eb3;color:var(--text-bright);border-color:#fff3}.log-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.85rem;color:var(--text-dim)}.filter-group select,.filter-group input{background:#141824b3;border:1px solid rgba(255,255,255,.1);color:var(--text-bright);padding:.5rem;border-radius:4px;font-size:.85rem}.filter-group input{width:200px}.clear-logs-btn{background:#ff575733;border:1px solid rgba(255,87,87,.3);color:var(--error);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;margin-left:auto;transition:all .2s ease}.clear-logs-btn:hover{background:#ff57574d;border-color:#ff575780}.log-entry{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.03);animation:fadeIn .3s ease-out;border-radius:4px;margin-bottom:.5rem;background:#1418244d;transition:background-color .2s ease}.log-entry:hover{background:#1e222e80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-entry:last-child{border-bottom:none}.log-entry-header{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.timestamp{color:var(--primary);font-weight:500;white-space:nowrap;padding:2px 5px;font-size:.8rem;background:#00ffcc12;border-radius:3px}.log-category{font-size:.7rem;text-transform:uppercase;padding:.2rem .5rem;border-radius:3px;background:#0003;color:var(--text-dim);letter-spacing:.5px;font-weight:600}.message{color:var(--text-medium);word-break:break-word;line-height:1.4;padding:.25rem 0}.empty-log{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;color:var(--text-dim);font-style:italic}.pulse-dot{width:12px;height:12px;border-radius:50%;background-color:var(--primary);position:relative;animation:pulse 2s infinite}.command-highlight{border-left:3px solid var(--primary)}.command-highlight .log-category{background:#00ffcc1a;color:var(--primary)}.success-highlight{border-left:3px solid var(--success)}.success-highlight .log-category,.success-highlight .log-status{background:#00ff951a;color:var(--success)}.error-highlight{border-left:3px solid var(--error)}.error-highlight .log-category,.error-highlight .log-status{background:#ff57571a;color:var(--error)}.warning-highlight{border-left:3px solid var(--warning)}.warning-highlight .log-category,.warning-highlight .log-status{background:#ffc1071a;color:var(--warning)}.info-highlight{border-left:3px solid var(--info)}.info-highlight .log-category,.info-highlight .log-status{background:#2196f31a;color:var(--info)}.debug-highlight{border-left:3px solid var(--text-dim)}.debug-highlight .log-category,.debug-highlight .log-status{background:#9e9e9e1a;color:var(--text-dim)}.connection-logs{display:flex;flex-direction:column;height:100%;overflow:hidden}.connection-logs .log-header{flex-shrink:0;margin-bottom:10px}.connection-logs .log-entries{flex:1;overflow-y:auto;padding-right:5px;max-height:400px;scrollbar-width:thin;scrollbar-color:var(--primary) rgba(0,0,0,.2)}.connection-logs .log-entries::-webkit-scrollbar{width:8px}.connection-logs .log-entries::-webkit-scrollbar-track{background:#0003;border-radius:4px}.connection-logs .log-entries::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:4px}.connection-logs .log-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase}.connection-logs .log-entry{padding:8px 10px;margin-bottom:8px;border-radius:4px;background:#14182480;border:1px solid rgba(255,255,255,.05);font-size:.9rem}.connection-logs .log-entry-header{display:flex;align-items:center;margin-bottom:5px;font-size:.85rem}.connection-logs .timestamp{color:var(--text-dim);margin-right:10px}.connection-logs .message{word-break:break-word}.connection-logs .log-details{background:#0003;padding:.75rem;border-radius:4px;margin-top:.5rem;font-family:monospace;font-size:.85rem;overflow-x:auto;max-height:200px;overflow-y:auto}.connection-logs .details-toggle{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8rem;padding:0;margin-left:auto;text-decoration:underline}.connection-logs .details-toggle:hover{color:var(--secondary)}.connection-logs .log-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:10px;background:#0003;border-radius:4px}.connection-logs .filter-group{display:flex;align-items:center;gap:8px}.connection-logs .filter-group label{font-size:.85rem;color:var(--text-dim)}.connection-logs .filter-group select,.connection-logs .filter-group input{background:#141824cc;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text);padding:4px 8px;font-size:.85rem}.connection-logs .toggle-controls-btn,.connection-logs .clear-logs-btn{background:#00ffcc1a;border:1px solid rgba(0,255,204,.2);color:var(--primary);border-radius:4px;padding:5px 10px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.connection-logs .toggle-controls-btn:hover,.connection-logs .clear-logs-btn:hover{background:#0fc3;border-color:#00ffcc4d}.connection-logs .clear-logs-btn{background:#ff57571a;border-color:#ff575733;color:var(--error)}.connection-logs .clear-logs-btn:hover{background:#ff575733;border-color:#ff57574d}.connection-logs .loading-indicator{display:flex;justify-content:center;align-items:center;height:100px;color:var(--text-dim);font-style:italic}.connection-logs .empty-log{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;color:var(--text-dim);gap:10px}.connection-logs .pulse-dot{width:10px;height:10px;border-radius:50%;background-color:var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00ffccb3}70%{transform:scale(1);box-shadow:0 0 0 10px #0fc0}to{transform:scale(.95);box-shadow:0 0 #0fc0}}.error-highlight .log-category{background:#ff57571a;color:var(--error)}.system-highlight{border-left:3px solid var(--warning)}.system-highlight .log-category{background:#ffbe0b1a;color:var(--warning)}footer{background-color:#0a0c14cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem;text-align:center;color:var(--text-dim);font-size:.85rem;border-top:1px solid rgba(0,255,204,.05)}.metrics-panel{display:flex;flex-direction:column}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;flex:1}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:#14182480;border-radius:var(--panel-radius);padding:1rem;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.metric-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003;border-color:#00ffcc4d}.metric-value{font-size:2rem;font-weight:700;color:var(--primary);font-family:var(--font-display);margin-bottom:.5rem;text-shadow:0 0 10px var(--primary-glow);letter-spacing:1px}.metric-label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-weight:600;position:relative;padding-bottom:5px}.metric-label:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--secondary);opacity:.5}.loading-indicator{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-medium);font-size:.9rem;position:relative;padding-left:1.5rem}.loading-indicator:before{content:"";position:absolute;left:0;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--primary-glow);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass-panel{background:#141824b3;backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:var(--panel-border);border-radius:var(--panel-radius)}.login-button{display:flex;align-items:center}.btn-login,.btn-logout{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-login{background:var(--discord-blue);color:#fff}.btn-login:hover{background:var(--discord-blue-hover);box-shadow:0 0 10px #5865f299}.btn-logout{background:#ffffff1a;color:var(--text-dim)}.btn-logout:hover{background:#fff3;color:var(--text-bright)}.user-section{margin:1rem 2.5rem;padding:1.5rem;display:flex;flex-wrap:wrap;gap:2rem}.user-profile{display:flex;align-items:center;gap:1rem}.user-avatar img{width:64px;height:64px;border-radius:50%;border:2px solid var(--primary)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;color:var(--text-bright);font-size:1.1rem}.user-email{color:var(--text-dim);font-size:.9rem}.user-guilds{flex:1}.guild-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin-top:1rem}.guild-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:80px;text-align:center}.guild-icon,.guild-icon-placeholder{width:48px;height:48px;border-radius:50%;overflow:hidden}.guild-icon-placeholder{background:var(--discord-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.guild-item span{font-size:.8rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-footer{font-size:.8rem;color:var(--text-dim);margin-left:1rem}.connection-status{position:fixed;bottom:40px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:20px;background:#141824cc;border:1px solid var(--primary);font-size:.85rem;color:var(--primary);transition:opacity var(--transition-medium);z-index:1000;box-shadow:0 0 10px var(--primary-glow);display:flex;align-items:center;gap:.5rem}.connection-status.error{border-color:var(--error);color:var(--error);box-shadow:0 0 10px #ff575766}.connection-status:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--primary);animation:pulse 2s infinite}.connection-status.error:before{background-color:var(--error);animation:none}