:root{--navy:#1a2b4c;--slate:#3d5a80;--teal:#0f766e;--teal-light:#14a89c;--amber:#b45309;--bg:#0f1420;--bg-elevated:#161d2e;--bg-card:#1b2436;--border:#2a3550;--text:#e7ecf5;--text-muted:#8a97b3;--danger:#9b2226;--radius:12px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.header{background:var(--bg-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header .brand{align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.header .brand img{border-radius:8px;width:32px;height:32px}.header nav{color:var(--text-muted);align-items:center;gap:1.75rem;font-size:.92rem;display:flex}.header nav a:hover{color:var(--text)}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.98rem;font-weight:600;transition:transform .12s,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal);color:#fff}.btn-secondary{background:var(--slate);color:#fff}.btn-outline{border-color:var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--teal)}.btn-wide{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:calc(100vh - 68px);padding:2rem;display:flex}.landing-hero .logo{border-radius:20px;width:84px;height:84px;margin-bottom:1.25rem;box-shadow:0 8px 30px #0f766e59}.landing-hero h1{background:linear-gradient(90deg, var(--teal-light), var(--slate));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem}.landing-hero p.tagline{color:var(--text-muted);max-width:480px;margin:0 0 1.5rem;font-size:1.05rem}.landing-actions{flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:480px;display:flex}.landing-actions .row{gap:.9rem;width:100%;display:flex}.landing-actions .row .btn{flex:1}.picker-wrap{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem}.picker-wrap h1{margin-bottom:.25rem;font-size:1.6rem}.picker-wrap p.sub{color:var(--text-muted);margin-top:0;margin-bottom:2rem}.guild-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;display:grid}.guild-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:border-color .12s,transform .12s;display:flex}.guild-card:hover{transform:translateY(-2px)}.guild-card.active{border-color:var(--teal)}.guild-card.active:hover{border-color:var(--teal-light)}.guild-card.inactive{filter:grayscale();opacity:.55}.guild-card.inactive:hover{border-color:var(--text-muted);opacity:.8}.guild-card img.icon{background:var(--slate);border-radius:50%;flex-shrink:0;width:40px;height:40px}.guild-card .name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.guild-card .status{color:var(--text-muted);font-size:.75rem}.guild-card.active .status{color:var(--teal-light)}.dash-shell{min-height:calc(100vh - 68px);display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-shrink:0;width:230px;padding:1.5rem 0}.sidebar .guild-name{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.75rem;padding:0 1.25rem 1rem;font-size:.95rem;font-weight:700;overflow:hidden}.sidebar a.nav-item{color:var(--text-muted);border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.65rem 1.25rem;font-size:.9rem;display:flex}.sidebar a.nav-item:hover{color:var(--text);background:#ffffff08}.sidebar a.nav-item.active{color:var(--text);border-left-color:var(--teal);background:#0f766e1f}.sidebar .switch-server{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.85rem}.dash-content{flex:1;max-width:760px;padding:2.25rem 2.75rem}.dash-content h1{margin:0 0 .3rem;font-size:1.5rem}.dash-content p.section-sub{color:var(--text-muted);margin-top:0;margin-bottom:1.75rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.5rem 1.75rem}.field{margin-bottom:1.1rem}.field label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.field input[type=text],.field input[type=number],.field select,.field textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);border-radius:8px;padding:.65rem .8rem;font-size:.92rem}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);outline:none}.field .hint{color:var(--text-muted);margin-top:.35rem;font-size:.78rem}.toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.flash{border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.88rem}.flash.success{border:1px solid var(--teal);color:var(--teal-light);background:#0f766e26}.flash.error{border:1px solid var(--danger);color:#ff9a9a;background:#9b222626}.user-chip{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.user-chip img{border-radius:50%;width:26px;height:26px}.user-chip button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.user-chip button:hover{color:var(--text)}.center-loading{min-height:calc(100vh - 68px);color:var(--text-muted);justify-content:center;align-items:center;display:flex}
