@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=JetBrains+Mono:wght@100..800&display=swap";:root{--bg-deep:#0a0b10;--bg-dark:#12131a;--bg-card:#181a24;--bg-card-hover:#1e212b;--primary:#5865f2;--primary-rgb:88, 101, 242;--primary-hover:#4752c4;--secondary:#2b2d31;--secondary-rgb:43, 45, 49;--accent:#eb459e;--success:#23a559;--warning:#f0b232;--error:#da373c;--text-main:#f2f3f5;--text-muted:#b5bac1;--text-dim:#80848e;--border-light:#ffffff14;--border-focus:#5865f280;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-main:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;font-family:var(--font-main);-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--secondary) transparent;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;line-height:1.5;overflow-x:hidden}.app-container{z-index:1;min-height:100vh;position:relative}.modern-bg{z-index:-1;background-color:var(--bg-deep);background-image:radial-gradient(circle at 50% 0%, rgba(var(--primary-rgb), .05) 0%, transparent 60%);position:fixed;inset:0}.text-gradient{color:var(--primary)}.modern-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;transition:all .2s;position:relative;box-shadow:0 4px 12px #0003}.modern-card:hover{background:var(--bg-card-hover);border-color:rgba(var(--primary-rgb), .3);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#383a40}input,textarea,select{border:1px solid var(--border-light)!important;border-radius:var(--radius-sm)!important;color:var(--text-main)!important;background:#1e1f22!important;outline:none!important;padding:12px 16px!important;font-size:15px!important;transition:all .2s!important}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;background:#2b2d31!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#2b2d31;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#383a40}.dashboard-container{background:var(--bg-deep);height:100vh;color:var(--text-main);display:flex;overflow:hidden}.sidebar{background:var(--bg-dark);border-right:1px solid var(--border-light);z-index:100;flex-direction:column;width:280px;transition:width .3s;display:flex}.sidebar:not(.expanded){width:80px}.main-content{background:var(--bg-deep);flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.main-header{background:var(--bg-deep);border-bottom:1px solid var(--border-light);z-index:10;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.content-scroll{scroll-behavior:smooth;z-index:5;flex:1;padding:32px;overflow-y:auto}.sidebar-header{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;height:70px;padding:0 20px;display:flex}.logo-container{background:var(--primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-text{color:#fff;font-size:18px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;padding:16px 12px 8px;font-size:12px;font-weight:700}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover,.sidebar-item.active{color:var(--text-main);background:#ffffff0d}.sidebar-item.active{color:var(--primary);background:#5865f21a}.sidebar-footer{border-top:1px solid var(--border-light);background:var(--bg-dark);padding:16px 12px}.logout-button{border-radius:var(--radius-sm);width:100%;color:var(--error);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.logout-button:hover{background:#da373c1a}.sidebar:not(.expanded) .logout-button{justify-content:center}.breadcrumb{border-left:1px solid var(--border-light);align-items:center;margin-left:16px;padding-left:16px;display:flex}.breadcrumb-pill{color:var(--primary);background:#5865f21a;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:700}.guild-selector-container{width:280px}.user-profile{border-radius:var(--radius-sm);background:#1e1f22;align-items:center;gap:12px;padding:8px;display:flex}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:14px;font-weight:700}.user-role{color:var(--text-muted);font-size:11px;font-weight:600}