@charset "UTF-8";
/* Account organization reuses FBI's existing colors, typography and controls. */
.fbi-motion-brand[hidden]{display:none}
.organizer-servers-heading{text-align:center;padding:20px 10px 50px}
.organizer-heading-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--border);border-radius:20px;color:var(--accent);background:var(--surface2);margin:0 auto 23px}
.organizer-heading-icon svg{width:30px;height:30px}
.organizer-servers-heading p{margin-top:15px;font-size:14px}
.organizer-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.organizer-server-card{padding:0 24px 24px;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:280px}
.organizer-server-cover{width:calc(100% + 48px);height:110px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--surface3),var(--surface));margin-bottom:21px}
.organizer-server-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--surface);border:2px solid var(--border)}
.organizer-server-avatar img{width:68px;height:68px;object-fit:cover;border-radius:50%}.organizer-server-avatar svg{width:28px;height:28px}
.organizer-server-card h2{font-size:19px;overflow-wrap:anywhere}
.organizer-server-card p{display:flex;align-items:center;gap:6px;justify-content:center;font-size:11px;margin-top:17px}
.organizer-server-card p svg{width:13px;height:13px;color:var(--cyan)}
.organizer-server-card small{font-size:10px;color:var(--subtle);margin:10px 0 21px}
.organizer-server-card .btn{margin-top:auto}
.organizer-reminder{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:24px;margin:25px 0}
.organizer-reminder .row{gap:16px}.organizer-reminder h3{font-size:17px}.organizer-reminder p{font-size:12px;line-height:1.9;margin-top:6px}
.organizer-switch{border:1px solid var(--border);background:var(--surface3);width:47px;height:27px;padding:3px;border-radius:20px;flex:0 0 47px;cursor:pointer;direction:ltr}
.organizer-switch span{display:block;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}
.organizer-switch[aria-checked=true]{background:var(--accentstrong);border-color:var(--accent)}.organizer-switch[aria-checked=true] span{transform:translateX(19px);background:#fff}
.organizer-subscription-filters{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:26px 0}
.organizer-subscription-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);padding:5px;border-radius:15px}
.organizer-subscription-tabs button{background:transparent;border-color:transparent;padding:7px 15px;gap:8px;min-height:36px;font-size:12px}
.organizer-subscription-tabs button.active{background:var(--surface3);color:var(--accent);border-color:var(--border)}
.organizer-subscription-tabs button span{font-size:10px;background:var(--surface2);padding:1px 7px;border-radius:20px}
.organizer-subscription-filters>.search-field{max-width:350px;flex:1;min-width:200px}
.organizer-subscription-card{padding:0!important;overflow:visible;position:relative;display:flex;flex-direction:column}
.organizer-subscription-cover{height:142px;border-radius:var(--radius) var(--radius) 0 0;position:relative;background:linear-gradient(145deg,var(--surface3),var(--surface));overflow:visible}
.organizer-subscription-banner{width:100%;height:100%;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;mask-image:linear-gradient(black 45%,transparent)}
.organizer-cover-art{height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#75a4ff15,transparent 70%);border-radius:var(--radius) var(--radius) 0 0}
.organizer-cover-art svg{width:95px;height:95px;color:var(--accent);opacity:.15;stroke-width:.8}
.organizer-subscription-body{padding:24px;display:flex;flex-direction:column;flex:1}
.organizer-subscription-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;margin-bottom:22px}
.organizer-subscription-title .product-icon{width:55px;height:55px;border-radius:17px;position:absolute;top:-56px;right:0;border:2px solid var(--border);background:var(--surface2);box-shadow:0 5px 15px #0002}
.organizer-subscription-title h3{font-size:19px;line-height:1.6;overflow-wrap:anywhere}
.organizer-subscription-title small{display:block;font-size:11px;color:var(--accent);margin-top:5px}
.organizer-subscription-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}
.organizer-subscription-facts>div{background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:11px 13px;display:flex;flex-direction:column;gap:7px;min-width:0}
.organizer-subscription-facts span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--subtle)}
.organizer-subscription-facts svg{height:12px;width:12px}.organizer-subscription-facts strong{font-size:11px;overflow-wrap:anywhere}
.organizer-subscription-guild{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin:0 0 16px;min-width:0;flex-wrap:wrap}.organizer-subscription-guild>svg{width:12px;height:12px}.organizer-subscription-guild>span:not(.pill){overflow-wrap:anywhere}
.organizer-subscription-guild .pill{margin-inline-start:auto;font-size:9px}
.organizer-remaining{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--subtle);margin-bottom:7px}.organizer-remaining strong{color:var(--text);font-size:12px}
.organizer-subscription-body .expiry-track{margin:0 0 19px}.organizer-subscription-body .expiry-track progress{height:5px}
.organizer-subscription-buttons{display:flex;flex-direction:column;gap:9px;margin-top:auto}.organizer-subscription-buttons .btn{font-size:12px;min-height:39px}
.organizer-card-menu{position:absolute;top:12px;left:12px;z-index:2;max-width:calc(100% - 24px)}
.organizer-card-menu[open]{z-index:15}
.organizer-card-menu summary{display:grid;place-items:center;cursor:pointer;list-style:none;width:36px;height:36px;font-size:24px;line-height:1;background:var(--bg);border:1px solid var(--border);border-radius:12px}
.organizer-card-menu summary::-webkit-details-marker{display:none}.organizer-card-menu summary:focus-visible{outline:2px solid var(--accent)}
.organizer-card-menu>div{position:absolute;top:44px;left:0;min-width:230px;max-width:min(290px,70vw);display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--border);background:var(--surface2);border-radius:15px;box-shadow:0 15px 35px #0007}
.organizer-card-menu>div>a,.organizer-card-menu>div>button{display:flex;align-items:center;gap:10px;text-align:right;padding:10px 11px;font-size:12px;background:transparent;border:0;border-radius:8px;color:var(--text);line-height:1.5}
.organizer-card-menu>div>a:hover,.organizer-card-menu>div>button:hover{background:var(--surface3)}
.organizer-card-menu>div svg{width:15px;height:15px;color:var(--accent)}
.organizer-account-menu{position:relative}.organizer-account-menu>summary{cursor:pointer;list-style:none}.organizer-account-menu>summary::-webkit-details-marker{display:none}
.organizer-account-menu>div{position:absolute;top:calc(100% + 12px);left:0;width:200px;background:var(--surface2);border:1px solid var(--border);border-radius:15px;padding:9px;box-shadow:0 15px 35px #0006;display:flex;flex-direction:column;gap:3px}
.organizer-account-menu>div>a,.organizer-account-menu>div>button{display:flex;gap:9px;align-items:center;padding:11px 12px;font-size:12px;background:transparent;border:0;color:var(--text);border-radius:9px;text-align:right}
.organizer-account-menu>div>a:hover,.organizer-account-menu>div>button:hover{background:var(--surface3)}.organizer-account-menu>div svg{height:15px;width:15px}
.organizer-banner-upload{border:1px dashed var(--border);background:var(--surface2);border-radius:14px;padding:20px;min-height:110px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.organizer-banner-upload>img{width:100%;max-height:140px;object-fit:cover;border-radius:9px}.organizer-banner-upload>svg{width:26px;height:26px;color:var(--muted)}
.organizer-file{max-width:100%;margin:10px 0 6px}.organizer-avatar-field .btn{width:fit-content;cursor:pointer}
.account-home{display:grid;grid-template-columns:minmax(260px,.76fr) minmax(0,1.6fr);gap:18px;margin-top:20px;align-items:stretch}
.account-home-profile{padding:24px;display:flex;flex-direction:column;justify-content:flex-start;gap:21px;background:linear-gradient(150deg,var(--surface2),var(--surface))}
.account-home-profile-top{display:flex;align-items:center;gap:15px;min-width:0}.account-home-avatar{width:68px;height:68px;flex:0 0 68px;border-radius:50%;object-fit:cover;background:var(--surface3);border:2px solid var(--accent);display:grid;place-items:center;color:var(--accent)}.account-home-profile-top h2{font-size:21px;overflow-wrap:anywhere;margin:4px 0}.account-home-profile-top p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.account-home-profile-top>.pill{flex:0 0 auto}
.account-home-eyebrow{font-size:10px;letter-spacing:.1em;color:var(--accent);font-weight:800}.account-home-tier{display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:var(--surface2);border-radius:14px;padding:14px}.account-home-tier small,.account-home-tier strong{display:block}.account-home-tier small{font-size:10px;color:var(--subtle);margin-bottom:4px}.account-home-tier strong{font-size:15px}.account-home-tier .feature-icon{margin:0}.account-home-progress{margin-inline-start:auto;color:var(--accent);font-weight:800;font-size:12px}.account-home-note{margin-top:auto;color:var(--subtle);font-size:11px;line-height:1.8}
.account-home-main{display:grid;gap:16px;min-width:0}.account-home-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-home-metric{min-width:0;min-height:145px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:var(--text);transition:transform .16s,border-color .16s}.account-home-metric:hover{transform:translateY(-2px);border-color:var(--accent)}.account-home-metric .feature-icon{margin:0;width:36px;height:36px}.account-home-metric small{font-size:11px;color:var(--subtle)}.account-home-metric strong{font-size:19px;line-height:1.4;overflow-wrap:anywhere}.account-home-metric>span:last-child{font-size:10px;color:var(--muted);line-height:1.6}.account-home-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.account-home-spend,.account-home-shortcuts{margin:0;padding:17px;min-width:0}.account-home-spend .panel-title{margin:0}.account-home-spend .panel-title h3,.account-home-shortcuts h3{font-size:14px}.account-home-spend .panel-title p{font-size:10px}.account-home-spend>strong{display:block;margin-top:18px;font-size:22px;color:var(--accent);overflow-wrap:anywhere}.account-home-shortcuts{display:grid;align-content:start;gap:6px}.account-home-shortcuts h3{margin-bottom:4px}.account-home-shortcuts>a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;color:var(--muted);font-size:11px}.account-home-shortcuts>a:hover{background:var(--surface2);color:var(--accent)}.account-home-shortcuts>a svg{width:15px;height:15px;color:var(--accent)}
@media(max-width:1100px){.organizer-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.organizer-server-card{padding-inline:20px}.organizer-server-cover{width:calc(100% + 40px)}}
@media(max-width:780px){.organizer-server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.organizer-subscription-body{padding:21px}.organizer-account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.organizer-reminder{padding:18px;gap:15px}.organizer-reminder .row{gap:11px}.organizer-reminder p{font-size:11px}.organizer-reminder .feature-icon{width:35px;height:35px;min-width:35px}.organizer-subscription-filters{gap:13px}.organizer-subscription-filters>.search-field{max-width:none;flex-basis:100%}.organizer-account-menu>div{left:0;right:auto}.account-home{grid-template-columns:1fr}.account-home-profile{gap:14px}.account-home-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.organizer-server-grid{grid-template-columns:1fr}.organizer-server-card{min-height:260px}.organizer-servers-heading{padding:12px 0 30px}.organizer-subscription-tabs button{padding:7px 11px;font-size:11px}.organizer-subscription-facts strong{font-size:10px}.organizer-subscription-cover{height:130px}.organizer-subscription-title h3{font-size:18px}.organizer-reminder .feature-icon{display:none}.organizer-reminder h3{font-size:15px}.organizer-reminder p{font-size:10px}.account-home-metrics{gap:8px}.account-home-metric{min-height:132px;padding:12px}.account-home-metric strong{font-size:16px}.account-home-bottom{grid-template-columns:1fr}.account-home-profile{padding:18px}.account-home-avatar{width:58px;height:58px;flex-basis:58px}.account-home-profile-top h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.organizer-switch span{transition:none}}
.system-nav{position:sticky;top:105px;max-height:calc(100dvh - 130px);overflow-y:auto;scrollbar-width:thin}
.system-nav-search{margin:12px 0 18px}.system-nav-search input{min-width:0;width:100%}
.system-nav-group{margin:20px 0}.system-nav-group h3{font-size:11px;color:var(--subtle);margin:0 12px 7px}
.system-nav .sidebar-link{font-size:12px;min-height:40px;white-space:normal}
.system-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.system-section-card{display:flex;align-items:center;gap:13px;padding:20px}.system-section-card:hover{border-color:var(--accent)}
.system-section-card h3{font-size:16px}.system-section-card p{font-size:11px;margin-top:6px}.system-section-card>.feature-icon{margin:0;flex:0 0 40px;width:40px;height:40px}
.system-section-card>div{flex:1;min-width:0}.system-section-card>svg{width:15px}
.system-quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.system-settings-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.system-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);background:var(--surface2);border-radius:12px;padding:13px 15px;font-size:12px;min-height:55px}
.system-toggle small{display:block;color:var(--subtle);font-size:10px;margin-top:5px}.system-toggle input{width:20px;height:20px;accent-color:var(--accentstrong);flex-shrink:0}
.system-list{border-top:1px solid var(--border);padding-top:22px;margin-top:10px}.system-list h3{font-size:16px}
.system-list-rows{display:grid;gap:15px}.system-list-row{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px}.system-list-row>.btn{margin-top:12px}
.system-list-row .field{min-width:0}.system-list-row .field input,.system-list-row .field select,.system-list-row .field textarea{background:var(--surface)}
.system-image-preview img{max-height:220px;object-fit:contain;border-radius:12px;margin-top:12px;background:var(--bg)}
.system-savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px -8px 0;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:13px;position:sticky;bottom:16px;z-index:5;box-shadow:0 8px 30px #0005}
.system-savebar>span{font-size:11px;color:var(--muted)}.system-savebar .btn{min-height:38px;font-size:12px}
.system-color-swatches{display:flex;gap:9px;flex-wrap:wrap}.system-color-swatches span{border:3px solid var(--border);padding:5px 12px;border-radius:9px}
.system-menu-toggle{display:none}
@media(max-width:1000px){.system-section-grid{grid-template-columns:1fr}.system-section-card{padding:16px}}
@media(max-width:780px){.system-menu-toggle{display:flex;width:100%;margin:0 0 18px;justify-content:space-between}.system-workspace{display:block}.system-workspace .system-nav{display:none;position:static;max-height:55dvh;overflow-y:auto;overflow-x:hidden;margin-bottom:20px;white-space:normal}.system-workspace.system-menu-open .system-nav{display:block}.system-savebar{flex-direction:column;align-items:stretch;gap:10px;bottom:10px}.system-savebar>.row-wrap{display:grid;grid-template-columns:1fr 1fr}.system-list-row{padding:13px}.system-settings-panel{padding:18px}.system-toggle{min-height:50px}.system-quick-links .btn{flex:1 1 180px}}