*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #202225;--sidebar-bg: #2f3136;--main-bg: #36393f;--input-bg: #40444b;--text: #dcddde;--text-muted: #72767d;--text-header: #ffffff;--accent: #5865f2;--accent-hover: #4752c4;--green: #3ba55c;--red: #ed4245}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:4px;font-size:14px;padding:8px 16px;font-weight:500;transition:background .15s}input,textarea{background:var(--input-bg);border:none;border-radius:4px;color:var(--text);font-size:14px;outline:none;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--red);color:#fff}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--red)}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}