/* Unified visual system: refined contrast, clear hierarchy, and responsive controls. */
:root{--surface:#111521;--surface-raised:#171d2b;--line:rgba(164,177,218,.13);--text:#eef1fb;--muted:#909ab2;--accent:#9387ff;--accent-2:#61c8e8;--radius:18px;--shadow:0 20px 55px rgba(0,0,0,.24)}
html{scroll-padding-top:96px}body{color:var(--text);background-color:#090b12;background-image:radial-gradient(ellipse 60% 42% at 5% -10%,rgba(109,91,242,.2),transparent 72%),radial-gradient(ellipse 55% 42% at 100% 18%,rgba(51,132,190,.11),transparent 72%)}body:before{opacity:.36}.topbar{height:72px;padding-inline:clamp(16px,4vw,54px);border-color:var(--line);background:rgba(9,11,18,.83);box-shadow:0 12px 38px rgba(0,0,0,.12)}.brand-mark{width:41px;height:41px;border-radius:14px;background:linear-gradient(140deg,#8c7cff,#4d91df);box-shadow:0 8px 24px rgba(100,86,226,.25)}.brand b{letter-spacing:-.025em}.brand small{color:#8c96ad}.container{width:min(1440px,calc(100% - 56px))}.dashboard-hero{padding-top:72px}.dashboard-hero h1,.page-title h1{letter-spacing:-.06em}.dashboard-hero p,.page-title p{font-size:14px;max-width:650px;color:#9aa4bb}.panel,.stat,.server-card-wrap .server-card,.account-info,.guild-overview-card{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:clamp(18px,2.4vw,28px);background:linear-gradient(150deg,rgba(20,26,40,.97),rgba(12,16,26,.97))}.panel-head{align-items:center}.panel-head p,.subsection-head p{font-size:12px;line-height:1.55;color:var(--muted)}.panel h2{font-size:19px;letter-spacing:-.035em}.sidebar{border-color:var(--line)}.sidebar nav a{min-height:42px;border:1px solid transparent;border-radius:11px;font-size:12px;transition:background .18s,border-color .18s,color .18s,transform .18s}.sidebar nav a:hover{border-color:var(--line);transform:translateX(2px)}.sidebar nav a.active{border-color:rgba(147,135,255,.19);background:linear-gradient(100deg,rgba(110,94,237,.2),rgba(30,36,55,.5));box-shadow:inset 3px 0 var(--accent)}.content{padding-bottom:100px}.page-title{padding:26px 0 30px}.page-title h1{font-size:clamp(34px,4vw,52px)}.guild-overview-grid{gap:13px}.guild-overview-card{min-height:112px;padding:17px;background:linear-gradient(145deg,rgba(24,31,49,.94),rgba(13,18,29,.96))}.guild-overview-card b{font-size:25px;letter-spacing:-.04em}.stat{background:linear-gradient(145deg,rgba(20,26,41,.96),rgba(12,16,26,.96))}.server-tools{border-radius:16px}.server-card-wrap .server-card{padding:18px}.server-icon,.guild-avatar{border-radius:16px}.primary,.secondary,.danger-outline,.ghost-btn,.invite-btn{min-height:39px;border-radius:11px;font-size:12px;transition:transform .17s,filter .17s,border-color .17s,background .17s}.primary:hover,.secondary:hover,.danger-outline:hover,.ghost-btn:hover,.invite-btn:hover{transform:translateY(-1px)}.primary{box-shadow:0 9px 22px rgba(101,89,245,.18)}.panel input,.panel select,.panel textarea,.quick-action-form input,.quick-action-form select,.tool-card input:not([type=color]),.tool-card select,.tool-card textarea{min-height:43px;border-color:var(--line);border-radius:11px;background:#0a0e18;color:var(--text);font-size:12px}.panel textarea,.tool-card textarea{min-height:105px}.panel label,.quick-action-form label,.tool-card label{color:#a7b0c6;font-size:11px}.feature,.check-card,.builder-form,.discord-preview,.tool-card,.ticket-item,.role-item{border-color:var(--line);border-radius:14px}.tag{letter-spacing:.08em}.user-chip{border-color:var(--line);background:rgba(19,24,38,.88)}.user-chip:hover{border-color:rgba(147,135,255,.5)}.welcome-strip{border-radius:16px;padding:18px 20px}.welcome-strip b{font-size:13px}.welcome-strip p{font-size:11px}.account-page .dashboard-hero{padding-top:72px}.account-profile>img,.account-fallback{border:2px solid rgba(255,255,255,.1);border-radius:24px}.account-card,.account-info{background:linear-gradient(145deg,rgba(20,26,41,.96),rgba(12,16,26,.98))}.account-form input{min-height:48px;border-color:var(--line);border-radius:12px}.account-info{transition:transform .18s,border-color .18s}.account-info:hover{transform:translateY(-2px);border-color:rgba(147,135,255,.35)}.server-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.server-config-grid>label{display:grid;gap:7px;margin:0;color:#a8b1c8;font-size:11px;font-weight:700}.server-config-grid .form-actions{display:flex;align-items:center;gap:14px;grid-column:1/-1;margin-top:3px}.server-config-grid .form-actions small{color:#79849c;font-size:10px}.server-config-grid button:disabled{opacity:.45;cursor:not-allowed;transform:none}.export-config{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.config-notice{margin:-10px 0 16px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:12px}.config-notice.good{border-color:rgba(69,220,155,.3);color:#86e5ba;background:rgba(24,95,66,.18)}.config-notice.bad{border-color:rgba(255,137,119,.28);color:#ffb4a3;background:rgba(110,42,39,.18)}.purge-form{grid-template-columns:2fr 1fr auto}.member-card,.audit-entry{border-color:var(--line);background:rgba(10,14,23,.72)}.created-invite{border-radius:14px}.module-hint{font-size:11px;color:#8994ad}.empty-state{padding:70px 30px;border-radius:20px}.empty-state h3{font-size:19px}.empty-state p{font-size:12px;line-height:1.6}.login-card{border-radius:24px;box-shadow:var(--shadow)}.login-card h1{letter-spacing:-.05em}.login-note{border-color:var(--line);border-radius:13px}.admin-page .panel{overflow:hidden}.activity-table th{font-size:10px}.activity-table td{font-size:12px}.role-pill{font-size:10px}
@media(max-width:1050px){.container{width:calc(100% - 38px)}.guild-layout{gap:18px}.sidebar nav a{white-space:nowrap}.sidebar nav{scrollbar-width:thin}.dashboard-hero{padding-top:52px}.panel{scroll-margin-top:86px}}
@media(max-width:760px){.container{width:calc(100% - 26px)}.topbar{height:66px;padding-inline:12px}.top-actions{gap:6px}.top-actions .user-chip{max-width:170px}.top-actions .user-chip .user-name{display:none}.dashboard-hero{padding-top:40px}.dashboard-hero h1{font-size:clamp(38px,10vw,50px)}.guild-overview-grid{gap:9px}.guild-overview-card{min-height:98px;padding:12px;grid-template-columns:36px 1fr}.guild-overview-card .module-icon{width:36px;height:36px}.guild-overview-card b{font-size:21px}.server-config-grid{grid-template-columns:1fr}.server-config-grid .form-actions{grid-column:auto;align-items:flex-start;flex-direction:column}.export-config{margin-top:15px}.page-title{padding-top:20px}.panel{padding:17px}.serverwide-action,.invite-form{gap:8px}.account-page .dashboard-hero{padding-top:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.permission-overview{margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}.permission-overview .section-label{margin-bottom:10px}.permission-chips{display:flex;gap:8px;flex-wrap:wrap}.permission-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(8,12,20,.68);color:#aab4c9;font-size:10px}.permission-chip i{width:7px;height:7px;border-radius:50%;background:#f08791;box-shadow:0 0 10px rgba(240,135,145,.25)}.permission-chip.allowed{border-color:rgba(72,211,151,.22);color:#a9e6c8}.permission-chip.allowed i{background:#59d79d;box-shadow:0 0 10px rgba(89,215,157,.32)}
.field-disabled{opacity:.48}.panel input:disabled{cursor:not-allowed}
.server-card-wrap .server-card{position:relative;min-height:112px;padding-right:66px!important}.server-card-wrap .server-info{flex:1;max-width:calc(100% - 54px)}.server-card-wrap .server-info h3{padding-right:58px;overflow-wrap:anywhere}.server-card-wrap .manage-arrow{position:absolute;right:14px;bottom:12px;margin:0;z-index:1}.server-card-wrap .favorite-star{top:10px;right:14px;width:34px;height:34px;z-index:3;display:grid;place-items:center;line-height:1}.sidebar{align-self:start;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(143,151,184,.42) transparent}.sidebar nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(143,151,184,.42) transparent;padding-right:4px}.sidebar nav a{flex:none}
@media(max-width:1050px){.sidebar{position:sticky;top:66px;z-index:15;max-height:none;overflow:visible;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(11,14,23,.96);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(38vh,310px);overflow-x:hidden;overflow-y:auto;gap:5px;padding:10px 4px 4px}.sidebar nav a{min-width:0;white-space:nowrap}.sidebar nav a span{overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{display:none}}
@media(max-width:520px){.server-card-wrap .server-card{min-height:104px;padding:14px 58px 14px 13px!important;gap:10px}.server-card-wrap .server-info{max-width:100%}.server-card-wrap .server-info h3{max-width:100%;padding-right:48px;font-size:13px}.server-card-wrap .server-icon{width:43px;height:43px}.server-card-wrap .favorite-star{right:9px;top:9px;width:31px;height:31px}.server-card-wrap .manage-arrow{right:9px;bottom:9px;width:31px;height:31px;font-size:15px}.sidebar{top:62px;padding:9px}.sidebar nav{max-height:34vh;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{padding:9px 8px;font-size:11px}}