.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#0a0a0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.65rem}.brand-logo{width:28px;height:28px;border-radius:6px}.brand-name{font-weight:600;letter-spacing:-.01em}.user-menu{display:flex;align-items:center;padding:.3rem;border-radius:999px;border:1px solid transparent;background:transparent;transition:var(--transition)}.user-menu:hover,.user-menu.open{background:var(--bg-elev);border-color:var(--border)}.user-trigger{display:flex;align-items:center;gap:.6rem;padding:.1rem .4rem .1rem .1rem;background:transparent;border:none;cursor:pointer;color:inherit}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);transition:var(--transition)}.user-menu.open .user-avatar{border-color:var(--accent)}.user-name{font-size:.9rem;color:var(--text-dim)}.user-actions{display:flex;align-items:center;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-width .3s ease,opacity .25s ease,padding .3s ease}.user-menu.open .user-actions{max-width:260px;opacity:1;pointer-events:auto;padding-left:.6rem;margin-left:.3rem;border-left:1px solid var(--border)}.user-actions .logout-btn{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:999px;background:transparent;border:none;color:var(--text-dim);font-weight:600;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:var(--transition)}.user-actions .logout-btn:hover{background:#ed42451f;color:#ed4245}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#08080a8c;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);animation:overlay-in .2s ease}.modal-card{width:100%;max-width:380px;padding:1.75rem;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#18181cd9;box-shadow:0 24px 60px #00000080;text-align:center;animation:modal-in .22s cubic-bezier(.16,1,.3,1)}.modal-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.modal-text{margin:0 0 1.5rem;font-size:.9rem;line-height:1.5;color:var(--text-dim)}.modal-actions{display:flex;gap:.75rem}.modal-btn{flex:1;padding:.7rem 1rem;border-radius:12px;font-weight:600;font-size:.92rem;cursor:pointer;border:1px solid transparent;transition:var(--transition)}.modal-cancel{background:#5865f229;border-color:#5865f266;color:#8a98ff}.modal-cancel:hover{background:#5865f247;transform:translateY(-1px)}.modal-confirm{background:#ed424529;border-color:#ed424573;color:#ff6b6e}.modal-confirm:hover{background:#ed42454d;transform:translateY(-1px)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem}.status{color:var(--text-dim);text-align:center;padding:3rem 0}.status.error{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:10px;font-weight:600;font-size:.9rem;background:var(--accent);color:#fff;transition:var(--transition)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--bg-elev);transform:none}.btn-discord{background:var(--discord);padding:.85rem 1.5rem;font-size:1rem}.btn-discord:hover{background:var(--discord-hover)}.login{max-width:520px;margin:4rem auto 0;text-align:center}.login-title{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.login-sub{color:var(--text-dim);margin-bottom:2rem}.login-note{max-width:360px;margin:1.75rem auto 0;font-size:.78rem;line-height:1.5;color:var(--text-dim);opacity:.75}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.dashboard-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.dashboard-sub{color:var(--text-dim);font-size:.95rem}.filters{display:flex;gap:.5rem}.chip{padding:.45rem .9rem;border-radius:999px;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border);font-size:.85rem;font-weight:500;transition:var(--transition)}.chip-active{background:var(--accent);color:#fff;border-color:var(--accent)}.guild-section{margin-bottom:2.5rem}.section-head{margin-bottom:1rem}.section-title{font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-count{font-size:.78rem;font-weight:600;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem}.section-hint{color:var(--text-dim);font-size:.85rem;margin-top:.25rem}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;align-items:start}.guild-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition)}.guild-card:hover{border-color:#34343c;transform:translateY(-2px)}.guild-card.has-bot{border-color:#3ba55d59}.guild-icon{position:absolute;top:1.1rem;left:1.1rem;flex-shrink:0;width:56px;height:56px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--bg-elev)}.guild-icon img{width:100%;height:100%;object-fit:cover}.guild-initials{font-weight:700;color:var(--text-dim)}.guild-body{min-width:0;width:100%;min-height:56px;display:flex;align-items:center;justify-content:flex-start}.guild-name{font-size:1.2rem;font-weight:600;text-align:left;width:100%;min-width:0;padding:0 2.75rem 0 5.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-footer{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center}.add-bot{display:block;width:calc(100% + 2.2rem);margin:0 -1.1rem -1.1rem;padding:.7rem .8rem;border-radius:0 0 var(--radius) var(--radius);text-align:center;font-size:.82rem;font-weight:600;color:#fff;background:var(--discord);transition:var(--transition)}.guild-card.clickable{cursor:pointer;text-decoration:none;color:inherit}.guild-card.clickable:hover{border-color:#3ba55d99}.guild-go{position:absolute;top:1.1rem;right:1.1rem;height:56px;display:grid;place-items:center;color:var(--text-dim);transition:var(--transition)}.guild-card.clickable:hover .guild-go{color:var(--text);transform:translate(3px)}.separator-line{border:0;display:block;width:100%;height:1px;margin:2rem 0;background-color:var(--border)}.add-bot:hover{background:var(--discord-hover)}.detail{max-width:760px;margin:0 auto}.back-link{display:inline-block;color:var(--text-dim);font-size:.9rem;margin-bottom:1.25rem;transition:var(--transition)}.back-link:hover{color:var(--text)}.detail-head{margin-bottom:1.5rem}.detail-identity{display:flex;align-items:center;gap:1rem}.detail-icon{width:64px;height:64px;border-radius:16px;overflow:hidden;flex-shrink:0;background:var(--bg-elev);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.detail-icon img{width:100%;height:100%;object-fit:cover}.detail-initials{font-weight:700;font-size:1.4rem;color:var(--text-dim)}.detail-name{font-size:1.5rem;font-weight:700}.detail-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.detail-id{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums}.badge{font-size:.72rem;font-weight:600;padding:.18rem .55rem;border-radius:999px;letter-spacing:.01em}.badge-present{background:#3ba55d29;color:var(--manage)}.badge-absent{background:#ed424529;color:#ed8c8e}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.panel-cta{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;border-color:#ed424559;background:#ed42450f}.panel-title{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.panel-text{color:var(--text-dim);font-size:.92rem;margin-bottom:1rem}.panel-cta .panel-text{margin-bottom:0}.panel-cta .btn{flex-shrink:0;white-space:nowrap}.settings-form{display:flex;flex-direction:column}.settings-fieldset{border:none;display:flex;flex-direction:column;gap:1.5rem;transition:opacity .2s ease}.settings-fieldset:disabled{opacity:.55}.settings-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.settings-group-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:1rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border)}.setting-row:first-of-type{border-top:none;padding-top:0}.setting-label label{font-weight:600;font-size:.95rem}.setting-hint{color:var(--text-dim);font-size:.82rem;margin-top:.15rem}.switch{position:relative;width:44px;height:26px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);flex-shrink:0;transition:var(--transition)}.switch-on{background:var(--manage);border-color:var(--manage)}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1)}.switch-on .switch-thumb{transform:translate(18px)}.switch:disabled{cursor:not-allowed}.text-input,.channel-select{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .7rem;font-size:.9rem;transition:var(--transition)}.text-input:focus,.channel-select:focus{border-color:var(--accent);outline:none}.prefix-input{width:90px;text-align:center}.channel-select{min-width:220px}.text-input.has-error,.channel-select.has-error{border-color:var(--discord);border-color:#ed4245}.field-error{color:#ed8c8e;font-size:.78rem;margin-top:.3rem}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.settings-actions .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.save-status{margin-right:auto;font-size:.88rem}.save-status.success{color:var(--manage)}.save-status.error{color:#ed8c8e}.settings-group-title{display:flex;align-items:center;gap:.6rem}.module-badge{text-transform:none;letter-spacing:0;font-size:.68rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;border:1px solid var(--border)}.module-badge.on{color:var(--manage);border-color:var(--manage)}.module-badge.off{color:var(--text-dim)}.setting-row.column{flex-direction:column;align-items:stretch}.text-area{width:100%;resize:vertical;font-family:inherit}.text-field-wrap{display:flex;flex-direction:column}.role-multiselect{margin-top:.5rem}.role-chips{display:flex;flex-wrap:wrap;gap:.4rem}.role-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);font-size:.82rem;transition:var(--transition)}.role-chip:hover:not(:disabled){border-color:var(--accent)}.role-chip-on{border-color:var(--manage);background:color-mix(in srgb,var(--manage) 18%,var(--bg-elev))}.role-chip:disabled{cursor:not-allowed;opacity:.6}.role-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-multiselect.has-error .role-chips{outline:1px solid #ed4245;outline-offset:4px;border-radius:8px}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 1.25rem;margin-top:.5rem}.command-grid .setting-row{border-top:1px solid var(--border)}.unsaved-pill{margin-right:auto;font-size:.78rem;font-weight:600;color:#f0b232;padding:.15rem .55rem;border:1px solid color-mix(in srgb,#f0b232 50%,transparent);border-radius:999px}.settings-actions.is-dirty .save-status{margin-right:.75rem}@media (max-width: 600px){.main{padding:1.5rem 1rem}.user-name{display:none}.setting-row{flex-direction:column;align-items:flex-start}.channel-select{min-width:0;width:100%}.panel-cta{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-elev: #141417;--bg-card: #16161a;--border: #26262c;--text: #f2f2f3;--text-dim: #9a9aa3;--accent: #4a90e2;--discord: #5865f2;--discord-hover: #4752c4;--owner: #f0b232;--manage: #3ba55d;--radius: 12px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}html{-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}