:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--dm-text-primary);background-color:var(--dm-bg-tertiary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--dm-accent-primary);text-decoration:inherit}a:hover{color:#4752c4}body{margin:0;min-width:320px;min-height:100vh;background:var(--dm-bg-tertiary)}h1{font-size:2.4em;line-height:1.1}h2{font-size:2em;line-height:1.1}h3{font-size:1.5em;line-height:1.1}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--dm-bg-bar);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--dm-accent-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);color:var(--dm-text-primary);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--dm-accent-primary)}.btn{all:unset;box-sizing:border-box}.report-text{line-height:1.6;color:var(--dm-text-primary);margin-bottom:16px}.report-subtitle{font-size:14px;font-weight:600;margin-top:16px;margin-bottom:12px;color:var(--dm-text-primary)}.report-table{width:100%;border-collapse:collapse;margin:16px 0}.report-table thead{background:var(--dm-surface-secondary)}.report-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:var(--dm-text-secondary);border-bottom:1px solid var(--dm-border)}.report-table td{padding:12px;font-size:14px;color:var(--dm-text-primary);border-bottom:1px solid var(--dm-border)}.report-table tr:last-child td{border-bottom:none}.report-recommendation{background:#3b82f61a;border-left:3px solid var(--dm-accent-primary);padding:16px;margin-top:16px;border-radius:4px}.report-recommendation strong{display:block;margin-bottom:8px;color:var(--dm-text-primary)}.report-recommendation ul{margin:8px 0 0;padding-left:20px}.report-recommendation li{margin:4px 0;color:var(--dm-text-secondary);line-height:1.5}.metric-highlight{padding:12px;border-radius:6px;font-weight:600;text-align:center;margin:16px 0}.metric-highlight.success{background:#22c55e26;color:#22c55e}.metric-highlight.warning{background:#fbbf2426;color:#fbbf24}.metric-highlight.critical{background:#ef444426;color:#ef4444}.health-score-container{text-align:center;margin:24px 0}.health-score-value{font-size:64px;font-weight:700;line-height:1;margin-bottom:8px}.health-score-label{font-size:14px;color:var(--dm-text-secondary);font-weight:500}.status-success{color:#22c55e!important}.status-info{color:var(--dm-accent-primary)!important}.status-warning{color:#fbbf24!important}.status-critical{color:#ef4444!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Tahoma,Geneva,Verdana,sans-serif;background:var(--dm-body-bg);color:var(--dm-text-primary);overflow-x:hidden}:root{--dm-bg-primary: rgba(15, 15, 15, .95);--dm-bg-secondary: #151515;--dm-bg-tertiary: #1f1f1f;--dm-bg-quaternary: rgba(35, 36, 40, .6);--dm-bg-darker: #0a0a0a;--dm-bg-lil-darker: #0f0f0f;--dm-bg-darkest: #020202;--dm-bg-panel: #141414;--dm-bg-bar: #1a1a1a;--dm-border-medium: #262626;--dm-body-bg: #1e1f22;--dm-body-bg2: #0d0d0d;--dm-border-primary: #3f4147;--dm-border-secondary: #2f2f2f;--dm-border-accent: rgba(255, 255, 255, .2);--dm-text-primary: #ffffff;--dm-text-anti-primary: #000000;--dm-text-secondary: #b5bac1;--dm-text-accent: #e5794d;--dm-text-header: #f0f0f0;--dm-text-success: #83c566;--dm-text-error: #f1645c;--dm-accent-primary: #5090d3;--dm-accent-secondary: rgba(88, 101, 242, .08);--dm-accent-tertiary: rgba(88, 101, 242, .12);--dm-accent-quaternary: rgba(88, 101, 242, .2);--dm-accent-light: rgba(88, 101, 242, .15);--dm-accent-lighter: rgba(88, 101, 242, .05);--dm-accent-hover: rgba(88, 101, 242, .1);--dm-shadow-primary: rgba(0, 0, 0, .6);--dm-shadow-secondary: rgba(0, 0, 0, .2);--dm-shadow-accent: rgba(88, 101, 242, .3);--dm-backdrop-blur: blur(8px);--dm-backdrop-blur-strong: blur(16px);--dm-transition-fast: all .2s ease;--dm-transition-medium: all .3s ease;--dm-transition-slow: all .6s cubic-bezier(.23, 1, .32, 1)}.dark-mode{background:var(--dm-bg-primary);color:var(--dm-text-primary)}.dm-container{background:var(--dm-bg-primary);-webkit-backdrop-filter:var(--dm-backdrop-blur);backdrop-filter:var(--dm-backdrop-blur);border:1px solid var(--dm-border-primary);transition:var(--dm-transition-medium)}.dm-container-solid{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary)}.dm-container-modal{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:8px;box-shadow:0 12px 48px var(--dm-shadow-primary);-webkit-backdrop-filter:var(--dm-backdrop-blur-strong);backdrop-filter:var(--dm-backdrop-blur-strong)}.dm-text-primary{color:var(--dm-text-primary);font-weight:600}.dm-text-secondary{color:var(--dm-text-secondary);font-weight:500}.dm-text-accent{color:var(--dm-text-accent);font-weight:600;font-family:Courier New,monospace}.dm-button{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;transition:var(--dm-transition-fast);display:flex;align-items:center;gap:8px}.dm-button:hover{color:var(--dm-text-primary);transform:scale(1.02)}.dm-button-accent{background:var(--dm-accent-secondary);border:1px solid var(--dm-accent-primary);color:var(--dm-text-primary);padding:8px 16px;border-radius:6px;transition:var(--dm-transition-fast)}.dm-button-accent:hover{background:var(--dm-accent-tertiary);transform:translate(2px)}.btn{border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:var(--dm-transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-small{padding:6px 12px;font-size:12px}.btn-medium{padding:8px 16px;font-size:14px}.btn-large{padding:12px 24px;font-size:16px}.btn-primary{background:var(--dm-accent-primary);padding:4px 24px 3px;color:var(--dm-text-primary)}.btn-primary:hover:not(:disabled){background:#4080c3;transform:none}.btn-secondary{background:transparent;color:var(--dm-text-secondary);border:1px solid var(--dm-border-primary);padding:8px 16px}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--dm-accent-primary);transform:none}.btn-danger{background:#ed4245;color:var(--dm-text-primary);padding:8px 16px}.btn-danger:hover:not(:disabled){background:#c83236;transform:none}.dm-toggle{position:relative;width:56px;height:28px;border-radius:14px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);cursor:pointer;transition:var(--dm-transition-fast)}.dm-toggle:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-primary)}.dm-toggle-slider{position:absolute;top:2px;width:24px;height:24px;background-color:var(--dm-bg-darkest);border-radius:12px;transition:var(--dm-transition-medium);box-shadow:0 2px 4px var(--dm-shadow-secondary)}.dm-toggle:hover .dm-toggle-slider{box-shadow:0 4px 8px var(--dm-shadow-accent)}.dm-nav-item{color:var(--dm-text-secondary);transition:var(--dm-transition-fast);border-left:3px solid transparent;border-radius:3px 0 0 3px}.dm-nav-item:hover{color:var(--dm-text-primary)}.dm-nav-item.active{color:var(--dm-text-primary);background:linear-gradient(135deg,var(--dm-accent-light) 0%,var(--dm-accent-lighter) 100%);border-left-color:var(--dm-accent-primary)}.dm-nav-section{border-bottom:none;transition:var(--dm-transition-slow);position:relative}.dm-nav-section:after{content:"";position:absolute;bottom:-4.5px;left:10px;right:10px;height:2px;background-color:var(--dm-border-secondary);transition:left .3s ease,right .3s ease}.dm-avatar{width:32px;height:32px;border-radius:8px;border-left:2px solid var(--dm-border-primary);border-right:2px solid var(--dm-border-primary);border-top:none;border-bottom:none;overflow:hidden}.dm-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.dm-avatar-initials{font-size:16px;font-weight:600;color:var(--dm-text-primary);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dm-badge{padding:1px 3px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--dm-text-primary);letter-spacing:.5px;border:1px solid var(--dm-border-accent)}.dm-badge-accent{background:var(--dm-bg-quaternary);border:1px solid var(--dm-border-primary);padding:1px 3px;border-radius:4px;display:flex;align-items:center;gap:4px}.dm-icon{display:flex;align-items:center;justify-content:center;transition:var(--dm-transition-fast)}.dm-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;pointer-events:none}.dm-fade-in{animation:dmFadeIn .2s cubic-bezier(.23,1,.32,1)}.dm-slide-up{opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.dm-slide-up.visible{opacity:1;transform:translateY(0)}@keyframes dmFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.dm-container{width:auto}.dm-text-primary{font-size:12px}.dm-text-secondary{font-size:11px}.dm-toggle{width:52px;height:26px;border-radius:13px}.dm-toggle-slider{width:22px;height:22px;border-radius:11px}}@media (max-width: 480px){.dm-text-primary{font-size:11px}.dm-text-secondary{font-size:10px}.dm-toggle{width:48px;height:24px;border-radius:12px}.dm-toggle-slider{width:20px;height:20px;border-radius:10px}.dm-badge{font-size:8px;padding:1px 4px}.dm-avatar{width:28px;height:28px}.dm-avatar-initials{font-size:12px}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--dm-text-secondary)}.form-input,.form-textarea,.form-select{padding:10px 12px;background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:4px;color:var(--dm-text-header);font-size:13px;transition:all .15s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#404040;background:var(--dm-bg-lil-darker)}.form-textarea{resize:vertical;min-height:80px}.header-refresh-btn{background:transparent!important;padding:6px!important;color:var(--dm-text-primary)!important;border:none!important;margin-right:-4px;outline:none!important}.header-refresh-btn svg{color:var(--dm-text-primary)!important;fill:var(--dm-text-primary)!important;width:23px!important;height:23px!important}.header-refresh-btn:hover{background:#ffffff1a!important}.header-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.header-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.table-settings-trigger{background:transparent!important;padding:4px!important;color:var(--dm-text-primary)!important;border:none!important;margin-right:-4px;outline:none!important}.table-settings-trigger svg{color:var(--dm-text-primary)!important;fill:var(--dm-text-primary)!important;width:23px!important;height:23px!important}.table-settings-trigger:hover{background:#ffffff1a!important;transform:scale(1)}.table-settings-trigger.active svg{color:var(--dm-text-primary)!important;fill:var(--dm-accent-primary)!important}.table-settings-trigger:disabled{opacity:.7;cursor:not-allowed}.header-export-btn{background:none!important;color:var(--dm-text-primary)!important;border:none!important;outline:none!important}.header-export-btn:hover{background:#ffffff1a!important;transform:scale(1)}.header-export-btn svg{width:22px!important;height:22px!important;margin-right:-3px}.header-controls{gap:8px!important}.header-controls .btn{display:inline-flex;align-items:center;justify-content:center;gap:0px;border:none}.header-controls .btn-primary{border-radius:24px;padding:4px 8px}.header-controls .btn-secondary{border-radius:24px;padding:4px;background:var(--dm-text-primary);color:#000}.header-controls .btn svg{width:16px;height:16px;flex-shrink:0}.header-filters-btn{padding:9px!important;background:transparent!important;border:1px solid var(--dm-text-primary)!important;color:var(--dm-text-primary)!important;border-radius:33px!important}.header-filters-btn svg{color:var(--dm-text-primary)!important;fill:var(--dm-text-primary)!important;width:10px!important;height:10px!important;margin-left:-1px}.header-filters-btn:hover{background:#ffffff1a!important;transform:scale(1)}.header-filters-btn.active{background:var(--dm-text-primary)!important;color:var(--dm-text-anti-primary)!important;border-color:var(--dm-text-primary)!important}.header-filters-btn.active svg{color:var(--dm-text-anti-primary)!important;fill:var(--dm-text-anti-primary)!important}.header-filters-btn{position:relative}.filter-count-badge{position:absolute;top:-8px;right:-4px;background:var(--dm-bg-secondary);color:var(--dm-text-primary);font-size:10px;font-weight:600;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--dm-text-primary)}.header-view-btn{background:transparent!important;padding:4px!important;color:var(--dm-text-primary)!important;margin-right:-4px;outline:none!important}.header-view-btn svg{color:var(--dm-text-primary)!important;fill:var(--dm-text-primary)!important;width:23px!important;height:23px!important}.header-view-btn:hover{background:#ffffff1a!important;transform:scale(1)}.header-view-btn:disabled{opacity:.7;cursor:not-allowed}.header-connect-btn{padding:4px 24px 2px!important;background:#5090d3!important;border-color:#5090d3!important;outline:none!important}.header-connect-btn:hover{transform:scale(1);background:#4080c3!important;border-color:#4080c3!important}.header-create-btn{padding:4px 24px 2px!important;background:#5090d3!important;border-color:#5090d3!important;outline:none!important}.header-create-btn:hover{transform:scale(1);background:#4080c3!important;border-color:#4080c3!important}.header-copy-btn{padding:8px 24px 6px!important;outline:none!important}.header-copy-btn:hover{background:#ffffffe6!important;color:var(--dm-text-anti-primary)!important}.error-message{background:#dc2626;color:var(--dm-text-primary);padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.common-content{flex:1;overflow-y:auto;background:var(--dm-bg-darker);min-height:calc(100vh - 64px);position:relative;display:flex;flex-direction:column}.common-section{background:var(--dm-bg-darker);flex:1;display:flex;flex-direction:column}.common-table{width:100%;background:var(--dm-bg-darker);border-top:1px solid #3f4147;padding-bottom:4px;display:flex;flex-direction:column;max-height:calc(100vh - 70px);overflow:visible}.common-table table{width:100%;border-collapse:collapse;height:100%}.common-table thead{background:var(--dm-bg-lil-darker);border-bottom:1px solid var(--dm-border-secondary);position:sticky;top:0;z-index:10}.common-table thead tr,.common-table tbody tr{display:table;width:100%}.common-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-left:1px solid var(--dm-border-secondary)}.common-table th:first-child{border-left:none}.common-table th:last-child{border-right:1px solid var(--dm-border-secondary)}.common-table tbody tr.common-table-row{transition:all 0s ease;background:var(--dm-bg-darker);border-bottom:1px solid var(--dm-border-secondary);border-left:1px solid var(--dm-border-secondary);border-right:1px solid var(--dm-border-secondary)}.common-table tbody tr.common-table-row:nth-child(odd){background:var(--dm-bg-primary)}.common-table tbody tr.common-table-row.bot-not-installed{background:#12121280}.common-table tbody tr.common-table-row.bot-not-installed td>*{opacity:.3}.common-table tbody tr.common-table-row.bot-not-installed td{color:#ffffff4d}.common-table tbody tr.common-table-row.bot-not-installed .checkbox-col input[type=checkbox],.common-table tbody tr.common-table-row.bot-not-installed .table-actions{opacity:.3;pointer-events:none}.common-table tbody tr.common-table-row:hover{background:var(--dm-bg-bar)}.common-table tbody tr.common-table-row.bot-not-installed:hover{opacity:.7}.common-table tbody tr.common-table-row.test-server{background:#5865f20a}.common-table tbody tr.common-table-row.test-server:hover{background:#5865f214}.common-table tbody tr.common-table-row.selected{border-bottom-color:transparent;position:relative;z-index:5}.common-table tbody tr.common-table-row.selected td{overflow:visible}.common-table tbody tr.common-table-row.selected td:first-child{position:relative;overflow:visible}.common-table tbody tr.common-table-row.test-server.selected td{overflow:visible;position:relative}.common-table tbody tr.common-table-row.test-server.selected{z-index:2;position:relative}.common-table tbody tr.common-table-row.selected td:first-child:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%!important;background:#5090d3;border-radius:3px 0 0 3px;z-index:10}.common-table tbody tr.common-table-row.selected td:first-child:after{content:"";position:absolute;left:0;top:0;width:100vw;height:97%!important;border:1px solid transparent;border-radius:3px;background:linear-gradient(to right,#5090d3 0%,#5090d3 var(--gradient-solid-end, 8%),transparent var(--gradient-fade-end, 17%)) border-box;-webkit-mask:linear-gradient(var(--dm-text-primary) 0 0) padding-box,linear-gradient(var(--dm-text-primary) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10}.common-table tbody tr.common-table-row.test-server.selected td:first-child:after{height:calc(100% - 1px)}.common-table tbody tr.common-table-row.selected+tr.common-table-row.test-server{position:relative;z-index:1}.common-table tbody tr.common-table-row.test-server.selected td:first-child:before{height:calc(100% + 0px)}.common-table tbody tr.expanded-content-row{border-bottom:1px solid var(--dm-border-medium)}.common-table td{padding:12px 16px;vertical-align:middle;border-left:1px solid var(--dm-border-secondary);position:relative}.common-table td:first-child{border-left:none}.common-table td:last-child{border-right:1px solid var(--dm-border-secondary)}.common-table th.checkbox-col,.common-table td.checkbox-col{width:50px!important;max-width:50px!important;min-width:50px!important;text-align:center!important;padding:12px 8px!important;box-sizing:border-box!important}.common-table th.empty-header-col,.common-table td.empty-data-col{width:100%;border-left:1px solid var(--dm-border-secondary)}.main-col{min-width:280px}.bold-text-col{width:120px}.icon-text-col{width:160px;padding-left:12px!important;padding-right:12px!important}.badge-col{width:90px;padding-left:12px!important;padding-right:12px!important}.regular-col{width:80px;padding-left:12px!important;padding-right:12px!important}.actions-col{width:180px}.main-col-elements{display:flex;align-items:center;gap:12px}.common-table .main-col-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);border-radius:4px;overflow:hidden;flex-shrink:0}.common-table .main-col-icon img{width:100%;height:100%;object-fit:cover}.common-table .main-col-icon span{font-size:14px;font-weight:600;color:--dm-text-denied}.main-col-text-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.main-col-text-wrapper h4{font-size:13px;font-weight:600;color:var(--dm-text-header);margin:0;display:flex;align-items:center;gap:4px;line-height:1}.main-col-subtext{font-size:11px;color:#595959;font-family:SF Mono,Monaco,Cascadia Code,monospace}.test-server-badge{display:inline-flex;align-items:center;margin-left:4px;padding:6px 12px 4px!important;background:#5865f233;color:#5865f2;font-size:10px;font-weight:700;border-radius:4px;letter-spacing:.5px;line-height:1}.community-server-badge{display:inline-flex;align-items:center;margin-left:4px;padding:2px 4px}.community-server-badge .community-icon-wrapper{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.community-server-badge .community-icon-house{position:absolute;width:14px;height:14px;z-index:2;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(103%) contrast(103%);opacity:1}.community-server-badge .community-icon-star{position:absolute;width:24px;height:24px;z-index:1;filter:brightness(0) saturate(100%) invert(37%) sepia(84%) saturate(2547%) hue-rotate(237deg) brightness(101%) contrast(101%);opacity:1}.boost-level-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 6px;background:#f2a3ff33;color:#f2a3ff;font-size:10px;font-weight:600;border-radius:4px;letter-spacing:.3px;line-height:1}.boost-level-badge svg{width:12px;height:12px}.boost-level-text{font-size:10px;text-transform:uppercase}.bold-text-col-wrapper{display:flex;flex-direction:column;gap:2px}.bold-text-col-bold-text{font-size:14px;font-weight:600;color:var(--dm-text-header)}.bold-text-col-subtext{font-size:11px;color:--dm-text-denied}.icon-text-col-wrapper{display:flex;gap:16px;align-items:center}.icon-text-col-icon-text1,.icon-text-col-icon-text2{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--dm-text-secondary)}.icon-text-col-icon{width:14px;height:14px;color:#595959}.badge-col-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;background:#1a2e1a;color:var(--dm-text-primary);border:1px solid #22432a}.badge-col-badge[data-status=installed]{background:#1a2e1a;color:#4ade80;border-color:#22432a}.badge-col-badge[data-status=not-installed]{background:#2a2a1a;color:#fbbf24;border-color:#433922}.badge-col-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.regular-col-text{font-size:12px;font-weight:500;color:var(--dm-text-secondary);font-family:SF Mono,Monaco,Cascadia Code,monospace}.table-actions{display:flex;gap:6px;align-items:center;position:relative;z-index:1}.table-actions button{pointer-events:all}.action-icon-btn{background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);border-radius:3px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:--dm-text-denied;padding:0}.action-icon-btn:hover{background:var(--dm-border-medium);border-color:#404040;color:var(--dm-text-secondary)}.action-icon-btn svg{width:14px;height:14px;display:block}.filter-dropdown-modal .action-icon-btn svg{width:32px;height:32px}.action-icon-btn svg path,.action-icon-btn svg line,.action-icon-btn svg polyline,.action-icon-btn svg circle{stroke:--dm-text-denied;fill:none}.action-icon-btn:hover svg path,.action-icon-btn:hover svg line,.action-icon-btn:hover svg polyline,.action-icon-btn:hover svg circle{stroke:var(--dm-text-secondary)}.expanded-content{padding:20px 24px;display:grid;gap:20px}.expanded-section{background:var(--dm-bg-panel);padding:16px;border-radius:4px;border:1px solid var(--dm-border-medium)}.expanded-section h5{font-size:12px;font-weight:600;color:var(--dm-text-header);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.expanded-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--dm-border-medium)}.common-table .btn{font-size:12px;padding:6px 12px;border-radius:3px;font-weight:500}.common-table .btn-primary{background:#2563eb;border-color:#2563eb}.common-table .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.common-table .btn-secondary{background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);color:var(--dm-text-secondary)}.common-table .btn-secondary:hover{background:var(--dm-border-medium);border-color:#404040;color:var(--dm-text-header)}.common-modal{background:var(--dm-bg-panel);border:1px solid var(--dm-border-medium);border-radius:6px;padding:24px;max-width:720px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--dm-border-medium)}.modal-header h2{font-size:18px;font-weight:600;color:var(--dm-text-header);margin:0;display:flex;align-items:center;gap:12px}.modal-header .main-col-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);border-radius:4px;overflow:hidden}.modal-header .main-col-icon img{width:100%;height:100%;object-fit:cover}.modal-header .main-col-icon span{font-size:16px;font-weight:600;color:--dm-text-denied}.modal-close-button{background:transparent;border:1px solid var(--dm-border-medium);color:--dm-text-denied;font-size:20px;width:32px;height:32px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close-button:hover{background:#dc2626;border-color:#dc2626;color:--dm-text-primary}.modal-content{background:#171717;border:1px solid var(--dm-border-medium);border-radius:12px;padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{font-size:24px;font-weight:600;margin-bottom:24px;color:--dm-text-primary}.modal-section{margin-bottom:24px}.modal-section h3{font-size:14px;font-weight:600;color:var(--dm-text-header);margin-bottom:12px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:var(--dm-bg-darker);border-radius:4px;border:1px solid var(--dm-border-medium)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.label{font-size:12px;color:--dm-text-denied;font-weight:500}.value{font-size:13px;color:var(--dm-text-header);font-weight:600}.modal-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.modal-stat{background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:4px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .15s ease}.modal-stat:hover{border-color:#404040;background:var(--dm-bg-lil-darker)}.modal-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--dm-bg-panel);border-radius:3px;color:#595959}.modal-stat .value{font-size:20px;font-weight:600;color:var(--dm-text-header);margin-bottom:2px}.modal-stat .label{font-size:11px;color:--dm-text-denied;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.loading-state,.error-state{text-align:center;padding:60px 20px;color:var(--dm-text-secondary);font-size:14px;font-weight:500}.error-state{color:#dc2626;min-height:auto}.common-content::-webkit-scrollbar,.server-modal::-webkit-scrollbar,.common-table::-webkit-scrollbar{height:6px;width:6px}.common-content::-webkit-scrollbar-track,.server-modal::-webkit-scrollbar-track,.common-table::-webkit-scrollbar-track{background:var(--dm-bg-darker)}.common-content::-webkit-scrollbar-thumb,.server-modal::-webkit-scrollbar-thumb,.common-table::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.common-content::-webkit-scrollbar-thumb:hover,.server-modal::-webkit-scrollbar-thumb:hover,.common-table::-webkit-scrollbar-thumb:hover{background:#595959}.error-banner{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;padding:12px 16px;margin-bottom:16px;color:#ef4444;font-size:14px}.empty-state{text-align:center;padding:48px 24px;color:--dm-text-denied}.empty-state h2,.empty-state h3{font-size:20px;font-weight:600;color:var(--dm-text-header);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:16px}.confirmation-dialog{background:var(--dm-bg-panel);border:1px solid var(--dm-border-medium);border-radius:6px;padding:24px;max-width:420px;width:90%;box-shadow:0 20px 60px #00000080}.confirmation-dialog h3{font-size:18px;font-weight:600;color:var(--dm-text-header);margin:0 0 16px}.confirmation-dialog p{font-size:14px;color:var(--dm-text-secondary);margin:0 0 12px;line-height:1.5}.confirmation-dialog strong{color:var(--dm-text-header);font-weight:600}.confirmation-dialog .warning-text{color:#fbbf24;font-size:13px;margin-top:16px;padding:12px;background:#2a2a1a;border:1px solid #433922;border-radius:4px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--dm-border-medium)}.server-context-menu{background:#0f0f0ffa;border:1px solid #3f4147;border-radius:6px;box-shadow:0 12px 48px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:240px;max-height:calc(100vh - 20px);overflow-y:auto;overflow-x:hidden;animation:contextMenuFadeIn .2s cubic-bezier(.23,1,.32,1);z-index:9999!important}.context-menu-content{padding:4px}.context-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:4px;margin:2px 0}.context-menu-item:hover{background:var(--dm-accent-hover);color:var(--dm-text-primary)}.context-menu-item.danger{color:#f55}.context-menu-item.danger:hover{background:#ff55551a}.context-menu-item.active{background:#5865f226;color:#5865f2}.context-menu-item.active:hover{background:#5865f240;color:#5865f2}.context-menu-item.primary{color:#5090d3}.context-menu-item.primary:hover{background:#5090d31a;color:#5090d3}.context-menu-item.primary svg path,.context-menu-item.primary svg line,.context-menu-item.primary svg polyline,.context-menu-item.primary svg circle{stroke:#5090d3}.context-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-5px}.context-icon svg{width:100%;height:100%}.context-text{flex:1}.context-menu-divider{height:1px;background:var(--dm-border-secondary);margin:4px 8px}.context-submenu{position:relative}.context-menu-item.has-submenu{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}.context-submenu .submenu-content{position:absolute;left:101%;top:0;margin-left:2px;background:#0f0f0ffa!important;border:1px solid var(--dm-border-primary)!important;border-radius:0 6px 6px 0!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000004d;min-width:200px;padding:2px;display:none;z-index:10001;pointer-events:all}.context-submenu:hover>.submenu-content{display:block!important}.context-menu-item.has-submenu:hover+.submenu-content{display:block!important}.context-submenu .submenu-content:hover{display:block!important}.context-submenu .submenu-content .context-menu-item{width:100%;white-space:nowrap;border-radius:0}.context-submenu .submenu-content .context-menu-item:first-child{width:100%;white-space:nowrap;border-bottom:1px solid var(--dm-border-secondary);border-radius:0}.context-submenu:before{content:"";position:absolute;top:0;left:100%;width:20px;height:100%;background:transparent;z-index:9999}.server-context-menu,.server-context-menu .context-menu-content{overflow:visible!important}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkbox-col input[type=checkbox]{width:16px;height:16px;accent-color:#5090d3}.th-content{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.sortable-header{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease;flex:1;min-width:0}.sortable-label,.header-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sortable-header:hover{color:var(--dm-text-secondary)}.sort-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;transition:opacity .15s ease;flex-shrink:0;margin-left:2px}.sortable-header:hover .sort-icon{opacity:1}.th-filter-btn{background:transparent;border:none;color:--dm-text-denied;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;outline:none!important;flex-shrink:0}.th-filter-btn:hover{opacity:1;color:var(--dm-text-secondary)}.th-filter-btn.active{background:var(--dm-body-bg);border-radius:4px;padding:4px}.th-filter-btn svg{width:12px;height:12px}.filter-dropdown{background:#0f0f0ffa;border:1px solid #3f4147;border-radius:6px;box-shadow:0 12px 48px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:180px;z-index:1000;animation:dropdownFadeIn .2s cubic-bezier(.23,1,.32,1)}.filter-dropdown .filter-dropdown-content{padding:4px}.filter-dropdown-item{width:100%;padding:8px 12px;background:none;border:none;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:4px;margin:2px 0}.filter-dropdown-item:hover{background:--dm-accent-hover;color:--dm-text-primary}.filter-value-input{width:100%;padding:8px 12px;background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:4px;color:var(--dm-text-header);font-size:12px;margin:4px}.filter-value-input:focus{outline:none;border-color:#404040;background:var(--dm-bg-lil-darker)}.filter-dropdown-modal{background:#0f0f0ffa;border:1px solid #3f4147;border-radius:6px;box-shadow:0 12px 48px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:320px;max-width:400px;z-index:1000;animation:dropdownFadeIn .2s cubic-bezier(.23,1,.32,1)}.filter-dropdown-content{padding:4px}.filter-dropdown-header{padding:12px 16px;font-size:11px;font-weight:600;color:--dm-text-denied;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--dm-border-secondary)}.filter-dropdown-body{padding:16px}.filter-input-wrapper{position:relative;display:flex;align-items:center;gap:8px}.filter-dropdown-input{flex:1;padding:10px 40px 10px 12px;background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:4px;color:var(--dm-text-header);font-size:13px;transition:all .15s ease}.filter-dropdown-input:focus{outline:none;border-color:#404040;background:var(--dm-bg-lil-darker)}.filter-dropdown-input::placeholder{color:#595959}.filter-enter-btn{position:absolute;right:4px;padding:6px;background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);border-radius:3px;color:--dm-text-denied;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.filter-enter-btn:hover:not(:disabled){background:var(--dm-border-medium);border-color:#404040;color:var(--dm-text-header)}.filter-enter-btn:disabled{opacity:.3;cursor:not-allowed}.filter-values-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto}.filter-value-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);border-radius:4px;font-size:12px;color:#4ade80}.filter-value-tag span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-value-remove{padding:2px;background:none;border:none;color:--dm-text-denied;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.filter-value-remove:hover{color:#dc2626}.filter-dropdown-actions{display:flex;gap:8px;padding:8px 16px 12px;justify-content:flex-end}.filter-dropdown-btn{padding:6px 16px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.filter-dropdown-btn.primary{background:#5090d3;color:var(--dm-text-primary)}.filter-dropdown-btn.primary:hover{background:#4080c3}.filter-dropdown-btn.secondary{background:var(--dm-bg-bar);color:var(--dm-text-secondary);border:1px solid var(--dm-border-medium)}.filter-dropdown-btn.secondary:hover{background:var(--dm-border-medium);border-color:#404040;color:var(--dm-text-header)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px;margin-top:-12px}.filter-queries{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-query-item{display:inline-flex;align-items:center;background:var(--dm-bg-bar);border:1px solid var(--dm-border-medium);border-radius:4px;overflow:hidden}.filter-segment{padding:6px 12px;background:none;border:none;color:var(--dm-text-header);font-size:12px;cursor:pointer;transition:all .15s ease;border-right:1px solid var(--dm-border-medium);display:flex;align-items:center;gap:4px;outline:none!important}.filter-segment:hover{background:var(--dm-border-medium)}.filter-segment.column{color:#5090d3;font-weight:600}.filter-segment.operator{color:#fbbf24}.filter-segment.value{color:#4ade80;border-right:none}.filter-connector{padding:4px 8px;color:var(--dm-text-secondary);font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none}.filter-connector:hover{background:var(--dm-bg-secondary);color:var(--dm-text-primary)}.filter-add-btn{padding:6px 12px;background:transparent;border:1px dashed #404040;border-radius:4px;color:var(--dm-text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease;outline:none!important}.filter-add-btn:hover{border-color:#5090d3;color:#5090d3;background:#5090d31a}.filter-clear-all{padding:6px 16px;background:none;border:none;border-radius:4px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-left:8px}.filter-clear-all:hover{color:#f4f4f4}.special-layout-wrapper{display:flex;height:100%;background:var(--dm-bg-darker);position:relative}.special-layout-main{flex:1;display:flex;flex-direction:column;min-height:0}.special-layout-content{flex:1;overflow-y:auto;min-height:0;height:auto!important}.special-layout-content:has(.roles-content),.special-layout-content:has(.members-content){overflow-y:hidden}.special-layout-sidebar{width:245px;background:var(--dm-bg-secondary);border-right:1px solid #3f4147;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;display:flex;flex-direction:column;z-index:100}.special-layout-sidebar-header{padding:20px}.special-layout-sidebar-title{font-size:16px;font-weight:600;color:--dm-text-primary;margin:0}.special-layout-sidebar-content{padding:20px 0;flex:1;overflow-y:auto;display:flex;flex-direction:column}.special-layout-sidebar-section{flex:1;padding:0}.special-layout-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.special-layout-sidebar-nav-item{display:flex;align-items:center;padding:8px 16px;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:3px;position:relative;text-decoration:none;height:36px;font-style:italic;background:none;border:none;outline:none!important}.special-layout-sidebar-nav-item:hover{color:--dm-text-primary;background:#ffffff08}.special-layout-sidebar-nav-item.active{color:--dm-text-primary;position:relative;border:none}.special-layout-sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:35px;background:#5090d3;border-radius:3px 0 0 3px}.special-layout-sidebar-nav-item.active:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:3px;background:linear-gradient(to right,#5090d3 0%,#5090d3 30%,transparent 100%) border-box;-webkit-mask:linear-gradient(var(--dm-text-primary) 0 0) padding-box,linear-gradient(var(--dm-text-primary) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.special-layout-sidebar-nav-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.special-layout-sidebar-nav-label{flex:1}.special-layout-sidebar.collapsed{width:0;overflow:hidden;border-right:none;transition:width .3s ease}.special-layout-sidebar.collapsed .special-layout-sidebar-header,.special-layout-sidebar.collapsed .special-layout-sidebar-content{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}@media (max-width: 768px){.special-layout-sidebar{width:0;overflow:hidden;border-right:none}.special-layout-sidebar-header,.special-layout-sidebar-content{display:none}}.special-layout-sidebar-toggle-btn{position:absolute;top:15px;width:32px;height:35px;display:flex;align-items:center;justify-content:left;cursor:pointer;color:var(--dm-text-secondary);transition:all .2s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-right:none;border-radius:3px 0 0 3px/3px 0px 0px 3px;z-index:200;padding:1px 2px 2px 5px}.special-layout-sidebar-toggle-btn.collapsed{left:-5px;background:#eaeaea;color:#000;border:1px solid #3f4147;border-left:none;box-shadow:0 2px 8px #0000004d;border-radius:0 3px 3px 0/0px 3px 3px 0px;justify-content:right}.special-layout-sidebar-toggle-btn:not(.collapsed){left:213px}.special-layout-sidebar-toggle-btn.collapsed:hover{background:#e2e2e2;border-color:#fff3}.special-layout-section{margin-bottom:45px}.special-layout-section h3{font-size:18px;font-weight:600;padding-left:15px;color:--dm-text-primary}.special-layout-sidebar-title{margin-top:5px;margin-bottom:-5px}.special-table{border-bottom:1px solid var(--dm-border-medium);overflow-y:auto;overflow-x:hidden;margin-top:15px;max-height:100%;flex:1;min-height:0}.special-table table{width:100%;border-collapse:collapse}.special-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:--dm-text-denied;text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;border-bottom:1px solid var(--dm-border-medium)}.special-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--dm-text-primary);font-size:14px}.special-table tr:last-child td{border-bottom:none}.special-table tr:hover td{background:#ffffff05}.special-table-text h4{margin:0;font-size:14px;font-weight:600;color:--dm-text-primary}.special-table-text .special-table-subtitle{font-size:12px;color:--dm-text-denied;margin-top:2px}.chip-col-chip{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:--dm-text-primary}.chip-col-chip.large{padding:6px 16px;font-size:14px;letter-spacing:.08em}.mui-style-card{background:var(--dm-bg-darker)!important;border:1px solid var(--dm-border-medium);border-radius:4px!important;padding:44px;margin:32px;margin-top:24px!important;height:100%}.mui-style-card.mui-style{position:relative;background:transparent;border:1px solid #404040;border-radius:4px;padding:0;margin-top:12px}.mui-style-card.mui-style .card-header{position:absolute;top:-10px;left:12px;display:flex;align-items:center;gap:1px;background:var(--dm-bg-darker);padding-right:4px}.mui-style-card.mui-style .card-label{padding:0 8px;font-size:12px;font-weight:500;color:--dm-text-denied;letter-spacing:.05em}.mui-style-card.mui-style .card-header .chip-col-chip{padding:2px 10px;font-size:11px;border-radius:10px;margin-right:4px;margin-top:-1px}.mui-style-card.mui-style .card-content{padding:20px}.mui-style-card.mui-style .mui-style-card-inner-wrapper{border-radius:4px;padding:12px}.mui-style-card.mui-style .mui-style-card-inner-content.minimal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.mui-style-card.mui-style .mui-style-card-item.minimal{display:flex;align-items:center;gap:6px}.mui-style-card.mui-style .mui-style-card-item-icon{width:16px;height:16px;font-size:10px}.mui-style-card-item-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.mui-style-card-item-icon.granted{background:#22c55e26;color:#22c55e}.mui-style-card-item-icon.denied{background:#ef444426;color:#ef4444}.mui-style-card.mui-style .mui-style-card-item-label{font-size:12px}.mui-style-card-inner-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.mui-style-card-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--dm-bg-panel);border:1px solid var(--dm-border-medium);border-radius:8px;height:44px;transition:all .15s ease}.mui-style-card-item:hover{background:var(--dm-bg-bar);border-color:#404040}.mui-style-card-item-label{font-size:13px;color:var(--dm-text-secondary);font-weight:400;font-weight:500}.mui-style-card-item-label.denied{color:--dm-text-denied;text-decoration:line-through;opacity:.6}.expanded-section-inner-elements{display:flex;flex-wrap:wrap;gap:8px}.common-tag{display:inline-block;padding:6px 12px;background:--dm-accent-hover;border:1px solid rgba(88,101,242,.2);border-radius:16px;font-size:12px;color:#94a3f8}.mui-style-card-data-container{display:flex;gap:20px;padding:0 15px;margin-top:20px}.mui-style-card.mui-style{flex:1;position:relative;border-radius:8px;padding:0;margin:12px 0 0;transition:border-color .2s ease}.filter-dropdown-modal>.mui-style-card.mui-style{margin-top:0!important}.mui-style-card.mui-style .card-header{position:absolute;top:-12px;left:20px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--dm-bg-darker) 0%,var(--dm-bg-lil-darker) 100%);padding:4px 12px;border-radius:20px;border:1px solid rgba(64,64,64,.6);box-shadow:0 2px 8px #0000004d}.mui-style-card.mui-style .card-label{padding:0 8px;font-size:11px;font-weight:700;color:var(--dm-text-secondary);letter-spacing:.08em;text-transform:uppercase}.mui-style-card.mui-style .card-content{padding:32px 24px 24px}.stat-grid{display:flex;flex-direction:column;width:100%}.stat-column{display:flex;flex-direction:column;gap:0px!important;min-width:0;flex:1;overflow:hidden}.stat-row-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;transition:all .2s ease;position:relative}.stat-row-item:last-child{border-bottom:none}.stat-row-item:hover .stat-professional-value{opacity:.8}.stat-row-item.tree-branch{margin-left:0;position:relative;color:#616161}.stat-row-item.tree-branch .stat-professional-label{padding-left:5px}.stat-row-item.tree-branch .stat-professional-label:before{position:absolute;left:4px;color:#616161;font-family:monospace;font-size:14px}.stat-column.has-tree{position:relative}.stat-column.has-tree:before{content:"";position:absolute;left:4.1px;top:30px;bottom:24px;width:1.2px;background:#616161}.stat-professional-label{font-size:13px;font-weight:400;color:var(--dm-text-secondary);position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.stat-column.has-tree .stat-row-item{display:flex;justify-content:space-between;align-items:center}.stat-column.has-tree .stat-professional-label{flex:1;min-width:0;max-width:140px}.stat-professional-value{font-size:15px;font-weight:400!important;color:var(--dm-text-header);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .2s ease;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.stat-professional-value.success{color:var(--dm-text-success)!important}.stat-professional-value.error{color:var(--dm-text-error)!important}.stat-professional-value.deployed{color:#5090d3}.stat-professional-value.not-deployed{color:var(--dm-text-secondary)}.loading-state,.empty-state{text-align:center;padding:40px 20px;color:#595959;font-size:13px;font-weight:500;font-style:italic}@media (max-width: 768px){.mui-style-card-data-container{flex-direction:column;gap:16px;padding:0 12px}.stat-grid{grid-template-columns:1fr;gap:16px}.mui-style-card.mui-style .card-content{padding:28px 16px 20px}.stat-row-item{padding:10px 12px}.stat-professional-label{font-size:11px}.stat-professional-value{font-size:14px}}.mui-style-card.mui-style .card-header{z-index:1}.nobefore:before{content:none!important}.activity-item{font-size:11px;position:relative}.activity-item:hover{background:transparent!important}.activity-item-dashboard{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;transition:var(--dm-transition-fast)}.activity-item-dashboard:hover{background:var(--dm-bg-tertiary)}.activity-item-myapps{display:flex;justify-content:space-between;padding:12px;background:var(--dm-bg-panel);border:1px solid var(--dm-bg-bar);border-radius:6px}.activity-item-server{display:flex;align-items:center;gap:12px;padding:12px;background:#2f3136;border-radius:6px;border:1px solid #40444b}.activity-item-template{display:flex;gap:16px;padding:16px;background:var(--dm-bg-tertiary);border-radius:8px}.activity-item:not(:last-child){margin-bottom:8px}.activity-item-container{display:flex;flex-direction:column}.activity-item-row-first{display:flex;align-items:center;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--dm-border-secondary)}.activity-item-row-second{display:flex;align-items:center;gap:8px;padding-top:4px}.activity-item-type-icon{padding:2px;display:flex;align-items:center}.activity-item-type-icon svg{color:gray;fill:none;stroke:gray;stroke-width:1.5}.activity-item-version{padding:2px 6px;font-size:9px;border:1px solid var(--dm-border-secondary);color:var(--dm-text-secondary)}.integration-popup-modal{position:fixed;background:var(--dm-bg-darker);border:1px solid var(--dm-border-primary);border-radius:8px;padding:8px;z-index:1000;box-shadow:0 4px 16px #0006;min-width:200px;max-width:350px}.integration-popup-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:4px;transition:background .2s}.integration-popup-item:hover{background:var(--dm-background-darker)}.toggle-label-description{display:block}.common-table.row-height-thin tbody tr{height:36px}.common-table.row-height-thin td{padding:4px 12px}.common-table.row-height-thin .main-col-icon{width:24px;height:24px}.common-table.row-height-normal tbody tr{height:56px}.common-table.row-height-normal td{padding:8px 16px}.common-table.row-height-large tbody tr{height:72px}.common-table.row-height-large td{padding:16px 20px}.common-table.row-height-large .main-col-icon{width:48px;height:48px}.common-table-scroll-wrapper{overflow-x:auto;overflow-y:visible;width:100%;position:relative;scrollbar-width:thin;scrollbar-color:var(--dm-border-secondary) var(--dm-surface-secondary);scroll-behavior:smooth}.common-table-scroll-wrapper:before,.common-table-scroll-wrapper:after{content:"";position:absolute;top:0;bottom:8px;width:20px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s}.common-table-scroll-wrapper:before{left:var(--scroll-left, 0px);background:linear-gradient(to right,rgba(0,0,0,.2),transparent)}.common-table-scroll-wrapper:after{right:var(--scroll-right, 0px);background:linear-gradient(to left,rgba(0,0,0,.2),transparent)}.common-table-scroll-wrapper:hover:before{opacity:1}.common-table-scroll-wrapper:hover:after{opacity:1}.common-table-scroll-wrapper.scroll-at-start:before{opacity:0!important}.common-table-scroll-wrapper.scroll-at-end:after{opacity:0!important}.common-table-scroll-wrapper::-webkit-scrollbar{height:8px;background:var(--dm-surface-secondary)}.common-table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--dm-border-secondary);border-radius:4px}.common-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.common-table.column-width-fixed table{table-layout:fixed!important;width:max-content;min-width:100%}.common-table.column-width-fixed td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-table.column-width-fixed th{overflow:visible}.common-table.column-width-fixed th{padding:12px 8px!important}.common-table.column-width-fixed .th-content{gap:4px}.common-table.column-width-fixed .th-filter-btn{padding:1px}.common-table.column-width-fixed .th-filter-btn svg{width:10px;height:10px}.common-table.column-width-fixed .sort-icon{width:12px;height:12px}.common-table.column-width-fixed .sort-icon svg{width:10px;height:10px}.common-table.column-width-fixed .sortable-header{gap:2px}.common-table.column-width-fixed thead th{border-left:1px solid var(--dm-border-secondary)}.common-table.column-width-fixed th.checkbox-col,.common-table.column-width-fixed td.checkbox-col{width:1%!important;max-width:1%!important;min-width:1%!important;padding:12px!important;box-sizing:border-box!important}.common-table.column-width-fixed th.main-col,.common-table.column-width-fixed td.main-col{width:150px!important;max-width:150px!important;min-width:150px!important}.common-table.column-width-fixed th.regular-col,.common-table.column-width-fixed td.regular-col,.common-table.column-width-fixed th.bold-text-col,.common-table.column-width-fixed td.bold-text-col{width:120px!important;max-width:120px!important;min-width:120px!important}.common-table.column-width-fixed th.icon-text-col,.common-table.column-width-fixed td.icon-text-col{width:140px!important;max-width:140px!important;min-width:140px!important}.common-table.column-width-fixed th.badge-col,.common-table.column-width-fixed td.badge-col{width:120px!important;max-width:120px!important;min-width:120px!important}.common-table.column-width-fixed th:not(.checkbox-col):not(.main-col):not(.regular-col):not(.bold-text-col):not(.icon-text-col):not(.badge-col),.common-table.column-width-fixed td:not(.checkbox-col):not(.main-col):not(.regular-col):not(.bold-text-col):not(.icon-text-col):not(.badge-col){width:120px!important;max-width:120px!important;min-width:120px!important}.common-table.column-width-wider table{table-layout:fixed!important;width:max-content;min-width:100%}.common-table.column-width-wider td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-table.column-width-wider th{overflow:visible}.common-table.column-width-wider th{padding:12px 10px!important}.common-table.column-width-wider .th-content{gap:6px}.common-table.column-width-wider thead th{border-left:1px solid var(--dm-border-secondary)}.common-table.column-width-wider th.checkbox-col,.common-table.column-width-wider td.checkbox-col{width:1%!important;max-width:1%!important;min-width:1%!important;padding:12px!important;box-sizing:border-box!important}.common-table.column-width-wider th.main-col,.common-table.column-width-wider td.main-col{width:220px!important;max-width:220px!important;min-width:220px!important}.common-table.column-width-wider th.regular-col,.common-table.column-width-wider td.regular-col,.common-table.column-width-wider th.bold-text-col,.common-table.column-width-wider td.bold-text-col{width:180px!important;max-width:180px!important;min-width:180px!important}.common-table.column-width-wider th.icon-text-col,.common-table.column-width-wider td.icon-text-col{width:200px!important;max-width:200px!important;min-width:200px!important}.common-table.column-width-wider th.badge-col,.common-table.column-width-wider td.badge-col{width:180px!important;max-width:180px!important;min-width:180px!important}.common-table.column-width-wider th:not(.checkbox-col):not(.main-col):not(.regular-col):not(.bold-text-col):not(.icon-text-col):not(.badge-col),.common-table.column-width-wider td:not(.checkbox-col):not(.main-col):not(.regular-col):not(.bold-text-col):not(.icon-text-col):not(.badge-col){width:180px!important;max-width:180px!important;min-width:180px!important}.common-table.column-width-auto table{table-layout:fixed!important;width:max-content;min-width:100%}.common-table.column-width-auto td{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.common-table.column-width-auto th{overflow:visible!important}.common-table.column-width-auto th{padding:12px 10px!important}.common-table.column-width-auto .th-content{gap:6px}.common-table.column-width-auto tbody tr.common-table-row.selected td:first-child{overflow:visible!important}.common-table.column-width-auto thead th{border-left:1px solid var(--dm-border-secondary)}.common-table.column-width-auto th.checkbox-col,.common-table.column-width-auto td.checkbox-col{width:1%!important;max-width:1%!important;min-width:1%!important;padding:12px!important;box-sizing:border-box!important}.common-table.column-width-auto th.main-col,.common-table.column-width-auto td.main-col{width:360px!important;max-width:360px!important;min-width:360px!important}.common-table.column-width-auto th.regular-col,.common-table.column-width-auto td.regular-col,.common-table.column-width-auto th.bold-text-col,.common-table.column-width-auto td.bold-text-col{width:150px!important;max-width:150px!important;min-width:150px!important}.common-table.column-width-auto th.icon-text-col,.common-table.column-width-auto td.icon-text-col{width:180px!important;max-width:180px!important;min-width:180px!important}.common-table.column-width-auto th.badge-col,.common-table.column-width-auto td.badge-col{width:auto!important;max-width:none!important;min-width:140px!important}.common-table.column-width-auto th:not(.checkbox-col):not(.main-col):not(.regular-col):not(.bold-text-col):not(.icon-text-col):not(.badge-col),.common-table.column-width-auto td:not(.checkbox-col):not(.main-col):not(.regular-col):not(.bold-text-col):not(.icon-text-col):not(.badge-col){width:150px!important;max-width:150px!important;min-width:150px!important}.roles-content,.members-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.roles-content .common-table,.members-content .common-table{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.roles-content .common-table-scroll-wrapper,.members-content .common-table-scroll-wrapper{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.roles-content .common-table-scroll-wrapper table,.members-content .common-table-scroll-wrapper table{height:auto}.roles-content .common-table thead,.members-content .common-table thead{position:sticky;top:0;z-index:10;background:var(--dm-bg-primary)}.roles-content .common-table thead th,.members-content .common-table thead th{background:var(--dm-bg-primary)}.server-overview-container .common-table,.roles-content .common-table,.members-content .common-table,.analytics-content .common-table,.audit-logs-content .common-table{padding-bottom:0}.owner-col{display:flex;align-items:center;gap:6px}.owner-username{font-size:13px;color:var(--dm-text-primary)}.owner-badge{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.role-badge[data-role=owner]{background:#7c3aed;color:#fff}.role-badge[data-role=admin]{background:#dc2626;color:#fff}.role-badge[data-role=moderator]{background:#059669;color:#fff}.role-badge[data-role=member]{background:#475569;color:#fff}.boosts-col{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--dm-text-primary)}.boost-tier{color:#ec4899;font-weight:600;font-size:11px}.latency-col{display:flex;flex-direction:column;gap:2px}.activity-indicator{font-size:10px;color:var(--dm-text-tertiary);opacity:.7}.light-mode{--dm-bg-primary: rgba(255, 255, 255, .95);--dm-bg-secondary: #f8f9fa;--dm-bg-tertiary: #e9ecef;--dm-bg-quaternary: rgba(220, 220, 220, .6);--dm-bg-darker: #f0f1f2;--dm-bg-lil-darker: #eaebed;--dm-bg-darkest: #e5e7e9;--dm-bg-panel: #fafbfc;--dm-bg-bar: #f5f6f7;--dm-border-medium: #d0d5dc;--dm-body-bg: #ffffff;--dm-body-bg2: #f9fafb;--dm-border-primary: #dee2e6;--dm-border-secondary: #ced4da;--dm-border-accent: rgba(0, 0, 0, .1);--dm-text-primary: #212529;--dm-text-anti-primary: #ffffff;--dm-text-secondary: #6c757d;--dm-text-accent: #d65a2d;--dm-text-header: #1a1a1a;--dm-text-success: #198754;--dm-text-error: #dc3545;--dm-accent-primary: #0066cc;--dm-accent-secondary: rgba(0, 102, 204, .08);--dm-accent-tertiary: rgba(0, 102, 204, .12);--dm-accent-quaternary: rgba(0, 102, 204, .2);--dm-accent-light: rgba(0, 102, 204, .15);--dm-accent-lighter: rgba(0, 102, 204, .05);--dm-accent-hover: rgba(0, 102, 204, .1);--dm-shadow-primary: rgba(0, 0, 0, .15);--dm-shadow-secondary: rgba(0, 0, 0, .05);--dm-shadow-accent: rgba(0, 102, 204, .2);--dm-backdrop-blur: blur(8px);--dm-backdrop-blur-strong: blur(16px);--dm-transition-fast: all .2s ease;--dm-transition-medium: all .3s ease;--dm-transition-slow: all .6s cubic-bezier(.23, 1, .32, 1)}body.light-mode{background:#f8f9fa;color:#212529}.theme-dark{--dm-bg-primary: rgba(15, 15, 15, .95);--dm-bg-secondary: #151515;--dm-bg-tertiary: #1f1f1f;--dm-bg-quaternary: rgba(35, 36, 40, .6);--dm-bg-darker: #0a0a0a;--dm-bg-lil-darker: #0f0f0f;--dm-bg-darkest: #020202;--dm-bg-panel: #141414;--dm-bg-bar: #1a1a1a;--dm-border-medium: #262626;--dm-body-bg: #1e1f22;--dm-body-bg2: #0d0d0d;--dm-border-primary: #3f4147;--dm-border-secondary: #2f2f2f;--dm-border-accent: rgba(255, 255, 255, .2);--dm-text-primary: #ffffff;--dm-text-anti-primary: #000000;--dm-text-secondary: #b5bac1;--dm-text-accent: #e5794d;--dm-text-header: #f0f0f0;--dm-text-success: #83c566;--dm-text-error: #f1645c;--dm-accent-primary: #5090d3;--dm-accent-secondary: rgba(88, 101, 242, .08);--dm-accent-tertiary: rgba(88, 101, 242, .12);--dm-accent-quaternary: rgba(88, 101, 242, .2);--dm-accent-light: rgba(88, 101, 242, .15);--dm-accent-lighter: rgba(88, 101, 242, .05);--dm-accent-hover: rgba(88, 101, 242, .1);--dm-shadow-primary: rgba(0, 0, 0, .6);--dm-shadow-secondary: rgba(0, 0, 0, .2);--dm-shadow-accent: rgba(88, 101, 242, .3)}.theme-light{--dm-bg-primary: rgba(255, 255, 255, .95);--dm-bg-secondary: #f8f9fa;--dm-bg-tertiary: #e9ecef;--dm-bg-quaternary: rgba(220, 220, 220, .6);--dm-bg-darker: #f0f1f2;--dm-bg-lil-darker: #eaebed;--dm-bg-darkest: #e5e7e9;--dm-bg-panel: #fafbfc;--dm-bg-bar: #f5f6f7;--dm-border-medium: #d0d5dc;--dm-body-bg: #ffffff;--dm-body-bg2: #f9fafb;--dm-border-primary: #dee2e6;--dm-border-secondary: #ced4da;--dm-border-accent: rgba(0, 0, 0, .1);--dm-text-primary: #212529;--dm-text-anti-primary: #ffffff;--dm-text-secondary: #6c757d;--dm-text-accent: #d65a2d;--dm-text-header: #1a1a1a;--dm-text-success: #198754;--dm-text-error: #dc3545;--dm-accent-primary: #0066cc;--dm-accent-secondary: rgba(0, 102, 204, .08);--dm-accent-tertiary: rgba(0, 102, 204, .12);--dm-accent-quaternary: rgba(0, 102, 204, .2);--dm-accent-light: rgba(0, 102, 204, .15);--dm-accent-lighter: rgba(0, 102, 204, .05);--dm-accent-hover: rgba(0, 102, 204, .1);--dm-shadow-primary: rgba(0, 0, 0, .15);--dm-shadow-secondary: rgba(0, 0, 0, .05);--dm-shadow-accent: rgba(0, 102, 204, .2)}.theme-midnight{--dm-bg-primary: rgba(10, 10, 20, .95);--dm-bg-secondary: #0a0a14;--dm-bg-tertiary: #14141f;--dm-bg-quaternary: rgba(20, 20, 40, .6);--dm-bg-darker: #050508;--dm-bg-lil-darker: #0a0a0f;--dm-bg-darkest: #010103;--dm-bg-panel: #0f0f1a;--dm-bg-bar: #12122a;--dm-border-medium: #1a1a2e;--dm-body-bg: #0a0a14;--dm-body-bg2: #06060b;--dm-border-primary: #2a2a3f;--dm-border-secondary: #1f1f33;--dm-border-accent: rgba(100, 100, 255, .2);--dm-text-primary: #e0e0ff;--dm-text-anti-primary: #0a0a14;--dm-text-secondary: #9999cc;--dm-text-accent: #7070ff;--dm-text-header: #d0d0ff;--dm-text-success: #66dd99;--dm-text-error: #ff6666;--dm-accent-primary: #6666ff;--dm-accent-secondary: rgba(102, 102, 255, .08);--dm-accent-tertiary: rgba(102, 102, 255, .12);--dm-accent-quaternary: rgba(102, 102, 255, .2);--dm-accent-light: rgba(102, 102, 255, .15);--dm-accent-lighter: rgba(102, 102, 255, .05);--dm-accent-hover: rgba(102, 102, 255, .1);--dm-shadow-primary: rgba(0, 0, 20, .7);--dm-shadow-secondary: rgba(0, 0, 20, .3);--dm-shadow-accent: rgba(102, 102, 255, .3)}.theme-nature{--dm-bg-primary: rgba(20, 25, 20, .95);--dm-bg-secondary: #141914;--dm-bg-tertiary: #1f2f1f;--dm-bg-quaternary: rgba(30, 40, 30, .6);--dm-bg-darker: #0a0f0a;--dm-bg-lil-darker: #0f140f;--dm-bg-darkest: #050a05;--dm-bg-panel: #101510;--dm-bg-bar: #151a15;--dm-border-medium: #1f2f1f;--dm-body-bg: #141914;--dm-body-bg2: #0c0e0c;--dm-border-primary: #3f4f3f;--dm-border-secondary: #2f3f2f;--dm-border-accent: rgba(100, 255, 100, .2);--dm-text-primary: #e0ffe0;--dm-text-anti-primary: #141914;--dm-text-secondary: #99cc99;--dm-text-accent: #66ff66;--dm-text-header: #d0ffd0;--dm-text-success: #66ff66;--dm-text-error: #ff9966;--dm-accent-primary: #66cc66;--dm-accent-secondary: rgba(102, 204, 102, .08);--dm-accent-tertiary: rgba(102, 204, 102, .12);--dm-accent-quaternary: rgba(102, 204, 102, .2);--dm-accent-light: rgba(102, 204, 102, .15);--dm-accent-lighter: rgba(102, 204, 102, .05);--dm-accent-hover: rgba(102, 204, 102, .1);--dm-shadow-primary: rgba(0, 20, 0, .6);--dm-shadow-secondary: rgba(0, 20, 0, .2);--dm-shadow-accent: rgba(102, 204, 102, .3)}.theme-monochrome{--dm-bg-primary: rgba(20, 20, 20, .95);--dm-bg-secondary: #1a1a1a;--dm-bg-tertiary: #2a2a2a;--dm-bg-quaternary: rgba(40, 40, 40, .6);--dm-bg-darker: #0f0f0f;--dm-bg-lil-darker: #121212;--dm-bg-darkest: #050505;--dm-bg-panel: #151515;--dm-bg-bar: #1f1f1f;--dm-border-medium: #303030;--dm-body-bg: #1a1a1a;--dm-body-bg2: #0d0d0d;--dm-border-primary: #4a4a4a;--dm-border-secondary: #3a3a3a;--dm-border-accent: rgba(200, 200, 200, .2);--dm-text-primary: #f0f0f0;--dm-text-anti-primary: #0f0f0f;--dm-text-secondary: #a0a0a0;--dm-text-accent: #d0d0d0;--dm-text-header: #e0e0e0;--dm-text-success: #b0b0b0;--dm-text-error: #c0c0c0;--dm-accent-primary: #808080;--dm-accent-secondary: rgba(128, 128, 128, .08);--dm-accent-tertiary: rgba(128, 128, 128, .12);--dm-accent-quaternary: rgba(128, 128, 128, .2);--dm-accent-light: rgba(128, 128, 128, .15);--dm-accent-lighter: rgba(128, 128, 128, .05);--dm-accent-hover: rgba(128, 128, 128, .1);--dm-shadow-primary: rgba(0, 0, 0, .6);--dm-shadow-secondary: rgba(0, 0, 0, .2);--dm-shadow-accent: rgba(128, 128, 128, .3)}.theme-sunset{--dm-bg-primary: rgba(30, 20, 15, .95);--dm-bg-secondary: #1e140f;--dm-bg-tertiary: #2f1f14;--dm-bg-quaternary: rgba(50, 30, 20, .6);--dm-bg-darker: #0f0a05;--dm-bg-lil-darker: #140f0a;--dm-bg-darkest: #0a0502;--dm-bg-panel: #1a0f0a;--dm-bg-bar: #1f140f;--dm-border-medium: #2f1f14;--dm-body-bg: #1e140f;--dm-body-bg2: #0f0a07;--dm-border-primary: #5f3f2f;--dm-border-secondary: #4f2f1f;--dm-border-accent: rgba(255, 150, 100, .2);--dm-text-primary: #ffe0d0;--dm-text-anti-primary: #1e140f;--dm-text-secondary: #cc9980;--dm-text-accent: #ff9966;--dm-text-header: #ffd0c0;--dm-text-success: #99cc66;--dm-text-error: #ff6666;--dm-accent-primary: #ff8040;--dm-accent-secondary: rgba(255, 128, 64, .08);--dm-accent-tertiary: rgba(255, 128, 64, .12);--dm-accent-quaternary: rgba(255, 128, 64, .2);--dm-accent-light: rgba(255, 128, 64, .15);--dm-accent-lighter: rgba(255, 128, 64, .05);--dm-accent-hover: rgba(255, 128, 64, .1);--dm-shadow-primary: rgba(30, 10, 0, .6);--dm-shadow-secondary: rgba(30, 10, 0, .2);--dm-shadow-accent: rgba(255, 128, 64, .3)}.theme-ocean{--dm-bg-primary: rgba(240, 248, 255, .95);--dm-bg-secondary: #e6f3ff;--dm-bg-tertiary: #d6ebff;--dm-bg-quaternary: rgba(200, 230, 255, .6);--dm-bg-darker: #cce6ff;--dm-bg-lil-darker: #d9edff;--dm-bg-darkest: #b3daff;--dm-bg-panel: #f0f8ff;--dm-bg-bar: #e0f2ff;--dm-border-medium: #99c9ff;--dm-body-bg: #e6f3ff;--dm-body-bg2: #f5faff;--dm-border-primary: #b3d9ff;--dm-border-secondary: #99ccff;--dm-border-accent: rgba(0, 150, 255, .2);--dm-text-primary: #003366;--dm-text-anti-primary: #ffffff;--dm-text-secondary: #336699;--dm-text-accent: #0066cc;--dm-text-header: #002244;--dm-text-success: #009966;--dm-text-error: #cc3333;--dm-accent-primary: #0099ff;--dm-accent-secondary: rgba(0, 153, 255, .08);--dm-accent-tertiary: rgba(0, 153, 255, .12);--dm-accent-quaternary: rgba(0, 153, 255, .2);--dm-accent-light: rgba(0, 153, 255, .15);--dm-accent-lighter: rgba(0, 153, 255, .05);--dm-accent-hover: rgba(0, 153, 255, .1);--dm-shadow-primary: rgba(0, 50, 100, .15);--dm-shadow-secondary: rgba(0, 50, 100, .05);--dm-shadow-accent: rgba(0, 153, 255, .2)}.theme-pastel{--dm-bg-primary: rgba(255, 250, 250, .95);--dm-bg-secondary: #fff5f5;--dm-bg-tertiary: #ffebeb;--dm-bg-quaternary: rgba(255, 230, 230, .6);--dm-bg-darker: #ffe0e0;--dm-bg-lil-darker: #ffe8e8;--dm-bg-darkest: #ffd1d1;--dm-bg-panel: #fffafa;--dm-bg-bar: #fff0f0;--dm-border-medium: #ffb8b8;--dm-body-bg: #fff5f5;--dm-body-bg2: #fffbfb;--dm-border-primary: #ffd6d6;--dm-border-secondary: #ffcccc;--dm-border-accent: rgba(255, 150, 150, .2);--dm-text-primary: #4a4a4a;--dm-text-anti-primary: #ffffff;--dm-text-secondary: #7a7a7a;--dm-text-accent: #ff9999;--dm-text-header: #3a3a3a;--dm-text-success: #99cc99;--dm-text-error: #ff9999;--dm-accent-primary: #ffb3ba;--dm-accent-secondary: rgba(255, 179, 186, .08);--dm-accent-tertiary: rgba(255, 179, 186, .12);--dm-accent-quaternary: rgba(255, 179, 186, .2);--dm-accent-light: rgba(255, 179, 186, .15);--dm-accent-lighter: rgba(255, 179, 186, .05);--dm-accent-hover: rgba(255, 179, 186, .1);--dm-shadow-primary: rgba(100, 50, 50, .1);--dm-shadow-secondary: rgba(100, 50, 50, .03);--dm-shadow-accent: rgba(255, 179, 186, .2)}.custom-mode{--dm-bg-primary: var(--custom-bg-primary, rgba(15, 15, 15, .95));--dm-bg-secondary: var(--custom-bg-secondary, #151515);--dm-bg-tertiary: var(--custom-bg-tertiary, #1f1f1f);--dm-bg-quaternary: var(--custom-bg-quaternary, rgba(35, 36, 40, .6));--dm-bg-darker: var(--custom-bg-darker, #0a0a0a);--dm-bg-lil-darker: var(--custom-bg-lil-darker, #0f0f0f);--dm-bg-darkest: var(--custom-bg-darkest, #020202);--dm-bg-panel: var(--custom-bg-panel, #141414);--dm-bg-bar: var(--custom-bg-bar, #1a1a1a);--dm-body-bg: var(--custom-body-bg, #1e1f22);--dm-body-bg2: var(--custom-body-bg2, #0d0d0d);--dm-border-primary: var(--custom-border-primary, #3f4147);--dm-border-secondary: var(--custom-border-secondary, #2f2f2f);--dm-border-medium: var(--custom-border-medium, #262626);--dm-border-accent: var(--custom-border-accent, rgba(255, 255, 255, .2));--dm-text-primary: var(--custom-text-primary, #ffffff);--dm-text-anti-primary: var(--custom-text-anti-primary, #000000);--dm-text-secondary: var(--custom-text-secondary, #b5bac1);--dm-text-accent: var(--custom-text-accent, #e5794d);--dm-text-header: var(--custom-text-header, #f0f0f0);--dm-text-success: var(--custom-text-success, #83c566);--dm-text-error: var(--custom-text-error, #f1645c);--dm-accent-primary: var(--custom-accent-primary, #5090d3);--dm-accent-secondary: var(--custom-accent-secondary, rgba(88, 101, 242, .08));--dm-accent-tertiary: var(--custom-accent-tertiary, rgba(88, 101, 242, .12));--dm-accent-quaternary: var(--custom-accent-quaternary, rgba(88, 101, 242, .2));--dm-accent-light: var(--custom-accent-light, rgba(88, 101, 242, .15));--dm-accent-lighter: var(--custom-accent-lighter, rgba(88, 101, 242, .05));--dm-accent-hover: var(--custom-accent-hover, rgba(88, 101, 242, .1));--dm-shadow-primary: var(--custom-shadow-primary, rgba(0, 0, 0, .6));--dm-shadow-secondary: var(--custom-shadow-secondary, rgba(0, 0, 0, .2));--dm-shadow-accent: var(--custom-shadow-accent, rgba(88, 101, 242, .3));--dm-backdrop-blur: blur(8px);--dm-backdrop-blur-strong: blur(16px);--dm-transition-fast: all .2s ease;--dm-transition-medium: all .3s ease;--dm-transition-slow: all .6s cubic-bezier(.23, 1, .32, 1)}body.custom-mode,body.custom-mode *{--dm-bg-primary: var(--custom-bg-primary) !important;--dm-bg-secondary: var(--custom-bg-secondary) !important;--dm-bg-tertiary: var(--custom-bg-tertiary) !important;--dm-bg-quaternary: var(--custom-bg-quaternary) !important;--dm-bg-darker: var(--custom-bg-darker) !important;--dm-bg-lil-darker: var(--custom-bg-lil-darker) !important;--dm-bg-darkest: var(--custom-bg-darkest) !important;--dm-bg-panel: var(--custom-bg-panel) !important;--dm-bg-bar: var(--custom-bg-bar) !important;--dm-body-bg: var(--custom-body-bg) !important;--dm-body-bg2: var(--custom-body-bg2) !important;--dm-border-primary: var(--custom-border-primary) !important;--dm-border-secondary: var(--custom-border-secondary) !important;--dm-border-medium: var(--custom-border-medium) !important;--dm-border-accent: var(--custom-border-accent) !important;--dm-text-primary: var(--custom-text-primary) !important;--dm-text-anti-primary: var(--custom-text-anti-primary) !important;--dm-text-secondary: var(--custom-text-secondary) !important;--dm-text-accent: var(--custom-text-accent) !important;--dm-text-header: var(--custom-text-header) !important;--dm-text-success: var(--custom-text-success) !important;--dm-text-error: var(--custom-text-error) !important;--dm-accent-primary: var(--custom-accent-primary) !important;--dm-accent-secondary: var(--custom-accent-secondary) !important;--dm-accent-tertiary: var(--custom-accent-tertiary) !important;--dm-accent-quaternary: var(--custom-accent-quaternary) !important;--dm-accent-light: var(--custom-accent-light) !important;--dm-accent-lighter: var(--custom-accent-lighter) !important;--dm-accent-hover: var(--custom-accent-hover) !important}.auto-signout-warning-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.auto-signout-warning{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.warning-icon{font-size:48px;margin-bottom:16px}.auto-signout-warning h3{font-size:24px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.auto-signout-warning p{font-size:16px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.auto-signout-warning strong{color:var(--text-error);font-weight:600;font-size:18px}.warning-actions{display:flex;gap:12px;justify-content:center}.btn-extend-session,.btn-signout-now{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-extend-session{background:var(--accent-primary);color:#fff}.btn-extend-session:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5090d34d}.btn-signout-now{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-signout-now:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}.settings-overlay{position:fixed;inset:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;will-change:opacity}.settings-modal{width:90%;max-width:1200px;height:85vh;max-height:800px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:12px;overflow:hidden;animation:slideUp .3s cubic-bezier(.23,1,.32,1);box-shadow:0 20px 60px #00000080;will-change:transform,opacity;transform:translateZ(0)}.settings-container{display:flex;height:100%;position:relative}.settings-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--dm-bg-primary)}.settings-content-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--dm-bg-secondary);border-bottom:1px solid var(--dm-border-secondary)}.settings-title{font-size:18px;font-weight:600;color:var(--dm-text-primary);margin:0}.settings-content-card{flex:1;margin:12px 20px;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.settings-card-body{padding:24px 32px;flex:1;overflow-y:auto;scrollbar-gutter:stable}.settings-card-body::-webkit-scrollbar{width:8px}.settings-card-body::-webkit-scrollbar-track{background:var(--dm-bg-tertiary);border-radius:4px}.settings-card-body::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:4px}.settings-card-body::-webkit-scrollbar-thumb:hover{background:var(--dm-border-secondary)}.settings-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--dm-text-secondary);cursor:pointer;transition:all .2s ease}.settings-close-btn:hover{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.settings-body{flex:1;overflow-y:auto;padding:24px 32px;background:var(--dm-bg-primary);height:calc(100% - 85px);scrollbar-gutter:stable}.settings-modal .btn-primary,.settings-modal .btn-secondary{padding:10px 24px;font-size:14px}.settings-modal .btn-secondary:hover{background:var(--dm-bg-quaternary);color:var(--dm-text-primary)}.settings-section{display:flex;flex-direction:column;gap:24px;max-width:100%;animation:fadeIn .3s ease}.settings-group{display:flex;flex-direction:column;gap:12px}.settings-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-label{font-size:13px;font-weight:500;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.settings-description{font-size:13px;color:var(--dm-text-secondary);font-style:italic;margin-bottom:12px}.settings-info-card{padding:16px;background:var(--dm-bg-quaternary);border-radius:6px;border-left:3px solid var(--dm-accent-primary)}.settings-info-text{margin:0;font-size:13px;color:var(--dm-text-secondary);line-height:1.6}.settings-divider{height:1px;background:var(--dm-border-secondary);margin:16px 0}.settings-action-btn{padding:6px 16px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-action-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-primary);color:var(--dm-text-primary)}.theme-mode-toggle-buttons{display:flex;gap:4px;background:var(--dm-bg-tertiary);border-radius:6px;padding:2px}.theme-mode-btn{flex:1;padding:8px 16px;background:transparent;border:none;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:6px}.theme-mode-btn:hover{color:var(--dm-text-primary)}.theme-mode-btn.active{background:var(--dm-bg-primary);color:var(--dm-accent-primary);box-shadow:0 1px 3px #0000001a}.theme-description{font-size:13px;color:var(--dm-text-secondary);margin-bottom:16px;font-style:italic}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--dm-bg-tertiary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:100px;justify-content:center}.theme-card:hover{background:var(--dm-bg-quaternary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.theme-card.selected{border-color:var(--dm-accent-primary);background:var(--dm-accent-secondary)}.theme-icon{font-size:32px;height:40px;display:flex;align-items:center}.theme-name{font-size:14px;font-weight:500;color:var(--dm-text-primary)}.color-subsection{margin-bottom:24px}.color-category-title{font-size:13px;font-weight:600;color:var(--dm-text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--dm-border-secondary)}.color-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding-left:12px}.color-group{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--dm-bg-tertiary);border-radius:6px;border:1px solid transparent;transition:all .2s ease}.color-group:hover{border-color:var(--dm-border-primary);background:var(--dm-bg-quaternary)}.color-group label{font-size:12px;font-weight:500;color:var(--dm-text-secondary);margin-bottom:4px}.color-input-wrapper input[type=color]{width:48px;height:36px;border:1px solid var(--dm-border-primary);border-radius:4px;cursor:pointer;background:transparent}.color-input-wrapper input[type=text]{flex:1;padding:8px 12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:13px;font-family:SF Mono,Monaco,monospace}.color-input-wrapper input[type=text]:focus{outline:none;border-color:var(--dm-accent-primary)}.setting-select,.settings-form-select{width:100%;padding:10px 36px 10px 14px;background-color:var(--dm-bg-bar);border:1px solid #333;border-radius:6px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0e0e0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;appearance:none}.setting-select:hover,.settings-form-select:hover{border-color:#404040;background-color:var(--dm-bg-tertiary)}.setting-select:focus,.settings-form-select:focus{outline:none;border-color:#5090d3;background-color:var(--dm-bg-bar);box-shadow:0 0 0 2px #5090d333}.setting-select option,.settings-form-select option{background-color:var(--dm-bg-secondary)!important;color:var(--dm-text-primary)!important;padding:8px}.setting-select option:hover,.settings-form-select option:hover,.setting-select option:focus,.settings-form-select option:focus{background-color:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}.setting-select option:checked,.settings-form-select option:checked,.setting-select option[selected],.settings-form-select option[selected]{background-color:var(--dm-accent-primary)!important;color:var(--dm-text-primary)!important;font-weight:600}.setting-select optgroup,.settings-form-select optgroup{background-color:var(--dm-bg-primary);color:var(--dm-text-secondary);font-weight:600}.setting-select optgroup option,.settings-form-select optgroup option{padding-left:16px}.setting-info{padding:16px;background:var(--dm-bg-quaternary);border-radius:6px;border-left:3px solid var(--dm-accent-primary)}.setting-info p{margin:0;font-size:13px;color:var(--dm-text-secondary);line-height:1.6}.session-info-card{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:8px;padding:20px;margin-top:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--dm-border-secondary)}.info-row:last-of-type{border-bottom:none}.info-label{color:var(--dm-text-secondary);font-size:14px;font-weight:500}.info-value{color:var(--dm-text-primary);font-size:14px;font-weight:600}.info-description{margin-top:16px;padding-top:16px;border-top:1px solid var(--dm-border-secondary)}.info-description p{color:var(--dm-text-secondary);font-size:13px;line-height:1.6;margin:0 0 8px}.info-description .info-note{color:var(--dm-text-tertiary);font-style:italic;margin-top:12px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.radio-label:hover{background:var(--dm-bg-tertiary);border-color:var(--dm-accent-primary)}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--dm-accent-primary)}.radio-text{font-size:14px;color:var(--dm-text-primary)}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--dm-border-secondary)}.toggle-label:last-child{border-bottom:none}.toggle-label span{font-size:14px;color:var(--dm-text-primary)}.toggle-switch{position:relative;width:48px;height:24px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:12px;cursor:pointer;transition:all .3s ease}.toggle-switch.active{background:var(--dm-accent-primary);border-color:var(--dm-accent-primary)}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider{transform:translate(24px)}.session-timer-display{margin-top:24px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;animation:fadeIn .3s ease}.timer-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.timer-icon{font-size:20px}.timer-label{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.timer-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.timer-time{font-size:36px;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:var(--text-primary);letter-spacing:2px;margin-bottom:4px}.timer-description{font-size:13px;color:var(--text-secondary);font-style:italic}.timer-progress{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;position:relative}.timer-progress-bar{height:100%;transition:width 1s linear,background-color .3s ease;border-radius:3px;box-shadow:0 0 8px #5090d34d}.session-timer-display:has(.timer-time:contains("0:")){border-color:var(--text-error);background:#f1645c0d}@keyframes slideUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.settings-body::-webkit-scrollbar{width:8px}.settings-body::-webkit-scrollbar-track{background:var(--dm-bg-secondary)}.settings-body::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:4px}.settings-body::-webkit-scrollbar-thumb:hover{background:var(--dm-border-secondary)}@media (max-width: 768px){.settings-modal{width:95%;height:95vh;max-height:none}.settings-container{flex-direction:column}.special-layout-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--dm-border-primary)}.special-layout-sidebar-content{display:none}.special-layout-sidebar-nav{flex-direction:row;overflow-x:auto;padding:12px;gap:8px}.special-layout-sidebar-nav-item{white-space:nowrap;padding:8px 16px;border-radius:20px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-controls{grid-template-columns:1fr}.settings-body{padding:20px}}.user-widget{position:fixed;bottom:30px;width:245px;background:#010101f2;border-top:1px solid #3f4147;border-radius:12px;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.user-widget.visible{opacity:1;transform:translateY(0)}.user-widget-content{display:flex;flex-direction:column;gap:8px}.widget-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:-10px}.widget-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#b5bac1;font-size:12px;font-weight:500;padding:0;border-radius:6px;cursor:pointer;transition:all .2s ease;flex:1;text-align:left;outline:none!important}.widget-button:hover{color:#fff;transform:scale(1.01)}.widget-icon{font-size:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-4px;margin-right:-8px;pointer-events:none}.widget-icon svg{pointer-events:none}.widget-text{font-size:12px;font-weight:600;pointer-events:none;color:#fff}.slider-toggle{position:relative;width:56px;height:28px;border-radius:14px;background:#1f1f1f;border:1px solid #3f4147;cursor:pointer;transition:all .2s ease;flex-shrink:0}.slider-toggle:hover{background:#5865f21a;border-color:#5865f2}.toggle-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4px;border-radius:14px;overflow:hidden}.toggle-option{width:50%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.toggle-icon{font-size:12px;opacity:.8;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:14px;height:14px}.toggle-slider{position:absolute;top:2px;width:24px;height:24px;background-color:#020202;border-radius:12px;transition:all .3s ease;z-index:1;box-shadow:0 2px 4px #0003}.toggle-slider.left{left:2px}.toggle-slider.right{left:30px}.slider-toggle:hover .toggle-slider{box-shadow:0 4px 8px #5865f24d}.user-profile{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;margin-bottom:-3px;position:relative;transition:transform .2s ease}.user-profile:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3f4147 10%,#3f4147 90%,transparent);transition:left .3s ease,right .3s ease,opacity .3s ease;opacity:.8}.layout-container.sidebar-minimized .sidebar .user-profile:after{left:-25px;right:180px}.user-avatar{width:36px;height:32px;border-radius:8px;background:linear-gradient(135deg,#5865f21a,#5090d31a);display:flex;align-items:center;justify-content:center;border-left:2px solid #3f4147;border-right:2px solid #3f4147;border-top:none;border-bottom:none;flex-shrink:0;overflow:hidden;margin-left:-7px;transition:border-color .3s ease,background .3s ease}.user-profile:hover .user-avatar{border-left-color:#5865f280;border-right-color:#5865f280;background:linear-gradient(135deg,#5865f226,#5090d326)}.user-avatar img{width:97%;height:97%;object-fit:cover;border-radius:8px;margin-left:.1px}.avatar-initials{font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-details{display:flex;flex-direction:row;gap:6px;flex:1;min-width:0;overflow:hidden}.user-name-row{display:flex;flex-direction:column;gap:6px;flex:1}.user-name{font-size:12px;font-weight:600;color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.4;transition:color .2s ease}.user-profile:hover .user-name{color:#fff!important;text-shadow:0 0 8px rgba(88,101,242,.3)}.user-team{font-size:10px;font-weight:500;color:#5090d3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color .2s ease}.user-profile:hover .user-team{color:#6ea8fe}.user-info-row{display:flex;flex-direction:row;align-items:center;gap:6px}.tier-badge{padding:2px 8px!important;border-radius:16px!important;font-size:9px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.6px;background:linear-gradient(135deg,#5865f2cc,#5090d3cc);border:1px solid rgba(255,255,255,.15);flex-shrink:0;position:absolute;right:2px;bottom:6px;box-shadow:0 2px 4px #0003;transition:transform .2s ease,box-shadow .2s ease}.user-profile:hover .tier-badge{transform:translateY(-1px);box-shadow:0 3px 6px #5865f24d}@media (max-width: 768px){.user-widget{width:220px}.widget-button{padding:5px 6px}.widget-text{font-size:11px}.slider-toggle{width:52px;height:26px;border-radius:13px}.toggle-slider{width:22px;height:22px;border-radius:11px}.toggle-slider.right{left:28px}.toggle-icon{font-size:11px}}@media (max-width: 480px){.user-widget{width:auto;bottom:10px}.user-widget-content,.widget-row{gap:6px}.widget-button{padding:4px 5px}.widget-text{font-size:10px}.slider-toggle{width:48px;height:24px;border-radius:12px}.toggle-slider{width:20px;height:20px;border-radius:10px}.toggle-slider.right{left:26px}.toggle-icon{font-size:10px}.user-profile{gap:8px;margin-top:6px;padding-top:6px}.user-avatar{width:32px;height:32px}.avatar-initials{font-size:12px}.user-name{font-size:11px}.tier-badge{font-size:8px;padding:1px 4px}}.logout-modal{background:#0f0f0ffa;border:1px solid #3f4147;border-radius:0 5px 5px 0/0px 5px 5px 0px;box-shadow:0 12px 48px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:240px;overflow:hidden;animation:modalFadeIn .2s cubic-bezier(.23,1,.32,1);z-index:3000}.logout-modal.closing{animation:modalFadeOut .3s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.1s}.logout-modal-content{padding:0}.logout-modal-header{padding:16px}.logout-user-info{display:flex;align-items:center;gap:12px}.logout-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;overflow:hidden}.logout-avatar img{width:100%;height:100%;object-fit:cover}.logout-avatar-initials{font-size:14px}.logout-user-details{display:flex;flex-direction:column;gap:2px}.logout-user-name{font-size:14px;font-weight:600;color:#fff!important}.logout-user-team{font-size:12px;color:#5090d3;font-weight:500}.logout-user-tier{font-size:11px;color:#949ba4;font-style:italic}.logout-modal-divider{height:1px;background:#2f2f2f}.team-access-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#5090d3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.team-access-button:hover{background:#5090d31a}.team-access-icon{display:flex;align-items:center;justify-content:center}.team-access-text{flex:1}.logout-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#f55;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.logout-button:hover{background:#ff55551a}.logout-icon{display:flex;align-items:center;justify-content:center}.logout-text{flex:1}.settings-nav-modal{background:#0f0f0ffa;border:1px solid #3f4147;border-radius:0 5px 5px 0/0px 5px 5px 0px;box-shadow:0 12px 48px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:200px;overflow:hidden;animation:modalFadeIn .2s cubic-bezier(.23,1,.32,1);z-index:3!important}.settings-nav-modal.closing{animation:modalFadeOut .3s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.1s}.settings-modal-content{padding:8px 16px 16px}.settings-modal-item{padding:10px 16px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative;font-style:italic;text-decoration:none;display:block;background:none;border-top:none;border-right:none;border-bottom:none;border-radius:0;width:100%;text-align:left}.settings-modal-item:hover{color:#fff;background:#ffffff0d;border-left-color:#5090d380;transform:translate(2px)}.settings-modal-divider{height:1px;background:#2f2f2f;margin:8px 16px}.settings-modal-theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px;transition:all .2s ease}.settings-modal-theme-toggle:hover{background:#ffffff0d;border-left-color:#5090d380}.theme-toggle-label{color:#fff;font-size:14px;font-weight:500;font-style:italic;pointer-events:none}.settings-modal-theme-toggle .slider-toggle{transform:scale(1)}.settings-modal-theme-toggle .slider-toggle.compact{min-width:auto}.sidebar{width:245px;background:#010101!important;padding-bottom:0;position:relative;overflow-y:auto;height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;z-index:1}.logo{padding:8.5px 5.5px 10.5px 6.5px;border-bottom:1px solid #3f4147}.logo h1{font-size:18px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}.logo h1:before{content:"";display:inline-block;width:34px;height:34px;background-image:url(/logo.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;flex-shrink:0;overflow:hidden}.nav-content{flex:1;overflow-y:auto;padding:0}.nav-section{border-bottom:none;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative}.nav-section:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:1px;background-color:#515151;transition:left .3s ease,right .3s ease}.layout-container.sidebar-minimized .sidebar .nav-section:after{left:0;right:150px}.sidebar.minimizing .nav-section-title{transition:padding .3s ease}.nav-section-title{font-size:13px;font-weight:600;padding:8px 20px 10px 0;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.section-title-text{font-size:14px;font-weight:600;transition:transform .2s ease;margin-bottom:-5px;color:#fff!important}.nav-icon-wrapper{display:flex;width:28px;height:24px;margin-left:12px;margin-right:-7px;pointer-events:none}.nav-item{padding:0 0 0 30px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;font-size:14px;color:#eaeaea;border-radius:0;margin:0;background:transparent;position:relative;height:32px;text-decoration:none}.nav-item:hover{color:#fff}.nav-item:hover .nav-label{transform:scale(1.02)}.nav-item.active{color:#fff;text-shadow:0px 0px 1px rgba(255,255,255,.2);font-style:italic}.nav-item.active .nav-label{background:linear-gradient(135deg,#5090d34d,#5090d300);border-left:3px solid rgba(80,144,211,1);transition:opacity .3s ease,border-left-color .3s ease}.sidebar.minimizing .nav-item.active .nav-label{opacity:0;border-left-color:transparent}.sidebar-bottom{margin-top:auto;padding:0}.user-widget-container{margin:0;padding:0}.user-widget-container .user-widget{position:relative;bottom:auto;width:100%;margin:0;border-radius:0;border-top:1px solid #3f4147;border-bottom:none;border-left:none;border-right:none;padding:12px}.minimize-button{width:100%;background:none;border:none;color:#b5bac1;font-size:12px;font-weight:500;padding:13px 20px 13px 17px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border-top:1px solid #3f4147;border-radius:0;text-align:left;outline:none!important}.minimize-button:hover{color:#fff}.minimize-text{font-size:12px;font-weight:500;margin-bottom:-5px}.sidebar .logo h1{transition:color .3s ease;transition-delay:0s}.layout-container.sidebar-minimized .sidebar .logo h1{color:transparent;transition-delay:.25s}.sidebar .logo h1:before{transition:opacity 0s;opacity:1}.layout-container.sidebar-minimized .sidebar .logo h1:before{opacity:1}.sidebar .section-title-text,.sidebar .nav-label,.sidebar .minimize-text,.sidebar .widget-text,.sidebar .user-details,.sidebar .tier-badge,.sidebar .credits-display{transition:opacity .1s ease;transition-delay:0s}.layout-container.sidebar-minimized .sidebar .section-title-text,.layout-container.sidebar-minimized .sidebar .nav-label,.layout-container.sidebar-minimized .sidebar .minimize-text,.layout-container.sidebar-minimized .sidebar .widget-text,.layout-container.sidebar-minimized .sidebar .user-details,.layout-container.sidebar-minimized .sidebar .tier-badge,.layout-container.sidebar-minimized .sidebar .credits-display{opacity:0;transition-delay:.25s}.sidebar .nav-icon-wrapper,.sidebar .widget-icon,.sidebar .user-avatar,.sidebar .toggle-icon{transition:opacity .3s ease;opacity:1}.nav-icon{font-size:16px}.nav-label{font-weight:600;transition:all .2s ease;padding:8px 0 8px 12px;border-radius:3px 0 0 3px;border-left:3px solid transparent;position:relative;width:100%;display:block}.nav-content{position:relative}.nav-section-background{position:absolute;top:0;left:0;width:100%;background:#242424;transition:transform .6s cubic-bezier(.23,1,.32,1),height .6s cubic-bezier(.23,1,.32,1);z-index:0}.nav-section.section-active{position:relative}.nav-section{position:relative;z-index:1}.nav-section.modal-active{background:#24242480;transition:background .3s ease}.nav-section.modal-active .nav-icon-wrapper svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.15)) drop-shadow(0 0 12px rgba(255,255,255,.08));transition:filter .3s ease}.nav-section.modal-active .nav-section-title{background:linear-gradient(90deg,rgba(36,36,36,.6) 0%,transparent 100%)}.nav-section-content{overflow:hidden;transition:max-height .6s cubic-bezier(.23,1,.32,1),padding .6s cubic-bezier(.23,1,.32,1);padding-top:0;padding-bottom:0;max-height:0px}.nav-section-content.expanded{max-height:650px;padding-top:3px;padding-bottom:8px}.nav-modal{background:#000000db;border:1px solid #3f4147;border-left:none;border-radius:0 5px 5px 0/0px 5px 5px 0px;box-shadow:0 12px 48px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:200px;overflow:hidden;animation:modalFadeIn .2s cubic-bezier(.23,1,.32,1);z-index:3!important;transition:opacity .3s ease,transform .3s ease}.nav-modal.closing{animation:modalFadeOut .3s cubic-bezier(.23,1,.32,1) forwards}.nav-modal-content{padding:8px 16px 16px}.nav-modal-title{font-size:13px;font-weight:600;color:#b5bac1;padding:12px 16px 8px;margin-bottom:0}.nav-modal-item{padding:10px 16px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative;font-style:italic;text-decoration:none;display:block}.nav-modal-item:hover{color:#fff;background:#5090d31a;border-left-color:#5090d380}.nav-modal-item.active{color:#fff;background:#5090d333;border-left-color:#5090d3}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}@media (max-width: 768px){.sidebar{width:60px}.nav-label,.user-widget-container,.minimize-text{display:none}.logo h1{font-size:0}.minimize-button{justify-content:center;padding:8px}}.layout-wrapper{display:flex;flex-direction:column;height:100vh}.layout-container{display:flex;flex:1;overflow:hidden;position:relative}.layout-container .main-content{position:absolute;inset:0 0 0 245px;transition:left .3s ease;z-index:2;overflow:hidden;background:var(--dm-bg-secondary)}.layout-container .main-content:before{content:"";position:absolute;top:0;left:0;bottom:0;width:8px;background:linear-gradient(to right,rgba(17,15,15,.35),transparent);pointer-events:none;z-index:9999}.layout-container.sidebar-minimized .main-content{left:48px}.header{background:var(--dm-bg-secondary);padding:18.8px 30px;display:flex;justify-content:space-between;align-items:center;position:relative}.header-title-section{display:flex;align-items:center;gap:16px}.header-nav-icon{display:flex;align-items:center;margin-right:-4px;margin-top:-8px}.header h2{font-size:34px;font-weight:300;color:var(--dm-text-primary)}.header-subtitle{font-size:13px;font-style:italic;color:var(--dm-text-secondary);font-weight:400;margin-bottom:-8px}.header-controls{display:flex;gap:12px;align-items:center}.chart-skeleton-wrapper{position:relative;display:flex;flex-direction:column;gap:16px;background:transparent;border-radius:8px;padding:16px;width:100%;height:100%;overflow:hidden}.chart-skeleton-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton-element{background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:4px;opacity:.6;will-change:background-position}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.bar-skeleton{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:100%;width:100%;padding:20px}.bar-skeleton-item{flex:1;background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:4px 4px 0 0;min-width:30px;max-width:100px;opacity:.6;will-change:background-position}.line-skeleton{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.line-skeleton-grid{display:flex;flex-direction:column;justify-content:space-between;height:100%}.line-skeleton-grid-line{height:1px;background:var(--dm-border-medium, #374151);opacity:.2}.line-skeleton-path{position:absolute;width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left:20px}.line-skeleton-dots{display:flex;justify-content:space-around;align-items:center;height:100%}.line-skeleton-dot{width:8px;height:8px;background:var(--dm-border-medium, #374151);border-radius:50%;opacity:.4}.pie-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.pie-skeleton-circle{width:240px;height:240px;border-radius:50%;background:conic-gradient(var(--dm-border-medium, #374151) 0deg 90deg,var(--dm-bg-lil-darker, #1f2937) 90deg 180deg,var(--dm-border-medium, #374151) 180deg 270deg,var(--dm-bg-lil-darker, #1f2937) 270deg 360deg);opacity:.5}.area-skeleton{width:100%;height:100%;position:relative;padding:20px}.area-skeleton-gradient{width:100%;height:100%;background:linear-gradient(to bottom,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,transparent 100%);border-radius:8px 8px 0 0;opacity:.3}.scatter-skeleton{width:100%;height:100%;position:relative;padding:20px}.scatter-skeleton-grid{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.scatter-skeleton-grid-line-v{width:1px;height:100%;background:var(--dm-border-medium, #374151);opacity:.2}.scatter-skeleton-grid-line-h{width:100%;height:1px;background:var(--dm-border-medium, #374151);opacity:.2}.scatter-skeleton-points{position:absolute;width:100%;height:100%}.scatter-skeleton-point{position:absolute;width:10px;height:10px;background:var(--dm-border-medium, #374151);border-radius:50%;opacity:.5}.grid-skeleton{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center}.grid-skeleton-cells{display:grid;gap:4px;width:100%;max-width:600px;height:auto}.grid-skeleton-cell{aspect-ratio:1;background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:2px;opacity:.6;will-change:background-position}.skeleton-legend{display:flex;gap:16px;padding:12px;background:transparent;border-radius:6px;border:1px solid var(--dm-border-medium, #374151);justify-content:center}.skeleton-legend-item{display:flex;align-items:center;gap:8px}.skeleton-legend-color{width:12px;height:12px;border-radius:2px;background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;opacity:.6}.skeleton-legend-label{width:60px;height:12px;background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:2px;opacity:.6}@media (max-width: 768px){.bar-skeleton{gap:4px}.pie-skeleton-circle{width:180px;height:180px}}.chart-wrapper{position:relative;display:flex;flex-direction:column;gap:16px;background:var(--dm-bg-tertiary);border-radius:8px;padding:16px;width:100%;max-width:100%;overflow:hidden}.recharts-wrapper{padding:0;background:transparent;height:100%;display:block}.custom-tooltip{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;padding:12px;box-shadow:0 4px 12px #0000004d}.tooltip-label{color:var(--dm-text-primary);font-weight:600;margin:0 0 8px;font-size:13px}.tooltip-item{margin:4px 0;font-size:12px}.line-chart,.bar-chart,.scatter-chart,.grid-chart{width:100%;height:auto;display:block;max-width:100%}.chart-grid line{opacity:.3;stroke:var(--dm-border-primary)}.chart-labels text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none;fill:var(--dm-text-secondary)}.chart-point{transition:var(--dm-transition-fast);cursor:pointer}.chart-point:hover{r:6;filter:brightness(1.2)}.chart-bar{transition:var(--dm-transition-fast);cursor:pointer}.chart-bar:hover{opacity:.8;filter:brightness(1.1)}.scatter-point{transition:var(--dm-transition-fast);cursor:pointer}.scatter-point:hover{opacity:1;transform-origin:center;transform:scale(1.2)}.grid-cell{transition:var(--dm-transition-fast);cursor:pointer}.grid-cell:hover{opacity:.8;stroke:var(--dm-text-primary);stroke-width:2}.bar-value{opacity:0;transition:var(--dm-transition-fast);fill:var(--dm-text-secondary)}.chart-bar:hover+.bar-value{opacity:1}.grid-value{pointer-events:none;font-weight:600}.chart-legend{display:flex;gap:24px;justify-content:center;padding:16px;background:var(--dm-bg-secondary);border-radius:6px;border:1px solid var(--dm-border-primary)}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:2px}.legend-label{color:var(--dm-text-secondary);font-size:12px}.grid-legend{display:flex;align-items:center;gap:16px;padding:16px;background:var(--dm-bg-secondary);border-radius:6px;border:1px solid var(--dm-border-primary)}.legend-gradient{width:200px;height:20px;border-radius:4px}.grid-gradient{background:linear-gradient(to right,var(--dm-bg-tertiary),rgba(80,144,211,.3),rgba(80,144,211,.6),var(--dm-accent-primary))}.legend-labels{display:flex;justify-content:space-between;width:100%;color:var(--dm-text-secondary);font-size:11px}.legend-title{color:var(--dm-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.analytics-empty-state{color:var(--dm-text-secondary)}@media (max-width: 768px){.chart-legend,.grid-legend{flex-wrap:wrap;gap:12px}.legend-gradient{width:100%}}.server-analytics-widget{height:100%;display:flex;flex-direction:column;gap:20px;position:relative}.stat-icon.active{background:#5090d326;color:var(--dm-accent-primary)}.top-servers-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.server-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;transition:var(--dm-transition-fast)}.server-item:hover{background:var(--dm-bg-tertiary);border-color:#5090d34d}.server-rank{width:24px;height:24px;border-radius:50%;background:var(--dm-accent-primary);color:var(--dm-text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.server-info{flex:1;min-width:0}.server-name{font-size:13px;font-weight:600;color:var(--dm-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-stats{display:flex;gap:16px}.server-stat{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--dm-text-secondary)}.server-stat svg{width:12px;height:12px}@media (max-width: 768px){.widget-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.stat-label{font-size:11px}}.top-servers-list::-webkit-scrollbar{width:4px}.top-servers-list::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.top-servers-list::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:2px}.top-servers-list::-webkit-scrollbar-thumb:hover{background:var(--dm-text-secondary)}.app-analytics-widget{height:100%;display:flex;flex-direction:column;gap:20px;position:relative}.widget-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-card{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:var(--dm-transition-fast)}.stat-card:hover{border-color:#5090d34d;background:#5090d30d}.stat-icon{width:40px;height:40px;border-radius:8px;background:var(--dm-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--dm-text-secondary);flex-shrink:0}.stat-icon.deployed{background:#5090d326;color:var(--dm-accent-primary)}.stat-icon.success{background:#83c56626;color:var(--dm-text-success)}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:24px;font-weight:600;color:var(--dm-text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--dm-text-secondary);font-weight:500}.widget-sections{flex:1;display:flex;gap:20px;min-height:0}.widget-section{flex:1;display:flex;flex-direction:column;min-height:0}.top-apps-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.app-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;transition:var(--dm-transition-fast)}.app-item:hover{background:var(--dm-bg-tertiary);border-color:#5090d34d}.app-rank{width:24px;height:24px;border-radius:50%;background:var(--dm-accent-primary);color:var(--dm-text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.app-info{flex:1;min-width:0}.app-name{font-size:13px;font-weight:600;color:var(--dm-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-stats{display:flex;align-items:center;gap:12px}.app-stat{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--dm-text-secondary)}.app-stat.success{color:var(--dm-text-success)}.app-stat svg{width:12px;height:12px}.app-trend{display:flex;align-items:center;font-size:11px}.app-trend.up{color:var(--dm-text-success)}.app-trend.down{color:var(--dm-text-error)}.app-trend.stable{color:var(--dm-text-secondary)}.activity-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.activity-status{padding-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--dm-text-secondary)}.activity-status.success .status-dot{background:var(--dm-text-success)}.activity-status.error .status-dot{background:var(--dm-text-error)}.activity-info{flex:1;min-width:0}.activity-text{font-size:12px;color:var(--dm-text-primary);margin-bottom:2px}.activity-text strong{font-weight:600}.activity-time{font-size:11px;color:var(--dm-text-secondary)}@media (max-width: 768px){.widget-stats-grid{grid-template-columns:repeat(2,1fr)}.widget-sections{flex-direction:column}.stat-value{font-size:20px}.stat-label{font-size:11px}}.top-apps-list::-webkit-scrollbar,.activity-list::-webkit-scrollbar{width:4px}.top-apps-list::-webkit-scrollbar-track,.activity-list::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.top-apps-list::-webkit-scrollbar-thumb,.activity-list::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:2px}.top-apps-list::-webkit-scrollbar-thumb:hover,.activity-list::-webkit-scrollbar-thumb:hover{background:var(--dm-text-secondary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-container.loading-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;background:var(--dm-bg-tertiary);z-index:9999}.loading-container.loading-overlay{position:absolute;inset:0;width:100%;height:100%;background:#0f0f0fcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.loading-container.loading-inline{padding:2rem;min-height:200px;width:100%;height:100%}.loading-spinner{position:relative;display:inline-block}.loading-small{width:24px;height:24px}.loading-medium{width:40px;height:40px}.loading-large{width:56px;height:56px}.spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-radius:50%;animation:spinner-rotate 1.5s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:var(--dm-accent-primary);animation-delay:-.45s}.spinner-ring:nth-child(2){border-right-color:var(--dm-accent-primary);opacity:.7;animation-delay:-.3s}.spinner-ring:nth-child(3){border-bottom-color:var(--dm-accent-primary);opacity:.5;animation-delay:-.15s}.spinner-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background:var(--dm-accent-primary);border-radius:50%;animation:spinner-pulse 1.5s ease-in-out infinite}.loading-text{color:var(--dm-text-secondary);margin:0;font-weight:500;animation:text-fade 1.5s ease-in-out infinite}.loading-text-small{font-size:.875rem}.loading-text-medium{font-size:1rem}.loading-text-large{font-size:1.125rem}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-pulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes text-fade{0%,to{opacity:.7}50%{opacity:1}}.activity-logs-widget{height:100%;display:flex;flex-direction:column;gap:12px}.widget-controls{display:flex;justify-content:space-between;align-items:center;gap:8px}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--dm-transition-fast)}.filter-toggle-btn:hover{background:var(--dm-bg-tertiary);border-color:#5090d34d;color:var(--dm-text-primary)}.filter-toggle-btn.active{background:var(--dm-accent-primary);border-color:var(--dm-accent-primary);color:var(--dm-text-primary)}.filter-toggle-btn svg{width:14px;height:14px}.log-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px}.filter-chip{padding:4px 12px;background:transparent;border:1px solid var(--dm-border-primary);border-radius:16px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--dm-transition-fast);white-space:nowrap}.filter-chip:hover{background:#ffffff0d;border-color:#5090d380;color:var(--dm-text-primary)}.filter-chip.active{background:var(--dm-accent-primary);border-color:var(--dm-accent-primary);color:var(--dm-text-primary)}.logs-container{flex:1;min-height:0;display:flex;flex-direction:column}.logs-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-item{display:flex;gap:12px;padding:12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;transition:var(--dm-transition-fast);position:relative;overflow:hidden}.log-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dm-border-primary);transition:var(--dm-transition-fast)}.log-item:hover{background:var(--dm-bg-tertiary);border-color:#5090d34d}.log-item.user:before{background:#5090d3}.log-item.app:before{background:var(--dm-text-success)}.log-item.server:before{background:var(--dm-text-accent)}.log-item.system:before{background:var(--dm-text-secondary)}.log-icon{width:32px;height:32px;border-radius:8px;background:var(--dm-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--dm-text-secondary);flex-shrink:0}.log-item.user .log-icon{background:#5090d326;color:#5090d3}.log-item.app .log-icon{background:#83c56626;color:var(--dm-text-success)}.log-item.server .log-icon{background:#e5794d26;color:var(--dm-text-accent)}.log-item.system .log-icon{background:#b5bac126;color:var(--dm-text-secondary)}.log-icon svg{width:16px;height:16px}.log-content{flex:1;min-width:0}.log-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}.log-description{font-size:13px;font-weight:500;color:var(--dm-text-primary);flex:1}.log-time{font-size:11px;color:var(--dm-text-secondary);white-space:nowrap}.log-details{display:flex;flex-wrap:wrap;gap:12px}.log-detail{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--dm-text-secondary)}.log-detail svg{width:12px;height:12px;opacity:.6}.widget-refresh-btn{background:transparent;border:none;color:var(--dm-text-secondary);padding:4px;cursor:pointer;border-radius:4px;transition:var(--dm-transition-fast);display:flex;align-items:center;justify-content:center}.widget-refresh-btn:hover:not(:disabled){background:#ffffff0d;color:var(--dm-text-primary)}.widget-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dm-text-secondary);text-align:center;padding:20px}@media (max-width: 768px){.log-filters{gap:6px;padding:8px}.filter-chip{font-size:11px;padding:3px 10px}.log-item{padding:10px}.log-details{gap:8px}}.logs-list::-webkit-scrollbar{width:4px}.logs-list::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.logs-list::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:2px}.logs-list::-webkit-scrollbar-thumb:hover{background:var(--dm-text-secondary)}.access-control-audit-widget{height:100%;display:flex;flex-direction:column;gap:16px;position:relative}.audit-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.audit-stat{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:var(--dm-transition-fast)}.audit-stat:hover{border-color:#5090d34d;background:#5090d30d}.audit-stat svg{width:20px;height:20px;color:var(--dm-text-secondary)}.audit-stat.success svg{color:var(--dm-text-success)}.audit-stat.danger svg{color:var(--dm-text-error)}.audit-stat.warning svg{color:var(--dm-text-accent)}.audit-stat-content{text-align:center}.audit-stat-value{font-size:20px;font-weight:600;color:var(--dm-text-primary);line-height:1;margin-bottom:2px}.audit-stat-label{font-size:11px;color:var(--dm-text-secondary);font-weight:500;white-space:nowrap}.audit-sections{flex:1;display:flex;gap:16px;min-height:0}.audit-section{flex:1;display:flex;flex-direction:column;min-height:0}.section-title{font-size:14px;font-weight:600;color:var(--dm-text-primary);margin:0 0 12px}.top-users-list{display:flex;flex-direction:column;gap:8px}.top-user-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;transition:var(--dm-transition-fast)}.top-user-item:hover{background:var(--dm-bg-tertiary);border-color:#5090d34d}.user-rank{width:24px;height:24px;border-radius:50%;background:var(--dm-accent-primary);color:var(--dm-text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:12px;font-weight:600;color:var(--dm-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-events{font-size:11px;color:var(--dm-text-secondary)}.audit-events-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.audit-event{display:flex;gap:12px;padding:10px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;transition:var(--dm-transition-fast);position:relative;overflow:hidden}.audit-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dm-border-primary);transition:var(--dm-transition-fast)}.audit-event:hover{background:var(--dm-bg-tertiary)}.audit-event.success:before{background:var(--dm-text-success)}.audit-event.danger:before{background:var(--dm-text-error)}.audit-event.warning:before{background:var(--dm-text-accent)}.audit-event.info:before{background:var(--dm-accent-primary)}.event-icon{width:28px;height:28px;border-radius:6px;background:var(--dm-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-icon svg{width:16px;height:16px;color:var(--dm-text-secondary)}.audit-event.success .event-icon{background:#83c56626}.audit-event.success .event-icon svg{color:var(--dm-text-success)}.audit-event.danger .event-icon{background:#f1645c26}.audit-event.danger .event-icon svg{color:var(--dm-text-error)}.audit-event.warning .event-icon{background:#e5794d26}.audit-event.warning .event-icon svg{color:var(--dm-text-accent)}.audit-event.info .event-icon{background:#5090d326}.audit-event.info .event-icon svg{color:var(--dm-accent-primary)}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px}.event-action{font-size:12px;font-weight:500;color:var(--dm-text-primary);flex:1}.event-time{font-size:11px;color:var(--dm-text-secondary);white-space:nowrap}.event-details{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--dm-text-secondary)}.event-user{font-weight:500}.event-ip{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:10px}.event-target{color:var(--dm-accent-primary)}.no-events{text-align:center;padding:20px;color:var(--dm-text-secondary);font-size:13px;font-style:italic}.widget-refresh-btn{position:absolute;top:-36px;right:4px;background:transparent;border:none;color:var(--dm-text-secondary);padding:4px;cursor:pointer;border-radius:4px;transition:var(--dm-transition-fast);display:flex;align-items:center;justify-content:center;opacity:.6}.widget-refresh-btn:hover:not(:disabled){background:#ffffff0d;color:var(--dm-text-primary);opacity:1}.widget-refresh-btn:disabled{cursor:not-allowed;opacity:.3}.widget-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.loading-spinner{width:32px;height:32px;border:3px solid var(--dm-border-primary);border-top-color:var(--dm-accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.widget-retry-btn{margin-top:12px;padding:8px 16px;background:var(--dm-accent-primary);border:none;border-radius:6px;color:var(--dm-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--dm-transition-fast)}.widget-retry-btn:hover{background:#4080c3;transform:translateY(-1px)}@media (max-width: 768px){.audit-stats-row{grid-template-columns:repeat(2,1fr)}.audit-sections{flex-direction:column}.audit-stat-value{font-size:18px}.audit-stat-label{font-size:10px}}.audit-events-list::-webkit-scrollbar{width:4px}.audit-events-list::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.audit-events-list::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:2px}.audit-events-list::-webkit-scrollbar-thumb:hover{background:var(--dm-text-secondary)}.widget-config-modal{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:8px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--dm-border-primary)}.modal-header h2{font-size:18px;font-weight:600;color:var(--dm-text-primary);margin:0}.modal-close-button{background:transparent;border:1px solid var(--dm-border-primary);color:var(--dm-text-secondary);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--dm-transition-fast)}.modal-close-button:hover{background:var(--dm-bg-tertiary);border-color:var(--dm-text-error);color:var(--dm-text-error)}.modal-body{flex:1;overflow-y:auto;padding:24px}.config-section{margin-bottom:32px}.config-section:last-child{margin-bottom:0}.config-section h3{font-size:14px;font-weight:600;color:var(--dm-text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.config-field{margin-bottom:16px}.config-field label{display:block;font-size:13px;font-weight:500;color:var(--dm-text-secondary);margin-bottom:8px}.config-field input[type=text],.config-field input[type=number],.config-field select{width:100%;padding:8px 12px;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:14px;transition:var(--dm-transition-fast)}.config-field input[type=text]:focus,.config-field input[type=number]:focus,.config-field select:focus{outline:none;border-color:var(--dm-accent-primary);background:var(--dm-bg-tertiary)}.config-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--dm-accent-primary);cursor:pointer}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dm-text-primary);cursor:pointer;padding:6px;border-radius:4px;transition:var(--dm-transition-fast)}.checkbox-group label:hover{background:#ffffff08}.checkbox-group input[type=checkbox]{margin:0}.widget-info{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:6px;padding:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--dm-border-primary)}.info-item:last-child{border-bottom:none}.info-label{font-size:12px;color:var(--dm-text-secondary);font-weight:500}.info-value{font-size:12px;color:var(--dm-text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--dm-border-primary);background:var(--dm-bg-secondary)}.modal-footer button{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--dm-transition-fast);border:none}.modal-footer .btn-secondary{background:transparent;border:1px solid var(--dm-border-primary);color:var(--dm-text-secondary)}.modal-footer .btn-secondary:hover{background:var(--dm-bg-tertiary);border-color:var(--dm-text-secondary);color:var(--dm-text-primary)}.modal-footer .btn-primary{background:var(--dm-accent-primary);color:var(--dm-text-primary)}.modal-footer .btn-primary:hover{background:#4080c3}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.modal-body::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--dm-text-secondary)}@media (max-width: 768px){.widget-config-modal{width:95%;max-height:90vh}.modal-body{padding:16px}.config-field input[type=text],.config-field input[type=number],.config-field select{font-size:16px}}.dashboard-content{flex:1;overflow:hidden;background:var(--dm-bg-darker);padding:24px;position:relative;height:100%}.dashboard-header-controls{display:flex;align-items:center;gap:12px}.dashboard-layout-select{padding:8px 16px;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;transition:var(--dm-transition-fast)}.dashboard-layout-select:hover{border-color:var(--dm-accent-primary)}.dashboard-layout-select:focus{outline:none;border-color:var(--dm-accent-primary)}.dashboard-grid{position:relative;width:100%;height:calc(100vh - 125px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr);gap:16px;transition:var(--dm-transition-medium)}.dashboard-grid.edit-mode{background:#ffffff05;border:2px dashed var(--dm-border-primary);border-radius:8px;padding:16px}.dashboard-grid.dragging{cursor:move}.dashboard-grid-lines{position:absolute;inset:0;pointer-events:none;opacity:.25;z-index:1}.grid-line-vertical,.grid-line-horizontal{position:absolute;background:var(--dm-accent-primary)}.grid-line-vertical{width:1px;height:100%;top:0;opacity:.3}.grid-line-horizontal{width:100%;height:1px;left:0;opacity:.3}.dashboard-widget{background:transparent;border:none;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;position:relative;z-index:5}.dashboard-widget.edit-mode{border:2px dashed var(--dm-border-primary);background:#5090d305}.dashboard-widget.edit-mode:hover{border-color:var(--dm-accent-primary);background:#5090d30d}.dashboard-widget.dragging{opacity:.5;cursor:move;border:2px solid var(--dm-accent-primary);box-shadow:0 8px 24px #0000004d;transform:scale(1.02);z-index:20}.widget-edit-overlay{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:10;pointer-events:none}.dashboard-widget.edit-mode:hover .widget-edit-overlay{opacity:1;pointer-events:all}.dashboard-widget.dragging .widget-edit-overlay{opacity:.5}.widget-edit-actions{display:flex;gap:12px}.widget-action-btn{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);color:var(--dm-text-primary);padding:12px;cursor:pointer;border-radius:8px;transition:var(--dm-transition-fast);display:flex;align-items:center;justify-content:center;width:44px;height:44px}.widget-action-btn:hover{background:var(--dm-accent-primary);border-color:var(--dm-accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5090d34d}.widget-drag-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dm-text-primary);font-size:14px;font-weight:500}.widget-drag-indicator svg{width:24px;height:24px;opacity:.7}.widget-content{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column;min-height:0}.widget-resize-handle{position:absolute;bottom:0;right:0;width:30px;height:30px;cursor:nwse-resize;opacity:0;transition:opacity .2s,background .2s;z-index:15;display:flex;align-items:flex-end;justify-content:flex-end;padding:4px}.widget-resize-handle:before{content:"";position:absolute;bottom:6px;right:6px;width:12px;height:12px;border-right:3px solid var(--dm-accent-primary);border-bottom:3px solid var(--dm-accent-primary);border-radius:0 0 4px}.dashboard-widget.edit-mode:hover .widget-resize-handle{opacity:.7;background:linear-gradient(135deg,transparent 50%,rgba(80,144,211,.1) 50%)}.widget-resize-handle:hover{opacity:1!important;background:linear-gradient(135deg,transparent 50%,rgba(80,144,211,.2) 50%)!important}.dashboard-add-widget-modal{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:8px;padding:24px;max-width:600px;width:90%;box-shadow:0 20px 60px #00000080}.widget-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:20px}.widget-type-option{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;padding:20px;cursor:pointer;transition:var(--dm-transition-fast);text-align:center;color:var(--dm-text-primary);display:flex;flex-direction:column;align-items:center;gap:12px}.widget-type-option:hover{background:var(--dm-bg-tertiary);border-color:var(--dm-accent-primary);transform:translateY(-2px)}.widget-type-icon{font-size:32px}.widget-type-option span{font-size:13px;font-weight:500}.widget-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--dm-text-secondary);font-size:14px}.widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--dm-text-error);text-align:center;padding:20px}.widget-error-icon{font-size:48px;margin-bottom:16px;opacity:.6}.widget-error-message{font-size:14px;margin-bottom:8px}.widget-error-detail{font-size:12px;color:var(--dm-text-secondary)}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--dm-text-secondary);text-align:center;padding:20px}.widget-empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.widget-empty-message{font-size:14px}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(12,1fr)}}@media (max-width: 768px){.dashboard-content{padding:16px}.dashboard-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(16,1fr);gap:12px;height:auto;min-height:calc(100vh - 160px)}.dashboard-header-controls{flex-wrap:wrap}.widget-header{padding:8px 12px}.widget-content{padding:12px}}.special-table::-webkit-scrollbar,.logs-list::-webkit-scrollbar,.top-apps-list::-webkit-scrollbar,.top-servers-list::-webkit-scrollbar{width:6px;height:6px}.special-table::-webkit-scrollbar-track,.logs-list::-webkit-scrollbar-track,.top-apps-list::-webkit-scrollbar-track,.top-servers-list::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.special-table::-webkit-scrollbar-thumb,.logs-list::-webkit-scrollbar-thumb,.top-apps-list::-webkit-scrollbar-thumb,.top-servers-list::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:3px}.special-table::-webkit-scrollbar-thumb:hover,.logs-list::-webkit-scrollbar-thumb:hover,.top-apps-list::-webkit-scrollbar-thumb:hover,.top-servers-list::-webkit-scrollbar-thumb:hover{background:var(--dm-text-secondary)}@keyframes widgetFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-widget{animation:widgetFadeIn .3s ease}.common-table-skeleton-row{background:transparent!important;display:table;width:100%}.common-table-skeleton-row td{padding:12px 16px;vertical-align:middle;border-left:1px solid var(--dm-border-secondary)}.common-table-skeleton-row td:first-child{border-left:none}.common-table-skeleton-row td:last-child{border-right:1px solid var(--dm-border-secondary)}.common-table-skeleton-row:hover{background:transparent!important}.skeleton-item{height:16px;background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:4px;min-width:40px;opacity:.6;will-change:background-position}.skeleton-checkbox{width:16px;height:16px;background:linear-gradient(90deg,var(--dm-border-medium, #374151) 0%,var(--dm-bg-lil-darker, #1f2937) 50%,var(--dm-border-medium, #374151) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:3px;opacity:.6}.common-table-skeleton-row .checkbox-col{text-align:center}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.dialog-container{background:#1a1b23;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.dialog-header h2{font-size:20px;font-weight:600;color:var(--dm-text-primary);margin:0}.dialog-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;transition:color .2s ease}.dialog-close:hover{color:var(--dm-text-primary)}.dialog-content{padding:24px}.dialog-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.dialog-field{margin-bottom:20px}.dialog-field:last-child{margin-bottom:0}.dialog-field label{display:block;font-size:14px;color:#ffffffb3;margin-bottom:8px;font-weight:500}.dialog-field input[type=text],.dialog-field textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--dm-text-primary);transition:all .2s ease}.dialog-field input[type=text]:focus,.dialog-field textarea:focus{outline:none;background:#ffffff14;border-color:#4f6bed}.dialog-field input[type=text]::placeholder,.dialog-field textarea::placeholder{color:#ffffff4d}.dialog-field textarea{resize:vertical;min-height:80px;font-family:inherit}.toggle-field{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-field input[type=checkbox]{display:none}.toggle-field input[type=checkbox]:checked+.toggle-slider{background:#4f6bed}.toggle-field input[type=checkbox]:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:14px;color:#ffffffb3}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.dialog-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.dialog-button:disabled{opacity:.5;cursor:not-allowed}.dialog-button-cancel{background:#ffffff0d;color:#ffffffb3}.dialog-button-cancel:hover:not(:disabled){background:#ffffff14;color:var(--dm-text-primary)}.dialog-button-primary{background:#4f6bed;color:var(--dm-text-primary)}.dialog-button-primary:hover:not(:disabled){background:#5e7af0}.sync-dialog-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.sync-dialog-content{background:var(--dm-bg-primary);border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out}.sync-dialog-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center}.sync-dialog-header h2{margin:0;font-size:20px;font-weight:600;color:var(--dm-text-primary)}.sync-dialog-close{background:none;border:none;color:var(--dm-text-secondary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.sync-dialog-close:hover{background:var(--dm-bg-secondary);color:var(--dm-text-primary)}.sync-dialog-body{padding:16px 24px 32px;text-align:center}.sync-spinner{width:48px;height:48px;border:4px solid var(--dm-border-primary);border-top-color:var(--dm-accent);border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}.sync-success-icon{width:56px;height:56px;background:#3ba55c26;color:#3ba55c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.sync-error-icon{width:56px;height:56px;background:#ed424526;color:#ed4245;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px}.sync-warning-icon{width:56px;height:56px;background:#faa61a26;color:#faa61a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px}.sync-message{font-size:16px;font-weight:500;color:var(--dm-text-primary);margin:0 0 8px}.sync-submessage{font-size:14px;color:var(--dm-text-secondary);margin:0;line-height:1.5}.sync-job-id{font-size:13px;color:var(--dm-text-tertiary);font-family:Monaco,Courier New,monospace;margin:12px 0 8px;padding:8px 12px;background:var(--dm-bg-tertiary);border-radius:6px;word-break:break-all}.sync-error-details{font-size:14px;color:#ed4245;margin:12px 0 20px;padding:12px;background:#ed42451a;border-radius:6px;line-height:1.5}.sync-rate-limit-time{font-size:18px;font-weight:600;color:#faa61a;margin:12px 0 8px}.sync-dialog-button{margin-top:20px;padding:10px 24px;background:var(--dm-accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sync-dialog-button:hover{background:var(--dm-accent-hover);transform:translateY(-1px)}.sync-dialog-button:active{transform:translateY(0)}.main-content:has(.server-detail-overlay){display:flex;flex-direction:column}.common-content{position:relative;overflow:visible;flex:1;display:flex;flex-direction:column}.common-content:has(.server-detail-overlay){min-height:0;height:100%}.common-section{position:relative;flex:1;display:flex;flex-direction:column;overflow:visible}.common-table{overflow:visible}.server-detail-overlay{position:absolute;top:0;right:0;bottom:0;width:calc(100% - 400px);background:var(--dm-body-bg2);border-left:1px solid var(--dm-border-primary);box-shadow:-4px 0 24px #0000004d;clip-path:inset(0px -24px -24px -24px);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:slideInRightBounce .4s cubic-bezier(.54,.56,.14,1);transition:width .3s ease;height:100%}.server-detail-overlay.resizing{transition:none}.server-detail-overlay.closing{animation:slideOutRight .3s cubic-bezier(.23,1,.32,1) forwards}.overlay-resizer{position:absolute;left:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:10;background:transparent}.overlay-resizer:hover{background:#818cf84d}.overlay-header{padding:20px 32px 24px;background:#2f3136;flex-shrink:0}.server-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.server-info-section{flex:1;display:flex;flex-direction:column;gap:6px}.server-header-wrapper{display:flex;align-items:center;gap:0}.server-header-section{display:flex;flex-direction:row;gap:12px}.server-header-info{display:flex;align-items:center;gap:2px}.server-header-info h2{font-size:24px;font-weight:600;color:var(--dm-text-header);margin:0}.server-header-info h2 svg{opacity:0;transition:opacity .2s}.server-info-section:hover .server-header-info h2 svg{opacity:.6}.server-info-section .server-header-info h2:hover svg{opacity:.9}.server-icon-large{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#202225;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#dcddde;margin-right:14px}.server-icon-large img{width:100%;height:100%;object-fit:cover}.server-details h2{font-size:24px;font-weight:600;color:var(--dm-text-header);margin:0}.server-id-section{display:flex;align-items:center;gap:8px;color:var(--dm-text-secondary);font-size:14px;line-height:1.4}.server-id{font-size:14px;color:var(--dm-text-secondary)}.icon-button{padding:4px;background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;border-radius:4px;transition:all .2s;outline:none!important}.icon-button:hover{background:#818cf81a;color:#818cf8}.server-metrics{display:flex;align-items:center;gap:24px;margin-top:2px}.server-metrics .stat{display:flex;align-items:center;gap:6px;color:var(--dm-text-secondary);font-size:13px;line-height:16px}.server-metrics .stat svg{width:16px;height:16px;flex-shrink:0}.server-metrics .stat.community-control{display:flex;align-items:center;gap:6px}.server-metrics .stat-value{font-size:13px;color:var(--dm-text-primary);font-weight:600}.server-metrics .stat-label{font-size:13px;color:var(--dm-text-secondary);font-weight:500}.server-actions-section{display:flex;flex-direction:column;gap:16px;align-items:flex-end;margin-right:8px}.server-header-actions{display:flex;gap:8px;flex-shrink:0;margin-top:8px}.action-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--dm-text-primary)}.server-header-action-refresh{background:#4e5058}.server-header-action-refresh:hover:not(:disabled){background:#5d5f67}.server-header-action-refresh:disabled{opacity:.5;cursor:not-allowed}.server-header-action-open{background:#5090d3;color:var(--dm-text-primary);outline:none!important}.server-header-action-open:hover{background:#4752c4}.server-header-action-remove{background:transparent;border-color:#dc2626;color:#dc2626}.server-header-action-remove:hover{background:#dc2626;color:var(--dm-text-primary)}.server-header-action-install{background:#3ba55c}.server-header-action-install:hover{background:#2d7d46}.tab-item:hover{color:#dcddde}.tab-item.active{color:var(--dm-text-primary)}.tab-underline{position:absolute;bottom:0;height:2px;background:#818cf8;transition:all .3s ease}.tab-content{flex:1;overflow:auto;min-height:0;position:relative;display:flex;flex-direction:column;background:#36393f}.server-tab-content{padding:0;height:100%;display:flex;flex-direction:column}.server-tab-content.no-padding-horizontal{padding:0}.server-detail-overlay .tab-content:has(.special-layout-wrapper){overflow:hidden}.server-detail-overlay .tab-content:has(.special-layout-wrapper) .server-tab-content{padding:0;height:100%;display:flex;flex-direction:column}.server-detail-overlay .tab-content>div{min-height:0;flex:1}.server-detail-overlay .tab-content>div:not([style*="display: flex"]){overflow-y:auto}.loading-container{display:flex;align-items:center;justify-content:center;height:200px;color:var(--dm-text-secondary)}.server-overview-container{display:flex;flex-direction:column;gap:48px;flex:1;min-height:0;overflow-y:auto;background:var(--dm-body-bg2)}.overview-section h3{font-size:18px;font-weight:600;color:var(--dm-text-primary);text-transform:uppercase;letter-spacing:.08em;position:relative;padding-left:16px}.overview-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-65%);width:4px;height:18px;background:var(--dm-accent-primary);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;padding:24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.stat-icon{width:56px;height:56px;border-radius:12px;background:var(--dm-bg-quaternary);color:var(--dm-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--dm-border-primary)}.stat-icon svg{width:24px;height:24px}.stat-icon.discord{background:#5865f214;color:#5865f2;border-color:#5865f24d}.stat-icon.custom{background:#3ba55c14;color:#3ba55c;border-color:#3ba55c4d}.stat-content{flex:1;min-width:0}.stat-value{font-size:28px;font-weight:700;color:var(--dm-text-primary);margin-bottom:4px;transition:var(--dm-transition-fast);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stat-label{font-size:13px;color:var(--dm-text-secondary);font-weight:500;letter-spacing:.02em}.config-grid{display:flex;flex-direction:column;gap:16px}.config-grouped-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}@media (max-width: 1200px){.config-grouped-layout{grid-template-columns:1fr}}.config-group{position:relative;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;padding:28px 24px 24px}.config-group-title{font-size:13px;font-weight:700;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--dm-border-secondary);position:relative}.config-group-title:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:var(--dm-accent-primary);border-radius:2px}.config-group-content{display:flex;flex-direction:column;gap:16px}.config-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-secondary);border-bottom:0px;border-radius:0}.config-row:first-child{border-top-left-radius:6px;border-bottom-left-radius:0;border-top-right-radius:6px}.config-row:last-child{border-top-left-radius:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom:1px solid var(--dm-border-secondary)}.config-row label{font-size:13px;color:var(--dm-text-secondary);font-weight:500;letter-spacing:.01em}.config-select{padding:8px 36px 8px 12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-secondary);border-radius:4px;color:var(--dm-text-primary);font-size:13px;min-width:180px;cursor:pointer;font-weight:500;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0e0e0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.config-select:focus{outline:none;border-color:var(--dm-accent-primary);box-shadow:0 0 0 3px #5090d31a}.config-select option{background-color:var(--dm-bg-secondary)!important;color:var(--dm-text-primary)!important;padding:8px}.config-select option:hover,.config-select option:focus{background-color:var(--dm-bg-tertiary)!important;color:var(--dm-text-primary)!important}.config-select option:checked,.config-select option[selected]{background-color:var(--dm-accent-primary)!important;color:var(--dm-text-primary)!important;font-weight:600}.config-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-secondary);border-bottom:0px;border-radius:0;min-height:56px;position:relative}.config-toggle:last-child{border-radius:0 0 6px 6px/0px 0px 6px 6px;border-bottom:1px solid var(--dm-border-secondary)}.config-toggle:first-child{border-radius:6px 6px 0 0/6px 6px 0px 0px}.config-toggle label{display:flex;flex-direction:column;gap:4px;flex:1;margin-right:16px}.toggle-label-text{font-size:13px;color:var(--dm-text-primary);font-weight:600;letter-spacing:.01em}.toggle-label-description{font-size:11px;color:var(--dm-text-secondary);line-height:1.5;font-weight:400}.toggle-button{background:none;border:none;padding:0;cursor:pointer;position:relative;width:44px;height:24px;outline:none!important}.toggle-button svg{width:44px;height:24px}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.config-toggle.disabled{opacity:.6}.config-toggle.disabled .toggle-label-text{color:var(--dm-text-muted)}.config-toggle.disabled .toggle-label-description{color:var(--dm-text-muted);font-style:italic}.config-toggle.disabled .toggle-button{opacity:.4;cursor:not-allowed}.server-tab-content .special-layout-wrapper{height:100%;flex:1;display:flex;overflow:hidden}.server-tab-content .special-layout-sidebar{height:100%;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.server-tab-content .special-layout-main{height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.server-tab-content .special-layout-content{height:100%;flex:1;overflow-y:auto}.analytics-content h3,.integration-content h3,.roles-content h3,.members-content h3{font-size:20px;font-weight:600;color:var(--dm-text-primary);margin:0 0 8px}.analytics-content p,.integration-content p{font-size:14px;color:var(--dm-text-secondary);margin:0 0 24px}.time-range-selector{margin-bottom:24px}.time-range-selector select{padding:8px 12px;background:#202225;border:1px solid #40444b;border-radius:4px;color:#dcddde;font-size:14px;cursor:pointer}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.overview-card{background:#2f3136;border-radius:8px;padding:20px;border:1px solid #40444b}.overview-card h4{font-size:14px;color:#8e9297;margin:0 0 8px;font-weight:500}.metric-value{font-size:28px;font-weight:600;color:var(--dm-text-primary);margin-bottom:4px}.metric-change{font-size:14px;font-weight:500}.metric-change.positive{color:#3ba55c}.metric-change.negative{color:#ed4245}.metric-label{font-size:12px;color:#72767d}.recent-activity h4{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin:0 0 16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-type{font-size:12px;font-weight:600;color:#818cf8;text-transform:uppercase;min-width:80px}.activity-description{flex:1;font-size:14px;color:#dcddde}.activity-time{font-size:12px;color:#72767d}.chart-placeholder{background:#2f3136;border-radius:8px;padding:40px;border:1px solid #40444b;text-align:center;color:#72767d;margin-bottom:24px}.widget-container{background:#2f3136;border-radius:8px;padding:24px;border:1px solid #40444b}.app-type-badge,.status-badge,.visibility-badge,.role-badge,.bot-badge,.property-badge,.featured-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500}.app-type-badge.discord{background:#5865f21a;color:#5865f2}.app-type-badge.custom,.status-badge.enabled{background:#3ba55c1a;color:#3ba55c}.status-badge.disabled{background:#ed42451a;color:#ed4245}.visibility-badge.public{background:#3ba55c1a;color:#3ba55c}.visibility-badge.private{background:#faa61a1a;color:#faa61a}.role-badge{background:#4e5058;color:var(--dm-text-primary)}.bot-badge{background:#5865f2;color:var(--dm-text-primary)}.property-badge{background:#818cf81a;color:#818cf8}.role-info{display:flex;align-items:center;gap:8px}.role-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-name{font-weight:500;color:#dcddde}.role-properties{display:flex;gap:8px}.permissions-summary{font-size:12px;color:var(--dm-text-secondary)}.no-permissions{color:#72767d;font-style:italic}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-bar{width:300px}.search-input{width:100%;padding:8px 12px;background:#202225;border:1px solid #40444b;border-radius:4px;color:#dcddde;font-size:14px}.search-input:focus{outline:none;border-color:#818cf8}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#4e5058;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#dcddde}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{font-weight:500;color:#dcddde;display:flex;align-items:center;gap:6px}.member-tag{font-size:12px;color:#72767d}.member-roles{display:flex;gap:6px;flex-wrap:wrap}.role-chip{padding:2px 8px;border-radius:3px;font-size:12px;border:1px solid}.role-chip.more{background:#4e5058;color:var(--dm-text-secondary);border-color:#4e5058}.no-roles{font-size:12px;color:#72767d;font-style:italic}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dm-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:#747f8d}.status-indicator.online .status-dot{background:#3ba55c}.status-indicator.idle .status-dot{background:#faa61a}.status-indicator.dnd .status-dot{background:#ed4245}.joined-date{font-size:12px;color:var(--dm-text-secondary)}.webhook-info{display:flex;align-items:center;gap:8px}.webhook-avatar{width:24px;height:24px;border-radius:50%}.app-info{display:flex;align-items:center;gap:12px}.app-icon{width:32px;height:32px;border-radius:8px}.app-name{font-weight:500;color:#dcddde;display:flex;align-items:center;gap:6px}.app-description{font-size:12px;color:var(--dm-text-secondary);margin-top:2px}.verified-badge{color:#3ba55c;font-size:14px}.action-link{display:inline-flex;align-items:center;gap:4px;color:#00b0f4;text-decoration:none;font-size:14px}.action-link:hover{text-decoration:underline}.empty-state{text-align:center;color:#72767d;padding:40px;font-style:italic}.templates-header{padding-bottom:24px}.integrations-header{margin-bottom:-8px!important}.template-info{display:flex;flex-direction:column;gap:4px}.template-name{font-weight:500;color:#dcddde;display:flex;align-items:center;gap:8px}.template-description{font-size:12px;color:var(--dm-text-secondary)}.template-stats{display:flex;flex-direction:column;gap:4px}.template-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--dm-text-secondary)}.template-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{padding:2px 8px;background:#4e5058;border-radius:3px;font-size:12px;color:#dcddde}.tag-chip.more{background:#818cf81a;color:#818cf8}.app-action-btn{padding:6px;background:#818cf81a;border:none;border-radius:4px;color:#818cf8;cursor:pointer;transition:all .2s}.app-action-btn:hover{background:#818cf833}.app-action-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(129,140,248,.3);border-top-color:#818cf8;border-radius:50%;animation:spin .8s linear infinite}.server-detail-overlay-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.server-detail-overlay-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(129,140,248,.3);border-top-color:#818cf8;border-radius:50%}.server-detail-overlay-loading p{color:#72767d;font-size:14px}.action-button.small{padding:4px 8px;font-size:12px}.action-button.small.danger{background:#ed42451a;color:#ed4245}.action-button.small.danger:hover{background:#ed424533}.boost-controls{display:inline-flex;flex-direction:column;gap:2px;margin-left:4px;vertical-align:middle}@media (max-width: 1600px){.server-detail-overlay{width:calc(100% - 350px)}.layout-container.sidebar-minimized .server-detail-overlay{width:calc(100% - 153px)}}@media (max-width: 1200px){.server-detail-overlay{width:calc(100% - 300px)}.layout-container.sidebar-minimized .server-detail-overlay{width:calc(100% - 103px)}}@media (max-width: 768px){.server-detail-overlay,.layout-container.sidebar-minimized .server-detail-overlay{width:100%}}.server-description{font-size:14px;color:var(--dm-text-secondary);line-height:1.5}.server-description div svg{opacity:0;transition:opacity .2s}.server-info-section:hover .server-description div svg{opacity:.6}.server-description div:hover svg{opacity:.9!important}.server-control-items{display:flex;gap:24px;margin-top:8px}.server-control-items .control-item{display:flex;align-items:center;gap:8px}.server-control-items .control-label{font-size:13px;color:#737373;font-weight:500}.server-control-items .control-value{font-size:13px;color:var(--dm-text-header)}.boost-bar-container{display:flex;align-items:center;gap:12px}.boost-bar-title{font-size:12px;color:var(--dm-text-secondary);font-weight:500;white-space:nowrap}.boost-bar-count{font-size:12px;color:var(--dm-text-primary);font-weight:600;white-space:nowrap}.boost-bar-track{width:120px;height:6px;background:#4f545c7a;border-radius:4px;overflow:hidden;position:relative;flex-shrink:0}.boost-bar-fill{height:100%;background:linear-gradient(90deg,#f47fff,#ff7ef6);border-radius:4px;transition:width .3s ease}.boost-bar-markers{position:absolute;top:0;left:0;right:0;height:100%}.boost-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.marker-dot{width:10px;height:10px;background:#4f545c;border:2px solid var(--dm-body-bg2);border-radius:50%;position:absolute;top:-2px}.marker-dot.achieved{background:#ff7ef6;box-shadow:0 0 8px #ff7ef680}.marker-label{font-size:10px;color:var(--dm-text-secondary);margin-top:14px;white-space:nowrap}.latency-col{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-indicator{display:inline-flex;align-items:center;padding:2px 6px;background:#43b5811a;border:1px solid rgba(67,181,129,.2);border-radius:4px;font-size:11px;color:#43b581e6;font-style:italic}.activity-indicator:hover{background:#43b58126;border-color:#43b5814d}.skeleton-card{background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .2s ease-in-out;opacity:.9}.skeleton-card:hover{background:var(--dm-bg-lil-darker);box-shadow:0 2px 6px #00000026,0 2px 4px #0000004d}.skeleton-card-content{display:flex;flex-direction:column}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--dm-border-medium) 0%,var(--dm-bg-lil-darker) 50%,var(--dm-border-medium) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:4px;margin-bottom:8px;opacity:.6;will-change:background-position}.skeleton-line:last-child{margin-bottom:0}@keyframes skeleton-pulse{0%,to{opacity:.8}50%{opacity:1}}.skeleton-card.mui-style-skeleton{background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:8px;box-shadow:0 2px 4px #0000001a,0 4px 8px #0000001f;transition:all .3s cubic-bezier(.25,.8,.25,1)}.skeleton-card.mui-style-skeleton:hover{background:var(--dm-bg-lil-darker);box-shadow:0 4px 8px #00000026,0 6px 12px #0000002e;transform:translateY(-1px)}.skeleton-card.mui-style-skeleton .skeleton-line{background:linear-gradient(90deg,var(--dm-border-medium) 0%,rgba(255,255,255,.03) 50%,var(--dm-border-medium) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:3px;opacity:.5;will-change:background-position}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:16px 0}.skeleton-grid .skeleton-card{margin-bottom:0}.skeleton-grid.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.skeleton-grid.stat-grid .skeleton-card{min-height:120px;display:flex;align-items:center;justify-content:center}.skeleton-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.skeleton-list .skeleton-card{margin-bottom:0;height:60px}.skeleton-list .skeleton-card .skeleton-line{height:12px;margin-bottom:6px}@media (max-width: 768px){.skeleton-card{padding:12px;margin-bottom:12px}.skeleton-line{height:14px}}.skeleton-table{width:100%;background-color:var(--dm-bg-darker);border-radius:8px;overflow:hidden;border:1px solid var(--dm-border-medium)}.skeleton-table table{width:100%;border-collapse:collapse;background-color:var(--dm-bg-darker)}.skeleton-table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--dm-border-medium);border-left:1px solid var(--dm-border-secondary);background-color:var(--dm-bg-lil-darker);font-weight:600;color:var(--dm-text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.skeleton-table th:first-child{border-left:none}.skeleton-table th:last-child{border-right:1px solid var(--dm-border-secondary)}.skeleton-table td{padding:12px 16px;border-bottom:1px solid var(--dm-border-medium);border-left:1px solid var(--dm-border-secondary);background-color:var(--dm-bg-darker)}.skeleton-table td:first-child{border-left:none}.skeleton-table td:last-child{border-right:1px solid var(--dm-border-secondary)}.skeleton-table tbody tr:hover{background-color:var(--dm-bg-lil-darker)}.skeleton-item{height:16px;background:linear-gradient(90deg,var(--dm-border-medium) 0%,var(--dm-bg-lil-darker) 50%,var(--dm-border-medium) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:4px;min-width:40px;opacity:.6;will-change:background-position}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.8}}.skeleton-table.mui-style-skeleton{background-color:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:8px;box-shadow:0 2px 4px #0000001a}.skeleton-table.mui-style-skeleton th{background-color:var(--dm-bg-lil-darker);color:var(--dm-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.75px;border-left:1px solid var(--dm-border-secondary)}.skeleton-table.mui-style-skeleton th:first-child{border-left:none}.skeleton-table.mui-style-skeleton th:last-child{border-right:1px solid var(--dm-border-secondary)}.skeleton-table.mui-style-skeleton td{border-left:1px solid var(--dm-border-secondary)}.skeleton-table.mui-style-skeleton td:first-child{border-left:none}.skeleton-table.mui-style-skeleton td:last-child{border-right:1px solid var(--dm-border-secondary)}.skeleton-table.mui-style-skeleton .skeleton-item{background:linear-gradient(90deg,var(--dm-border-medium) 0%,rgba(255,255,255,.03) 50%,var(--dm-border-medium) 100%);background-size:200% 100%;animation:skeleton-loading 2s linear infinite;border-radius:3px;opacity:.5;will-change:background-position}@media (max-width: 768px){.skeleton-table th,.skeleton-table td{padding:8px 12px}.skeleton-item{height:14px}}.tam-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:tam-fade-in .2s ease-out}@keyframes tam-fade-in{0%{opacity:0}to{opacity:1}}.tam-modal{background:var(--dm-bg-secondary);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:tam-slide-up .3s ease-out}@keyframes tam-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tam-header{padding:20px 24px;border-bottom:1px solid var(--dm-border-primary);display:flex;align-items:center;justify-content:space-between}.tam-header h2{margin:0;font-size:20px;font-weight:600;color:var(--dm-text-primary)}.tam-close{background:none;border:none;color:var(--dm-text-secondary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.tam-close:hover{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.tam-content{flex:1;overflow-y:auto;padding:24px}.tam-step h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--dm-text-primary)}.tam-step-description{color:var(--dm-text-secondary);margin:0 0 24px;font-size:14px}.tam-search-box{margin-bottom:16px}.tam-search-input{width:100%;padding:10px 12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:14px;transition:border-color .2s}.tam-search-input:focus{outline:none;border-color:var(--dm-accent-primary)}.tam-servers-list{max-height:300px;overflow-y:auto;margin-bottom:24px;border:1px solid var(--dm-border-primary);border-radius:8px;background:var(--dm-bg-primary)}.tam-server-item{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--dm-border-primary)}.tam-server-item:last-child{border-bottom:none}.tam-server-item:hover{background:var(--dm-bg-tertiary)}.tam-server-item.selected{background:var(--dm-accent-primary-opacity-20);border-left:3px solid var(--dm-accent-primary)}.tam-server-icon{width:40px;height:40px;margin-right:12px;flex-shrink:0}.tam-server-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.tam-server-icon-placeholder{width:100%;height:100%;border-radius:50%;background:var(--dm-accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px}.tam-server-info{flex:1}.tam-server-name{font-weight:500;color:var(--dm-text-primary);margin-bottom:4px}.tam-server-meta{display:flex;gap:8px;font-size:12px}.tam-boost-badge,.tam-community-badge{padding:2px 6px;border-radius:4px;font-weight:500}.tam-boost-badge{background:#f47fff;color:#fff}.tam-community-badge{background:#5865f2;color:#fff}.tam-member-count{color:var(--dm-text-secondary)}.tam-mode-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.tam-mode-option{display:flex;gap:16px;padding:16px;border:2px solid var(--dm-border-primary);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--dm-bg-primary)}.tam-mode-option:hover{border-color:var(--dm-accent-primary-opacity-50);background:var(--dm-bg-tertiary)}.tam-mode-option.selected{border-color:var(--dm-accent-primary);background:var(--dm-accent-primary-opacity-10)}.tam-mode-icon{font-size:32px;flex-shrink:0}.tam-mode-content h4{margin:0 0 8px;color:var(--dm-text-primary);font-size:16px;font-weight:600}.tam-mode-content p{margin:0 0 12px;color:var(--dm-text-secondary);font-size:14px;line-height:1.5}.tam-mode-warning{color:#faa61a;font-size:13px;font-weight:500}.tam-mode-info{color:#43b581;font-size:13px;font-weight:500}.tam-options-header{display:flex;justify-content:flex-end;margin-bottom:16px}.tam-toggle-all{padding:6px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:13px;cursor:pointer;transition:background-color .2s}.tam-toggle-all:hover{background:var(--dm-bg-quaternary)}.tam-options-list{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.tam-option-group h4{margin:0 0 12px;color:var(--dm-text-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tam-option{display:flex;align-items:center;padding:8px 0;cursor:pointer;font-size:14px;color:var(--dm-text-primary)}.tam-option input[type=checkbox]{margin-right:12px;width:18px;height:18px;cursor:pointer}.tam-option span{flex:1}.tam-option-count{background:var(--dm-bg-tertiary);color:var(--dm-text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;margin-left:8px}.tam-compatibility-issues{margin-bottom:24px}.tam-issue{padding:16px;border-radius:8px;margin-bottom:12px}.tam-issue-warning{background:#faa61a1a;border:1px solid rgba(250,166,26,.3)}.tam-issue-error{background:#f047471a;border:1px solid rgba(240,71,71,.3)}.tam-issue-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tam-issue-icon{font-size:20px}.tam-issue-header h4{margin:0;color:var(--dm-text-primary);font-size:16px;font-weight:600}.tam-issue-message{color:var(--dm-text-secondary);margin:0 0 12px 28px;font-size:14px}.tam-issue-affects{margin-left:28px}.tam-issue-affects p{color:var(--dm-text-secondary);font-size:13px;margin:0 0 8px;font-weight:500}.tam-issue-affects ul{margin:0;padding-left:20px;color:var(--dm-text-secondary);font-size:13px}.tam-ready{text-align:center;padding:32px;background:var(--dm-bg-primary);border-radius:8px;margin-bottom:24px}.tam-ready-icon{font-size:48px;margin-bottom:16px}.tam-ready p{color:var(--dm-text-primary);font-size:16px;margin:0}.tam-confirmation-summary{background:var(--dm-bg-primary);border-radius:8px;padding:16px;margin-bottom:24px}.tam-confirmation-summary h4{margin:0 0 12px;color:var(--dm-text-primary);font-size:14px;font-weight:600}.tam-summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--dm-border-primary);font-size:14px}.tam-summary-item:last-child{border-bottom:none}.tam-summary-item span{color:var(--dm-text-secondary)}.tam-summary-item strong{color:var(--dm-text-primary);font-weight:500}.tam-applying{text-align:center;padding:48px 24px}.tam-applying-animation{margin-bottom:24px}.tam-spinner{width:48px;height:48px;border:4px solid var(--dm-border-primary);border-top-color:var(--dm-accent-primary);border-radius:50%;margin:0 auto;animation:tam-spin 1s linear infinite}@keyframes tam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tam-progress-bar{width:100%;height:8px;background:var(--dm-bg-primary);border-radius:4px;overflow:hidden;margin-top:24px}.tam-progress-fill{height:100%;background:var(--dm-accent-primary);width:0;animation:tam-progress 3s ease-out forwards}@keyframes tam-progress{to{width:100%}}.tam-complete{text-align:center;padding:48px 24px}.tam-complete-icon{font-size:64px;margin-bottom:24px}.tam-result-details{background:var(--dm-bg-primary);border-radius:8px;padding:16px;margin:24px 0;text-align:left}.tam-result-item{padding:8px;margin-bottom:8px;border-radius:4px;font-size:14px}.tam-result-item:last-child{margin-bottom:0}.tam-result-item.success{background:#43b5811a;color:#43b581}.tam-result-item.error{background:#f047471a;color:#f04747}.tam-result-item.info{background:#5865f21a;color:#5865f2}.tam-result-note{margin-top:16px;padding:12px;background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:6px;color:var(--dm-text-secondary);font-size:13px;line-height:1.5}.tam-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--dm-border-primary)}.tam-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:80px}.tam-button:disabled{opacity:.5;cursor:not-allowed}.tam-button-primary{background:var(--dm-accent-primary);color:#fff}.tam-button-primary:hover:not(:disabled){background:var(--dm-accent-primary-hover)}.tam-button-secondary{background:var(--dm-bg-tertiary);color:var(--dm-text-primary);border:1px solid var(--dm-border-primary)}.tam-button-secondary:hover:not(:disabled){background:var(--dm-bg-quaternary)}.tam-error{background:#f047471a;border:1px solid rgba(240,71,71,.3);border-radius:6px;padding:12px;margin-bottom:16px;color:#f04747;font-size:14px}.tam-loading{text-align:center;padding:48px;color:var(--dm-text-secondary);font-size:14px}.tam-no-servers{text-align:center;padding:48px 24px;color:var(--dm-text-secondary);font-size:14px}.tam-servers-list::-webkit-scrollbar,.tam-content::-webkit-scrollbar{width:8px}.tam-servers-list::-webkit-scrollbar-track,.tam-content::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.tam-servers-list::-webkit-scrollbar-thumb,.tam-content::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:4px}.tam-servers-list::-webkit-scrollbar-thumb:hover,.tam-content::-webkit-scrollbar-thumb:hover{background:var(--dm-border-secondary)}.featured-date{color:var(--dm-warning);font-size:12px}.not-featured{color:var(--dm-text-secondary);opacity:.5}.common-content{position:relative!important;overflow:visible!important;height:100%;display:flex;flex-direction:column}.common-section{position:relative!important;flex:1;display:flex;flex-direction:column;overflow:visible!important}.common-table{overflow-x:auto!important;overflow-y:auto!important;width:100%}.common-table table{min-width:1000px}.common-table td:nth-child(n+6):nth-child(-n+16){font-size:12px;text-align:left;padding:8px 4px}.common-table th:nth-child(n+6):nth-child(-n+16){font-size:11px;padding:8px 4px;white-space:nowrap}@media (max-width: 1600px){.common-table th:nth-child(n+6):nth-child(-n+16) .sortable-header{font-size:10px}}.main-content:has(.template-detail-overlay){display:flex;flex-direction:column}.common-content:has(.template-detail-overlay){min-height:0;height:100%}.detailed-view-container{padding:24px;overflow-y:auto}.detailed-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.template-card{background:var(--dm-bg-secondary);border:1px solid var(--dm-border);border-radius:8px;padding:20px;cursor:pointer;transition:all .2s}.template-card:hover{background:var(--dm-bg-tertiary);border-color:var(--dm-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-card h3{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin:0}.template-description{color:var(--dm-text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-meta{display:flex;gap:16px;font-size:13px;color:var(--dm-text-secondary);margin-bottom:12px}.template-card-tags{display:flex;flex-wrap:wrap;gap:6px}.header-create-btn,.header-from-server-btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s}.header-create-btn{background:var(--accent-color, #5865F2);color:var(--dm-text-primary);border:none}.header-create-btn:hover{background:var(--accent-hover, #4752C4)}.header-from-server-btn{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.header-from-server-btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.app-view-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.app-view-left,.app-view-right{display:flex;align-items:center;gap:12px}.app-view-toggle{background:transparent;border:none;padding:8px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.app-view-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app-view-toggle.active{background:var(--bg-tertiary);color:var(--accent-color)}.app-refresh-btn{background:transparent;border:none;padding:8px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.app-refresh-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app-refresh-btn.spinning svg{animation:spin 1s linear infinite}.app-selected-count{font-size:13px;color:var(--text-secondary);padding:4px 12px;background:var(--bg-tertiary);border-radius:12px}.app-clear-filters-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary);padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.app-clear-filters-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.app-filter-bar{display:flex;gap:8px;padding:12px 24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);flex-wrap:wrap}.app-filter-query{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;font-size:13px}.filter-column{color:var(--text-secondary);font-weight:500}.filter-operator{color:var(--text-tertiary)}.filter-value{color:var(--text-primary)}.filter-remove{background:transparent;border:none;padding:2px;margin-left:4px;cursor:pointer;color:var(--text-tertiary);transition:color .2s}.filter-remove:hover{color:var(--text-primary)}.app-table-wrapper{flex:1;overflow-y:auto;padding:0 24px 24px}.app-table{width:100%;border-collapse:collapse}.app-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.app-table th:hover{color:var(--text-primary)}.th-content{display:flex;align-items:center;gap:6px}.checkbox-col{width:40px;text-align:center!important;padding:12px 8px!important}.app-table-row{cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-primary)}.app-table-row:hover{background:var(--bg-secondary)}.app-table td{padding:16px;font-size:14px;color:var(--text-primary)}.app-name-cell{display:flex;flex-direction:column;gap:4px}.app-name{font-weight:500;color:var(--text-primary)}.app-description{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.app-status-badge,.app-visibility-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.app-status-badge.enabled{background:#43b5811a;color:#43b581}.app-status-badge.disabled{background:#f047471a;color:#f04747}.app-status-badge.pending{background:#faa61a1a;color:#faa61a}.app-visibility-badge.public{background:#5865f21a;color:#5865f2}.app-visibility-badge.private{background:#72767d4d;color:var(--text-secondary)}.backup-info{display:flex;align-items:center;gap:8px}.auto-backup-badge{font-size:11px;padding:2px 8px;background:#43b5811a;color:#43b581;border-radius:10px;text-transform:capitalize}.actions-col{text-align:right}.app-action-btn{background:transparent;border:none;padding:6px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.app-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app-loading,.app-error{display:flex;align-items:center;justify-content:center;height:200px;font-size:14px;color:var(--text-secondary)}.app-error{color:#f04747}.template-overlay-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.template-header-main{flex:1;display:flex;flex-direction:column;gap:12px}.template-header-main h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.template-header-info{display:flex;align-items:center;gap:24px}.template-stats{display:flex;align-items:center;gap:20px}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:500}.template-tags{display:flex;gap:8px;flex-wrap:wrap}.template-tag{padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;font-size:12px;color:var(--text-secondary)}.template-header-actions{display:flex;gap:12px}.template-save-btn{display:flex;align-items:center;gap:6px}.template-overlay-tabs{display:flex;gap:24px;padding:0 24px;border-top:1px solid var(--border-primary)}.template-overlay-tabs .tab{position:relative;padding:16px 0;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.template-overlay-tabs .tab:hover,.template-overlay-tabs .tab.active{color:var(--text-primary)}.template-overlay-tabs .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-color)}.template-overlay-content{flex:1;overflow-y:auto;padding:24px}.tab-placeholder{text-align:center;padding:60px 20px;color:var(--text-secondary)}.tab-placeholder h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.overlay-resizer{position:absolute;left:-10px;top:0;bottom:0;width:12px;cursor:ew-resize;z-index:1001}.overlay-resizer:hover{background:var(--accent-color);opacity:.3}.template-context-menu{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 16px #0000004d;padding:6px;min-width:200px}.property-checkbox{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.property-checkbox input[type=checkbox]{margin:0;cursor:pointer}.no-permissions{color:#72767d;font-style:italic;font-size:13px}@media (max-width: 768px){.template-detail-overlay{width:100%;right:-100%}.app-table-wrapper{overflow-x:auto}.app-table{min-width:700px}}.madv-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.madv-modal{background:var(--dm-body-bg);border-radius:8px;width:90%;max-width:800px;height:80vh;max-height:600px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;border:1px solid var(--dm-border-secondary)}.madv-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--dm-border-secondary)}.madv-header h2{margin:0;font-size:20px;font-weight:600;color:var(--dm-text-primary)}.madv-close-btn{background:none;border:none;color:var(--dm-text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.madv-close-btn:hover{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.madv-content{display:flex;flex:1;overflow:hidden}.madv-sidebar{width:220px;border-right:1px solid var(--dm-border-secondary);display:flex;flex-direction:column;background:var(--dm-bg-tertiary)}.madv-sidebar-header{padding:16px 20px;border-bottom:1px solid var(--dm-body-bg)}.madv-sidebar-header h3{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--dm-text-secondary)}.madv-categories{flex:1;overflow-y:auto}.madv-category{cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}.madv-category:hover{background:var(--dm-accent-lighter)}.madv-category.active{background:var(--dm-accent-light);border-left-color:var(--dm-accent-primary)}.madv-category-content{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;min-height:44px}.madv-category-label{font-size:14px;font-weight:500;color:var(--dm-text-primary)}.madv-category-right{display:flex;align-items:center;gap:8px}.madv-category-count{font-size:12px;color:var(--dm-text-secondary);background:var(--dm-accent-lighter);padding:2px 8px;border-radius:12px}.madv-expand-btn{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.madv-expand-btn.expanded{transform:rotate(180deg)}.madv-expand-btn:hover{color:var(--dm-text-primary)}.madv-subcategories{background:var(--dm-body-bg)}.madv-subcategory{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 10px 48px;cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}.madv-subcategory:hover{background:var(--dm-accent-lighter)}.madv-subcategory.active{background:var(--dm-accent-light);border-left-color:var(--dm-accent-primary)}.madv-subcategory-label{font-size:13px;color:var(--dm-text-primary)}.madv-subcategory-count{font-size:11px;color:var(--dm-text-secondary);background:var(--dm-accent-lighter);padding:1px 6px;border-radius:10px}.madv-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.madv-search{padding:16px;border-bottom:1px solid var(--dm-border-secondary)}.madv-search-input{width:100%;padding:10px 16px;background:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;transition:border-color .15s ease}.madv-search-input:focus{outline:none;border-color:var(--dm-accent-primary)}.madv-search-input::placeholder{color:var(--dm-text-secondary)}.madv-variables{flex:1;overflow-y:auto;padding:16px}.madv-loading,.madv-empty{text-align:center;padding:32px;color:var(--dm-text-secondary);font-size:14px}.madv-group{margin-bottom:24px}.madv-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--dm-text-secondary);margin:0 0 12px}.madv-group-variables{display:flex;flex-direction:column;gap:4px}.madv-variable{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;cursor:pointer;transition:all .15s ease}.madv-variable:hover{background:var(--dm-bg-secondary);border-color:var(--dm-border-primary);transform:translate(4px)}.madv-variable-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--dm-body-bg);border-radius:4px;font-size:10px;font-weight:600;color:var(--dm-text-secondary);flex-shrink:0}.madv-variable-icon.madv-type-string{color:#3498db;background:#3498db1a}.madv-variable-icon.madv-type-number{color:#f39c12;background:#f39c121a}.madv-variable-icon.madv-type-boolean{color:#e74c3c;background:#e74c3c1a}.madv-variable-icon.madv-type-array{color:#9b59b6;background:#9b59b61a}.madv-variable-icon.madv-type-object{color:#1abc9c;background:#1abc9c1a}.madv-variable-icon.madv-type-date,.madv-variable-icon.madv-type-timestamp{color:var(--dm-accent-primary);background:var(--dm-accent-lighter)}.madv-variable-content{flex:1;min-width:0}.madv-variable-name{font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600;color:var(--dm-text-primary);margin-bottom:4px}.madv-variable-description{font-size:12px;color:var(--dm-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.madv-categories::-webkit-scrollbar,.madv-variables::-webkit-scrollbar{width:8px}.madv-categories::-webkit-scrollbar-track,.madv-variables::-webkit-scrollbar-track{background:transparent}.madv-categories::-webkit-scrollbar-thumb,.madv-variables::-webkit-scrollbar-thumb{background:var(--dm-body-bg);border-radius:4px}.madv-categories::-webkit-scrollbar-thumb:hover,.madv-variables::-webkit-scrollbar-thumb:hover{background:var(--dm-bg-secondary)}.emoji-field-container{position:relative;width:100%}.emoji-field-input{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;cursor:pointer;transition:all .2s ease;min-height:36px}.emoji-field-input:hover{border-color:var(--dm-accent-primary)}.emoji-field-input.open{border-color:var(--dm-accent-primary);box-shadow:0 0 0 3px var(--dm-accent-secondary)}.emoji-field-value{flex:1;color:var(--dm-text-primary);font-size:14px}.emoji-field-arrow{color:var(--dm-text-secondary);font-size:12px;margin-left:8px;transition:transform .2s ease}.emoji-field-input.open .emoji-field-arrow{transform:rotate(180deg)}.emoji-field-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;box-shadow:0 8px 16px #0000003d;z-index:1000;max-height:400px;display:flex;flex-direction:column}.emoji-field-tabs{display:flex;border-bottom:1px solid var(--dm-border-primary)}.emoji-field-tab{flex:1;padding:12px;background:transparent;border:none;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.emoji-field-tab:hover{color:var(--dm-text-primary);background:var(--dm-accent-lighter)}.emoji-field-tab.active{color:var(--dm-accent-primary);border-bottom:2px solid var(--dm-accent-primary)}.emoji-field-search{padding:12px;border-bottom:1px solid var(--dm-border-primary)}.emoji-field-search input{width:100%;padding:8px 12px;background:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none;transition:border-color .2s ease}.emoji-field-search input:focus{border-color:var(--dm-accent-primary)}.emoji-categories{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--dm-border-primary)}.emoji-category{padding:6px 10px;background:var(--dm-bg-secondary);border:1px solid transparent;border-radius:4px;color:var(--dm-text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.emoji-category:hover{background:var(--dm-border-primary);color:var(--dm-text-primary)}.emoji-category.active{background:var(--dm-accent-primary);color:var(--dm-text-primary)}.emoji-field-content{flex:1;overflow-y:auto;padding:8px}.emoji-field-loading,.emoji-field-error,.emoji-field-empty{padding:24px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.emoji-field-error{color:var(--dm-text-error)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}.emoji-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.emoji-item:hover{background:var(--dm-accent-hover)}.emoji-item.server-emoji img{width:28px;height:28px;object-fit:contain}.emoji-item.standard-emoji{font-size:24px}.twemoji,.twemoji-grid{width:24px;height:24px}.emoji-field-footer{border-top:1px solid var(--dm-border-primary);padding:8px}.emoji-field-variable-btn{width:100%;padding:8px 12px;background:transparent;border:1px solid var(--dm-accent-tertiary);border-radius:4px;color:var(--dm-accent-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.emoji-field-variable-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-quaternary)}.emoji-load-more{padding:8px 16px;border-top:1px solid var(--dm-border-primary)}.emoji-load-more-btn{width:100%;background:transparent;border:1px solid var(--dm-accent-tertiary);border-radius:4px;padding:8px 12px;color:var(--dm-accent-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.emoji-load-more-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-quaternary)}.emoji-field-content::-webkit-scrollbar{width:8px}.emoji-field-content::-webkit-scrollbar-track{background:var(--dm-bg-tertiary)}.emoji-field-content::-webkit-scrollbar-thumb{background:var(--dm-bg-primary);border-radius:4px}.emoji-field-content::-webkit-scrollbar-thumb:hover{background:var(--dm-bg-secondary)}.server-traits-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.server-trait-row{display:flex;align-items:center;gap:12px}.trait-emoji-field{flex-shrink:0;width:120px}.trait-text-input{flex:1;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.trait-text-input:focus{outline:none;border-color:var(--primary)}.trait-text-input:disabled{opacity:.6;cursor:not-allowed}.trait-text-input::placeholder{color:var(--text-secondary);opacity:.6}.trait-emoji{width:20px;height:20px;object-fit:contain}.trait-emoji.twemoji{width:20px;height:20px}.control-item{position:relative}.control-dropdown{width:100%;display:flex;justify-content:space-between;align-items:center}.control-dropdown:disabled{opacity:.6;cursor:not-allowed}.dropdown-arrow{font-size:12px;transition:transform .2s;margin-left:8px}.games-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:4px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;z-index:1000}.dropdown-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:all .15s ease;gap:8px;background:none;color:var(--dm-text-header)}.dropdown-item.checkbox-item input[type=checkbox]{margin:0;cursor:pointer}.dropdown-item.checkbox-item input[type=checkbox]:checked+span{color:#5865f2;font-weight:500}.dropdown-item span{font-size:14px;transition:color .15s ease}.selected-games-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-game-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--primary-bg);color:var(--primary);border-radius:12px;font-size:13px;font-weight:500}.remove-game-btn{background:none;border:none;color:var(--primary);font-size:16px;line-height:1;cursor:pointer;padding:0;margin:0;opacity:.7;transition:opacity .2s}.remove-game-btn:hover{opacity:1}.settings-form-item:has(.settings-banner-upload){margin-top:24px}.settings-upload-area.settings-banner-upload{aspect-ratio:16/9;max-width:480px}.trait-emoji-field .emoji-field-container{width:100%}.trait-emoji-field .emoji-field-input{padding:8px 10px;min-height:40px;font-size:14px}.trait-emoji-field .emoji-field-value{display:flex;align-items:center;gap:6px}.trait-emoji-field .twemoji{width:18px;height:18px}.trait-emoji-field .emoji-field-dropdown{position:absolute;left:0;min-width:320px;width:max-content}.banner-color-selector{display:flex;flex-direction:column;gap:16px}.settings-form-select{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s}.settings-form-select:focus{outline:none;border-color:var(--primary)}.settings-form-select:disabled{opacity:.6;cursor:not-allowed}.banner-color-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.color-swatch{width:48px;height:48px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;position:relative}.color-swatch:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.color-swatch.selected{border-color:var(--primary);box-shadow:0 0 0 3px #5865f226}.color-swatch.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-swatch:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 768px){.server-trait-row{flex-direction:column;align-items:stretch}.trait-emoji-field,.trait-text-input{width:100%}.banner-color-preview{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.color-swatch{width:40px;height:40px}}.server-profile-settings{position:relative;width:100%;min-height:100%}.unsaved-changes-bar{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#5865f2,#6974f3);padding:12px 20px;margin:-30px -25px 20px;box-shadow:0 2px 8px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.unsaved-changes-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.unsaved-indicator{color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.unsaved-indicator:before{content:"";width:8px;height:8px;background:#faa61a;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.unsaved-actions{display:flex;gap:12px}.reset-button,.save-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.reset-button{background:#fff3;color:#fff}.reset-button:hover:not(:disabled){background:#ffffff4d}.save-button{background:#fff;color:#5865f2}.save-button:hover:not(:disabled){background:#f2f3f5}.reset-button:disabled,.save-button:disabled{opacity:.5;cursor:not-allowed}.success-message{background:#43b581;color:#fff;padding:12px 20px;margin:0 -25px 20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}.success-message svg{flex-shrink:0}.error-message{background:#f04747;color:#fff;padding:12px 20px;margin:0 -25px 20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}@media (max-width: 768px){.unsaved-changes-bar{padding:10px 16px}.unsaved-changes-content{flex-direction:column;gap:12px;align-items:stretch}.unsaved-actions{width:100%;justify-content:space-between}.reset-button,.save-button{flex:1}}.settings-info-box.settings-api-warning{background:linear-gradient(135deg,#faa61a1a,#faa61a0d);border:1px solid rgba(250,166,26,.3);border-radius:8px;padding:16px;margin-bottom:24px}.settings-info-box.settings-api-warning h5{color:#faa61a;margin:0 0 8px;font-size:16px;font-weight:600}.settings-info-box.settings-api-warning p{color:var(--dm-text-primary);margin:0 0 8px;font-size:14px;line-height:1.5}.settings-info-box.settings-api-warning p:last-child{margin-bottom:0}.settings-api-note{font-size:13px;color:var(--dm-text-secondary);font-style:italic}.settings-tag-preview{display:flex;align-items:center;justify-content:center;padding:24px;background-color:var(--dm-bg-bar);border:1px solid #333;border-radius:8px;min-height:80px}.settings-tag-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.settings-tag-badge-icon{font-size:16px;line-height:1}.settings-tag-name{font-family:Segoe UI,system-ui,-apple-system,sans-serif;letter-spacing:.5px;text-transform:uppercase}.settings-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;margin-top:12px}.settings-badge-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--dm-bg-bar);border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.settings-badge-button:hover:not(:disabled){background-color:var(--dm-bg-bar);border-color:#404040;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.settings-badge-button.active{background-color:#5090d333;border-color:#5090d3}.settings-badge-button.active:after{content:"";position:absolute;inset:-4px;border:2px solid #5090d3;border-radius:14px;opacity:.5}.settings-badge-button:disabled{opacity:.5;cursor:not-allowed}.settings-badge-icon{font-size:24px;line-height:1}.settings-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin-top:12px}.settings-color-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.settings-color-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #0006}.settings-color-button.active{border-color:var(--dm-text-primary);box-shadow:0 0 0 3px var(--dm-border-accent)}.settings-color-button:disabled{opacity:.5;cursor:not-allowed}.settings-color-check{color:var(--dm-text-primary);font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.settings-color-button[style*="rgb(255, 255, 255)"] .settings-color-check{color:#000;text-shadow:none}.settings-info-box{background-color:#5090d31a;border:1px solid rgba(80,144,211,.3);border-radius:8px;padding:16px;margin-top:24px}.settings-info-box h5{color:#5090d3;margin:0 0 8px;font-size:16px;font-weight:600}.settings-info-box p{color:var(--dm-text-primary);margin:0 0 8px;font-size:14px;line-height:1.5}.settings-info-box p:last-child{margin-bottom:0}.settings-form-input[style*="text-transform: uppercase"]{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:600;letter-spacing:1px}.discord-tag-layout{display:flex;gap:32px;margin-top:20px}.discord-tag-container{flex:1;min-width:400px}.discord-tag-header{margin-bottom:24px}.discord-tag-description{color:var(--dm-text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.discord-boost-button{background:linear-gradient(90deg,#593695,#8457c4);color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;cursor:not-allowed;opacity:.8}.discord-section{margin-bottom:32px}.discord-section-title{color:var(--dm-text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.discord-tag-input-container{display:flex;align-items:center;gap:12px;position:relative}.discord-tag-preview-badge{width:48px;height:48px;background:#5865f2;border-radius:8px;display:flex;align-items:center;justify-content:center}.discord-tag-preview-badge .badge-icon{font-size:24px}.discord-tag-input{background:var(--dm-bg-bar);border:1px solid var(--dm-border-primary);border-radius:4px;padding:10px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;width:150px;color:var(--dm-text-primary)}.discord-tag-hint{position:absolute;bottom:-20px;left:60px;font-size:12px;color:var(--dm-text-muted)}.discord-privacy-warning{background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:4px;padding:12px;display:flex;gap:12px;margin:20px 0}.discord-info-icon{font-size:16px;color:#5865f2}.discord-privacy-warning p{margin:0;font-size:14px;color:var(--dm-text-primary);line-height:1.4}.discord-badge-grid{display:grid;grid-template-columns:repeat(5,64px);gap:12px}.discord-badge-button{width:64px;height:64px;background:var(--dm-bg-bar);border:2px solid transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .2s}.discord-badge-button.selected{border-color:#5865f2;background:#5865f21a}.discord-badge-icon{font-size:28px}.discord-color-grid{display:grid;grid-template-columns:repeat(5,64px);gap:12px}.discord-color-button{width:64px;height:64px;padding:4px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:not-allowed;transition:all .2s}.discord-color-button.selected{border-color:#5865f2}.discord-color-swatch{width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.discord-char-count{color:var(--dm-text-muted);font-size:12px;margin-top:8px}.discord-server-list-preview{flex:0 0 350px;padding-left:24px;border-left:1px solid var(--dm-border-primary)}.discord-privacy-note{color:#faa61a;font-weight:500;margin-top:8px}.discord-preview-servers{background:var(--dm-bg-bar);border-radius:8px;padding:16px}.discord-preview-server{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px;margin-bottom:8px;transition:background .2s}.discord-preview-server:last-child{margin-bottom:0}.discord-preview-server.active{background:#5865f21a}.discord-server-avatar{width:40px;height:40px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:16px}.discord-server-info{flex:1}.discord-server-name{color:var(--dm-text-primary);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.discord-server-tagline{color:var(--dm-text-secondary);font-size:12px;margin-top:2px}.discord-server-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#96989d,#96989ddd);border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.discord-server-tag .tag-icon{font-size:12px}.discord-server-tag .tag-text{font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (max-width: 1024px){.discord-tag-layout{flex-direction:column}.discord-server-list-preview{flex:1 1 auto;padding-left:0;padding-top:24px;margin-top:24px;border-left:none;border-top:1px solid var(--dm-border-primary)}}@media (max-width: 768px){.settings-badge-grid{grid-template-columns:repeat(5,1fr)}.settings-color-grid{grid-template-columns:repeat(7,1fr)}.settings-badge-button{width:50px;height:50px}.settings-color-button{width:40px;height:40px}.discord-badge-grid,.discord-color-grid{grid-template-columns:repeat(5,56px)}.discord-badge-button,.discord-color-button{width:56px;height:56px}.discord-tag-container{min-width:100%}}.card-content{padding:28px;position:relative}.settings-section-title{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--dm-text-header);letter-spacing:-.01em}.settings-description{font-size:13px;line-height:1.6;margin-bottom:12px;color:#b0b0b0}.engagement-toggle-switch{position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;padding:12px 16px;margin:0 -16px;border-radius:6px;transition:background-color .2s ease}.engagement-toggle-switch:hover{background-color:#ffffff08}.engagement-toggle-switch:active{background-color:#ffffff0d}.engagement-toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.engagement-toggle-slider{position:relative;display:inline-block;width:48px;height:26px;background-color:#3a3a3a;border-radius:26px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0006;flex-shrink:0}.engagement-toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:2px;top:2px;background-color:var(--dm-text-primary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #0000004d}.engagement-toggle-switch input:checked+.engagement-toggle-slider{background-color:#5865f2;box-shadow:inset 0 2px 4px #0003}.engagement-toggle-switch input:checked+.engagement-toggle-slider:before{transform:translate(22px)}.engagement-toggle-switch:hover .engagement-toggle-slider{box-shadow:inset 0 2px 4px #0006,0 0 0 3px #5865f226}.engagement-toggle-switch input:focus-visible+.engagement-toggle-slider{box-shadow:inset 0 2px 4px #0006,0 0 0 3px #5865f24d}.engagement-toggle-switch input:disabled+.engagement-toggle-slider{opacity:.4;cursor:not-allowed}.engagement-toggle-label{font-size:14px;color:var(--dm-text-primary);font-weight:500;flex:1;margin-right:16px;line-height:1.4}.engagement-toggle-list{display:flex;flex-direction:column;gap:4px}.settings-form-grid{display:flex;flex-direction:column;gap:16px}.settings-form-item{display:flex;flex-direction:column;gap:8px}.settings-form-select{padding:10px 14px;font-size:14px}.notification-radio-group{display:flex;flex-direction:column;gap:12px}.notification-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--dm-text-primary);padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.notification-radio-label:hover{background-color:#ffffff0d}.notification-radio-label input[type=radio]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#5090d3}.notification-radio-label input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.settings-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.inactive-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.channel-select-wrapper{position:relative;display:flex;align-items:center}.channel-select-icon{position:absolute;left:12px;color:#888;font-size:16px;pointer-events:none}.settings-form-select.with-icon{padding-left:36px}.widget-settings-content{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.engagement-section{margin-bottom:20px}.engagement-section:last-child{margin-bottom:0}@media (max-width: 768px){.inactive-settings-grid{grid-template-columns:1fr;gap:20px}.card-content{padding:20px}}.engagement-toggle-switch.disabled{opacity:.5;cursor:not-allowed}.engagement-toggle-switch.disabled .engagement-toggle-label{color:#888}.boost-perk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.boost-level-badge{display:inline-flex;align-items:center;padding:4px 12px;background-color:#5865f2;color:var(--dm-text-primary);font-size:12px;font-weight:600;border-radius:12px;text-transform:uppercase}.boost-requirement-text{margin-top:8px;color:#949ba4;font-size:14px;font-style:italic}.settings-upload-area.disabled{opacity:.6;cursor:not-allowed}.settings-upload-area.disabled .settings-upload-placeholder{cursor:not-allowed;background-color:#2b2d31}.settings-upload-area.disabled .settings-upload-placeholder:hover{background-color:#2b2d31;border-color:var(--dm-border-primary)}.settings-banner-upload{min-height:200px}.settings-invite-upload{min-height:150px}.vanity-url-input{display:flex;align-items:center;background-color:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;overflow:hidden;transition:border-color .2s}.vanity-url-input:focus-within:not(.disabled){border-color:#5865f2}.vanity-url-input.disabled{opacity:.6;cursor:not-allowed}.vanity-url-prefix{padding:0 12px;background-color:#2b2d31;color:#949ba4;border-right:1px solid var(--dm-border-primary);line-height:40px;font-size:14px}.vanity-url-input .settings-form-input{border:none;background:transparent;flex:1;padding:0 12px;height:40px}.vanity-url-input .settings-form-input:disabled{cursor:not-allowed;color:#5c5e66}.boost-status-header{display:flex;align-items:center;gap:24px;margin-bottom:16px}.boost-level-info{display:flex;align-items:center;gap:16px}.boost-level-icon{width:56px;height:56px;background:linear-gradient(135deg,#ff73fa,#5865f2);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #ff73fa4d}.boost-level-number{font-size:24px;font-weight:700;color:var(--dm-text-primary)}.boost-level-text h4{margin:0;font-size:20px;font-weight:600;color:var(--dm-text-primary)}.boost-level-text p{margin:4px 0 0;color:var(--dm-text-secondary);font-size:14px}.boost-progress{flex:1}.boost-progress-bar{width:100%;height:8px;background-color:#2b2d31;border-radius:4px;overflow:hidden;margin-bottom:8px}.boost-progress-fill{height:100%;background:linear-gradient(90deg,#ff73fa,#5865f2);border-radius:4px;transition:width .3s ease}.boost-progress-text{font-size:12px;color:#949ba4;margin:0}.boost-perks-list{list-style:none;padding:0;margin:0}.boost-perk-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--dm-text-secondary);font-size:14px}.boost-perk-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#57f287;font-size:14px}.boost-perks-list.upcoming .boost-perk-icon{color:#949ba4}.boost-perk-header .settings-section-title{margin-bottom:0}.emoji-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px}.emoji-slots-info{flex:1}.emoji-slots-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.emoji-slots-header h4{margin:0;color:var(--dm-text-primary);font-size:16px;font-weight:600}.boost-level-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#ff73fa;background:#ff73fa1a;border:1px solid rgba(255,115,250,.2)}.boost-icon{font-size:14px}.emoji-slots-count{color:var(--dm-text-secondary);font-size:14px;margin:4px 0}.emoji-slots-breakdown{display:flex;gap:16px;margin:8px 0}.emoji-type-count{font-size:12px;color:#8e9297}.emoji-slots-bar{width:100%;height:8px;background:#2f3136;border-radius:4px;overflow:hidden;margin:12px 0;position:relative}.emoji-slots-fill{height:100%;background:linear-gradient(90deg,#5865f2,#ff73fa);transition:width .3s ease;border-radius:4px}.emoji-slots-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.level-indicator{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;background:#2f3136;border:2px solid transparent;transition:all .2s ease;opacity:.5}.level-indicator.active{opacity:1;background:#5865f21a;border-color:#5865f2}.level-label{font-size:11px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;margin-bottom:4px}.level-indicator.active .level-label{color:var(--dm-text-primary)}.level-slots{font-size:12px;color:#8e9297}.level-indicator.active .level-slots{color:var(--dm-text-secondary)}.emoji-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.emoji-item{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:#2f3136;cursor:pointer;min-height:56px;transition:background-color .2s ease;width:fit-content;min-width:0}.emoji-item:hover{background:#36393f}.emoji-item.boost-locked{opacity:.5;cursor:not-allowed}.emoji-item.boost-locked:hover{background:#2f3136}.emoji-item img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.emoji-name{font-size:14px;font-weight:500;color:#dcddde;white-space:nowrap}.emoji-item:hover .emoji-name{color:var(--dm-text-primary)}.emoji-remove{position:absolute;top:-10px;right:-28px;width:24px;height:24px;border-radius:50%;background:transparent;color:var(--dm-text-secondary);border:none;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.emoji-item:hover .emoji-remove{opacity:1}.emoji-remove:hover{color:#ed4245e6}.boost-lock-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000c,#5865f233);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.boost-lock-overlay .boost-icon{font-size:20px;color:#ff73fa;filter:drop-shadow(0 0 4px rgba(255,115,250,.8));animation:pulse 2s infinite}.boost-lock-overlay .boost-text{font-size:11px;font-weight:700;color:#ff73fa;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 4px rgba(255,115,250,.6)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.emoji-empty-state{text-align:center;padding:60px 24px;color:#8e9297;background:#2b2d31;border-radius:12px;border:2px dashed #36393f;margin-top:20px;position:relative;overflow:hidden}.emoji-empty-state:before{content:"😊";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:.05;pointer-events:none}.emoji-empty-state p:first-child{font-size:18px;font-weight:600;color:var(--dm-text-primary);margin-bottom:12px;position:relative;z-index:1}.emoji-empty-hint{font-size:14px;margin:0;position:relative;z-index:1;color:var(--dm-text-secondary)}.emoji-requirements{list-style:none;padding:0;margin:0;color:var(--dm-text-secondary);font-size:14px}.emoji-requirements li{margin-bottom:8px;padding-left:20px;position:relative}.emoji-requirements li:before{content:"•";position:absolute;left:0;color:#5865f2}.boost-requirement-text{color:#ff73fa;font-weight:500;margin-left:4px}@media (max-width: 768px){.emoji-header{flex-direction:column}.emoji-slots-levels{grid-template-columns:repeat(2,1fr)}.emoji-grid{gap:6px}.emoji-item{min-height:48px;padding:8px 12px}.emoji-item img{width:28px;height:28px}.emoji-name{font-size:13px}}@media (max-width: 480px){.emoji-grid{flex-direction:column}.emoji-item{width:100%;min-height:44px;padding:6px 10px;gap:10px}.emoji-item img{width:24px;height:24px}.emoji-name{font-size:12px}}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-primary:disabled:hover{transform:none}.mtss-container{padding:0}.mtss-title{font-size:20px;font-weight:600;color:var(--header-primary);margin:0 0 8px}.mtss-subtitle{font-size:14px;color:var(--header-secondary);margin:0 0 20px}.mtss-card{background-color:var(--background-secondary);border-radius:8px;padding:16px;margin-bottom:20px}.mtss-card-content{display:flex;flex-direction:column;gap:20px}.mtss-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.mtss-slots-info{flex:1;min-width:0}.mtss-slots-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mtss-slots-title{font-size:16px;font-weight:600;color:var(--header-primary);margin:0}.mtss-boost-badge{background-color:var(--background-accent);color:var(--text-normal);padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500}.mtss-slots-count{font-size:14px;color:var(--text-muted);margin:0 0 8px}.mtss-slots-bar{width:100%;height:8px;background-color:var(--background-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.mtss-slots-fill{height:100%;background-color:var(--brand-experiment);transition:width .2s ease}.mtss-boost-info{font-size:12px;color:var(--text-muted)}.mtss-boost-text{display:flex;align-items:center;gap:4px}.mtss-upload-button{background-color:var(--brand-experiment);color:var(--dm-text-primary);border:none;border-radius:3px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .17s ease;white-space:nowrap}.mtss-upload-button:hover:not(:disabled){background-color:var(--brand-experiment-560)}.mtss-upload-button:active:not(:disabled){background-color:var(--brand-experiment-600)}.mtss-upload-button:disabled{opacity:.5;cursor:not-allowed}.mtss-divider{height:1px;background-color:var(--background-modifier-accent);margin:0 -16px}.mtss-sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:20px 0}.mtss-sticker-item{display:flex;flex-direction:column;align-items:center;gap:8px}.mtss-sticker-preview{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--background-tertiary);border-radius:8px;overflow:hidden;transition:transform .15s ease}.mtss-sticker-preview:hover{transform:scale(1.05)}.mtss-sticker-image{width:90%;height:90%;object-fit:contain}.mtss-sticker-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:var(--background-floating);border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease;color:var(--interactive-normal)}.mtss-sticker-preview:hover .mtss-sticker-remove{opacity:1}.mtss-sticker-remove:hover{background-color:var(--background-tertiary);color:var(--interactive-hover)}.mtss-sticker-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-width:0}.mtss-sticker-name{font-size:14px;font-weight:500;color:var(--header-primary);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtss-sticker-description{font-size:12px;color:var(--text-muted);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtss-sticker-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;background-color:var(--brand-experiment);color:var(--dm-text-primary);margin-top:4px}.mtss-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.mtss-empty-icon{margin-bottom:16px;color:var(--text-muted);opacity:.5}.mtss-empty-text{font-size:16px;font-weight:600;color:var(--header-primary);margin:0 0 8px}.mtss-empty-hint{font-size:14px;color:var(--text-muted);margin:0}.mtss-info-section{background-color:var(--background-secondary-alt);border-radius:8px;padding:16px;margin-top:20px}.mtss-info-title{font-size:14px;font-weight:600;color:var(--header-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em}.mtss-requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mtss-requirements-list li{font-size:14px;color:var(--text-normal);display:flex;align-items:baseline;gap:8px}.mtss-requirement-label{font-weight:500;color:var(--header-secondary);min-width:120px}@media (max-width: 768px){.mtss-header{flex-direction:column}.mtss-upload-button{width:100%}.mtss-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.soundboard-slot-info{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0000004d;border-radius:8px;margin-bottom:20px}.soundboard-slot-count{font-size:16px;font-weight:600;color:#dcddde}.soundboard-boost-info{font-size:14px;color:#a3a6aa;display:flex;align-items:center;gap:8px}.boost-icon{width:20px;height:20px;display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTUuMDkgOC4yNkwyMiA5LjI3TDE3IDEzLjE0TDE4LjE4IDIwTDEyIDE2LjlMNS44MiAyMEw3IDE0LjE0TDIgOS4yN0w4LjkxIDguMjZMMTIgMloiIGZpbGw9IiNmZjczZmEiLz4KPC9zdmc+) no-repeat center;background-size:contain}.soundboard-content{display:flex;flex-direction:column;gap:20px}.soundboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.soundboard-header h4{font-size:16px;font-weight:600;color:#dcddde;margin:0}.soundboard-upload-btn{padding:8px 16px;background:#5865f2;color:var(--dm-text-primary);border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.soundboard-upload-btn:hover:not(:disabled){background:#4752c4}.soundboard-upload-btn:disabled{background:#464c58;color:#96989d;cursor:not-allowed}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}.soundboard-item{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px;transition:all .2s;position:relative}.soundboard-item:hover{background:#0006;border-color:#ffffff1a}.soundboard-item-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.soundboard-emoji{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.soundboard-emoji-custom{width:32px;height:32px;object-fit:contain;border-radius:4px;background:#ffffff1a;padding:4px}.soundboard-name{font-size:14px;font-weight:500;color:#dcddde;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundboard-duration{font-size:12px;color:#96989d;background:#0000004d;padding:2px 8px;border-radius:12px}.soundboard-volume-control{margin-bottom:8px}.soundboard-volume-label{font-size:12px;color:#a3a6aa;display:block;margin-bottom:4px}.soundboard-volume-slider-container{display:flex;align-items:center;gap:8px}.soundboard-volume-slider{flex:1;height:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none;border-radius:2px;cursor:pointer}.soundboard-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#5865f2;border-radius:50%;cursor:pointer;transition:all .2s}.soundboard-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.soundboard-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#5865f2;border-radius:50%;cursor:pointer;border:none;transition:all .2s}.soundboard-volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.soundboard-volume-slider:disabled{cursor:not-allowed;opacity:.5}.soundboard-volume-value{font-size:12px;color:#96989d;min-width:35px;text-align:right}.soundboard-remove{position:absolute;top:-10px;right:-28px;width:24px;height:24px;border-radius:50%;background:transparent;color:var(--dm-text-secondary);border:none;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.soundboard-item:hover .soundboard-remove{opacity:1}.soundboard-remove:hover{color:#ed4245e6}.soundboard-empty-state{text-align:center;padding:40px 20px}.soundboard-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:#ffffff0f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.soundboard-empty-state p{margin:0;font-size:16px;color:#dcddde;font-weight:500}.soundboard-empty-hint{margin-top:8px!important;font-size:14px!important;color:#96989d!important;font-weight:400!important}.soundboard-requirements{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.soundboard-requirements li{display:flex;align-items:center;gap:8px;font-size:14px;color:#a3a6aa;padding:8px 12px;background:#0003;border-radius:4px}.soundboard-requirements li:before{content:"•";color:#5865f2;font-weight:700;font-size:18px}.soundboard-boost-progression{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.boost-level-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ff73fa1a;border:1px solid rgba(255,115,250,.3);border-radius:16px;font-size:12px;color:#ff73fa;font-weight:500}.boost-level-badge.current{background:#ff73fa33;border-color:#ff73fa}.boost-level-badge.future{opacity:.6}@media (max-width: 768px){.soundboard-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.soundboard-boost-progression{flex-direction:column}.boost-level-badge{width:100%;justify-content:center}}.settings-join-buttons{display:flex;gap:16px;margin-top:20px}.settings-join-button{flex:1;display:flex;align-items:flex-start;gap:16px;padding:20px;background-color:#4f545c29;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative;min-height:100px}.settings-join-button:hover:not(:disabled):not(.disabled){background-color:#4f545c3d;transform:translateY(-1px)}.settings-join-button.active{background-color:#5865f21a;border-color:#5865f2}.settings-join-button.active:hover{background-color:#5865f226}.settings-join-button:disabled,.settings-join-button.disabled{opacity:.5;cursor:not-allowed}.settings-join-button.disabled:hover{background-color:#4f545c29;transform:none}.join-button-icon{font-size:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.settings-join-button.active .join-button-icon{filter:saturate(1.2)}.join-button-content{flex:1;display:flex;flex-direction:column;gap:4px}.join-button-title{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin:0;line-height:1.2}.join-button-desc{font-size:14px;color:var(--dm-text-secondary);line-height:1.4;margin:0}.settings-rules-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.settings-rules-container{margin-top:16px}.settings-rules-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-rule-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.settings-rule-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.rule-number{font-weight:600;color:var(--color-text-secondary);min-width:24px}.settings-rule-input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:14px;outline:none;padding:4px 8px}.settings-rule-input:focus{background-color:#ffffff0d;border-radius:4px}.settings-rule-remove{width:24px;height:24px;background:transparent;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-rule-remove:hover:not(:disabled){background-color:var(--color-danger-bg);color:var(--color-danger)}.settings-rule-remove:disabled{opacity:.5;cursor:not-allowed}.settings-add-rule-btn{width:100%;padding:12px;background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.settings-add-rule-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.settings-add-rule-btn:disabled{opacity:.5;cursor:not-allowed}.settings-rules-info{text-align:center;color:var(--color-text-secondary);font-size:13px}@media (max-width: 768px){.settings-join-buttons{flex-direction:column}.settings-join-button{width:100%}}.safety-setup-community{display:flex;flex-direction:column;gap:12px}.safety-section{background:var(--dm-bg-tertiary);border-radius:8px;overflow:hidden;border:1px solid var(--dm-border);transition:border-color .2s ease}.safety-section:hover{border-color:var(--dm-border-hover)}.safety-section-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;color:var(--dm-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease;text-align:left}.safety-section-header:hover{background:#ffffff05}.safety-section-arrow{font-size:10px;color:var(--dm-text-secondary);flex-shrink:0;transition:transform .2s ease}.safety-section-title{flex:1}.safety-section-status{font-size:13px;color:#3ba55c;font-weight:500}.safety-section-content{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-radio-item{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .15s ease}.settings-radio-item:hover{background:#ffffff05}.settings-radio-item input[type=radio]{margin-top:2px;cursor:pointer;accent-color:#5865f2}.settings-radio-label{color:var(--dm-text-primary);font-size:14px;line-height:1.5;flex:1}.settings-activity-alerts{display:flex;flex-direction:column;gap:12px}.settings-activity-alerts .settings-form-item{margin:0}.settings-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.settings-checkbox.disabled{opacity:.6;cursor:not-allowed}.settings-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#5865f2}.settings-checkbox.disabled input[type=checkbox]{cursor:not-allowed}.settings-checkbox-label{color:var(--dm-text-primary);font-size:14px}.settings-toggle-switch.disabled{opacity:.6;cursor:not-allowed}.settings-toggle-switch.disabled .settings-toggle-slider{cursor:not-allowed}.special-layout-section .settings-form-item{margin-bottom:0}.special-layout-section .settings-form-grid{gap:24px}.settings-form-item .settings-form-item{margin-top:12px}.safety-setup-community+.mui-style-card{margin-top:20px}@media (max-width: 768px){.safety-section-header{padding:12px 16px}.safety-section-content{padding:0 16px 16px}.settings-radio-item{padding:6px 8px}}.automod-rules{display:flex;flex-direction:column;gap:8px}.automod-rule-item{border:1px solid var(--border-faint);border-radius:8px;background-color:var(--background-secondary);overflow:hidden;transition:all .2s ease}.automod-rule-item:hover{border-color:var(--border-subtle)}.automod-rule-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.automod-rule-header:hover{background-color:var(--background-secondary-alt)}.automod-rule-info{display:flex;align-items:center;gap:12px;flex:1}.automod-expand-icon{font-size:12px;transition:transform .2s ease;color:var(--text-muted)}.automod-expand-icon.expanded{transform:rotate(90deg)}.automod-rule-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.automod-rule-info h5{margin:0;font-size:16px;font-weight:600;color:var(--text-normal)}.automod-rule-info p{margin:2px 0 0;font-size:14px;color:var(--text-muted);line-height:1.4}.automod-rule-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--border-faint)}.mention-limit-control{display:flex;align-items:center;gap:8px;margin-top:8px}.mention-limit-btn{width:32px;height:32px;border:1px solid var(--border-faint);background-color:var(--background-tertiary);color:var(--text-normal);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.mention-limit-btn:hover:not(:disabled){background-color:var(--background-modifier-hover);border-color:var(--border-subtle)}.mention-limit-btn:disabled{opacity:.5;cursor:not-allowed}.mention-limit-input{width:60px;height:32px;padding:0 8px;text-align:center;background-color:var(--background-tertiary);border:1px solid var(--border-faint);border-radius:4px;color:var(--text-normal);font-size:14px}.mention-limit-input:focus{outline:none;border-color:var(--brand)}.action-group{display:flex;flex-direction:column;gap:8px}.action-sub-option{margin-left:28px;margin-top:8px}.settings-checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.settings-checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer}.settings-checkbox-label span{font-size:14px;font-weight:500;color:var(--text-normal)}.settings-checkbox-label small{display:block;font-size:12px;color:var(--text-muted);font-weight:400;margin-top:2px;line-height:1.4}.settings-expandable-section{margin-top:12px}.settings-expandable-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--background-tertiary);border:1px solid var(--border-faint);border-radius:4px;color:var(--text-normal);font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.settings-expandable-button:hover:not(:disabled){background-color:var(--background-modifier-hover);border-color:var(--border-subtle)}.settings-expandable-button:disabled{opacity:.5;cursor:not-allowed}.expand-icon{font-size:12px;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.regex-builder-section{margin-top:12px;padding:12px;background-color:var(--background-primary);border-radius:4px;display:flex;flex-direction:column;gap:12px}.exemptions-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.exemption-section h6{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.exemption-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:8px}.exemption-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.exemption-item:hover{background-color:var(--background-modifier-hover)}.exemption-item.auto-excluded{opacity:.6;cursor:not-allowed}.exemption-item input[type=checkbox]{cursor:pointer}.exemption-item.auto-excluded input[type=checkbox]{cursor:not-allowed}.settings-hint{font-size:12px;color:var(--text-warning);margin-top:4px;margin-bottom:8px}.settings-radio-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.settings-radio-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.settings-radio-item:hover{background-color:var(--background-modifier-hover)}.settings-radio-item input[type=radio]{margin-top:2px;cursor:pointer}.settings-radio-label{font-size:14px;color:var(--text-normal);line-height:1.4}.automod-rule-header .settings-toggle-switch{margin:0}.settings-form-item .settings-form-input{width:100%;height:40px;padding:0 12px;background-color:var(--background-tertiary);border:1px solid var(--border-faint);border-radius:4px;color:var(--text-normal);font-size:14px;transition:border-color .2s ease}.settings-form-item .settings-form-input:focus{outline:none;border-color:var(--brand)}.settings-form-item .settings-form-input:disabled{opacity:.5;cursor:not-allowed}.exemption-list::-webkit-scrollbar{width:8px}.exemption-list::-webkit-scrollbar-track{background-color:transparent}.exemption-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thin-thumb);border-radius:4px}.exemption-list::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thin-track)}.community-settings{display:flex;flex-direction:column;gap:20px}.community-requirements{background-color:var(--background-tertiary);border-radius:8px;padding:16px}.community-requirements h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-normal)}.community-requirements ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.community-requirements li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-normal)}.community-requirements li.met{color:var(--text-positive)}.community-requirements li.unmet{color:var(--text-muted)}.requirement-icon{font-size:16px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.character-count{font-size:12px;color:var(--text-muted);text-align:right;margin-top:4px}.settings-form-textarea{width:100%;min-height:80px;padding:8px 12px;background-color:var(--background-tertiary);border:1px solid var(--border-faint);border-radius:4px;color:var(--text-normal);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.settings-form-textarea:focus{outline:none;border-color:var(--brand)}.settings-form-textarea:disabled{opacity:.5;cursor:not-allowed}.settings-form-select{width:100%;padding:8px 12px;background-color:var(--background-tertiary);border:1px solid var(--border-faint);border-radius:4px;color:var(--text-normal);font-size:14px;cursor:pointer;transition:border-color .2s ease}.settings-form-select:focus{outline:none;border-color:var(--brand)}.settings-form-select:disabled{opacity:.5;cursor:not-allowed}.community-setup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.community-setup-dialog{background:var(--dm-bg-primary);border-radius:12px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{padding:24px;border-bottom:1px solid var(--dm-border-primary);display:flex;justify-content:space-between;align-items:center}.dialog-header h2{margin:0;font-size:20px;font-weight:600;color:var(--dm-text-primary)}.dialog-close{background:none;border:none;color:var(--dm-text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dialog-close:hover{background:var(--dm-bg-secondary);color:var(--dm-text-primary)}.dialog-error{margin:16px 24px 0;padding:12px 16px;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:#ed4245;font-size:14px}.dialog-success{margin:16px 24px 0;padding:12px 16px;background:#3ba55c1a;border:1px solid rgba(59,165,92,.3);border-radius:8px;color:#3ba55c;font-size:14px;line-height:1.4}.dialog-content{flex:1;overflow-y:auto;padding:24px}.setup-steps{display:flex;justify-content:space-between;margin-bottom:32px;padding:0 40px}.step{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity .3s ease;position:relative;flex:1}.step.active{opacity:1}.step:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--dm-border-primary)}.step.active:not(:last-child):after{background:var(--dm-accent-color)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--dm-bg-secondary);border:2px solid var(--dm-border-primary);display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px;color:var(--dm-text-secondary)}.step.active .step-number{background:var(--dm-accent-color);border-color:var(--dm-accent-color);color:#fff}.step-label{font-size:14px;color:var(--dm-text-secondary)}.step.active .step-label{color:var(--dm-text-primary)}.step-content h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--dm-text-primary)}.step-content p{margin:0 0 24px;color:var(--dm-text-secondary);font-size:14px;line-height:1.5}.requirements-list,.channel-config{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.requirement,.channel-requirement{display:flex;gap:16px;padding:16px;background:var(--dm-bg-secondary);border-radius:8px;border:1px solid var(--dm-border-primary);transition:all .3s ease}.requirement.met,.channel-requirement.met{border-color:#3ba55c;background:#3ba55c0d}.requirement-icon{font-size:20px;color:var(--dm-text-secondary);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.requirement.met .requirement-icon,.channel-requirement.met .requirement-icon{color:#3ba55c}.requirement-content{flex:1}.requirement-content strong{display:block;margin-bottom:4px;color:var(--dm-text-primary);font-size:15px}.requirement-content p{margin:0 0 12px;font-size:13px;color:var(--dm-text-secondary)}.requirement-select{width:100%;padding:8px 12px;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px}.requirement-select:focus{outline:none;border-color:var(--dm-accent-color)}.requirement-select:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:8px;margin-top:12px;cursor:pointer;font-size:14px;color:var(--dm-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label.agreement{padding:16px;background:var(--dm-bg-secondary);border-radius:8px;margin-top:16px}.agreement-box{background:var(--dm-bg-secondary);border-radius:8px;padding:20px;margin-bottom:24px}.agreement-box h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--dm-text-primary)}.guidelines-summary{margin:16px 0;padding:12px;background:var(--dm-bg-primary);border-radius:6px}.guidelines-summary ul{margin:0;padding-left:20px}.guidelines-summary li{margin:8px 0;color:var(--dm-text-secondary);font-size:14px}.benefits-box{background:#5865f20d;border:1px solid rgba(88,101,242,.2);border-radius:8px;padding:20px;margin-bottom:24px}.benefits-box h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--dm-text-primary)}.benefits-box ul{margin:0;padding-left:20px}.benefits-box li{margin:10px 0;color:var(--dm-text-secondary);font-size:14px}.benefits-box li strong{color:var(--dm-text-primary)}.community-status{text-align:center;padding:32px 0}.status-icon{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-icon.community-enabled{background:#3ba55c1a;color:#3ba55c}.community-status h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--dm-text-primary)}.community-status p{margin:0;color:var(--dm-text-secondary);font-size:14px}.community-features{background:var(--dm-bg-secondary);border-radius:8px;padding:20px;margin-bottom:24px}.community-features h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--dm-text-primary)}.community-features ul{margin:0;padding-left:20px}.community-features li{margin:8px 0;color:var(--dm-text-secondary);font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--dm-border-primary)}.analytics-header-controls{display:flex;gap:12px;align-items:center}.header-refresh-btn{display:inline-flex;align-items:center;gap:6px}.analytics-content{padding:32px 32px 100px;margin:0 auto;background:var(--dm-bg-darker);height:100%;overflow:auto}.analytics-query-builder{margin-bottom:32px;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a}.analytics-query-builder .card-header{padding:16px 24px;border-bottom:1px solid var(--dm-border-primary);display:flex;justify-content:space-between;align-items:center}.analytics-query-builder .card-content{padding:24px}.query-section{flex:1;min-width:200px}.query-label{display:block;color:var(--dm-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px;letter-spacing:.08em}.query-select{width:100%;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);color:var(--dm-text-primary);padding:8px 12px;border-radius:6px;font-size:14px;transition:var(--dm-transition-fast)}.query-select:hover{border-color:var(--dm-accent-primary)}.query-select:focus{outline:none;border-color:var(--dm-accent-primary);box-shadow:0 0 0 3px #5090d326}.analytics-chart-container{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a}.analytics-chart-container .card-header{padding:16px 24px;border-bottom:1px solid var(--dm-border-primary);display:flex;justify-content:space-between;align-items:center}.analytics-chart-container .card-content{padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-title{color:var(--dm-text-primary);font-size:18px;font-weight:600;margin:0}.save-to-dashboard-btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:var(--dm-transition-fast)}.save-to-dashboard-btn:hover{opacity:.9;transform:translateY(-1px)}.save-to-dashboard-btn:active{transform:translateY(0)}.chart-content{min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}.chart-content.loading{opacity:.5}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{color:var(--dm-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--dm-text-secondary);font-size:14px;margin:0}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.analytics-loading .spinner{width:40px;height:40px;border:3px solid rgba(80,144,211,.2);border-top-color:var(--dm-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state{color:var(--dm-text-secondary);font-size:14px;margin:0}.analytics-section{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--dm-border-primary)}.analytics-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.query-actions{display:flex;align-items:flex-end;min-width:auto}.query-actions .dm-button-accent{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-top:28px}.card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dm-text-secondary)}.chip-col-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.action-icon-btn{background:transparent;border:none;color:var(--dm-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:var(--dm-transition-fast);display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{background:#ffffff1a;color:var(--dm-text-primary)}@media (max-width: 768px){.analytics-content{padding:16px}.analytics-section{margin-bottom:32px;padding-bottom:32px}.analytics-query-builder .card-content,.analytics-chart-container .card-content{padding:16px}.query-section{min-width:100%}.query-actions{width:100%}.query-actions .dm-button-accent{width:100%;justify-content:center}.analytics-header-controls{flex-wrap:wrap;gap:8px}.analytics-header-controls button{flex:1;min-width:120px}.save-to-dashboard-btn{width:100%;justify-content:center}}html{scroll-behavior:smooth}.app-stats-container{background:var(--dm-bg-panel);border:1px solid var(--dm-bg-bar);border-radius:8px;padding:24px;margin-bottom:32px}.app-stats-container h3{font-size:16px;font-weight:600;color:var(--dm-text-header);margin:0 0 20px}.stats-row{display:flex;flex-wrap:wrap;gap:32px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;font-weight:500;color:#737373;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:600;color:var(--dm-text-header)}.installed-servers{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.server-chip-container{position:relative}.server-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:20px;cursor:pointer;transition:all .15s ease}.server-chip:hover{background:var(--dm-bg-bar);border-color:#404040}.server-chip.test-server{background:var(--dm-bg-bar);border-color:#4ade80}.server-chip-icon{width:20px;height:20px;border-radius:50%;background:var(--dm-bg-bar);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.server-chip-icon img{width:100%;height:100%;object-fit:cover}.server-chip-icon span{font-size:11px;font-weight:600;color:var(--dm-text-secondary)}.server-chip-name{font-size:13px;font-weight:500;color:var(--dm-text-header)}.test-server-badge{font-size:11px;font-weight:600;color:#4ade80;background:#4ade801a;padding:2px 8px;border-radius:10px;margin-left:4px}.available-servers{display:flex;flex-wrap:wrap;gap:12px}.server-chip-add{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--dm-bg-panel);border:1px solid var(--dm-bg-bar);border-radius:20px;cursor:pointer;transition:all .15s ease}.server-chip-add:hover{background:var(--dm-bg-bar);border-color:#4ade80}.add-icon{font-size:18px;font-weight:400;color:#4ade80}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-time{font-size:12px;color:#737373}.activity-text{font-size:13px;color:var(--dm-text-header)}.activity-text.success{color:#4ade80}.activity-text.error{color:#ef4444}.metrics-placeholder{background:var(--dm-bg-panel);border:1px solid var(--dm-bg-bar);border-radius:8px;padding:48px;text-align:center;color:#737373}.loading-state{text-align:center;padding:40px;color:#737373;font-size:14px}.empty-state{text-align:center;padding:40px;color:#737373}.empty-state p{margin:0 0 8px;color:#737373}.empty-state p:first-child{font-size:16px;color:var(--dm-text-secondary);font-weight:500}.error-banner{background-color:#dc26261a;color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;border:1px solid rgba(220,38,38,.2)}.special-table-subtitle{font-size:13px;color:#737373;margin:0}.executions-card .card-header{display:flex;justify-content:space-between;align-items:center}.see-all-link{color:#888;text-decoration:none;font-size:13px;padding:2px 12px 0;border:1px solid #444;border-radius:20px;transition:all .2s}.see-all-link:hover{color:var(--dm-text-primary);border-color:#666}.execution-main{display:flex;align-items:flex-end;gap:8px}.execution-number{font-size:84px;font-weight:300;line-height:.8;color:var(--dm-text-primary);margin-bottom:5px}.execution-subtitle{font-size:16px;font-style:italic;color:var(--dm-text-secondary);padding-bottom:8px}.execution-progress-container{width:100%}.execution-progress-bar{width:100%;height:8px;background-color:#416233;border-radius:2px;margin-bottom:10px;overflow:hidden}.execution-progress-fill{height:100%;background-color:#83c566;border-radius:2px;transition:width .3s ease}.execution-breakdown{position:relative}.execution-breakdown:before{content:"";position:absolute;left:0;top:-18.3px;height:calc(100% + 5px);width:2px;background-color:#444}.execution-stat{display:flex;align-items:center;margin-bottom:3px;position:relative}.execution-stat.last{margin-bottom:0}.tree-connector{position:absolute;left:0;top:0;width:16px;height:100%}.tree-vertical{position:absolute;left:0;top:0;width:2px;height:100%;background-color:#444}.tree-vertical-half{position:absolute;left:0;top:0;width:2px;height:50%;background-color:#444}.tree-horizontal{position:absolute;left:0;top:50%;width:16px;height:2px;background-color:#444;transform:translateY(-50%)}.execution-stat-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:24px}.execution-stat-label{color:var(--dm-text-secondary);font-size:14px}.execution-stat-value{color:var(--dm-text-primary);font-weight:600;font-size:14px}.execution-stat-value.success{color:#83c566}.execution-stat-value.error{color:#f1645c}.metrics-grid{display:flex;flex-direction:column;gap:16px}.metric-item{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:14px;color:var(--dm-text-secondary);font-weight:400}.metric-value{font-size:14px;font-weight:600;color:var(--dm-text-header);font-variant-numeric:tabular-nums}.stat-column{display:flex;flex-direction:column;gap:12px}.stat-row-item{display:flex;justify-content:space-between;align-items:baseline;position:relative;padding-left:0}.stat-row-item.tree-branch{padding-left:20px}.stat-row-item.tree-branch:before{content:"├─";position:absolute;left:0;color:#404040;font-weight:400}.stat-row-item.tree-branch.last:before{content:"└─"}.stat-professional-label{font-size:13px;color:var(--dm-text-secondary);font-weight:400;letter-spacing:.02em}.stat-professional-value{font-size:14px;font-weight:600;color:var(--dm-text-header);font-variant-numeric:tabular-nums}.stat-professional-value.success{color:#4ade80}.stat-professional-value.error{color:#ef4444}.stat-professional-value.deployed{color:#4ade80}.stat-professional-value.not-deployed{color:#737373}.component-tree{height:100%;background:var(--dm-bg-secondary);border-right:1px solid var(--dm-border-primary);display:flex;flex-direction:column;position:relative;transition:margin-left .3s ease,width .3s ease}.component-tree.collapsed{margin-left:-280px;width:0;overflow:visible}.component-tree-header{padding:16px 40px 11px 16px;border-bottom:1px solid var(--dm-border-primary);border-top:1px solid var(--dm-border-primary);display:flex;justify-content:space-between;align-items:center;position:relative}.component-tree-header h4{margin:0;color:var(--dm-text-primary);font-size:16px;font-weight:600}.header-buttons{display:flex;align-items:center;gap:8px}.collapse-all-btn{background:none;border:none;color:var(--dm-text-secondary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--dm-transition-fast)}.collapse-all-btn:hover{background:var(--dm-accent-hover);color:var(--dm-text-primary)}.component-search{padding:8px 16px;border-bottom:1px solid var(--dm-border-primary)}.search-input{width:100%;padding:8px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none;transition:var(--dm-transition-fast)}.component-tree-content{flex:1;overflow-y:auto;padding:8px 0 64px}.category-header{display:flex;align-items:center;padding:8px 16px 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;margin-bottom:0!important}.category-header:hover{background:var(--dm-accent-hover)}.category-icon{font-family:monospace;color:var(--dm-text-secondary);margin-right:8px;font-size:14px}.category-name{flex:1;color:var(--dm-text-primary);font-size:14px;font-weight:500}.category-count{background:var(--dm-bg-tertiary);color:var(--dm-text-secondary);padding:2px 8px;border-radius:10px;font-size:12px;display:flex;align-items:center;gap:6px}.category-count-number{transform:translateY(1px)}.category-chevron{color:var(--dm-text-secondary);flex-shrink:0}.component-item{display:flex;align-items:center;padding:6px 16px 6px 24px;cursor:pointer;transition:0;color:var(--dm-text-secondary);font-size:14px}.component-item:hover{background:var(--dm-accent-hover);color:var(--dm-text-primary)}.component-item[draggable=true]{cursor:grab}.component-item[draggable=true]:active{cursor:grabbing;opacity:.5}.component-indent{font-family:monospace;color:var(--dm-text-secondary);margin-right:8px;white-space:pre}.component-name{flex:1}.favorite-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--dm-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--dm-transition-fast);opacity:0}.component-item:hover .favorite-btn{opacity:1}.favorite-btn:hover{background:var(--dm-accent-hover);color:var(--dm-text-secondary)}.favorite-btn.active{color:var(--dm-text-accent);opacity:1}.favorite-btn.active:hover{color:var(--dm-text-accent);background:var(--dm-accent-hover)}.component-tree-footer{padding:12px 16px;border-top:1px solid var(--dm-border-primary)}.hint{color:var(--dm-text-secondary);font-size:12px;text-align:center;margin:0}.component-tree-loading,.component-tree-error{padding:20px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.component-tree-error{color:#ed4245}.retry-button{display:block;margin:12px auto 0;padding:6px 16px;background:var(--dm-accent-primary);color:var(--dm-text-primary);border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:var(--dm-transition-fast)}.retry-button:hover{background:var(--dm-accent-primary);opacity:.8}.component-tree-content::-webkit-scrollbar{width:8px}.component-tree-content::-webkit-scrollbar-track{background:var(--dm-bg-secondary)}.component-tree-content::-webkit-scrollbar-thumb{background:var(--dm-bg-tertiary);border-radius:4px}.component-tree-content::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.designer-sidebar-toggle{position:absolute;left:247px!important;top:50%;transform:translateY(-50%);width:32px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dm-text-secondary);transition:all .2s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-right:none;border-radius:3px 0 0 3px/3px 0px 0px 3px;padding:0;margin:0}.designer-sidebar-toggle:hover{background:var(--dm-accent-hover);color:var(--dm-text-primary)}.designer-sidebar-toggle svg{display:block;flex-shrink:0}.designer-sidebar-toggle.collapsed{background:#eaeaea;color:#000;border:1px solid #3f4147;border-left:none;box-shadow:0 2px 8px #0000004d;border-radius:0 3px 3px 0/0px 3px 3px 0px;left:280px!important;padding-left:5px;justify-content:flex-start;top:25px}.designer-sidebar-toggle.collapsed:hover{background:#e2e2e2}.app-designer-canvas{position:absolute;inset:0;background-color:var(--dm-bg-tertiary);overflow:hidden;cursor:default}.designer-canvas-container .app-designer-canvas{position:relative;width:100%;height:100%}.app-designer-canvas.panning{cursor:grabbing}.connections-layer{pointer-events:none}.connections-layer .connection-path{pointer-events:stroke;cursor:pointer;transition:all .2s ease;stroke-linecap:square;stroke-linejoin:miter}.connections-layer .connection-path:hover{stroke:var(--dm-accent-primary);stroke-width:3;filter:drop-shadow(0 0 3px var(--dm-accent-primary))}.connections-layer .connection-path.highlighted{stroke:#5090d3;stroke-width:3;filter:drop-shadow(0 0 6px #5090d3)}.nodes-layer{pointer-events:auto}.designer-node{position:absolute;width:200px;background:var(--dm-bg-secondary);border:2px solid var(--dm-border-primary);border-radius:8px;cursor:pointer;transition:var(--dm-transition-fast);-webkit-user-select:none;user-select:none}.designer-node.dragging-source{cursor:grabbing;opacity:.5}.designer-node:hover{box-shadow:0 4px 12px var(--dm-shadow-primary)}.designer-node.selected{box-shadow:0 0 0 2px var(--dm-accent-primary)}.ghost-node{position:absolute;width:200px;height:70px;background:var(--dm-bg-tertiary);border:2px dashed var(--dm-border-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:opacity .1s ease,transform .1s ease,border-color .1s ease,background .1s ease;-webkit-user-select:none;user-select:none;opacity:.6;cursor:pointer;will-change:transform,opacity}.ghost-node.hovered{opacity:1;border-color:var(--dm-accent-primary);background:var(--dm-bg-secondary);transform:scale(1.05)}.ghost-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--dm-text-secondary);pointer-events:none}.ghost-plus{font-size:24px;font-weight:300;line-height:1}.ghost-text{font-size:12px;text-align:center}.ghost-node.hovered .ghost-content{color:var(--dm-accent-primary)}.ghost-branch-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-secondary);background:var(--dm-bg-secondary);padding:2px 8px;border-radius:4px;pointer-events:none}.branch-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.node-header{padding:4px 8px;border-radius:6px 6px 0 0;font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--dm-text-primary);text-align:center}.node-content{padding:12px;color:var(--dm-text-primary);font-size:14px;text-align:center}.node-name{font-weight:500}.trash-zone{position:absolute;top:20px;left:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--dm-bg-tertiary);border:2px dashed var(--dm-border-primary);border-radius:8px;opacity:.3;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease;pointer-events:none;z-index:100;color:var(--dm-text-secondary);-webkit-user-select:none;user-select:none;will-change:transform,opacity}.trash-zone *{pointer-events:none}.trash-zone.dragging{opacity:.6;pointer-events:auto}.trash-zone.hovering{opacity:1;border-color:#5090d3;background:var(--dm-bg-secondary);transform:scale(1.05);color:#5090d3}.trash-zone .trash-icon{transition:transform .15s ease}.trash-zone.hovering .trash-icon{transform:scale(1.2)}.canvas-controls{position:absolute;bottom:7px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:9999;pointer-events:none}.canvas-controls .zoom-level{font-size:12px;color:var(--dm-text-secondary);font-weight:500;margin:4px 0;text-align:center;min-width:50px;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);padding:4px 8px;border-radius:6px}.canvas-controls .canvas-instructions{margin-top:-4px;padding:8px 12px;border:1px solid var(--dm-border-primary);border-radius:8px;background:var(--dm-bg-secondary);text-align:center}.canvas-controls .canvas-instructions p{margin:2px 0;color:var(--dm-text-secondary);font-size:11px;white-space:nowrap}.canvas-instructions p{margin:0;color:var(--dm-text-secondary);font-size:12px}.node-preview-popup{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;box-shadow:0 4px 24px #00000080;max-width:600px;min-width:300px;animation:fadeIn .2s ease-out;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.node-preview-popup .preview-header{padding:12px 16px;border-bottom:1px solid var(--dm-border-primary);font-weight:600;color:var(--dm-text-primary);font-size:14px}.node-preview-popup .preview-content{padding:16px;max-height:400px;overflow-y:auto}.node-preview-popup .preview-empty{color:var(--dm-text-tertiary);text-align:center;padding:24px;font-style:italic}.node-preview-popup .preview-message-content{color:var(--dm-text-primary);margin-bottom:12px;white-space:pre-wrap;word-wrap:break-word}.node-preview-popup .preview-embed{display:flex;margin-bottom:12px;background:var(--dm-bg-tertiary);border-radius:4px;overflow:hidden}.node-preview-popup .embed-color-pill{width:4px;flex-shrink:0}.node-preview-popup .embed-content{flex:1;padding:12px}.node-preview-popup .embed-author{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--dm-text-secondary)}.node-preview-popup .embed-author img{width:20px;height:20px;border-radius:50%}.node-preview-popup .embed-title{font-weight:600;color:var(--dm-text-primary);margin-bottom:4px}.node-preview-popup .embed-description{color:var(--dm-text-secondary);font-size:14px;line-height:1.4;margin-bottom:8px}.node-preview-popup .embed-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}.node-preview-popup .embed-field{min-width:0}.node-preview-popup .embed-field.inline{grid-column:span 1}.node-preview-popup .embed-field:not(.inline){grid-column:1 / -1}.node-preview-popup .embed-field-name{font-weight:600;color:var(--dm-text-primary);font-size:13px;margin-bottom:2px}.node-preview-popup .embed-field-value{color:var(--dm-text-secondary);font-size:13px}.node-preview-popup .embed-thumbnail{float:right;margin-left:16px;margin-bottom:8px}.node-preview-popup .embed-thumbnail img{max-width:80px;max-height:80px;border-radius:4px}.node-preview-popup .embed-image img{max-width:100%;max-height:300px;border-radius:4px;margin-top:8px}.node-preview-popup .embed-footer{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--dm-text-tertiary)}.node-preview-popup .embed-footer img{width:16px;height:16px;border-radius:50%}.node-preview-popup .preview-component{margin-bottom:8px}.node-preview-popup .preview-component-default{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;padding:8px 12px}.node-preview-popup .preview-component-type{color:var(--dm-text-secondary);font-size:13px}.node-preview-popup .preview-container{background:var(--dm-bg-tertiary);border-left:4px solid;border-radius:4px;padding:12px;position:relative}.node-preview-popup .preview-spoiler{background:#202225;color:var(--dm-text-secondary);padding:2px 6px;border-radius:3px;font-size:12px;position:absolute;top:8px;right:8px}.node-preview-popup .preview-action-row{display:flex;gap:8px;flex-wrap:wrap}.node-preview-popup .preview-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:default;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.node-preview-popup .preview-button.primary{background:#5865f2;color:var(--dm-text-primary)}.node-preview-popup .preview-button.secondary{background:#4f545c;color:var(--dm-text-primary)}.node-preview-popup .preview-button.success{background:#3ba55d;color:var(--dm-text-primary)}.node-preview-popup .preview-button.danger{background:#ed4245;color:var(--dm-text-primary)}.node-preview-popup .preview-button.link{background:transparent;color:#00aff4}.node-preview-popup .preview-button.disabled{opacity:.5;cursor:not-allowed}.node-preview-popup .preview-button-emoji{font-size:16px}.node-preview-popup .preview-select{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;min-width:200px;cursor:default}.node-preview-popup .preview-select.disabled{opacity:.5;cursor:not-allowed}.node-preview-popup .preview-select-placeholder{color:var(--dm-text-tertiary);font-size:14px}.node-preview-popup .preview-select-arrow{color:var(--dm-text-tertiary);font-size:12px}.node-preview-popup .preview-section{display:flex;gap:12px;margin-bottom:8px;align-items:flex-start}.node-preview-popup .preview-section-content{flex:1;display:flex;flex-direction:column;gap:4px}.node-preview-popup .preview-section-accessory{flex-shrink:0}.node-preview-popup .preview-text{color:var(--dm-text-primary);font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;margin-bottom:4px}.node-preview-popup .preview-separator{margin:8px 0}.node-preview-popup .preview-separator.small{margin:4px 0}.node-preview-popup .preview-separator.large{margin:16px 0}.node-preview-popup .preview-separator hr{border:none;border-top:1px solid var(--dm-border-primary);margin:0}.node-preview-popup .preview-thumbnail{width:80px;height:80px;flex-shrink:0}.node-preview-popup .preview-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:4px}.node-preview-popup .preview-file{display:flex;align-items:center;gap:12px;background:var(--dm-bg-tertiary);padding:12px;border-radius:6px;margin-bottom:8px}.node-preview-popup .preview-file-icon{font-size:24px}.node-preview-popup .preview-file-info{display:flex;flex-direction:column;gap:2px}.node-preview-popup .preview-file-name{color:#00aff4;font-weight:500;font-size:14px}.node-preview-popup .preview-file-size{color:var(--dm-text-secondary);font-size:12px}.node-preview-popup .preview-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:8px}.node-preview-popup .preview-media-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px}.node-preview-popup .preview-media-item img{width:100%;height:100%;object-fit:cover}.node-preview-popup .preview-video{position:relative;width:100%;height:100%}.node-preview-popup .preview-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none}.zoom-btn{width:36px;height:36px;border:1px solid var(--dm-border-primary);background:var(--dm-bg-tertiary);color:var(--dm-text-primary);border-radius:6px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:var(--dm-transition-fast);pointer-events:auto}.zoom-btn:hover{background:var(--dm-accent-primary);border-color:var(--dm-accent-primary)}.zoom-btn svg{width:18px;height:18px}.zoom-level{color:var(--dm-text-primary);font-size:14px;min-width:50px;text-align:center}.canvas-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--dm-text-secondary);font-size:16px;pointer-events:none;z-index:1}.canvas-placeholder p{margin:8px 0}.temp-connection{pointer-events:none}.channel-field-container{position:relative;width:100%}.channel-field-input{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;cursor:pointer;transition:all .2s ease;min-height:36px}.channel-field-input:hover{border-color:var(--dm-accent-primary)}.channel-field-input.active{border-color:var(--dm-accent-primary);box-shadow:0 0 0 3px var(--dm-accent-secondary)}.channel-field-input.variable-mode{cursor:text;background:var(--dm-body-bg)}.selected-value{flex:1;color:var(--dm-text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-input{flex:1;background:transparent;border:none;color:var(--dm-text-primary);font-size:14px;outline:none;font-family:Consolas,Monaco,monospace}.dropdown-arrow{color:var(--dm-text-secondary);font-size:12px;margin-left:8px;transition:transform .2s ease}.channel-field-input.active .dropdown-arrow{transform:rotate(180deg)}.channel-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;box-shadow:0 8px 16px #0000003d;z-index:1000;max-height:350px;display:flex;flex-direction:column}.channel-search{padding:12px;border-bottom:1px solid var(--dm-border-primary)}.search-input{width:100%;padding:8px 12px;background:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none;transition:border-color .2s ease}.channel-group{padding:0 8px;margin-bottom:12px}.channel-group:last-child{margin-bottom:0}.channel-group-label{font-size:12px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;padding:4px 8px;margin-bottom:4px}.channel-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s ease;color:var(--dm-text-secondary)}.channel-item:hover{background:var(--dm-bg-secondary);color:var(--dm-text-primary)}.channel-item.selected{background:var(--dm-border-primary);color:var(--dm-text-primary)}.channel-icon{width:20px;text-align:center;margin-right:8px;font-size:14px;color:var(--dm-text-secondary)}.channel-item:hover .channel-icon,.channel-item.selected .channel-icon{color:var(--dm-text-secondary)}.channel-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-channels,.loading{padding:24px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.channel-footer{border-top:1px solid var(--dm-border-primary);padding:8px}.use-variable-btn{width:100%;padding:8px 12px;background:transparent;border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-accent-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.use-variable-btn:hover{background:var(--dm-bg-secondary);border-color:var(--dm-accent-primary)}.load-more{padding:8px 16px;border-top:1px solid var(--dm-border-primary)}.channel-list::-webkit-scrollbar{width:8px}.channel-list::-webkit-scrollbar-track{background:var(--dm-bg-tertiary)}.channel-list::-webkit-scrollbar-thumb{background:var(--dm-bg-secondary);border-radius:4px}.channel-list::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.selected-channels-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.selected-channel-tag{display:inline-flex;align-items:center;gap:6px;background:var(--dm-border-primary);border-radius:4px;padding:4px 8px;font-size:13px;color:var(--dm-text-primary)}.selected-channel-tag .channel-icon{width:14px;margin-right:0;font-size:12px}.remove-channel-btn{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:0 2px;margin-left:2px;transition:color .2s ease}.remove-channel-btn:hover{color:var(--dm-text-error)}.channel-check{margin-left:auto;color:var(--dm-text-success);font-size:14px;font-weight:700}.variable-value{color:var(--dm-text-success);font-family:Consolas,Monaco,monospace;font-size:13px}.parameters-field{width:100%}.parameters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.parameters-label{font-size:14px;font-weight:600;color:#dcddde}.add-parameter-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#5865f2;color:var(--dm-text-primary);border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-parameter-button:hover{background-color:#4752c4}.add-parameter-button svg{width:16px;height:16px}.field-description{display:block;color:#a3a6aa;font-size:12px;margin-bottom:12px}.parameters-list{display:flex;flex-direction:column;gap:12px}.parameter-item{background-color:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:8px;padding:16px}.parameter-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}.parameter-name{flex:1;padding:8px 12px;background-color:#202225;border:1px solid #040405;border-radius:4px;color:#dcddde;font-size:14px}.parameter-name:focus{outline:none;border-color:#5865f2}.parameter-type{min-width:150px;padding:8px 12px;background-color:#202225;border:1px solid #040405;border-radius:4px;color:#dcddde;font-size:14px;cursor:pointer}.parameter-type:focus{outline:none;border-color:#5865f2}.parameter-required{display:flex;align-items:center;gap:6px;color:#dcddde;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.parameter-required input[type=checkbox]{width:16px;height:16px;accent-color:#5865f2;cursor:pointer}.remove-parameter-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:4px;color:#ed4245;cursor:pointer;transition:background-color .2s}.remove-parameter-button:hover{background-color:#ed42451a}.remove-parameter-button svg{width:16px;height:16px}.parameter-description{width:100%;padding:8px 12px;background-color:#202225;border:1px solid #040405;border-radius:4px;color:#dcddde;font-size:14px;resize:vertical;min-height:60px;font-family:inherit}.parameter-description:focus{outline:none;border-color:#5865f2}.parameter-choices{margin-top:12px;padding-top:12px;border-top:1px solid #202225}.choices-label{display:block;font-size:12px;font-weight:600;color:#a3a6aa;margin-bottom:8px}.choices-list{display:flex;flex-direction:column;gap:8px}.choice-item{display:flex;gap:8px;align-items:center}.choice-item input{flex:1;padding:6px 12px;background-color:#202225;border:1px solid #040405;border-radius:4px;color:#dcddde;font-size:14px}.choice-item input:focus{outline:none;border-color:#5865f2}.remove-choice-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:transparent;border:none;border-radius:4px;color:#ed4245;cursor:pointer;transition:background-color .2s}.remove-choice-button:hover{background-color:#ed42451a}.remove-choice-button svg{width:14px;height:14px}.add-choice-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:transparent;border:1px solid #4f545c;border-radius:4px;color:var(--dm-text-secondary);font-size:12px;cursor:pointer;transition:all .2s;align-self:flex-start}.add-choice-button:hover{background-color:#4f545c;color:#dcddde}.add-choice-button svg{width:14px;height:14px}.empty-parameters{text-align:center;padding:24px;color:var(--dm-text-secondary);font-size:14px;background-color:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:8px}.node-config-time-field{position:relative;width:100%}.time-field-input{width:100%;padding:8px 12px;background-color:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.time-field-input:hover{border-color:var(--dm-accent-primary);background-color:var(--dm-bg-tertiary)}.time-field-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-field-icon{width:16px;height:16px;margin-left:8px;color:var(--dm-text-secondary);flex-shrink:0}.time-field-dropdown-container{position:absolute;top:100%;left:0;right:0;margin-top:4px;z-index:1000}.time-field-dropdown{background-color:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:4px;box-shadow:0 8px 16px #0000003d;overflow:hidden}.time-field-tabs{display:flex;background-color:var(--dm-bg-secondary);border-bottom:1px solid var(--dm-border-primary)}.time-field-tab{flex:1;padding:12px;background:none;border:none;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.time-field-tab:hover{color:var(--dm-text-primary);background-color:var(--dm-bg-tertiary)}.time-field-tab.active{color:var(--dm-text-primary);background-color:var(--dm-accent-primary)}.tab-icon{width:16px;height:16px}.calendar-container{padding:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-nav-button{width:32px;height:32px;background:none;border:none;color:var(--dm-text-primary);font-size:20px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.calendar-nav-button:hover{background-color:var(--dm-border-primary)}.calendar-month-year{font-size:16px;font-weight:600;color:var(--dm-text-primary)}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-day-name{text-align:center;font-size:12px;font-weight:500;color:var(--dm-text-secondary);padding:4px}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;background:none;border:none;color:var(--dm-text-primary);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.calendar-day:hover:not(:disabled){background-color:var(--dm-border-primary)}.calendar-day.other-month{color:var(--dm-text-secondary);opacity:.5}.calendar-day.today{background-color:var(--dm-border-primary);font-weight:600}.calendar-day.selected{background-color:var(--dm-accent-primary);color:var(--dm-text-primary)}.calendar-day.past{opacity:.5;cursor:not-allowed}.calendar-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--dm-border-primary);display:flex;justify-content:center}.calendar-today-button{padding:6px 16px;background-color:var(--dm-border-primary);border:none;border-radius:4px;color:var(--dm-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-today-button:hover{background-color:var(--dm-border-secondary)}.time-container{padding:16px}.time-label{font-size:14px;font-weight:600;color:var(--dm-text-primary);margin-bottom:16px;text-align:center}.time-selectors{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.time-selector{display:flex;flex-direction:column;align-items:center}.time-unit-label{font-size:12px;color:var(--dm-text-secondary);margin-bottom:8px}.time-select{width:80px;padding:8px;background-color:var(--dm-border-primary);border:1px solid var(--dm-border-secondary);border-radius:4px;color:var(--dm-text-primary);font-size:18px;font-weight:600;text-align:center;cursor:pointer}.time-select:focus{outline:none;border-color:var(--dm-accent-primary)}.time-separator{font-size:24px;font-weight:600;color:var(--dm-text-secondary);margin-top:20px}.time-display{text-align:center;font-size:24px;font-weight:600;color:var(--dm-accent-primary);padding:12px;background-color:var(--dm-bg-secondary);border-radius:4px}.cron-field-dropdown{padding:16px}.cron-input-container{margin-bottom:16px}.cron-label{display:block;font-size:14px;font-weight:600;color:var(--dm-text-primary);margin-bottom:8px}.cron-input{width:100%;padding:8px 12px;background-color:var(--dm-border-primary);border:1px solid var(--dm-border-secondary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;font-family:Consolas,Monaco,monospace}.cron-input:focus{outline:none;border-color:var(--dm-accent-primary)}.cron-presets{margin-bottom:16px}.cron-preset-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cron-preset-button{padding:8px 12px;background-color:var(--dm-border-primary);border:1px solid transparent;border-radius:4px;color:var(--dm-text-primary);font-size:13px;cursor:pointer;text-align:left;transition:all .2s ease}.cron-preset-button:hover{background-color:var(--dm-border-secondary)}.cron-preset-button.selected{background-color:var(--dm-accent-primary);color:var(--dm-text-primary)}.cron-help{padding:12px;background-color:var(--dm-bg-secondary);border-radius:4px;margin-bottom:16px}.cron-help-text{font-size:12px;color:var(--dm-text-secondary);margin:4px 0}.dropdown-footer{padding:12px 16px;background-color:var(--dm-bg-secondary);border-top:1px solid var(--dm-border-primary);display:flex;justify-content:flex-end}.dropdown-done-button{padding:8px 24px;background-color:var(--dm-accent-primary);border:none;border-radius:4px;color:var(--dm-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dropdown-done-button:hover{background-color:var(--dm-accent-primary);opacity:.8}.timezone-field-container{margin-bottom:20px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--dm-text-secondary);margin-bottom:8px;text-transform:uppercase}.field-label .required{color:var(--dm-text-error);margin-left:4px}.field-description{font-size:14px;color:var(--dm-text-secondary);margin-bottom:8px;line-height:1.5}.timezone-dropdown{position:relative}.timezone-dropdown-trigger{width:100%;padding:10px 12px;background-color:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s,background-color .2s}.timezone-dropdown-trigger:hover:not(:disabled){border-color:var(--dm-accent-primary)}.timezone-dropdown-trigger.active{border-color:var(--dm-accent-primary)}.timezone-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.timezone-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{margin-left:8px;transition:transform .2s}.timezone-dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.timezone-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;background-color:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;box-shadow:0 4px 8px #0000004d;z-index:1000;display:flex;flex-direction:column}.timezone-search{padding:12px;border-bottom:1px solid var(--dm-border-primary)}.timezone-search-input{width:100%;padding:8px 12px;background-color:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none;transition:border-color .2s}.timezone-search-input:focus{border-color:var(--dm-accent-primary)}.timezone-search-input::placeholder{color:var(--dm-text-secondary)}.timezone-list{flex:1;overflow-y:auto;padding:8px 0}.timezone-no-results{padding:20px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.timezone-group{margin-bottom:8px}.timezone-group-header{padding:4px 12px;font-size:12px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase}.timezone-option{width:100%;padding:8px 12px;background-color:transparent;border:none;color:var(--dm-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s}.timezone-option:hover{background-color:var(--dm-bg-secondary)}.timezone-option.selected{background-color:var(--dm-border-primary);color:var(--dm-accent-primary)}.timezone-list::-webkit-scrollbar{width:8px}.timezone-list::-webkit-scrollbar-track{background:transparent}.timezone-list::-webkit-scrollbar-thumb{background-color:var(--dm-bg-secondary);border-radius:4px}.timezone-list::-webkit-scrollbar-thumb:hover{background-color:var(--dm-border-primary)}.roles-field-container{position:relative;width:100%}.roles-field-input{display:flex;align-items:center;justify-content:space-between;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;min-height:40px}.roles-field-input:hover{border-color:var(--dm-accent-primary)}.roles-field-input.active{border-color:var(--dm-accent-primary);box-shadow:0 0 0 2px var(--dm-accent-quaternary)}.roles-field-input.variable-mode{cursor:text}.selected-value{display:flex;align-items:center;gap:8px;color:var(--dm-text-primary);flex:1}.placeholder-text{color:var(--dm-text-secondary)}.variable-value{color:var(--dm-accent-primary);font-family:Consolas,Monaco,monospace}.variable-input{flex:1;background:transparent;border:none;outline:none;color:var(--dm-accent-primary);font-family:Consolas,Monaco,monospace;font-size:14px}.dropdown-arrow{color:var(--dm-text-secondary);font-size:12px;transition:transform .2s ease}.roles-field-input.active .dropdown-arrow{transform:rotate(180deg)}.roles-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:4px;box-shadow:0 8px 16px #0000003d;max-height:300px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;animation:dropdownOpen .2s ease}.roles-search{padding:12px;border-bottom:1px solid var(--dm-border-secondary)}.search-input{width:100%;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-secondary);border-radius:4px;padding:8px 12px;color:var(--dm-text-primary);outline:none;font-size:14px}.search-input:focus{border-color:var(--dm-accent-primary)}.search-input::placeholder{color:var(--dm-text-secondary)}.roles-list{flex:1;overflow-y:auto;padding:8px 0}.loading,.no-roles{padding:20px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.role-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:background-color .1s ease}.role-item:hover{background-color:var(--dm-bg-secondary)}.role-item.selected{background-color:var(--dm-accent-light)}.role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-name{color:var(--dm-text-primary);font-size:14px;flex:1}.role-check{color:var(--dm-accent-primary);font-weight:700}.roles-footer{border-top:1px solid var(--dm-border-secondary);padding:8px}.use-variable-btn{width:100%;background:transparent;border:1px solid var(--dm-accent-tertiary);border-radius:4px;padding:8px 12px;color:var(--dm-accent-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.use-variable-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-quaternary)}.selected-roles-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.selected-role-tag{display:inline-flex;align-items:center;gap:6px;background:var(--dm-accent-hover);border:1px solid var(--dm-accent-tertiary);border-radius:12px;padding:4px 8px;font-size:13px}.selected-role-tag .role-color-dot{width:8px;height:8px}.remove-role-btn{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:2px;transition:color .1s ease}.remove-role-btn:hover{color:var(--dm-text-primary)}.roles-list::-webkit-scrollbar{width:8px}.roles-list::-webkit-scrollbar-track{background:transparent}.roles-list::-webkit-scrollbar-thumb{background:var(--dm-bg-secondary);border-radius:4px}.roles-list::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.load-more{padding:8px 16px;border-top:1px solid var(--dm-border-secondary)}.load-more-btn{width:100%;background:transparent;border:1px solid var(--dm-accent-tertiary);border-radius:4px;padding:8px 12px;color:var(--dm-accent-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.load-more-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-quaternary)}.permissions-field-container{position:relative;width:100%}.permissions-field-input{display:flex;align-items:center;justify-content:space-between;background:#2f3136cc;border:1px solid rgba(41,43,47,.9);border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;min-height:40px}.permissions-field-input:hover{border-color:#5865f2}.permissions-field-input.active{border-color:#5865f2;box-shadow:0 0 0 2px #5865f240}.permissions-field-input.variable-mode{cursor:text}.selected-value{display:flex;align-items:center;gap:8px;color:#dcddde;flex:1}.placeholder-text{color:#72767d}.variable-value{color:#7289da;font-family:Consolas,Monaco,monospace}.variable-input{flex:1;background:transparent;border:none;outline:none;color:#7289da;font-family:Consolas,Monaco,monospace;font-size:14px}.dropdown-arrow{color:#72767d;font-size:12px;transition:transform .2s ease}.permissions-field-input.active .dropdown-arrow{transform:rotate(180deg)}.permissions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#2f3136;border:1px solid rgba(41,43,47,.9);border-radius:4px;box-shadow:0 8px 16px #0000003d;max-height:400px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;animation:dropdownOpen .2s ease}.permissions-search{padding:12px;border-bottom:1px solid rgba(41,43,47,.9)}.search-input{width:100%;background:#0003;border:1px solid rgba(41,43,47,.9);border-radius:4px;padding:8px 12px;color:#dcddde;outline:none;font-size:14px}.search-input:focus{border-color:#5865f2}.search-input::placeholder{color:#72767d}.permissions-list{flex:1;overflow-y:auto;padding:8px 0}.loading,.no-permissions{padding:20px;text-align:center;color:#72767d;font-size:14px}.permission-category{margin-bottom:8px}.category-header{padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;color:#96989d;background:#0000001a;letter-spacing:.5px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background-color .1s ease}.permission-item:hover{background-color:#4f545c66}.permission-item.selected{background-color:#5865f226}.permission-info{flex:1;display:flex;flex-direction:column;gap:2px}.permission-name{color:#dcddde;font-size:14px;font-weight:500}.permission-description{color:#72767d;font-size:12px;line-height:1.3}.permission-check{color:#5865f2;font-weight:700;margin-left:8px}.permissions-footer{border-top:1px solid rgba(41,43,47,.9);padding:8px}.use-variable-btn{width:100%;background:transparent;border:1px solid rgba(88,101,242,.3);border-radius:4px;padding:8px 12px;color:#7289da;cursor:pointer;font-size:14px;transition:all .2s ease}.use-variable-btn:hover{background:#5865f21a;border-color:#5865f280}.selected-permissions-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.selected-permission-tag{display:inline-flex;align-items:center;gap:6px;background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:12px;padding:4px 10px;font-size:13px}.remove-permission-btn{background:none;border:none;color:#72767d;cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:2px;transition:color .1s ease}.remove-permission-btn:hover{color:#dcddde}.permissions-list::-webkit-scrollbar{width:8px}.permissions-list::-webkit-scrollbar-track{background:#0000001a}.permissions-list::-webkit-scrollbar-thumb{background:#4f545c99;border-radius:4px}.permissions-list::-webkit-scrollbar-thumb:hover{background:#4f545ccc}.ncuf-users-field-container{position:relative;width:100%}.ncuf-users-field-input{display:flex;align-items:center;justify-content:space-between;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;min-height:40px}.ncuf-users-field-input:hover{border-color:var(--dm-accent-primary)}.ncuf-users-field-input.ncuf-active{border-color:var(--dm-accent-primary);box-shadow:0 0 0 2px var(--dm-accent-quaternary)}.ncuf-users-field-input.ncuf-variable-mode{cursor:text}.ncuf-selected-value{display:flex;align-items:center;gap:8px;color:var(--dm-text-primary);flex:1}.ncuf-placeholder-text{color:var(--dm-text-secondary)}.ncuf-variable-value{color:var(--dm-accent-primary);font-family:Consolas,Monaco,monospace}.ncuf-variable-input{flex:1;background:transparent;border:none;outline:none;color:var(--dm-accent-primary);font-family:Consolas,Monaco,monospace;font-size:14px}.ncuf-dropdown-arrow{color:var(--dm-text-secondary);font-size:12px;transition:transform .2s ease}.ncuf-users-field-input.ncuf-active .ncuf-dropdown-arrow{transform:rotate(180deg)}.ncuf-users-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-secondary);border-radius:4px;box-shadow:0 8px 16px #0000003d;max-height:350px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;animation:dropdownOpen .2s ease}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ncuf-users-search{padding:12px;border-bottom:1px solid var(--dm-border-secondary)}.ncuf-search-input{width:100%;background:var(--dm-bg-secondary);border:1px solid var(--dm-border-secondary);border-radius:4px;padding:8px 12px;color:var(--dm-text-primary);outline:none;font-size:14px}.ncuf-search-input:focus{border-color:var(--dm-accent-primary)}.ncuf-search-input::placeholder{color:var(--dm-text-secondary)}.ncuf-users-list{flex:1;overflow-y:auto;padding:8px 0}.ncuf-loading,.ncuf-no-users{padding:20px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.ncuf-users-section{margin-bottom:8px}.ncuf-users-section:last-child{margin-bottom:0}.ncuf-section-header{padding:6px 16px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--dm-text-secondary);letter-spacing:.5px}.ncuf-user-item{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:background-color .1s ease}.ncuf-user-item:hover{background-color:var(--dm-bg-secondary)}.ncuf-user-item.ncuf-selected{background-color:var(--dm-accent-light)}.ncuf-user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.ncuf-user-avatar-small{width:20px;height:20px;border-radius:50%;flex-shrink:0}.ncuf-user-info{flex:1;display:flex;align-items:center;gap:8px}.ncuf-user-name{color:var(--dm-text-primary);font-size:14px}.ncuf-bot-tag{background:var(--dm-accent-primary);color:var(--dm-text-primary);font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:uppercase}.ncuf-user-check{color:var(--dm-accent-primary);font-weight:700}.ncuf-users-footer{border-top:1px solid var(--dm-border-secondary);padding:8px}.ncuf-use-variable-btn{width:100%;background:transparent;border:1px solid var(--dm-accent-tertiary);border-radius:4px;padding:8px 12px;color:var(--dm-accent-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.ncuf-use-variable-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-quaternary)}.ncuf-load-more{padding:8px 16px;border-top:1px solid var(--dm-border-secondary)}.ncuf-load-more-btn{width:100%;background:transparent;border:1px solid var(--dm-accent-tertiary);border-radius:4px;padding:8px 12px;color:var(--dm-accent-primary);cursor:pointer;font-size:14px;transition:all .2s ease}.ncuf-load-more-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-quaternary)}.ncuf-selected-users-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.ncuf-selected-user-tag{display:inline-flex;align-items:center;gap:6px;background:var(--dm-accent-hover);border:1px solid var(--dm-accent-tertiary);border-radius:12px;padding:3px 8px 3px 3px;font-size:13px}.ncuf-selected-user-tag .ncuf-user-avatar-small{width:18px;height:18px}.ncuf-remove-user-btn{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:2px;transition:color .1s ease}.ncuf-remove-user-btn:hover{color:var(--dm-text-primary)}.ncuf-users-list::-webkit-scrollbar{width:8px}.ncuf-users-list::-webkit-scrollbar-track{background:transparent}.ncuf-users-list::-webkit-scrollbar-thumb{background:var(--dm-bg-secondary);border-radius:4px}.ncuf-users-list::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.embed-field-container{display:flex;gap:20px;width:100%;min-height:400px}.embed-builder{flex:1;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:8px;overflow:hidden}.embed-tabs{display:flex;background:var(--dm-body-bg);border-bottom:1px solid var(--dm-border-primary);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.embed-tabs::-webkit-scrollbar{height:4px}.embed-tabs::-webkit-scrollbar-track{background:transparent}.embed-tabs::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:2px}.embed-tabs::-webkit-scrollbar-thumb:hover{background:var(--dm-border-secondary)}.embed-tab{flex:0 0 auto;min-width:80px;padding:12px 16px;background:transparent;border:none;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.embed-tab:hover{color:var(--dm-text-primary);background:#ffffff05}.embed-tab.active{color:var(--dm-text-primary);background:var(--dm-bg-tertiary)}.embed-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--dm-accent-primary)}.embed-tab-content{padding:20px;max-height:500px;overflow-y:auto}.embed-form-section{display:flex;flex-direction:column;gap:16px}.embed-form-group{display:flex;flex-direction:column;gap:8px}.embed-form-group label{font-size:12px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase}.embed-form-group input[type=text],.embed-form-group input[type=url],.embed-form-group input[type=datetime-local],.embed-form-group textarea{padding:8px 12px;background:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none;transition:border-color .2s ease}.embed-form-group input:focus,.embed-form-group textarea:focus{border-color:var(--dm-accent-primary)}.embed-form-group textarea{resize:vertical;min-height:80px}.embed-form-group small{font-size:12px;color:var(--dm-text-secondary)}.color-input-wrapper{display:flex;gap:8px;align-items:center}.color-picker{width:40px;height:40px;border:1px solid var(--dm-border-primary);border-radius:4px;cursor:pointer;background:transparent}.color-text{flex:1;font-family:Consolas,Monaco,monospace}.fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fields-header h4{margin:0;color:var(--dm-text-primary);font-size:16px}.add-field-btn{padding:6px 12px;background:var(--dm-accent-primary);border:none;border-radius:4px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;transition:background .2s ease}.add-field-btn:hover{background:var(--dm-accent-primary);opacity:.8}.field-item{background:var(--dm-body-bg);border:1px solid var(--dm-border-primary);border-radius:4px;padding:12px;margin-bottom:12px}.field-controls{display:flex;gap:8px;align-items:center;margin-bottom:8px}.field-name-input{flex:1;padding:6px 10px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none}.field-value-input{width:100%;padding:8px 10px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary);font-size:14px;outline:none;resize:vertical}.inline-checkbox{display:flex;align-items:center;gap:6px;color:var(--dm-text-secondary);font-size:14px;cursor:pointer}.inline-checkbox input[type=checkbox]{cursor:pointer}.remove-field-btn{width:24px;height:24px;background:transparent;border:1px solid var(--dm-text-error);border-radius:4px;color:var(--dm-text-error);font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease}.remove-field-btn:hover{background:var(--dm-text-error);color:var(--dm-text-primary)}.no-fields{text-align:center;color:var(--dm-text-secondary);padding:40px 20px;font-size:14px}.embed-preview-section{flex:1;background:var(--dm-bg-secondary);border-radius:8px;padding:20px;overflow-y:auto}.embed-preview-section h4{margin:0 0 16px;color:var(--dm-text-primary);font-size:16px}.embed-preview{background:var(--dm-bg-tertiary);border-radius:4px;padding:16px}.embed-preview-wrapper{display:flex;max-width:520px}.embed-color-pill{width:4px;background:var(--dm-accent-primary);border-radius:4px 0 0 4px;flex-shrink:0}.embed-content{flex:1;padding:8px 16px 16px 12px;display:flex;flex-direction:column;gap:8px}.embed-author{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dm-text-primary)}.embed-author-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.embed-author-name{font-weight:500}.embed-title{font-size:16px;font-weight:600;color:#00aff4}.embed-title a{color:inherit;text-decoration:none}.embed-title a:hover{text-decoration:underline}.embed-description{font-size:14px;color:var(--dm-text-primary);line-height:1.375;white-space:pre-wrap}.embed-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.embed-field{min-width:0}.embed-field:not(.inline){grid-column:1 / -1}.embed-field-name{font-size:14px;font-weight:600;color:var(--dm-text-primary);margin-bottom:2px}.embed-field-value{font-size:14px;color:var(--dm-text-primary);line-height:1.375}.embed-thumbnail{float:right;margin-left:16px;margin-bottom:8px}.embed-thumbnail img{max-width:80px;max-height:80px;border-radius:4px;object-fit:cover}.embed-image{margin-top:8px}.embed-image img{max-width:100%;border-radius:4px;object-fit:cover}.embed-footer{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dm-text-secondary);margin-top:8px}.embed-footer-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.embed-footer-text{flex:1}.embed-timestamp{color:var(--dm-text-secondary)}.embed-tab-content::-webkit-scrollbar,.embed-preview-section::-webkit-scrollbar{width:8px}.embed-tab-content::-webkit-scrollbar-track,.embed-preview-section::-webkit-scrollbar-track{background:var(--dm-bg-secondary)}.embed-tab-content::-webkit-scrollbar-thumb,.embed-preview-section::-webkit-scrollbar-thumb{background:var(--dm-bg-tertiary);border-radius:4px}.embed-tab-content::-webkit-scrollbar-thumb:hover,.embed-preview-section::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.embed-field-container.docked-side{position:relative;overflow:visible}.embed-field-container.docked-side .embed-preview-section{display:none}.embed-field-container.docked-side .embed-preview-section.hover-preview{display:block;z-index:10000;overflow-y:auto;box-shadow:0 4px 24px #00000080;animation:slideInPreview .2s ease-out;border:1px solid var(--dm-border-secondary)}.embed-field-container.dock-left .embed-preview-section.hover-preview{border-radius:0 8px 8px 0;border-left:none}.embed-field-container.dock-right .embed-preview-section.hover-preview{border-radius:8px 0 0 8px;border-right:none}.embed-field-container.docked-side .embed-builder{width:100%}.embed-tabs:before,.embed-tabs:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.embed-tabs:before{left:0;background:linear-gradient(to right,var(--dm-body-bg),transparent)}.embed-tabs:after{right:0;background:linear-gradient(to left,var(--dm-body-bg),transparent)}.embed-tabs.can-scroll-left:before{opacity:1}.embed-tabs.can-scroll-right:after{opacity:1}.text-inputs-field{margin:8px 0}.text-inputs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.text-inputs-header-info{display:flex;align-items:center;gap:12px}.text-inputs-label{font-weight:600;color:var(--text-primary)}.field-count{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:12px}.add-field-button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary);color:var(--dm-text-primary);border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s}.add-field-button:hover:not(:disabled){background:var(--primary-hover)}.add-field-button:disabled{opacity:.5;cursor:not-allowed}.field-description{display:block;color:var(--text-secondary);font-size:12px;margin-bottom:12px}.text-inputs-list{display:flex;flex-direction:column;gap:12px}.text-input-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-id-badge{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-family:monospace}.remove-field-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.remove-field-button:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.field-config{display:flex;flex-direction:column;gap:12px}.field-row{display:flex;gap:12px}.field-group{flex:1;display:flex;flex-direction:column;gap:4px}.field-group.field-label{flex:2}.field-group.field-style{flex:1.5}.field-group.field-placeholder{flex:2}.field-group.field-required{flex:.8;justify-content:flex-end}.field-group label{font-size:12px;font-weight:500;color:var(--text-secondary)}.field-group input[type=text],.field-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:border-color .2s}.field-group input[type=text]:focus,.field-group select:focus{outline:none;border-color:var(--primary)}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--text-primary);padding:8px 0}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.empty-fields{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px}.discord-component-builder{display:flex;gap:20px;width:100%;min-height:400px}.dcb-instructions{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:var(--dm-text-secondary)}.dcb-instructions p{margin:0 0 8px;font-weight:500}.dcb-instructions ul{margin:0;padding-left:20px}.dcb-instructions li{margin:4px 0;color:var(--dm-text-secondary)}.dcb-instructions strong{color:var(--dm-text-primary)}.dcb-tree{margin-bottom:16px;max-height:500px;overflow-y:auto;padding-right:4px}.dcb-empty{background:var(--dm-bg-tertiary);border:2px dashed var(--dm-border-primary);border-radius:8px;padding:32px;text-align:center;color:var(--dm-text-secondary)}.dcb-empty p{margin:0}.dcb-component-wrapper{margin-bottom:8px}.dcb-component{background:var(--dm-bg-tertiary);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.dcb-component:hover{background:var(--dm-bg-secondary);border-color:var(--dm-border-primary)}.dcb-component.dcb-selected{border-color:var(--dm-accent-primary);background:var(--dm-bg-secondary)}.dcb-component-header{display:flex;justify-content:space-between;align-items:center;padding:12px}.dcb-component-info{display:flex;align-items:center;gap:8px;flex:1}.dcb-expand-btn{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:color .2s}.dcb-expand-btn:hover{color:var(--dm-text-primary)}.dcb-component-type{color:var(--dm-accent-primary);font-weight:600;font-size:14px}.dcb-component-label{color:var(--dm-text-secondary);font-size:13px;font-style:italic}.dcb-component-actions{display:flex;gap:8px}.dcb-delete-btn{background:none;border:none;color:var(--dm-text-error);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:18px;line-height:1;transition:all .2s}.dcb-delete-btn:hover{background:var(--dm-text-error);color:var(--dm-text-primary)}.dcb-component-fields{padding:0 12px 12px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--dm-border-primary);margin-top:8px}.dcb-field{display:flex;flex-direction:column;gap:6px}.dcb-field label{color:var(--dm-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dcb-field input[type=text],.dcb-field input[type=number],.dcb-field textarea,.dcb-field select{background:var(--dm-border-primary);border:1px solid var(--dm-bg-primary);border-radius:4px;color:var(--dm-text-primary);padding:8px 12px;font-size:14px;transition:border-color .2s}.dcb-field input[type=text]:focus,.dcb-field input[type=number]:focus,.dcb-field textarea:focus,.dcb-field select:focus{outline:none;border-color:var(--dm-accent-primary)}.dcb-field textarea{resize:vertical;min-height:60px}.dcb-field.dcb-checkbox{flex-direction:row;align-items:center}.dcb-field.dcb-checkbox label{display:flex;align-items:center;gap:8px;text-transform:none;font-weight:400;color:var(--dm-text-primary);cursor:pointer}.dcb-field.dcb-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.dcb-color-input{display:flex;gap:8px;align-items:center}.dcb-color-input input[type=color]{width:50px;height:36px;border:none;border-radius:4px;cursor:pointer}.dcb-color-input input[type=text]{flex:1}.dcb-multiselect{background:var(--dm-border-primary);border:1px solid var(--dm-bg-primary);border-radius:4px;padding:8px;max-height:200px;overflow-y:auto}.dcb-multiselect label{display:flex;align-items:center;gap:8px;padding:4px;cursor:pointer;transition:background-color .2s}.dcb-multiselect label:hover{background:var(--dm-bg-secondary);border-radius:4px}.dcb-array-items{display:flex;flex-direction:column;gap:8px}.dcb-array-item{background:var(--dm-border-primary);border:1px solid var(--dm-bg-primary);border-radius:4px;padding:8px}.dcb-option-fields{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:8px;align-items:center}.dcb-option-fields input{background:var(--dm-bg-secondary);border:1px solid var(--dm-bg-primary);border-radius:4px;color:var(--dm-text-primary);padding:6px 10px;font-size:13px}.dcb-add-item-btn{background:var(--dm-accent-primary);color:var(--dm-text-primary);border:none;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;transition:background-color .2s}.dcb-add-item-btn:hover:not(:disabled){background:var(--dm-accent-quaternary)}.dcb-add-item-btn:disabled{opacity:.5;cursor:not-allowed}.dcb-children{margin-left:24px;padding-left:16px;border-left:2px solid var(--dm-border-primary);margin-top:8px}.dcb-accessory{margin-left:24px;margin-top:8px}.dcb-accessory-label{color:var(--dm-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dcb-add-child-btn{width:100%;background:transparent;color:var(--dm-accent-primary);border:1px dashed var(--dm-accent-primary);border-radius:4px;padding:8px;font-size:13px;cursor:pointer;transition:all .2s}.dcb-add-child-btn:hover{background:var(--dm-accent-hover);border-style:solid}.dcb-add-root-btn{width:100%;background:var(--dm-accent-primary);color:var(--dm-text-primary);border:none;border-radius:6px;padding:12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.dcb-add-root-btn:hover:not(:disabled){background:var(--dm-accent-quaternary)}.dcb-add-root-btn:disabled{opacity:.5;cursor:not-allowed}.dcb-add-menu-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.dcb-add-menu{background:var(--dm-bg-tertiary);border:1px solid var(--dm-bg-primary);border-radius:8px;box-shadow:0 8px 16px #0006;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.dcb-add-menu-header{padding:16px;border-bottom:1px solid var(--dm-border-primary);font-weight:600;font-size:16px;color:var(--dm-text-primary)}.dcb-add-menu-items{padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.dcb-add-menu-item{background:transparent;border:none;border-radius:4px;padding:12px;text-align:left;cursor:pointer;transition:background-color .2s;width:100%}.dcb-add-menu-item:hover{background:var(--dm-border-primary)}.dcb-add-menu-item-label{color:var(--dm-text-primary);font-weight:500;font-size:14px;margin-bottom:4px}.dcb-add-menu-item-description{color:var(--dm-text-secondary);font-size:12px}.dcb-add-menu-empty{padding:32px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.dcb-tree::-webkit-scrollbar,.dcb-multiselect::-webkit-scrollbar,.dcb-add-menu-items::-webkit-scrollbar{width:8px}.dcb-tree::-webkit-scrollbar-track,.dcb-multiselect::-webkit-scrollbar-track,.dcb-add-menu-items::-webkit-scrollbar-track{background:var(--dm-bg-tertiary);border-radius:4px}.dcb-tree::-webkit-scrollbar-thumb,.dcb-multiselect::-webkit-scrollbar-thumb,.dcb-add-menu-items::-webkit-scrollbar-thumb{background:var(--dm-bg-primary);border-radius:4px}.dcb-tree::-webkit-scrollbar-thumb:hover,.dcb-multiselect::-webkit-scrollbar-thumb:hover,.dcb-add-menu-items::-webkit-scrollbar-thumb:hover{background:var(--dm-bg-lil-darker)}.dcb-builder-section{flex:1}.dcb-preview-section{display:flex;flex:1;flex-direction:column;background:var(--dm-bg-tertiary);border:1px solid var(--dm-bg-primary);border-radius:8px;padding:16px}.dcb-preview-section h4{margin:0 0 16px;color:var(--dm-text-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dcb-preview-empty{background:var(--dm-bg-primary);border:2px dashed var(--dm-border-primary);border-radius:6px;padding:32px;text-align:center;color:var(--dm-text-secondary)}.dcb-preview-empty p{margin:0}.dcb-preview-message{background:var(--dm-bg-secondary);border-radius:8px;padding:16px;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--dm-text-primary)}.dcb-preview-container{background:var(--dm-bg-tertiary);border-left:4px solid;padding:16px;margin-bottom:8px;border-radius:4px}.dcb-preview-spoiler{background:var(--dm-bg-primary);color:var(--dm-text-primary);padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;margin-bottom:8px;display:inline-block}.dcb-preview-section{display:flex;gap:16px;margin-bottom:8px}.dcb-preview-section-content{flex:1}.dcb-preview-section-accessory{flex-shrink:0}.dcb-preview-text{margin-bottom:8px;line-height:1.375}.dcb-preview-action-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.dcb-preview-button{padding:8px 16px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;min-height:32px}.dcb-preview-button-primary{background:var(--dm-accent-primary);color:var(--dm-text-primary)}.dcb-preview-button-primary:hover:not(:disabled){background:var(--dm-accent-quaternary)}.dcb-preview-button-secondary{background:var(--dm-border-primary);color:var(--dm-text-primary)}.dcb-preview-button-secondary:hover:not(:disabled){background:var(--dm-bg-secondary)}.dcb-preview-button-success{background:var(--dm-text-success);color:var(--dm-text-primary)}.dcb-preview-button-success:hover:not(:disabled){background:#2d7d46}.dcb-preview-button-danger{background:var(--dm-text-error);color:var(--dm-text-primary)}.dcb-preview-button-danger:hover:not(:disabled){background:#d83c3f}.dcb-preview-button-link{background:transparent;color:#00aff4;padding:2px 0}.dcb-preview-button-link:hover:not(:disabled){text-decoration:underline}.dcb-preview-button.disabled{opacity:.5;cursor:not-allowed}.dcb-preview-button-emoji{font-size:16px}.dcb-preview-select{background:var(--dm-border-primary);color:var(--dm-text-secondary);padding:8px 12px;border-radius:3px;min-width:180px;max-width:300px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.dcb-preview-select:hover:not(.disabled){background:var(--dm-bg-secondary)}.dcb-preview-select.disabled{opacity:.5;cursor:not-allowed}.dcb-preview-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcb-preview-select-arrow{margin-left:8px;font-size:12px}.dcb-preview-separator{margin:8px 0}.dcb-preview-separator.small{margin:4px 0}.dcb-preview-separator.large{margin:16px 0}.dcb-preview-separator hr{border:none;border-top:1px solid var(--dm-border-primary);margin:0}.dcb-preview-thumbnail img{width:80px;height:80px;object-fit:cover;border-radius:4px}.dcb-preview-file{display:flex;align-items:center;gap:12px;background:var(--dm-bg-tertiary);padding:12px;border-radius:6px;margin-bottom:8px}.dcb-preview-file-icon{font-size:24px}.dcb-preview-file-info{display:flex;flex-direction:column;gap:2px}.dcb-preview-file-name{color:#00aff4;font-weight:500;cursor:pointer}.dcb-preview-file-name:hover{text-decoration:underline}.dcb-preview-file-size{color:var(--dm-text-secondary);font-size:12px}.dcb-preview-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px}.dcb-preview-media-item img{width:100%;height:150px;object-fit:cover;border-radius:4px;cursor:pointer}.dcb-preview-video{position:relative}.dcb-preview-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:var(--dm-text-primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.discord-component-builder.docked-side{position:relative;overflow:visible}.discord-component-builder.docked-side .dcb-preview-section{display:none}.discord-component-builder.docked-side .dcb-preview-section.hover-preview{display:flex;z-index:10000;overflow-y:auto;box-shadow:0 4px 24px #00000080;animation:slideInPreview .2s ease-out;border:1px solid var(--dm-bg-primary)}.discord-component-builder.dock-left .dcb-preview-section.hover-preview{border-radius:0 8px 8px 0;border-left:none}.discord-component-builder.dock-right .dcb-preview-section.hover-preview{border-radius:8px 0 0 8px;border-right:none}@keyframes slideInPreview{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.discord-component-builder.docked-side .dcb-builder-section{width:100%}.modal-backdrop{position:absolute;inset:0;background:var(--dm-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-backdrop--docked{background:transparent;pointer-events:none;overflow:visible}.modal-backdrop--docked .node-config-modal{pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.node-config-modal{background:var(--dm-bg-lil-darker);border:1px solid var(--dm-border-primary);border-radius:3px;width:100%;max-width:1400px;height:100%;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out;overflow:hidden}.node-config-modal--dock-top{position:absolute;top:0;left:0;right:0;width:100%;max-width:100%;height:50%;max-height:50%;border-radius:0;border-top:none;border-left:none;border-right:none;animation:slideDown .3s ease-out}.node-config-modal--dock-bottom{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100%;height:50%;max-height:50%;border-radius:0;border-bottom:none;border-left:none;border-right:none;animation:slideUp .3s ease-out}.node-config-modal--dock-left{position:absolute;top:0;left:0;bottom:0;width:400px;max-width:50%;height:100%;max-height:100%;border-radius:0;border-top:none;border-left:none;border-bottom:none;animation:slideRight .3s ease-out;resize:horizontal;overflow:visible}.node-config-modal--dock-right{position:absolute;top:0;right:0;bottom:0;width:400px;max-width:50%;height:100%;max-height:100%;border-radius:0;border-top:none;border-right:none;border-bottom:none;animation:slideLeft .3s ease-out;resize:horizontal;overflow:visible}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.modal-header{padding:6px 0 5px 20px;border-bottom:1px solid var(--dm-border-primary);display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.modal-header h3{margin:0;color:var(--dm-text-primary);font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:var(--dm-text-secondary);font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--dm-transition-fast)}.modal-close:hover{background:var(--dm-accent-hover);color:var(--dm-text-primary)}.modal-body{flex:1;overflow-y:auto;padding:20px 20px 40px}.node-config-modal--dock-left .modal-body,.node-config-modal--dock-right .modal-body{max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:visible}.config-info{background:var(--dm-bg-secondary);padding:16px;border-radius:8px;margin-bottom:20px}.config-info p{margin:8px 0;color:var(--dm-text-primary);font-size:14px}.config-info strong{color:var(--dm-text-secondary);font-weight:600}.config-form{display:flex;flex-direction:column;gap:20px}.node-config-modal--dock-left .config-form,.node-config-modal--dock-right .config-form{overflow:visible}.config-group{display:flex;flex-direction:column;gap:8px}.node-config-modal--dock-left .config-group,.node-config-modal--dock-right .config-group{overflow:visible}.config-group label{color:var(--dm-text-secondary);font-size:14px;font-weight:500}.config-group input[type=text],.config-group input[type=number],.config-group input[type=time],.config-group input[type=datetime-local],.config-group textarea,.config-group select{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;padding:10px 12px;color:var(--dm-text-primary);font-size:14px;outline:none;transition:var(--dm-transition-fast)}.config-group .field-description{color:var(--dm-text-tertiary);font-size:12px;line-height:1.4;margin-top:4px;display:block}.config-description{color:var(--dm-text-secondary);font-size:13px;line-height:1.5;margin-top:8px}.config-group input:focus,.config-group textarea:focus,.config-group select:focus{border-color:var(--dm-accent-primary)}.config-group textarea{resize:vertical;min-height:80px;font-family:inherit}.config-group select{cursor:pointer}.config-group input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer}.config-group label input[type=checkbox]{display:inline-flex;vertical-align:middle}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--dm-bg-secondary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--dm-bg-tertiary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.config-input-with-variable{position:relative;display:flex;flex-direction:column;gap:8px}.config-input-with-variable input,.config-input-with-variable textarea{width:100%}.config-input-with-variable .ncuf-use-variable-btn{align-self:flex-start;background:transparent;border:1px solid var(--dm-border-primary);color:var(--dm-text-secondary);padding:6px 12px;font-size:12px;border-radius:4px;cursor:pointer;transition:var(--dm-transition-fast)}.config-input-with-variable .ncuf-use-variable-btn:hover{background:var(--dm-bg-tertiary);color:var(--dm-text-primary);border-color:var(--dm-border-secondary)}.app-designer-container{height:100%;background:var(--dm-bg-primary);display:flex;flex-direction:column}.designer-workspace{display:flex;flex:1;position:relative;min-height:0}.designer-sidebar{width:280px;height:100%;background:var(--dm-bg-secondary);flex-shrink:0;overflow:visible;position:relative;transition:width .3s ease}.designer-sidebar:has(.component-tree.collapsed){width:0}.designer-sidebar .component-tree.collapsed~*{display:none}.designer-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;border-top:1px solid var(--dm-border-primary)}.designer-toolbar{height:52px;background:var(--dm-bg-secondary);border-bottom:1px solid var(--dm-border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 16px;transition:padding-left .3s ease}.designer-workspace:has(.component-tree.collapsed) .designer-toolbar{padding-left:46px}.toolbar-group{display:flex;gap:8px}.modal-position-controls{display:flex;gap:4px;background:var(--dm-bg-tertiary);border-radius:4px;padding:2px;position:relative;overflow:hidden;align-items:center;justify-content:flex-start}.modal-position-indicator{position:absolute;top:2px;left:2px;width:32px;height:32px;background:var(--dm-accent-primary);border-radius:4px;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none;opacity:.8}.modal-position-controls[data-active-position=popup] .modal-position-indicator{left:2px}.modal-position-controls[data-active-position=dock-top] .modal-position-indicator{left:38px}.modal-position-controls[data-active-position=dock-left] .modal-position-indicator{left:74px}.modal-position-controls[data-active-position=dock-right] .modal-position-indicator{left:110px}.modal-position-controls[data-active-position=dock-bottom] .modal-position-indicator{left:146px}@supports not selector(:has(*)){.toolbar-icon-btn.active{background:var(--dm-accent-primary);color:var(--dm-text-primary)}.modal-position-controls:before{display:none}}.toolbar-icon-btn{width:32px;height:32px;border:none;background:transparent;color:var(--dm-text-secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;position:relative;z-index:1;flex-shrink:0;margin:0;padding:0}.toolbar-icon-btn svg{width:16px!important;height:16px!important;display:block}.toolbar-icon-btn:hover:not(.active){background:var(--dm-bg-hover);color:var(--dm-text-primary)}.toolbar-icon-btn.active{color:var(--dm-text-primary);background:transparent}.toolbar-icon-btn:active{transform:scale(.95);transition:transform .1s}.designer-canvas-container{flex:1;position:relative;min-height:0;overflow:hidden;background:var(--dm-bg-tertiary)}.tab-content .app-designer-container{height:100%;min-height:0;display:flex;flex-direction:column}.tab-content .designer-workspace{flex:1;min-height:0;display:flex}.tab-content .designer-canvas-container{flex:1;min-height:0;overflow:hidden;position:relative}.app-detail-overlay .tab-content .app-designer-container{position:absolute;inset:0;height:100%;overflow:hidden}@media (max-width: 1400px){.designer-sidebar{width:240px}}.variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.variables-header h3{margin:0;font-size:20px;font-weight:600;color:var(--dm-text-header)}.tab-buttons{display:flex;gap:6px;background:var(--dm-bg-tertiary);padding:4px;border-radius:8px;border:1px solid var(--dm-border-primary)}.tab-button{padding:8px 16px;border:none;border-radius:6px;background-color:transparent;color:var(--dm-text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;white-space:nowrap}.tab-button:hover{background-color:var(--dm-bg-quaternary);color:var(--dm-text-primary)}.tab-button.active{background-color:var(--dm-accent-primary);color:#fff;box-shadow:0 2px 4px #0003}.variables-table-wrapper{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;overflow:hidden}.variables-table{width:100%;border-collapse:collapse}.variables-table thead{background:var(--dm-bg-tertiary);border-bottom:1px solid var(--dm-border-primary)}.variables-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dm-text-secondary)}.variables-table tbody tr{border-bottom:1px solid var(--dm-border-primary);transition:background-color .15s ease}.variables-table tbody tr:last-child{border-bottom:none}.variables-table tbody tr:hover{background:var(--dm-bg-tertiary)}.variables-table tbody tr.new-variable{background:var(--dm-accent-secondary);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.variables-table td{padding:12px 16px;color:var(--dm-text-primary);font-size:14px;vertical-align:middle}.mav-inline-input,.mav-inline-select{width:100%;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--dm-text-primary);font-size:14px;font-family:inherit;transition:all .15s ease}.mav-inline-input:hover,.mav-inline-select:hover{background:var(--dm-bg-quaternary);border-color:var(--dm-border-secondary)}.mav-inline-input:focus,.mav-inline-select:focus{outline:none;background:var(--dm-bg-quaternary);border-color:var(--dm-accent-primary);box-shadow:0 0 0 3px #5090d31a}.mav-inline-input::placeholder{color:var(--dm-text-tertiary);font-style:italic}.mav-inline-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23949ba4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:36px}.mav-inline-select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235090d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}.mav-delete-btn{background:transparent;border:1px solid var(--dm-border-secondary);color:var(--dm-text-secondary);width:32px;height:32px;border-radius:6px;font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.mav-delete-btn:hover{background:#ed42451a;border-color:#ed4245;color:#ed4245;transform:scale(1.05)}.mav-delete-btn:active{transform:scale(.95)}.mav-add-variable-row{background:transparent!important}.mav-add-variable-row td{padding:0!important;border-bottom:none!important}.mav-add-variable-btn{width:100%;padding:16px;background:transparent;border:2px dashed var(--dm-border-secondary);border-radius:6px;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin:8px;width:calc(100% - 16px)}.mav-add-variable-btn:hover{background:var(--dm-accent-secondary);border-color:var(--dm-accent-primary);color:var(--dm-accent-primary);border-style:solid}.mav-add-variable-btn:active{transform:scale(.98)}.variables-content{padding:0}.info-message{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:8px;padding:16px 20px;margin-bottom:24px}.info-message p{margin:0 0 10px;color:var(--dm-text-secondary);font-size:14px;line-height:1.6}.info-message p:last-child{margin-bottom:0}.local-variables-list{display:flex;flex-direction:column;gap:20px}.action-variables{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;overflow:hidden}.action-variables h4{margin:0;padding:14px 16px;background:var(--dm-bg-tertiary);border-bottom:1px solid var(--dm-border-primary);font-size:14px;font-weight:600;color:var(--dm-text-primary)}.action-variables .variables-table thead,.action-variables .variables-table th{background:transparent}.action-variables code{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;padding:2px 6px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;color:var(--dm-text-primary)}.empty-state{text-align:center;padding:60px 20px;color:var(--dm-text-secondary)}.empty-state p{margin:0;font-size:15px;line-height:1.5}.loading-spinner{width:40px;height:40px;border:3px solid var(--dm-border-primary);border-top-color:var(--dm-accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.variable-name{font-weight:600;color:var(--dm-accent-primary);font-family:Consolas,Monaco,Courier New,monospace}.variable-value{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:var(--dm-text-primary)}.scope-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--dm-bg-tertiary);color:var(--dm-text-primary);border:1px solid var(--dm-border-primary)}.variable-description{font-size:13px;color:var(--dm-text-secondary);line-height:1.5}@media (max-width: 768px){.variables-header{flex-direction:column;align-items:flex-start;gap:16px}.tab-buttons{width:100%}.tab-button{flex:1;text-align:center}.variables-table-wrapper{overflow-x:auto}.variables-table{min-width:600px}}.variables-table-wrapper::-webkit-scrollbar{height:8px}.variables-table-wrapper::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.variables-table-wrapper::-webkit-scrollbar-thumb{background:var(--dm-border-secondary);border-radius:4px}.variables-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.app-tabs{background:var(--dm-bg-darker);border-bottom:1px solid #5090d3;padding:0 24px;position:relative}.overlay-tabs{background:var(--dm-bg-darker);border-bottom:1px solid #202225;padding:0 32px;position:relative;flex-shrink:0}.my-apps-standalone{display:flex;flex-direction:column;height:100%;background:var(--dm-bg-primary)}.standalone-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.standalone-content .overlay-tabs{display:flex;gap:4px;background:var(--dm-bg-darker);border-bottom:1px solid var(--dm-border-primary);padding:0 24px}.standalone-content .tab-content{flex:1;overflow:auto;background:var(--dm-bg-primary)}.tabs-list{display:flex;gap:32px;position:relative}.app-content-wrapper{display:flex;flex-direction:column;flex:1;height:100%}.tab-item{padding:16px 0;background:none;border:none;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:color .2s}.tab-content{flex:1;overflow-y:auto;overflow-x:visible;background:var(--dm-body-bg2);position:relative;min-height:0}.app-tab-content{padding:24px 24px 10px}.activity-page-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.activity-page-header{flex-shrink:0}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.activity-table-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.activity-table-container .common-table{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;padding-bottom:0}.activity-table-container .common-table-scroll-wrapper{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.activity-table-container .common-table-scroll-wrapper table{height:auto}.version-text{font-family:monospace;font-size:12px;color:var(--dm-text-secondary)}.category-badge{padding:4px 8px;background:var(--dm-bg-bar);border-radius:4px;font-size:11px;font-weight:500;color:var(--dm-text-header)}.updated-text{font-size:12px;color:#737373}.app-tab-content.no-padding{padding:0}.main-content:has(.app-detail-overlay){display:flex;flex-direction:column}.common-content:has(.app-detail-overlay){min-height:0;height:100%}.app-detail-overlay{position:absolute;top:0;right:0;bottom:0;width:calc(100% - 400px);border-left:1px solid var(--dm-border-primary);box-shadow:-4px 0 24px #0000004d;clip-path:inset(0px -24px -24px -24px);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:slideInRightBounce .4s cubic-bezier(.54,.56,.14,1);transition:width .3s ease;height:100%}.app-detail-overlay.resizing{transition:none}.app-detail-overlay.closing{animation:slideOutRight .3s cubic-bezier(.23,1,.32,1) forwards}.app-detail-overlay .app-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;height:100%}.app-detail-overlay .tab-content{flex:1;overflow:auto;min-height:0;position:relative;display:flex;flex-direction:column}.app-detail-overlay .tab-content>div{min-height:0;flex:1}.app-detail-overlay .tab-content>div:not([style*="display: flex"]){overflow-y:auto}.app-detail-overlay .tab-content>div[style*="display: flex"]{overflow:hidden}.layout-container.sidebar-minimized .app-detail-overlay{width:calc(100% - 400px)}.overlay-resizer{position:absolute;top:0;bottom:0;width:12px;left:-10px;cursor:col-resize;background:transparent;z-index:1000;transition:background .2s ease}.overlay-resizer:before{content:"";position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);width:2px;height:40px;background:#404040;border-radius:1px;transition:all .2s ease}.overlay-resizer:hover:before{background:var(--dm-text-primary);height:60px}.overlay-header{padding:20px 32px 24px;background:linear-gradient(0deg,var(--dm-bg-darker),var(--dm-bg-secondary));flex-shrink:0}.app-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;min-height:140px}.app-info-section{flex:1;display:flex;flex-direction:column;gap:6px}.app-header-wrapper{display:flex;align-items:center;gap:0}.app-icon-large{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#202225;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#dcddde;margin-right:14px}.app-icon-large img{width:100%;height:100%;object-fit:cover}.app-icon-large svg{color:#5090d3}.app-details{display:flex;flex-direction:column;gap:8px}.app-header-section{display:flex;flex-direction:row;gap:12px;align-items:center}.app-version-section{display:flex;align-items:center;gap:8px;color:var(--dm-text-secondary);font-size:14px;line-height:1.4}.app-version-section .version-label{color:var(--dm-text-secondary)}.app-version-section .version-value{font-family:monospace;color:#5090d3;font-weight:500}.app-actions-section{display:flex;flex-direction:column;gap:16px;align-items:flex-end;margin-right:8px}.app-header-info{display:flex;align-items:center;gap:2px}.app-header-info h2{font-size:24px;font-weight:600;color:var(--dm-text-header);margin:0}.app-header-info h2 svg{opacity:0;transition:opacity .2s}.app-info-section:hover .app-header-info h2 svg{opacity:.6}.app-info-section .app-header-info h2:hover svg{opacity:.9}.app-description svg{opacity:0;transition:opacity .2s}.app-info-section:hover .app-description svg{opacity:.6}.app-info-section .app-description>div:hover svg{opacity:.9}.app-description{font-size:14px;color:var(--dm-text-secondary);line-height:1.5;margin:-6px 0 0}.app-stats{display:flex;gap:24px;margin-top:12px}.stat-item{display:flex;align-items:center;gap:8px}.stat-label{font-size:13px;color:#8e9297;font-weight:500}.stat-value{font-size:13px;color:#dcddde;font-weight:600}.stat-value.active{color:#3ba55c}.stat-value.inactive{color:#ed4245}.app-metrics{display:flex;align-items:center;gap:24px;margin-top:2px;min-height:30px}.success-rate-container{display:flex;align-items:center;gap:12px}.success-rate-bar{width:120px;height:6px;background:#4f545c7a;border-radius:4px;overflow:hidden;position:relative;flex-shrink:0}.executions-text{font-size:12px;color:var(--dm-text-secondary);font-weight:500;line-height:16px;white-space:nowrap}.success-rate-fill{height:100%;transition:width .3s ease;position:absolute;top:0}.success-rate-fill.success-fill{background:#83c566;left:0}.success-rate-fill.fail-fill{background:#416233}.success-rate-text{font-size:12px;color:var(--dm-text-primary);font-weight:600;line-height:16px;white-space:nowrap}.servers-info{display:flex;align-items:center;gap:8px;font-size:14px;line-height:16px;color:var(--dm-text-header)}.servers-info span{transform:translateY(-1px)}.servers-info svg{color:#737373}.app-meta-info{display:flex;flex-direction:row;gap:8px;margin-top:8px}.last-updated{font-size:12px;color:var(--dm-text-secondary)}.app-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:-5px}.tag-chip{padding:4px 12px;background:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:16px;font-size:12px;color:var(--dm-text-secondary)}.app-header-actions{display:flex;gap:8px;margin-top:8px}.app-header-actions button{display:flex;align-items:center;gap:6px}.app-header-actions button svg{width:16px;height:16px}.app-header-actions .delete-btn{background:transparent;border-color:#dc2626;color:#dc2626}.app-header-actions .delete-btn:hover{background:#dc2626;color:var(--dm-text-primary)}.app-controls{display:flex;gap:24px;margin-top:8px;justify-content:flex-end}.control-item{display:flex;align-items:center;gap:8px;position:relative}.control-label{font-size:13px;color:#737373;font-weight:500}.control-dropdown{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:4px;color:var(--dm-text-header);font-size:13px;cursor:pointer;transition:all .15s ease}.control-dropdown:hover{background:var(--dm-bg-bar);border-color:#404040}.dropdown-menu{position:absolute;top:100%;left:auto;right:0;margin-top:4px;background:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:150px}.dropdown-menu.owner-dropdown{max-height:200px;overflow-y:auto}.dropdown-item{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;color:var(--dm-text-header);font-size:13px;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:var(--dm-bg-bar);color:var(--dm-text-primary)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInRightBounce{0%{transform:translate(100%)}70%{transform:translate(0)}to{transform:translate(0)}}@media (max-width: 1400px){.app-detail-overlay{width:calc(100% - 350px)}.layout-container.sidebar-minimized .app-detail-overlay{width:calc(100% - 153px)}}@media (max-width: 1200px){.app-detail-overlay{width:calc(100% - 300px)}.layout-container.sidebar-minimized .app-detail-overlay{width:calc(100% - 103px)}}@media (max-width: 768px){.app-detail-overlay,.layout-container.sidebar-minimized .app-detail-overlay{width:100%}}.app-header-action-btn{border-color:#5090d3;color:#5090d3}.app-header-action-save{padding-left:12px!important;padding-right:12px!important}.app-header-action-run{background:#5090d3;color:var(--dm-text-primary)}.app-header-action-disable{border-color:#c28832;color:#c28832}.app-header-action-disable:hover{background:#c28832!important;transform:translateY(-1px);color:var(--dm-text-primary)}.tags-page-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.tags-page-header{flex-shrink:0;padding:24px 24px 0}.tags-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tags-header-info h3{font-size:20px;font-weight:600;color:var(--dm-text-header);margin:0 0 4px}.tags-header-subtitle{font-size:14px;color:var(--dm-text-secondary);margin:0}.tags-search-wrapper{margin-bottom:20px;position:relative;display:flex;align-items:center}.tags-search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dm-text-secondary);pointer-events:none;z-index:1}.tags-search-input{width:100%;padding:10px 16px 10px 40px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:14px;transition:all .15s ease;outline:none}.tags-search-input:focus{border-color:var(--dm-accent-primary);background:var(--dm-bg-quaternary)}.tags-search-input::placeholder{color:var(--dm-text-secondary)}.tags-grid-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 24px 24px;min-height:0}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;padding:8px 0}.tag-card{position:relative;padding:16px;background:var(--dm-bg-tertiary);border:2px solid var(--dm-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:10px;min-height:110px}.tag-card:hover{border-color:var(--dm-accent-primary);background:var(--dm-bg-quaternary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tag-card.selected{border-color:var(--dm-accent-primary);background:var(--dm-accent-secondary);box-shadow:0 2px 8px #5090d333}.tag-card.selected:hover{background:var(--dm-accent-secondary);box-shadow:0 4px 16px #5090d34d}.tag-card.disabled{opacity:.5;cursor:not-allowed}.tag-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--dm-border-primary);background:var(--dm-bg-tertiary)}.tag-card-header{display:flex;align-items:center;gap:12px}.tag-color-badge{width:32px;height:32px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s ease}.tag-card:hover .tag-color-badge{transform:scale(1.1)}.tag-card-title-wrapper{flex:1;min-width:0}.tag-card-title{font-size:15px;font-weight:600;color:var(--dm-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-card.selected .tag-card-title{color:var(--dm-accent-primary)}.tag-usage-count{font-size:12px;color:var(--dm-text-secondary);margin-top:2px}.tag-selection-indicator{width:20px;height:20px;border:2px solid var(--dm-border-secondary);border-radius:50%;flex-shrink:0;position:relative;transition:all .2s ease;background:var(--dm-bg-tertiary)}.tag-card:hover .tag-selection-indicator{border-color:var(--dm-accent-primary)}.tag-card.selected .tag-selection-indicator{border-color:var(--dm-accent-primary);background:var(--dm-accent-primary)}.tag-card.selected .tag-selection-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.tag-card-description{font-size:13px;color:var(--dm-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-card.selected .tag-card-description{color:var(--dm-text-primary)}.tags-loading,.tags-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--dm-text-secondary);text-align:center}.tags-loading-spinner{width:40px;height:40px;border:3px solid var(--dm-border-primary);border-top-color:var(--dm-accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.tags-empty-icon{width:48px;height:48px;color:var(--dm-text-secondary);margin-bottom:12px}.tags-empty-title{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin:0 0 8px}.tags-empty-message{font-size:14px;color:var(--dm-text-secondary);margin:0}.applied-tags-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--dm-border-primary)}.applied-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:12px;font-size:12px;font-weight:500;color:var(--dm-text-primary)}.applied-tag-chip-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}@media (max-width: 1200px){.tags-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.tags-grid{grid-template-columns:1fr}.tags-page-header{padding:16px 16px 0}.tags-grid-container{padding:0 16px 16px}.tag-card{min-height:auto}}.tags-grid-container::-webkit-scrollbar{width:8px}.tags-grid-container::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.tags-grid-container::-webkit-scrollbar-thumb{background:var(--dm-border-secondary);border-radius:4px}.tags-grid-container::-webkit-scrollbar-thumb:hover{background:var(--dm-border-primary)}.special-layout-sidebar-nav button.special-layout-sidebar-nav-item{text-align:left}.danger-zone{margin-top:35px!important}.settings-section{background:#141414;border:1px solid var(--dm-bg-bar);border-radius:8px;padding:24px;margin-bottom:24px}.settings-toggle-switch{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:24px}.settings-toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.settings-toggle-slider{position:relative;display:inline-block;width:44px;height:24px;background-color:#404040;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000004d}.settings-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;top:2px;background-color:var(--dm-text-primary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.settings-toggle-switch input:checked+.settings-toggle-slider{background-color:#5090d3}.settings-toggle-switch input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-toggle-switch:hover .settings-toggle-slider{box-shadow:inset 0 1px 3px #0000004d,0 0 0 2px #5090d333}.settings-toggle-label{font-size:14px;color:var(--dm-text-primary);font-weight:500;margin-left:4px}.settings-form-input,.settings-form-textarea,.settings-form-select{background-color:var(--dm-bg-bar);border:1px solid #333;border-radius:6px;color:var(--dm-text-primary);font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.settings-form-input:hover,.settings-form-textarea:hover,.settings-form-select:hover{border-color:#404040;background-color:var(--dm-bg-tertiary)}.settings-form-input:focus,.settings-form-textarea:focus,.settings-form-select:focus{outline:none;border-color:#5090d3;background-color:var(--dm-bg-bar);box-shadow:0 0 0 2px #5090d333}.settings-form-textarea{resize:vertical;line-height:1.5;min-height:80px}.settings-form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0e0e0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.settings-section h3{font-size:16px;font-weight:600;color:var(--dm-text-header);margin:0 0 20px}.settings-group{display:flex;flex-direction:column;gap:16px}.checkbox-group{flex-direction:row}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#5090d3}.danger-actions{display:flex;flex-direction:column;gap:16px}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0000004d;border-radius:6px}.danger-item h4{font-size:14px;font-weight:600;color:var(--dm-text-header);margin:0 0 4px}.danger-item p{font-size:12px;color:var(--dm-text-secondary);margin:0}.settings-actions{display:flex;justify-content:flex-end;gap:8px}.server-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.server-select-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dm-bg-darker);border:1px solid var(--dm-bg-bar);border-radius:6px;cursor:pointer;transition:all .15s ease;position:relative}.server-select-item:hover{background:#141414;border-color:#404040}.server-select-item.selected{background:#141414;border-color:#5090d3}.server-select-item .main-col-icon{width:40px;height:40px;background:var(--dm-bg-bar);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--dm-text-header);overflow:hidden}.server-select-item .main-col-icon img{width:100%;height:100%;object-fit:cover}.server-select-item .server-name{flex:1;font-size:13px;font-weight:500;color:var(--dm-text-header)}.server-select-item .check-icon{position:absolute;top:8px;right:8px;color:#5090d3;font-size:16px}.app-tab-content .toggle-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.app-tab-content .toggle-switch input[type=checkbox]{display:none}.app-tab-content .toggle-slider{position:relative;width:48px;height:24px;background:var(--dm-bg-bar);border-radius:12px;transition:background .2s ease}.app-tab-content .toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#737373;border-radius:50%;transition:all .2s ease}.app-tab-content .toggle-switch input:checked+.toggle-slider{background:#5090d3}.app-tab-content .toggle-switch input:checked+.toggle-slider:after{left:27px;background:var(--dm-text-primary)}.app-tab-content .toggle-label{font-size:13px;color:var(--dm-text-secondary)}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit .form-input{width:120px}.input-with-unit .unit{font-size:13px;color:#737373}.visibility-options{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.radio-option input[type=radio]{margin-top:3px;accent-color:#5090d3}.radio-content{display:flex;flex-direction:column;gap:2px}.radio-label{font-size:13px;font-weight:500;color:var(--dm-text-header)}.radio-desc{font-size:12px;color:#737373}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#141414;border:1px solid var(--dm-bg-bar);border-radius:8px;margin-top:24px}.unsaved-changes{font-size:12px;color:#f59e0b;margin:0}.server-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--dm-text-primary)}.settings-form-grid{display:flex;flex-direction:column;gap:24px}.settings-form-item{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:14px;font-weight:600;color:var(--dm-text-header)}.settings-description{font-size:12px;color:#737373;margin:0}.settings-form-item .form-input,.settings-form-item .form-textarea,.settings-form-item .form-select{margin-top:8px}.settings-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}.settings-permission-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background-color:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-permission-item:hover{background-color:var(--dm-bg-tertiary);border-color:#333}.settings-permission-checkbox{margin-top:2px;width:18px;height:18px;accent-color:#5090d3;cursor:pointer}.settings-permission-content{flex:1}.settings-permission-label{display:block;font-size:14px;font-weight:500;color:var(--dm-text-primary);margin-bottom:4px}.settings-permission-description{font-size:12px;color:#737373;line-height:1.4}.settings-input-with-unit{display:flex;align-items:center;gap:12px;margin-top:8px}.settings-input-with-unit .settings-form-input{width:140px;margin-top:0}.settings-unit{font-size:14px;color:#8b8b8b;font-weight:500}.settings-visibility-options{display:flex;flex-direction:column;gap:12px;margin-top:12px}.settings-radio-option{display:flex;align-items:flex-start;gap:12px;padding:14px;background-color:var(--dm-bg-bar);border:1px solid var(--dm-bg-bar);border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-radio-option:hover{background-color:var(--dm-bg-tertiary);border-color:#333}.settings-radio-option input[type=radio]{margin-top:2px;width:16px;height:16px;accent-color:#5090d3}.settings-radio-content{flex:1}.settings-radio-label{display:block;font-size:14px;font-weight:500;color:var(--dm-text-primary);margin-bottom:2px}.settings-radio-desc{font-size:12px;color:#737373}.settings-input-hint{margin-top:6px;font-size:12px;color:#737373}.settings-performance-recommendations{margin-top:24px;padding:16px;background-color:#5090d31a;border:1px solid rgba(80,144,211,.2);border-radius:8px}.settings-performance-recommendations h4{font-size:14px;font-weight:600;color:#5090d3;margin:0 0 12px}.settings-performance-recommendations ul{margin:0;padding-left:20px;list-style:disc}.settings-performance-recommendations li{font-size:13px;color:var(--dm-text-primary);line-height:1.6;margin-bottom:6px}.settings-icon-upload-area{display:flex;align-items:center;gap:16px;margin-top:8px}.settings-icon-preview{width:80px;height:80px;background-color:var(--dm-bg-bar);border:2px dashed #404040;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#737373}.settings-color-picker-wrapper{display:flex;align-items:center;gap:12px;margin-top:8px}.settings-color-picker{width:48px;height:48px;border:2px solid #333;border-radius:8px;cursor:pointer;background-color:transparent}.settings-color-input{width:120px!important;margin-top:0!important}.settings-form-item.full-width{width:100%}.special-layout-content::-webkit-scrollbar{width:8px}.special-layout-content::-webkit-scrollbar-track{background:var(--dm-bg-bar);border-radius:4px}.special-layout-content::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.special-layout-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.template-detail-overlay{position:absolute;top:0;right:0;bottom:0;width:calc(100% - 400px);background:var(--dm-bg-darker);border-left:1px solid var(--dm-border-primary);box-shadow:-4px 0 24px #0000004d;clip-path:inset(0px -24px -24px -24px);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:slideInRightBounce .4s cubic-bezier(.54,.56,.14,1);transition:width .3s ease;height:100%}.template-detail-overlay.resizing{transition:none;will-change:width}.template-detail-overlay.closing{animation:slideOutRight .3s cubic-bezier(.23,1,.32,1) forwards}@keyframes slideInRightBounce{0%{transform:translate(100%)}80%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.template-detail-overlay .template-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;height:100%}.template-detail-overlay .tab-content{flex:1;overflow:auto;min-height:0;position:relative;display:flex;flex-direction:column;background:var(--dm-body-bg2)}.template-tab-content{padding:24px 24px 10px}.template-tab-content.no-padding-horizontal{padding-left:0;padding-right:0}.template-detail-overlay .tab-content:has(.special-layout-wrapper){overflow:hidden}.template-detail-overlay .tab-content:has(.special-layout-wrapper) .template-tab-content{padding:0;height:100%;display:flex;flex-direction:column}.overlay-resizer{position:absolute;top:0;bottom:0;width:3px;left:-2px;cursor:col-resize;background:transparent;z-index:1000;transition:background .2s ease}.overlay-resizer:hover{background:#5090d3}.overlay-resizer:before{content:"";position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);width:2px;height:40px;background:#404040;border-radius:1px}.template-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.template-info-section{flex:1;display:flex;flex-direction:column;gap:6px}.template-header-wrapper{display:flex;align-items:center;gap:0}.template-icon-large{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#202225;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#dcddde;margin-right:14px}.template-icon-large img{width:100%;height:100%;object-fit:cover}.template-details{display:flex;flex-direction:column}.template-details h2{font-size:24px;font-weight:600;color:var(--dm-text-header);margin:0}.template-header-section{display:flex;flex-direction:row;gap:12px}.template-header-info{display:flex;align-items:center;gap:2px!important}.template-header-info h2{font-size:24px;font-weight:600;color:var(--dm-text-header);margin:0}.template-header-info h2 svg{opacity:0;transition:opacity .2s}.template-info-section:hover .template-header-info h2 svg{opacity:.6}.template-info-section .template-header-info h2:hover svg{opacity:.9}.template-description{color:var(--dm-text-secondary);font-size:14px;line-height:1.5}.template-description div svg{opacity:0;transition:opacity .2s}.template-info-section:hover .template-description div svg{opacity:.6}.template-description div:hover svg{opacity:.9!important;margin-bottom:6px!important}.template-metrics{display:flex;align-items:center;gap:20px;margin-bottom:8px;margin-top:-10px}.template-metrics .stat{display:flex;align-items:center;gap:6px;color:var(--dm-text-secondary);font-size:13px}.template-metrics .stat svg{width:16px;height:16px}.updated-text{font-size:12px;color:var(--dm-text-secondary)}.boost-level-control{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:4px}.boost-level-control svg{color:#ff73fa}.boost-controls{display:flex;flex-direction:column;gap:2px;margin-left:4px}.boost-chevron{background:transparent;border:none;color:var(--dm-text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:12px;transition:color .2s;outline:none!important}.boost-chevron:hover:not(:disabled){color:#ff73fa}.boost-chevron:disabled{opacity:.4;cursor:not-allowed}.community-control{display:flex;align-items:center;gap:8px;padding:4px 2px;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;will-change:transform}.community-icon-wrapper{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);margin-right:5px}.community-icon-house{position:absolute;width:18px;height:18px;z-index:2;transition:opacity .3s ease-in-out,filter .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1)}.community-icon-star{position:absolute;width:30px;height:30px;z-index:1;transition:opacity .3s ease-in-out,filter .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1)}.community-control .community-icon-house,.community-control .community-icon-star{filter:brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(95%);opacity:.5}.community-control span{font-size:12px;font-weight:500;transition:opacity .3s ease-in-out,color .3s ease-in-out;color:#72767d;opacity:.5}.community-control:hover .community-icon-wrapper{transform:scale(1.1)}.community-control:hover .community-icon-house,.community-control:hover .community-icon-star,.community-control:hover span{opacity:.75}.community-control.enabled .community-icon-wrapper{transform:scale(1.1)}.community-control.enabled .community-icon-house{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(103%) contrast(103%);opacity:1}.community-control.enabled .community-icon-star{filter:brightness(0) saturate(100%) invert(37%) sepia(84%) saturate(2547%) hue-rotate(237deg) brightness(101%) contrast(101%);opacity:1}.community-control.enabled span{color:#5865f2;opacity:1}.boost-chevron svg{width:10px;height:10px}.template-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px;margin-right:8px}.template-actions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0;margin-top:8px}.action-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;height:32px;border:1px solid transparent}.template-header-action-save{background:#28a745;color:var(--dm-text-primary);border:none}.template-header-action-save:hover{background:#218838;transform:translateY(-1px)}.template-header-action-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.template-header-action-clone{background:transparent;border-color:#5090d3;color:#5090d3}.template-header-action-clone:hover{background:#5090d3;color:var(--dm-text-primary);transform:translateY(-1px)}.template-header-action-export{background:transparent;border-color:#5090d3;color:#5090d3}.template-header-action-export:hover{background:#5090d3;color:var(--dm-text-primary);transform:translateY(-1px)}.template-header-action-delete{background:transparent;border-color:#e74c3c;color:#e74c3c}.template-header-action-delete:hover{background:#e74c3c;color:var(--dm-text-primary);transform:translateY(-1px)}.template-header-action-apply{background:#5090d3;color:var(--dm-text-primary);border:none}.template-header-action-apply:hover{background:#4080c3;transform:translateY(-1px)}.close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:transparent;border:1px solid #404040;color:var(--dm-text-secondary);cursor:pointer;transition:all .2s;margin-left:8px}.close-button:hover{background:#1f1f1f;color:var(--dm-text-primary);border-color:#5090d3}.overlay-tabs{background:var(--dm-bg-darker);border-bottom:1px solid #5090d3;padding:0 24px;position:relative}.tabs-list{display:flex;gap:4px;position:relative}.tab-underline{position:absolute;bottom:0;height:2px;background:#5090d3;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.tab-item{padding:12px 16px;background:none;border:none;border-radius:0;color:var(--dm-text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;font-style:italic;position:relative}.tab-item:hover,.tab-item.active{color:var(--dm-text-header)}.overview-header{display:flex;gap:20px;margin-bottom:32px}.editable-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:12px;text-transform:uppercase;color:var(--dm-text-secondary);font-weight:600}.field-input,.field-textarea,.field-select{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border);border-radius:4px;padding:8px 12px;color:var(--dm-text-primary);font-size:14px;transition:all .2s}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:#5090d3;background:var(--dm-bg-primary)}.field-textarea{resize:vertical;min-height:60px}.field-select{cursor:pointer}.template-icon{width:80px;height:80px;border-radius:12px;background:var(--dm-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--dm-text-primary);flex-shrink:0}.template-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.template-meta{flex:1}.template-meta h2{font-size:20px;font-weight:600;color:var(--dm-text-primary);margin:0 0 8px}.template-stats{display:flex;gap:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;text-transform:uppercase;color:var(--dm-text-secondary);font-weight:600}.info-item span{font-size:14px;color:var(--dm-text-primary)}.included-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.included-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dm-bg-tertiary);border-radius:8px}.included-icon{font-size:20px}.channels-preview{display:flex;flex-direction:column;gap:24px}.channel-category{background:var(--dm-bg-tertiary);border-radius:8px;padding:16px}.category-header{font-weight:600;color:var(--dm-text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.channel-item{padding:8px 24px;color:var(--dm-text-secondary);display:flex;align-items:center;gap:8px}.roles-list{display:flex;flex-direction:column;gap:12px}.role-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--dm-bg-tertiary);border-radius:8px}.role-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-item.admin .role-color{background:#e74c3c}.role-item.moderator .role-color{background:#3498db}.role-item.member .role-color{background:#2ecc71}.role-name{font-weight:600;color:var(--dm-text-primary);flex-shrink:0}.role-permissions{color:var(--dm-text-secondary);font-size:14px;margin-left:auto}.role-flags{display:flex;gap:8px;margin-left:auto}.role-flag{font-size:12px;padding:2px 8px;background:var(--dm-bg-primary);border-radius:4px;color:var(--dm-text-secondary)}.integrations-info{background:var(--dm-bg-tertiary);border-radius:8px;padding:20px}.integrations-info p{color:var(--dm-text-secondary);margin:0 0 16px}.integrations-info ul{list-style:none;padding:0;margin:0}.integrations-info li{padding:8px 0;color:var(--dm-text-primary)}.integrations-info li:before{content:"✓";color:var(--dm-success);margin-right:8px}.settings-preview{display:flex;flex-direction:column;gap:24px}.setting-group{background:var(--dm-bg-tertiary);border-radius:8px;padding:20px}.setting-group h4{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin:0 0 16px}.setting-group ul{list-style:none;padding:0;margin:0}.setting-group li{padding:8px 0;color:var(--dm-text-secondary)}.activity-timeline{display:flex;flex-direction:column;gap:16px}.activity-icon{font-size:24px;flex-shrink:0}.activity-content{flex:1}.activity-content p{color:var(--dm-text-primary);margin:0 0 4px}.activity-time{font-size:14px;color:var(--dm-text-secondary)}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;padding:6px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border);border-radius:16px;font-size:14px;color:var(--dm-text-primary)}.loading,.empty-state{text-align:center;padding:40px;color:var(--dm-text-secondary)}.discord-preview{display:flex;height:600px;background:#2b2d31;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000080}.discord-sidebar{width:240px;background:#1e1f22;display:flex;flex-direction:column}.server-header{display:flex;align-items:center;padding:12px 16px;background:#111214;border-bottom:1px solid rgba(0,0,0,.3);cursor:pointer}.server-icon{width:28px;height:28px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--dm-text-primary);margin-right:12px;flex-shrink:0}.server-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.server-name{flex:1;font-size:15px;font-weight:600;color:var(--dm-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-dropdown{color:var(--dm-text-secondary);font-size:18px;margin-left:8px}.channel-list{flex:1;overflow-y:auto;padding:8px 0}.channel-list::-webkit-scrollbar{width:6px}.channel-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.channel-category{margin-bottom:4px}.category-header{display:flex;align-items:center;padding:8px 8px 4px;color:#949ba4;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.category-arrow{font-size:8px;margin-right:4px}.channel-item{display:flex;align-items:center;padding:6px 8px 6px 16px;margin:1px 8px;border-radius:4px;color:#949ba4;font-size:15px;cursor:pointer;transition:all .15s ease}.channel-item:hover{background:#35373c;color:#dbdee1}.channel-item.selected{background:#404249;color:var(--dm-text-primary)}.channel-item.voice{color:#949ba4}.channel-icon{width:20px;margin-right:6px;text-align:center;flex-shrink:0;color:#80848e}.channel-item.selected .channel-icon{color:var(--dm-text-primary)}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-chat{flex:1;background:#313338;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;padding:12px 16px;background:#313338;border-bottom:1px solid #1e1f22;box-shadow:0 1px #0003}.chat-header .channel-icon{color:#80848e;margin-right:8px;font-size:20px}.channel-title{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin-right:8px}.channel-topic{color:#949ba4;font-size:14px;margin-left:8px;padding-left:8px;border-left:1px solid var(--dm-border-primary)}.chat-messages{flex:1;overflow-y:auto;padding:16px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.welcome-message{display:flex;align-items:flex-start;padding:24px;margin-bottom:24px;background:#2e3035;border-radius:8px}.welcome-icon{font-size:48px;margin-right:16px}.welcome-content h4{font-size:24px;font-weight:600;color:var(--dm-text-primary);margin:0 0 8px}.welcome-content p{color:var(--dm-text-secondary);margin:0}.chat-message{display:flex;padding:8px 0;margin-bottom:16px}.message-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--dm-text-primary);margin-right:16px;flex-shrink:0}.message-avatar.bot{background:#5865f2}.message-content{flex:1}.message-header{display:flex;align-items:center;margin-bottom:4px}.message-author{font-size:15px;font-weight:500;color:var(--dm-text-primary);margin-right:8px}.bot-tag{background:#5865f2;color:var(--dm-text-primary);padding:2px 4px;border-radius:3px;font-size:10px;font-weight:500;margin-right:8px}.message-time{font-size:12px;color:#949ba4}.message-text{color:#dbdee1;font-size:15px;line-height:1.375}.chat-input{padding:16px}.input-box{background:#383a40;border-radius:8px;padding:12px 16px;color:#949ba4;font-size:15px;cursor:text}.input-placeholder{color:#6d6f78}.discord-members{width:240px;background:#2b2d31;padding:16px 8px;overflow-y:auto}.discord-members::-webkit-scrollbar{width:6px}.discord-members::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.members-header{padding:4px 8px;margin-bottom:4px;color:#949ba4;font-size:12px;font-weight:600;text-transform:uppercase}.member-list{margin-bottom:16px}.member-list.offline .member-item{opacity:.5}.member-list-scrollable{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.member-list-scrollable::-webkit-scrollbar{width:6px}.member-list-scrollable::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.member-list-scrollable::-webkit-scrollbar-track{background:transparent}.member-section{margin-bottom:12px}.member-section:last-child{margin-bottom:0}.role-header{padding:4px 8px;margin-bottom:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.member-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.member-item:hover{background:#35373c}.member-avatar{width:32px;height:32px;border-radius:50%;background:#80848e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--dm-text-primary);margin-right:12px;position:relative}.member-avatar.admin{background:#e74c3c}.member-avatar.mod{background:#3498db}.member-avatar.bot{background:#5865f2}.member-name{font-size:15px;color:var(--dm-text-primary);flex:1}.member-name.admin{color:#e74c3c}.member-name.mod{color:#3498db}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--dm-bg-secondary);border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:20px;font-weight:600;color:var(--dm-text-primary);margin:0 0 20px}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.channels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.channel-actions{display:flex;gap:12px}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.role-name-input{background:transparent;border:none;color:var(--dm-text-primary);font-weight:600;font-size:15px;padding:0;flex:1}.role-flag-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dm-text-secondary)}.role-flag-checkbox input[type=checkbox]{cursor:pointer}.integrations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-preview{display:flex;flex-direction:column;gap:20px}.activity-stats{margin-top:48px;padding-top:24px;border-top:1px solid var(--dm-border)}@media (max-width: 1600px){.template-detail-overlay{width:calc(100% - 350px)}.layout-container.sidebar-minimized .template-detail-overlay{width:calc(100% - 153px)}.discord-preview{height:500px}}@media (max-width: 1200px){.template-detail-overlay{width:calc(100% - 300px)}.layout-container.sidebar-minimized .template-detail-overlay{width:calc(100% - 103px)}.discord-members{display:none}}@media (max-width: 768px){.template-detail-overlay,.layout-container.sidebar-minimized .template-detail-overlay{width:100%}.discord-preview{height:400px}.discord-sidebar{width:200px}}.overview-tab{padding:0;width:100%}.overview-tab .discord-preview{display:flex;height:600px;background:#2b2d31;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000080}.overview-tab .discord-sidebar{width:240px;background:#1e1f22;display:flex;flex-direction:column}.overview-tab .server-header{display:flex;align-items:center;padding:12px 16px;background:#111214;border-bottom:1px solid rgba(0,0,0,.3);cursor:pointer;position:relative!important}.overview-tab .server-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;border-radius:50%!important;background:#5865f2!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:600!important;color:#fff!important;margin-right:12px!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important}.overview-tab .server-icon img{width:100%!important;height:100%!important;max-width:28px!important;max-height:28px!important;object-fit:cover!important;border-radius:50%!important;position:relative!important;display:block!important}.overview-tab .server-name{flex:1;font-size:15px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-tab .server-dropdown{color:#949ba4;font-size:18px;margin-left:8px}.overview-tab .channel-list{flex:1;overflow-y:auto;padding:8px 0}.overview-tab .channel-list::-webkit-scrollbar{width:6px}.overview-tab .channel-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.overview-tab .channel-category{margin-bottom:4px}.overview-tab .category-header{display:flex;align-items:center;padding:8px 8px 4px;color:#949ba4;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.overview-tab .category-arrow{font-size:8px;margin-right:4px}.overview-tab .category-name{color:#949ba4}.overview-tab .channel-item{display:flex;align-items:center;padding:6px 8px 6px 16px;margin:1px 8px;border-radius:4px;color:#949ba4;font-size:15px;cursor:pointer;transition:all .15s ease}.overview-tab .channel-item:hover{background:#35373c;color:#dbdee1}.overview-tab .channel-item.selected{background:#404249;color:#fff}.overview-tab .channel-item.voice{color:#949ba4}.overview-tab .channel-icon{width:20px;margin-right:6px;text-align:center;flex-shrink:0;color:#80848e}.overview-tab .channel-item.selected .channel-icon{color:#fff}.overview-tab .channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-tab .discord-chat{flex:1;background:#313338;display:flex;flex-direction:column}.overview-tab .chat-header{display:flex;align-items:center;padding:12px 16px;background:#313338;border-bottom:1px solid #1e1f22;box-shadow:0 1px #0003}.overview-tab .chat-header .channel-icon{color:#80848e;margin-right:8px;font-size:20px}.overview-tab .channel-title{font-size:16px;font-weight:600;color:#fff;margin-right:8px}.overview-tab .channel-topic{color:#949ba4;font-size:14px;margin-left:8px;padding-left:8px;border-left:1px solid #3f4147}.overview-tab .chat-messages{flex:1;overflow-y:auto;padding:16px}.overview-tab .chat-messages::-webkit-scrollbar{width:8px}.overview-tab .chat-messages::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.overview-tab .welcome-message{display:flex;align-items:flex-start;padding:24px;margin-bottom:24px;background:#2e3035;border-radius:8px}.overview-tab .welcome-icon{font-size:48px;margin-right:16px}.overview-tab .welcome-content h4{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px}.overview-tab .welcome-content p{color:#949ba4;margin:0}.overview-tab .chat-message{display:flex;padding:8px 0;margin-bottom:16px}.overview-tab .message-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;margin-right:16px;flex-shrink:0}.overview-tab .message-avatar.bot{background:#5865f2}.overview-tab .message-content{flex:1}.overview-tab .message-header{display:flex;align-items:center;margin-bottom:4px}.overview-tab .message-author{font-size:15px;font-weight:500;color:#fff;margin-right:8px}.overview-tab .bot-tag{background:#5865f2;color:#fff;padding:2px 4px;border-radius:3px;font-size:10px;font-weight:500;margin-right:8px}.overview-tab .message-time{font-size:12px;color:#949ba4}.overview-tab .message-text{color:#dbdee1;font-size:15px;line-height:1.375}.overview-tab .chat-input{padding:16px}.overview-tab .input-box{background:#383a40;border-radius:8px;padding:12px 16px;color:#949ba4;font-size:15px;cursor:text}.overview-tab .input-placeholder{color:#6d6f78}.overview-tab .discord-members{width:240px;background:#2b2d31;padding:16px 8px;overflow-y:auto}.overview-tab .discord-members::-webkit-scrollbar{width:6px}.overview-tab .discord-members::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.overview-tab .members-header{padding:4px 8px;margin-bottom:4px;color:#949ba4;font-size:12px;font-weight:600;text-transform:uppercase}.overview-tab .member-list-scrollable{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.overview-tab .member-list-scrollable::-webkit-scrollbar{width:6px}.overview-tab .member-list-scrollable::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:3px}.overview-tab .member-list-scrollable::-webkit-scrollbar-track{background:transparent}.overview-tab .member-section{margin-bottom:12px}.overview-tab .member-section:last-child{margin-bottom:0}.overview-tab .role-header{padding:4px 8px;margin-bottom:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.overview-tab .member-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.overview-tab .member-item:hover{background:#35373c}.overview-tab .member-avatar{width:32px;height:32px;border-radius:50%;background:#80848e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;margin-right:12px;position:relative}.overview-tab .member-name{font-size:15px;color:#fff;flex:1}.overview-tab .loading{text-align:center;padding:40px;color:#949ba4}@media (max-width: 1600px){.overview-tab .discord-preview{height:500px}}@media (max-width: 1200px){.overview-tab .discord-members{display:none}}@media (max-width: 768px){.overview-tab .discord-preview{height:400px}.overview-tab .discord-sidebar{width:200px}}.template-builder-page{display:flex;flex-direction:column;height:100vh;background:var(--dm-bg-primary);overflow:hidden}.template-builder-layout{display:flex;flex:1;overflow:hidden}.design-assets-sidebar{width:280px;background:var(--dm-bg-secondary);border-right:1px solid var(--dm-border);padding:20px;overflow-y:auto;flex-shrink:0}.design-assets-sidebar h3{font-size:18px;font-weight:600;color:var(--dm-text-primary);margin:0 0 8px}.sidebar-hint{font-size:13px;color:var(--dm-text-secondary);margin:0 0 20px}.assets-section{margin-bottom:24px}.assets-section h4{font-size:14px;font-weight:600;color:var(--dm-text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.design-asset{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border);border-radius:6px;padding:10px;margin-bottom:8px;cursor:grab;transition:all .2s;display:flex;align-items:center;gap:8px}.design-asset:hover{background:var(--dm-bg-hover);border-color:var(--dm-primary);transform:translate(2px)}.design-asset:active{cursor:grabbing}.asset-preview{color:var(--dm-text-primary);font-size:14px;font-family:Consolas,Monaco,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.asset-name{font-size:12px;color:var(--dm-text-secondary)}.template-builder-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.template-info-bar{background:var(--dm-bg-secondary);border-bottom:1px solid var(--dm-border);padding:16px 24px;display:flex;gap:16px}.template-name-input,.template-description-input{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border);border-radius:6px;padding:10px 14px;color:var(--dm-text-primary);font-size:14px;transition:all .2s}.template-name-input{width:300px;font-weight:600}.template-description-input{flex:1}.template-name-input:focus,.template-description-input:focus{outline:none;border-color:var(--dm-primary);background:var(--dm-bg-primary)}.builder-tabs{display:flex;background:var(--dm-bg-tertiary);border-bottom:1px solid var(--dm-border);padding:0 24px}.tab-button{background:transparent;border:none;padding:16px 24px;color:var(--dm-text-secondary);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:all .2s}.tab-button:hover{color:var(--dm-text-primary)}.tab-button.active{color:var(--dm-primary)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--dm-primary)}.mock-discord-server{flex:1;background:var(--dm-bg-primary);overflow-y:auto;padding:24px}.server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.server-header h3{font-size:20px;font-weight:600;color:var(--dm-text-primary);margin:0}.add-buttons{display:flex;gap:8px}.add-buttons button,.server-header>button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--dm-primary);color:var(--dm-text-primary);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-buttons button:hover,.server-header>button:hover{background:var(--dm-primary-hover)}.add-buttons button svg,.server-header>button svg{width:16px;height:16px}.channels-container{background:var(--dm-bg-secondary);border-radius:8px;padding:20px}.channels-list{display:flex;flex-direction:column;gap:16px}.channel-category{background:var(--dm-bg-tertiary);border-radius:6px;overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff05;cursor:pointer;transition:all .2s}.category-header:hover{background:var(--dm-bg-hover)}.category-header.drag-over{background:#5865f21a;border:2px dashed var(--dm-primary)}.category-name{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--dm-text-secondary);letter-spacing:.5px;flex:1}.category-channels{padding:8px}.channel-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.channel-item:hover{background:var(--dm-bg-hover)}.channel-icon{width:20px;height:20px;margin-right:8px;color:var(--dm-text-secondary);display:flex;align-items:center;justify-content:center}.channel-icon svg{width:16px;height:16px}.channel-name{flex:1;color:var(--dm-text-secondary);font-size:16px;font-weight:500}.channel-name-input,.role-name-input{background:var(--dm-bg-primary);border:1px solid var(--dm-primary);border-radius:4px;padding:4px 8px;color:var(--dm-text-primary);font-size:inherit;font-weight:inherit;width:100%;outline:none}.delete-button{background:transparent;border:none;color:var(--dm-text-secondary);font-size:20px;line-height:1;cursor:pointer;opacity:0;transition:all .2s;padding:0 8px}.channel-item:hover .delete-button,.category-header:hover .delete-button,.role-item:hover .delete-button{opacity:1}.delete-button:hover{color:var(--dm-danger)}.roles-container{background:var(--dm-bg-secondary);border-radius:8px;padding:20px}.roles-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.role-item{display:flex;align-items:center;background:var(--dm-bg-tertiary);border-radius:6px;padding:12px 16px;transition:all .2s}.role-item:hover{background:var(--dm-bg-hover)}.role-color{width:12px;height:12px;border-radius:50%;margin-right:12px;flex-shrink:0}.role-name{flex:1;color:var(--dm-text-primary);font-size:16px;font-weight:500;cursor:pointer}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-size:14px;font-weight:600;color:var(--dm-text-primary)}.setting-group select{background:var(--dm-bg-tertiary);border:1px solid var(--dm-border);border-radius:6px;padding:10px 14px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;transition:all .2s}.setting-group select:hover{background:var(--dm-bg-hover)}.setting-group select:focus{outline:none;border-color:var(--dm-primary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{color:var(--dm-text-primary);font-size:14px}.tags-input{display:flex;flex-wrap:wrap;gap:8px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border);border-radius:6px;padding:8px}.tag-chip{display:inline-flex;align-items:center;gap:6px;background:#5865f21a;color:var(--dm-primary);padding:4px 12px;border-radius:16px;font-size:14px}.tag-chip button{background:transparent;border:none;color:inherit;font-size:16px;line-height:1;cursor:pointer;padding:0}.tag-chip button:hover{color:var(--dm-text-primary)}.tags-input input{flex:1;min-width:120px;background:transparent;border:none;color:var(--dm-text-primary);font-size:14px;outline:none;padding:4px}.loading-server{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--dm-text-secondary)}.loading-server svg.spinning{animation:spin 1s linear infinite;width:48px;height:48px;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.template-builder-wrapper .context-menu{position:fixed;background:var(--dm-bg-secondary);border:1px solid var(--dm-border);border-radius:6px;padding:4px;min-width:140px;box-shadow:0 8px 24px #0006;z-index:1000;animation:contextMenuFadeIn .12s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.template-builder-wrapper .context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--dm-text-primary);font-size:14px;font-family:inherit;border-radius:4px;cursor:pointer;transition:background .15s;text-align:left}.template-builder-wrapper .context-menu-item:hover{background:#ffffff0f}.template-builder-wrapper .context-menu-item.danger{color:var(--dm-danger)}.template-builder-wrapper .context-menu-item.danger:hover{background:#f047471a}.template-builder-wrapper .context-menu-item svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 1200px){.design-assets-sidebar{width:240px}}@media (max-width: 768px){.template-builder-layout{flex-direction:column}.design-assets-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--dm-border);max-height:200px}.template-info-bar{flex-direction:column}.template-name-input{width:100%}}.template-builder-page{display:flex;flex-direction:column;height:100%;min-height:0}.template-builder-page>.header{flex-shrink:0}.template-builder-wrapper{flex:1;min-height:0;display:flex;height:0;border-top:1px solid #3f4147}.template-builder-wrapper .special-layout-main{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.template-builder-wrapper .special-layout-content.template-builder-content{display:flex;flex-direction:column;gap:0;padding:0;flex:1;min-height:0;height:100%!important;overflow:hidden}.template-builder-wrapper .template-builder-main{display:flex;flex:1;min-height:0;position:relative}.template-builder-wrapper .overview-section{padding:24px;height:100%;overflow:auto}.template-builder-wrapper .overview-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;max-width:1400px;margin:0 auto;height:100%}.template-builder-wrapper .overview-left{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.template-builder-wrapper .overview-right{display:flex;flex-direction:column;min-width:0;min-height:0;align-self:start}.template-builder-wrapper .overview-card{background:var(--dm-card-bg);border:1px solid var(--dm-border);border-radius:8px;padding:0!important}.template-builder-wrapper .overview-card .card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dm-border);padding:8px 0!important}.template-builder-wrapper .overview-card .card-label{font-size:11px;font-weight:600;color:var(--dm-text-secondary);letter-spacing:.5px;text-transform:uppercase}.template-builder-wrapper .overview-card .card-content{padding:0!important}.template-builder-wrapper .quick-start-dropdown{position:relative;z-index:100}.template-builder-wrapper .quick-start-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--dm-card-bg);border:1px solid var(--dm-border);border-radius:6px;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .quick-start-trigger:hover{background:var(--dm-bg-tertiary);border-color:var(--dm-border-medium);color:var(--dm-text-primary)}.template-builder-wrapper .quick-start-trigger.active{background:var(--dm-bg-tertiary);border-color:var(--dm-accent-primary);color:var(--dm-text-primary)}.template-builder-wrapper .quick-start-trigger-text{flex:1;text-align:left}.template-builder-wrapper .quick-start-chevron{transition:transform .2s ease;opacity:.6}.template-builder-wrapper .quick-start-chevron.expanded{transform:rotate(180deg)}.template-builder-wrapper .quick-start-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0f0f0ffa;border:1px solid #3f4147;border-radius:6px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;animation:quickStartFadeIn .15s cubic-bezier(.23,1,.32,1);z-index:1000}@keyframes quickStartFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.template-builder-wrapper .quick-start-menu-item{width:100%;padding:10px 12px;background:none;border:none;border-radius:4px;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.template-builder-wrapper .quick-start-menu-item:hover{background:var(--dm-accent-hover);color:var(--dm-text-primary)}.template-builder-wrapper .radar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.template-builder-wrapper .radar-chart-container{position:relative;display:flex;flex-direction:column;align-items:center}.template-builder-wrapper .radar-chart{overflow:visible}.template-builder-wrapper .radar-polygon,.template-builder-wrapper .radar-point{transition:all .6s cubic-bezier(.4,0,.2,1)}.template-builder-wrapper .radar-detected-type{position:absolute;top:-30px;right:-70px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:80px}.template-builder-wrapper .detected-label{font-size:8px;font-weight:500;color:var(--dm-text-tertiary);text-transform:uppercase;letter-spacing:.8px;opacity:.7}.template-builder-wrapper .detected-value{font-size:14px;font-weight:700;color:var(--dm-accent-primary);line-height:1.1;text-shadow:0 0 20px rgba(88,101,242,.4)}.template-builder-wrapper .detected-confidence{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--dm-success);margin-top:2px}.template-builder-wrapper .detected-confidence:before{content:"";display:inline-block;width:6px;height:6px;background:var(--dm-success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.template-builder-wrapper .radar-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px;color:var(--dm-text-secondary);text-align:center}.template-builder-wrapper .radar-placeholder-icon{width:48px;height:48px;background:var(--dm-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center}.template-builder-wrapper .radar-placeholder-icon svg{width:20px;height:20px;opacity:.5}.template-builder-wrapper .radar-placeholder p{font-size:12px;margin:0;max-width:180px;line-height:1.4}.template-builder-wrapper .summary-stats-compact{display:flex;flex-direction:column;gap:0}.template-builder-wrapper .summary-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--dm-border)}.template-builder-wrapper .summary-stat-row:last-child{border-bottom:none}.template-builder-wrapper .summary-stat-row.sub{padding-left:12px}.template-builder-wrapper .summary-stat-row.sub .stat-label{font-family:monospace;font-size:12px;color:var(--dm-text-tertiary)}.template-builder-wrapper .summary-stat-row .stat-label{font-size:13px;color:var(--dm-text-secondary)}.template-builder-wrapper .summary-stat-row .stat-value{font-size:13px;font-weight:600;color:var(--dm-text-primary);min-width:24px;text-align:right}.template-builder-wrapper .overview-right .mui-style-card.mui-style.recommendations-card{margin:0;display:flex;flex-direction:column;height:fit-content;min-height:200px;max-height:calc(100vh - 170px);position:relative}.template-builder-wrapper .overview-right .recommendations-card .card-content{overflow-y:auto;padding-bottom:16px}.template-builder-wrapper .recommendations-card .expand-all-btn{position:absolute;top:-12px;right:20px;padding:4px 12px;background:linear-gradient(90deg,var(--dm-bg-darker) 0%,var(--dm-bg-lil-darker) 100%);color:var(--dm-accent-primary);border:1px solid rgba(64,64,64,.6);border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;transition:all .15s ease;z-index:2}.template-builder-wrapper .recommendations-card .expand-all-btn:hover{background:var(--dm-accent-primary);color:#fff;border-color:var(--dm-accent-primary)}.template-builder-wrapper .overview-right .recommendations-card .mui-style-card.mui-style{border:none;border-radius:0;margin-bottom:0}.template-builder-wrapper .overview-right .recommendations-card .mui-style-card.mui-style+.mui-style-card.mui-style{border-top:1px solid var(--dm-border)}.template-builder-wrapper .no-recommendations{padding:40px 24px;text-align:center}.template-builder-wrapper .no-recommendations p{color:var(--dm-text-secondary);font-size:13px;margin:0}@media (max-width: 1000px){.template-builder-wrapper .overview-section{overflow-y:auto}.template-builder-wrapper .overview-layout{grid-template-columns:1fr;height:auto}.template-builder-wrapper .overview-left{order:1;overflow-y:visible}.template-builder-wrapper .overview-right{order:2;height:auto;min-height:400px}}.template-builder-wrapper .discord-preview-container{flex:1;display:flex;justify-content:center;align-items:stretch;padding:24px;background:var(--dm-body-bg);overflow:auto;min-height:0;position:absolute;inset:0 0 0 380px}.template-builder-wrapper .discord-preview{width:100%;max-width:1200px;height:100%;background:#1e1f22;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column}.template-builder-wrapper .discord-server-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2b2d31;border-bottom:1px solid #1e1f22;cursor:default;transition:background .2s}.template-builder-wrapper .discord-server-header.editable,.template-builder-wrapper .discord-server-header.clickable{cursor:pointer}.template-builder-wrapper .discord-server-header.editable:hover,.template-builder-wrapper .discord-server-header.clickable:hover{background:#35373c}.template-builder-wrapper .server-icon-preview{width:40px;height:40px;border-radius:12px;background:#5865f2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-builder-wrapper .server-icon-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}.template-builder-wrapper .server-icon-preview span{font-size:18px;font-weight:600;color:#fff}.template-builder-wrapper .server-name-preview{display:flex;align-items:center;gap:6px;flex:1}.template-builder-wrapper .server-name-preview h3{font-size:15px;font-weight:600;color:#fff;margin:0}.template-builder-wrapper .server-name-preview svg{color:#b5bac1}.template-builder-wrapper .discord-server-content{display:flex;flex:1;min-height:500px}.template-builder-wrapper .discord-channel-list{width:240px;background:#2b2d31;overflow-y:auto;padding:8px 0;flex-shrink:0}.template-builder-wrapper .discord-channel-list.edit-mode .discord-channel,.template-builder-wrapper .discord-channel-list.edit-mode .discord-category-header{cursor:pointer}.template-builder-wrapper .discord-category{margin-bottom:4px}.template-builder-wrapper .discord-category.selected{background:#5865f21a}.template-builder-wrapper .discord-category-header{display:flex;align-items:center;gap:4px;padding:8px 8px 4px 16px;font-size:12px;font-weight:600;color:#949ba4;text-transform:uppercase;letter-spacing:.02em;cursor:default;transition:color .2s}.template-builder-wrapper .discord-category-header.editable:hover{color:#dbdee1}.template-builder-wrapper .discord-category-header.editable:hover .category-add-btn{opacity:1}.template-builder-wrapper .discord-category-header svg:first-child{width:12px;height:12px}.template-builder-wrapper .category-add-btn{margin-left:auto;padding:2px;background:transparent;border:none;color:#949ba4;cursor:pointer;opacity:0;transition:opacity .2s,color .2s;border-radius:3px}.template-builder-wrapper .category-add-btn:hover{color:#dbdee1;background:#35373c}.template-builder-wrapper .discord-category-channels{padding-left:8px}.template-builder-wrapper .discord-channel{display:flex;align-items:center;gap:6px;padding:6px 8px;margin:1px 8px;border-radius:4px;color:#949ba4;font-size:14px;transition:background .1s,color .1s}.template-builder-wrapper .discord-channel.editable:hover{background:#35373c;color:#dbdee1}.template-builder-wrapper .discord-channel.selected{background:#5865f233;color:#fff}.template-builder-wrapper .discord-channel[draggable=true]{cursor:grab}.template-builder-wrapper .discord-channel[draggable=true]:active{cursor:grabbing}.template-builder-wrapper .discord-channel.dragging{opacity:.5;cursor:grabbing}.template-builder-wrapper .discord-channel.drop-target{border-top:2px solid #5865f2;background:#5865f226}.template-builder-wrapper .discord-category-header[draggable=true]{cursor:grab}.template-builder-wrapper .discord-category-header[draggable=true]:active{cursor:grabbing}.template-builder-wrapper .discord-category-header.dragging{opacity:.5;cursor:grabbing}.template-builder-wrapper .discord-category-header.drop-target{border-top:2px solid #5865f2;background:#5865f226}.template-builder-wrapper .discord-category.drop-target{background:#5865f214;border-radius:4px}.template-builder-wrapper .discord-role-group[draggable=true]{cursor:grab}.template-builder-wrapper .discord-role-group[draggable=true]:active{cursor:grabbing}.template-builder-wrapper .discord-role-group.dragging{opacity:.5;cursor:grabbing}.template-builder-wrapper .discord-role-group.drop-target{border-top:2px solid #5865f2;background:#5865f226}.template-builder-wrapper .discord-channel.preview-selected,.template-builder-wrapper .discord-category.preview-selected,.template-builder-wrapper .discord-role-group.preview-selected{position:relative}.template-builder-wrapper .discord-channel.preview-selected:before,.template-builder-wrapper .discord-category.preview-selected:before,.template-builder-wrapper .discord-role-group.preview-selected:before{content:"";position:absolute;inset:0;border:2px dashed var(--dm-accent-primary, #5865f2);border-radius:4px;pointer-events:none;z-index:10;animation:focus-border-draw .6s cubic-bezier(.25,.1,.25,1) forwards}.template-builder-wrapper .discord-channel.preview-selected:has(+.discord-channel.preview-selected):before,.template-builder-wrapper .discord-category.preview-selected:has(+.discord-category.preview-selected):before{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.template-builder-wrapper .discord-channel.preview-selected+.discord-channel.preview-selected:before,.template-builder-wrapper .discord-category.preview-selected+.discord-category.preview-selected:before{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.template-builder-wrapper .discord-role-group.preview-selected:has(+.discord-role-group.preview-selected):before{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:-16px}.template-builder-wrapper .discord-role-group.preview-selected+.discord-role-group.preview-selected:before{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.template-builder-wrapper .discord-channel svg{width:16px;height:16px;flex-shrink:0}.template-builder-wrapper .discord-add-category{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);margin:8px;padding:10px;background:transparent;border:1px dashed #3f4147;border-radius:4px;color:#949ba4;font-size:13px;cursor:pointer;transition:all .2s}.template-builder-wrapper .discord-add-category:hover{background:#5865f21a;border-color:#5865f2;color:#dbdee1}.template-builder-wrapper .discord-chat-area{flex:1;display:flex;flex-direction:column;background:#313338;min-width:0;transition:background .2s}.template-builder-wrapper .discord-chat-area.clickable{cursor:pointer}.template-builder-wrapper .discord-chat-area.clickable:hover{background:#35373c}.template-builder-wrapper .discord-chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #1e1f22;color:#f2f3f5;font-weight:600}.template-builder-wrapper .discord-chat-header svg{width:20px;height:20px;color:#80848e}.template-builder-wrapper .discord-chat-messages{flex:1;padding:16px;overflow-y:auto}.template-builder-wrapper .discord-welcome{text-align:center;padding:40px 20px}.template-builder-wrapper .discord-welcome h3{font-size:28px;font-weight:700;color:#f2f3f5;margin:0 0 8px}.template-builder-wrapper .discord-welcome p{color:#949ba4;margin:0;font-size:14px}.template-builder-wrapper .discord-message{display:flex;gap:16px;padding:8px 16px;margin-top:16px}.template-builder-wrapper .message-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.template-builder-wrapper .message-body{flex:1}.template-builder-wrapper .message-author{font-weight:600;color:#5865f2;margin-right:8px}.template-builder-wrapper .bot-tag{font-size:10px;font-weight:500;padding:1px 4px;background:#5865f2;color:#fff;border-radius:3px;vertical-align:middle}.template-builder-wrapper .message-body p{color:#dbdee1;margin:4px 0 0;line-height:1.4}.template-builder-wrapper .discord-chat-input{padding:16px}.template-builder-wrapper .discord-chat-input input{width:100%;padding:12px 16px;background:#383a40;border:none;border-radius:8px;color:#dbdee1;font-size:14px}.template-builder-wrapper .discord-chat-input input::placeholder{color:#6d6f78}.template-builder-wrapper .discord-member-list{width:240px;background:#2b2d31;padding:16px 8px;overflow-y:auto;flex-shrink:0}.template-builder-wrapper .discord-role-group{margin-bottom:16px;border-radius:4px;transition:background .15s ease}.template-builder-wrapper .discord-member-list.edit-mode .discord-role-group{cursor:pointer}.template-builder-wrapper .discord-member-list.edit-mode .discord-role-group:hover{background:#ffffff0a}.template-builder-wrapper .discord-member-list.edit-mode .discord-role-group.selected{background:#5865f226}.template-builder-wrapper .discord-role-header{font-size:12px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;transition:background .2s}.template-builder-wrapper .discord-role-separator{font-size:11px;font-weight:500;text-align:center;padding:8px;border-radius:4px;transition:background .2s}.template-builder-wrapper .discord-member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px}.template-builder-wrapper .member-avatar{width:32px;height:32px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;border:2px solid transparent}.template-builder-wrapper .discord-add-role-btns{display:flex;flex-direction:column;gap:8px;padding:8px}.template-builder-wrapper .discord-add-role-btns button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:1px dashed #3f4147;border-radius:4px;color:#949ba4;font-size:12px;cursor:pointer;transition:all .2s}.template-builder-wrapper .discord-add-role-btns button:hover{background:#5865f21a;border-color:#5865f2;color:#dbdee1}.template-builder-wrapper .template-edit-panel{width:0;background:var(--dm-bg-secondary);border-right:1px solid var(--dm-border-primary);overflow:hidden;position:absolute;top:0;left:0;bottom:0;box-sizing:border-box}.template-builder-wrapper .template-edit-panel.open{width:380px;overflow-x:hidden;overflow-y:auto}.template-builder-wrapper .template-builder-main:has(.template-edit-panel:not(.open)) .discord-preview-container{left:0}.template-builder-wrapper .edit-panel-content{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.template-builder-wrapper .edit-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--dm-border-primary)}.template-builder-wrapper .edit-panel-header h3{font-size:16px;font-weight:600;color:var(--dm-text-primary);margin:0}.template-builder-wrapper .panel-close-btn{padding:6px;background:transparent;border:none;color:var(--dm-text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.template-builder-wrapper .panel-close-btn:hover{background:var(--dm-bg-quaternary);color:var(--dm-text-primary)}.template-builder-wrapper .edit-panel-body{flex:1;padding:0 0 20px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;min-width:0}.template-builder-wrapper .edit-panel-footer{padding:16px 20px;border-top:1px solid var(--dm-border-primary)}.template-builder-wrapper .footer-hint{display:block;font-size:11px;color:var(--dm-text-secondary);margin-top:8px;text-align:center}.template-builder-wrapper .form-field{margin-bottom:20px;max-width:100%;overflow:hidden;box-sizing:border-box}.template-builder-wrapper .form-field label{display:block;font-size:13px;font-weight:500;color:var(--dm-text-secondary);margin-bottom:8px;word-wrap:break-word}.template-builder-wrapper .form-field input[type=text],.template-builder-wrapper .form-field textarea,.template-builder-wrapper .form-field select{width:100%;max-width:100%;padding:10px 12px;background:var(--dm-bg-darker);border:1px solid var(--dm-border-medium);border-radius:4px;color:var(--dm-text-header);font-size:14px;transition:border-color .2s;box-sizing:border-box}.template-builder-wrapper .form-field input[type=text]:focus,.template-builder-wrapper .form-field textarea:focus,.template-builder-wrapper .form-field select:focus{outline:none;border-color:var(--dm-accent-primary)}.template-builder-wrapper .form-field textarea{resize:vertical;min-height:80px}.template-builder-wrapper .field-hint{display:block;font-size:11px;color:var(--dm-text-secondary);margin-top:6px}.template-builder-wrapper .toggle-field{display:flex;align-items:center;justify-content:space-between;max-width:100%;gap:12px}.template-builder-wrapper .toggle-field>div{flex:1;min-width:0;overflow:hidden}.template-builder-wrapper .toggle-field label{margin-bottom:0}.template-builder-wrapper .toggle-field .field-hint{margin-top:2px}.template-builder-wrapper .toggle-btn{position:relative;width:44px;height:24px;background:var(--dm-bg-tertiary);border:none;border-radius:12px;cursor:pointer;transition:background .2s;flex-shrink:0}.template-builder-wrapper .toggle-btn.active{background:var(--dm-accent-primary)}.template-builder-wrapper .toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.template-builder-wrapper .toggle-btn.active .toggle-slider{transform:translate(20px)}.template-builder-wrapper .type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:100%;box-sizing:border-box}.template-builder-wrapper .type-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-secondary);font-size:12px;text-transform:capitalize;cursor:pointer;transition:all .2s;min-width:0;overflow:hidden}.template-builder-wrapper .type-btn:hover{background:var(--dm-bg-quaternary);color:var(--dm-text-primary)}.template-builder-wrapper .type-btn.active{background:var(--dm-accent-secondary);border-color:var(--dm-accent-primary);color:var(--dm-accent-primary)}.template-builder-wrapper .color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:12px;max-width:100%;box-sizing:border-box}.template-builder-wrapper .color-btn{width:100%;aspect-ratio:1;border:none;border-radius:4px;cursor:pointer;transition:transform .1s,box-shadow .2s}.template-builder-wrapper .color-btn:hover{transform:scale(1.15)}.template-builder-wrapper .color-btn.selected{box-shadow:0 0 0 2px var(--dm-bg-secondary),0 0 0 4px var(--dm-text-primary)}.template-builder-wrapper .color-input{margin-top:8px}.template-builder-wrapper .channels-list{background:var(--dm-bg-tertiary);border-radius:6px;padding:8px;max-height:150px;overflow-y:auto;overflow-x:hidden;max-width:100%;box-sizing:border-box}.template-builder-wrapper .channel-list-item{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--dm-text-secondary);font-size:13px;max-width:100%;overflow:hidden}.template-builder-wrapper .channel-list-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.template-builder-wrapper .channel-list-item svg{width:16px;height:16px;flex-shrink:0}.template-builder-wrapper .add-channel-btns{display:flex;gap:8px;max-width:100%;box-sizing:border-box}.template-builder-wrapper .add-channel-btns .btn{flex:1;min-width:0;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-builder-wrapper .settings-section{margin-bottom:24px}.template-builder-wrapper .settings-section h4{font-size:11px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.template-builder-wrapper .apps-panel .edit-panel-body{padding:0}.template-builder-wrapper .apps-tabs{display:flex;border-bottom:1px solid var(--dm-border-primary);max-width:100%;overflow:hidden}.template-builder-wrapper .apps-tabs button{flex:1;min-width:0;padding:12px;background:transparent;border:none;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-builder-wrapper .apps-tabs button:hover{color:var(--dm-text-primary)}.template-builder-wrapper .apps-tabs button.active{color:var(--dm-accent-primary);border-bottom-color:var(--dm-accent-primary)}.template-builder-wrapper .apps-body{padding:16px;display:flex;flex-direction:column;gap:8px;max-width:100%;box-sizing:border-box;overflow-x:hidden}.template-builder-wrapper .app-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:8px;cursor:pointer;transition:all .2s;max-width:100%;box-sizing:border-box;overflow:hidden}.template-builder-wrapper .app-card:hover{background:var(--dm-bg-quaternary);border-color:var(--dm-accent-primary)}.template-builder-wrapper .app-card.installed{background:var(--dm-accent-secondary);border-color:var(--dm-accent-primary)}.template-builder-wrapper .app-icon{width:40px;height:40px;background:var(--dm-bg-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--dm-text-secondary);flex-shrink:0}.template-builder-wrapper .app-info{flex:1;min-width:0}.template-builder-wrapper .app-name{display:block;font-size:14px;font-weight:500;color:var(--dm-text-primary)}.template-builder-wrapper .app-desc,.template-builder-wrapper .app-category{display:block;font-size:12px;color:var(--dm-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-builder-wrapper .app-status{color:var(--dm-text-secondary);flex-shrink:0}.template-builder-wrapper .app-card.installed .app-status{color:var(--dm-text-success)}.template-builder-wrapper .apps-summary{padding:12px 16px;border-top:1px solid var(--dm-border-primary);font-size:12px;color:var(--dm-text-secondary);text-align:center}.template-builder-wrapper .help-panel .edit-panel-body{display:flex;flex-direction:column;gap:24px}.template-builder-wrapper .help-text{font-size:13px;color:var(--dm-text-secondary);line-height:1.5;margin:0}.template-builder-wrapper .quick-actions h4,.template-builder-wrapper .tips-section h4,.template-builder-wrapper .roles-summary h4{font-size:11px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.template-builder-wrapper .quick-actions{display:flex;flex-direction:column;gap:8px;max-width:100%;overflow:hidden}.template-builder-wrapper .quick-actions .btn{justify-content:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-builder-wrapper .tips-section ul{margin:0;padding-left:20px}.template-builder-wrapper .tips-section li{font-size:13px;color:var(--dm-text-secondary);line-height:1.8}.template-builder-wrapper .roles-summary{background:var(--dm-bg-tertiary);border-radius:8px;padding:16px;max-width:100%;box-sizing:border-box;overflow:hidden}.template-builder-wrapper .roles-list{display:flex;flex-direction:column;gap:4px;max-width:100%}.template-builder-wrapper .role-item{font-size:13px;font-weight:500;padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1400px){.template-builder-wrapper .template-edit-panel.open{width:340px}.template-builder-wrapper .discord-preview-container{left:340px}.template-builder-wrapper .summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.template-builder-wrapper .discord-member-list{display:none}.template-builder-wrapper .discord-channel-list{width:200px}}@media (max-width: 992px){.template-builder-main{flex-direction:column}.template-builder-wrapper .discord-preview-container{padding:16px;min-height:500px}.template-builder-wrapper .discord-server-content{min-height:400px}.template-builder-wrapper .template-edit-panel.open{width:100%;max-height:50vh;border-right:none;border-bottom:1px solid var(--dm-border-primary)}.template-builder-wrapper .discord-preview-container{left:0;top:50vh}.template-builder-wrapper .edit-panel-content{width:100%}.template-builder-wrapper .overview-section{padding:16px}.template-builder-wrapper .quick-start-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.template-builder-wrapper .discord-channel-list{width:180px}.template-builder-wrapper .discord-server-content{min-height:350px}.template-builder-wrapper .summary-stats{grid-template-columns:1fr 1fr}.template-builder-wrapper .overview-grid{grid-template-columns:1fr}}.template-builder-wrapper .header-stats{display:flex;gap:8px;margin-left:auto}.template-builder-wrapper .stat-chip{padding:2px 8px;background:var(--dm-accent-secondary);color:var(--dm-accent-primary);font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase}.template-builder-wrapper .inline-add-buttons{display:flex;gap:8px;padding:12px 16px;margin-top:8px}.template-builder-wrapper .inline-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px dashed var(--dm-border-primary);border-radius:6px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .inline-add-btn:hover{border-color:var(--dm-accent-primary);color:var(--dm-accent-primary);background:var(--dm-accent-secondary)}.template-builder-wrapper .inline-add-btn svg{width:14px;height:14px}.template-builder-wrapper .edit-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.template-builder-wrapper .edit-modal{background:#0f0f0f;border:1px solid var(--dm-border-primary);border-radius:12px;box-shadow:0 12px 48px #00000080;width:720px;max-width:90vw;height:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .2s ease;cursor:default}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.template-builder-wrapper .edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--dm-bg-secondary);border-bottom:1px solid var(--dm-border-primary);flex-shrink:0}.template-builder-wrapper .edit-modal-header h4{margin:0;font-size:16px;font-weight:600;color:var(--dm-text-primary)}.template-builder-wrapper .edit-modal-header-subtitle{font-size:12px;color:var(--dm-text-secondary);margin-left:12px}.template-builder-wrapper .edit-modal-close{background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;padding:6px;border-radius:4px;transition:all .15s ease}.template-builder-wrapper .edit-modal-close:hover{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.template-builder-wrapper .edit-modal-container{display:flex;flex:1;min-height:0;overflow:hidden}.template-builder-wrapper .edit-modal-sidebar{width:180px;background:var(--dm-bg-secondary);border-right:1px solid var(--dm-border-primary);display:flex;flex-direction:column;flex-shrink:0}.template-builder-wrapper .edit-modal-sidebar-nav{display:flex;flex-direction:column;padding:12px 8px;gap:2px}.template-builder-wrapper .edit-modal-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;border-radius:6px;color:var(--dm-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.template-builder-wrapper .edit-modal-sidebar-item:hover{background:#ffffff08;color:var(--dm-text-primary)}.template-builder-wrapper .edit-modal-sidebar-item.active{background:var(--dm-accent-secondary);color:var(--dm-accent-primary)}.template-builder-wrapper .edit-modal-sidebar-item svg{width:16px;height:16px;flex-shrink:0}.template-builder-wrapper .edit-modal-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.template-builder-wrapper .edit-modal-body{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.template-builder-wrapper .edit-modal-section{display:flex;flex-direction:column;gap:16px}.template-builder-wrapper .edit-modal-section-title{font-size:12px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.template-builder-wrapper .edit-modal-field{display:flex;flex-direction:column;gap:6px}.template-builder-wrapper .edit-modal-field label{font-size:12px;font-weight:500;color:var(--dm-text-secondary)}.template-builder-wrapper .edit-modal-field input,.template-builder-wrapper .edit-modal-field select,.template-builder-wrapper .edit-modal-field textarea{padding:10px 12px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:13px;outline:none;transition:border-color .15s ease;font-family:inherit}.template-builder-wrapper .edit-modal-field textarea{min-height:80px;resize:vertical}.template-builder-wrapper .edit-modal-field input:focus,.template-builder-wrapper .edit-modal-field select:focus,.template-builder-wrapper .edit-modal-field textarea:focus{border-color:var(--dm-accent-primary)}.template-builder-wrapper .edit-modal-field-hint{font-size:11px;color:var(--dm-text-tertiary);margin-top:2px}.template-builder-wrapper .edit-modal-footer{display:flex;justify-content:space-between;padding:16px 24px;background:var(--dm-bg-secondary);border-top:1px solid var(--dm-border-primary);gap:12px;flex-shrink:0}.template-builder-wrapper .edit-modal-footer .btn-group{display:flex;gap:8px}.template-builder-wrapper .edit-modal-delete-btn{padding:8px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .edit-modal-delete-btn:hover{background:#ef444440}.template-builder-wrapper .edit-modal-cancel-btn{padding:8px 14px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .edit-modal-cancel-btn:hover{background:var(--dm-bg-quaternary);color:var(--dm-text-primary)}.template-builder-wrapper .edit-modal-save-btn{padding:8px 16px;background:var(--dm-accent-primary);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .edit-modal-save-btn:hover{opacity:.9}.template-builder-wrapper .edit-modal-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--dm-border-primary)}.template-builder-wrapper .edit-modal-toggle-row:last-child{border-bottom:none}.template-builder-wrapper .edit-modal-toggle-info{display:flex;flex-direction:column;gap:2px}.template-builder-wrapper .edit-modal-toggle-label{font-size:13px;font-weight:500;color:var(--dm-text-primary)}.template-builder-wrapper .edit-modal-toggle-hint{font-size:11px;color:var(--dm-text-tertiary)}.template-builder-wrapper .edit-modal-toggle{position:relative;width:44px;height:24px;background:var(--dm-bg-quaternary);border-radius:12px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.template-builder-wrapper .edit-modal-toggle.active{background:var(--dm-accent-primary)}.template-builder-wrapper .edit-modal-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.template-builder-wrapper .edit-modal-toggle.active:after{transform:translate(20px)}.template-builder-wrapper .edit-modal-color-picker{display:flex;flex-wrap:wrap;gap:8px}.template-builder-wrapper .edit-modal-color-btn{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .1s ease}.template-builder-wrapper .edit-modal-color-btn:hover{transform:scale(1.1)}.template-builder-wrapper .edit-modal-color-btn.selected{border-color:#fff;box-shadow:0 0 0 2px var(--dm-accent-primary)}.template-builder-wrapper .boost-locked-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ff73fa26;border:1px solid rgba(255,115,250,.3);border-radius:4px;font-size:10px;font-weight:600;color:#ff73fa;margin-left:8px}.template-builder-wrapper .boost-locked-badge svg{width:12px;height:12px}.template-builder-wrapper .permissions-placeholder{padding:24px;background:var(--dm-bg-tertiary);border:1px dashed var(--dm-border-primary);border-radius:8px;text-align:center;color:var(--dm-text-secondary);font-size:13px}.template-builder-wrapper .role-icon-upload{display:flex;align-items:center;gap:12px}.template-builder-wrapper .role-icon-preview{width:48px;height:48px;border-radius:50%;background:var(--dm-bg-tertiary);border:2px dashed var(--dm-border-primary);display:flex;align-items:center;justify-content:center;color:var(--dm-text-tertiary)}.template-builder-wrapper .role-icon-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover}.template-builder-wrapper .role-icon-actions{display:flex;flex-direction:column;gap:4px}.template-builder-wrapper .role-icon-upload-btn{padding:10px 16px;background:var(--dm-bg-tertiary);border:1px dashed var(--dm-border-primary);border-radius:8px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.template-builder-wrapper .role-icon-upload-btn:hover{background:var(--dm-bg-quaternary);border-color:var(--dm-accent-primary);color:var(--dm-accent-primary)}.template-builder-wrapper .role-icon-preview{position:relative}.template-builder-wrapper .role-icon-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0}.template-builder-wrapper .role-icon-remove svg{width:10px;height:10px}.template-builder-wrapper .role-style-options{display:flex;gap:8px}.template-builder-wrapper .role-style-option{flex:1;padding:12px 16px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:8px;color:var(--dm-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.template-builder-wrapper .role-style-option:hover:not(.locked){background:var(--dm-bg-quaternary);border-color:var(--dm-border-secondary)}.template-builder-wrapper .role-style-option.selected{background:var(--dm-accent-secondary);border-color:var(--dm-accent-primary);color:var(--dm-accent-primary)}.template-builder-wrapper .role-style-option.locked{opacity:.6;cursor:not-allowed}.template-builder-wrapper .role-style-label{font-weight:600}.template-builder-wrapper .move-menu-wrapper{position:relative}.template-builder-wrapper .move-menu-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--dm-card-bg);border:1px solid var(--dm-border-primary);border-radius:6px;box-shadow:0 4px 16px #0000004d;min-width:150px;z-index:100;overflow:hidden}.template-builder-wrapper .move-menu-dropdown button{width:100%;padding:8px 12px;background:none;border:none;color:var(--dm-text-secondary);font-size:12px;text-align:left;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .move-menu-dropdown button:hover{background:var(--dm-bg-tertiary);color:var(--dm-text-primary)}.template-builder-wrapper .color-picker-wrapper{position:relative}.template-builder-wrapper .batch-color-picker{position:absolute;top:100%;left:0;margin-top:4px;background:var(--dm-card-bg);border:1px solid var(--dm-border-primary);border-radius:6px;box-shadow:0 4px 16px #0000004d;padding:8px;z-index:100}.template-builder-wrapper .color-grid-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.template-builder-wrapper .color-btn-mini{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;transition:transform .1s ease}.template-builder-wrapper .color-btn-mini:hover{transform:scale(1.15)}.template-builder-wrapper .select-all-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--dm-border-primary);min-height:36px}.template-builder-wrapper .select-all-row.has-selection{background:#5865f214;border-bottom-color:#5865f233}.template-builder-wrapper .select-all-btn{padding:4px 8px;background:none;border:none;color:var(--dm-accent-primary);font-size:11px;font-weight:500;cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.template-builder-wrapper .select-all-btn:hover{opacity:.8}.template-builder-wrapper .selection-actions-inline{display:flex;align-items:center;gap:12px}.template-builder-wrapper .selection-actions-inline .selection-count{font-size:11px;font-weight:600;color:var(--dm-accent-primary);white-space:nowrap}.template-builder-wrapper .selection-actions-inline .selection-buttons{display:flex;gap:6px;align-items:center}.template-builder-wrapper .selection-actions-inline .selection-action-btn{padding:3px 8px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:4px;font-size:10px;font-weight:500;color:var(--dm-text-secondary);cursor:pointer;transition:all .15s ease}.template-builder-wrapper .selection-actions-inline .selection-action-btn:hover{background:var(--dm-bg-quaternary);color:var(--dm-text-primary)}.template-builder-wrapper .selection-actions-inline .selection-action-btn.danger{background:#ef444426;border-color:#ef44444d;color:#ef4444}.template-builder-wrapper .selection-actions-inline .selection-action-btn.danger:hover{background:#ef444440}.template-builder-wrapper .selection-actions-inline .selection-action-btn:disabled{opacity:.5;cursor:not-allowed}.template-builder-wrapper .channel-group{margin-bottom:4px}.template-builder-wrapper .channel-group.uncategorized{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--dm-border-primary)}.template-builder-wrapper .channel-group-header{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px}.template-builder-wrapper .channel-group-header.category-header{background:var(--dm-bg-tertiary);border-radius:4px;margin:0 8px 4px;cursor:default}.template-builder-wrapper .channel-group-header.category-header.selected{background:var(--dm-accent-secondary)}.template-builder-wrapper .channel-group-header.category-header.dragging{opacity:.5;cursor:grabbing}.template-builder-wrapper .channel-group-header.category-header.drop-target{border-top:2px solid var(--dm-accent-primary);background:#5865f226}.template-builder-wrapper .channel-group-header.category-header[draggable=true]{cursor:grab}.template-builder-wrapper .channel-group-header.category-header[draggable=true]:active{cursor:grabbing}.template-builder-wrapper .channel-group.drop-target{background:#5865f20d;border-radius:4px}.template-builder-wrapper .channel-group-header .group-name{flex:1}.template-builder-wrapper .channel-group-header .group-name.clickable{cursor:pointer}.template-builder-wrapper .channel-group-header .group-name.clickable:hover{color:var(--dm-text-primary)}.template-builder-wrapper .channel-group-header .group-count{padding:2px 6px;background:var(--dm-bg-quaternary);border-radius:10px;font-size:10px;color:var(--dm-text-tertiary)}.template-builder-wrapper .expand-btn{padding:2px;background:none;border:none;color:var(--dm-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.template-builder-wrapper .add-to-category-btn{padding:4px;background:none;border:none;color:var(--dm-text-tertiary);cursor:pointer;border-radius:4px;opacity:0;transition:all .15s ease}.template-builder-wrapper .channel-group-header:hover .add-to-category-btn{opacity:1}.template-builder-wrapper .add-to-category-btn:hover{color:var(--dm-accent-primary);background:var(--dm-accent-secondary)}.template-builder-wrapper .channels-overview-panel .channel-list,.template-builder-wrapper .roles-overview-panel .channel-list{display:flex;flex-direction:column;gap:2px}.template-builder-wrapper .channel-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border-radius:4px;cursor:pointer;transition:background .15s ease}.template-builder-wrapper .channel-item:hover{background:var(--dm-bg-tertiary)}.template-builder-wrapper .channel-item.selected{background:var(--dm-accent-secondary)}.template-builder-wrapper .channel-item.dragging{opacity:.5;cursor:grabbing}.template-builder-wrapper .channel-item.drop-target{border-top:2px solid var(--dm-accent-primary);background:#5865f21a}.template-builder-wrapper .channel-item[draggable=true]{cursor:grab}.template-builder-wrapper .channel-item[draggable=true]:active{cursor:grabbing}.template-builder-wrapper .item-checkbox{width:14px;height:14px;accent-color:var(--dm-accent-primary);cursor:pointer;flex-shrink:0}.template-builder-wrapper .channel-icon{display:flex;align-items:center;color:var(--dm-text-secondary);flex-shrink:0}.template-builder-wrapper .channel-name{flex:1;font-size:13px;color:var(--dm-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.template-builder-wrapper .channel-type-badge{padding:2px 6px;background:var(--dm-bg-quaternary);border-radius:4px;font-size:9px;font-weight:600;color:var(--dm-text-tertiary);text-transform:uppercase;flex-shrink:0}.template-builder-wrapper .empty-category{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--dm-text-tertiary);font-size:12px;font-style:italic}.template-builder-wrapper .empty-category button{padding:4px 8px;background:var(--dm-accent-secondary);border:none;border-radius:4px;color:var(--dm-accent-primary);font-size:11px;cursor:pointer;transition:all .15s ease}.template-builder-wrapper .empty-category button:hover{background:var(--dm-accent-primary);color:#fff}.template-builder-wrapper .empty-overview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.template-builder-wrapper .empty-overview .empty-icon{width:48px;height:48px;background:var(--dm-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--dm-text-secondary)}.template-builder-wrapper .empty-overview p{margin:0;font-size:14px;color:var(--dm-text-secondary)}.template-builder-wrapper .empty-overview .empty-hint{margin-top:8px;font-size:12px;color:var(--dm-text-tertiary)}.template-builder-wrapper .hierarchy-info{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 12px;background:var(--dm-bg-tertiary);border-radius:4px;color:var(--dm-text-tertiary);font-size:11px}.template-builder-wrapper .roles-list-overview{display:flex;flex-direction:column;gap:2px;padding:0 8px}.template-builder-wrapper .role-item-overview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border-radius:4px;cursor:pointer;transition:background .15s ease}.template-builder-wrapper .role-item-overview:hover{background:var(--dm-bg-tertiary)}.template-builder-wrapper .role-item-overview.selected{background:var(--dm-accent-secondary)}.template-builder-wrapper .role-item-overview.separator{opacity:.8}.template-builder-wrapper .role-item-overview.everyone{opacity:.6;cursor:default}.template-builder-wrapper .role-item-overview.everyone:hover{background:transparent}.template-builder-wrapper .role-item-overview.dragging{opacity:.5;cursor:grabbing}.template-builder-wrapper .role-item-overview.drop-target{border-top:2px solid var(--dm-accent-primary);background:#5865f21a}.template-builder-wrapper .role-item-overview[draggable=true]{cursor:grab}.template-builder-wrapper .role-item-overview[draggable=true]:active{cursor:grabbing}.template-builder-wrapper .role-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.template-builder-wrapper .role-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.template-builder-wrapper .role-info .role-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-builder-wrapper .role-badges{display:flex;gap:4px;flex-wrap:wrap}.template-builder-wrapper .role-badge{padding:1px 6px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase}.template-builder-wrapper .role-badge.separator-badge{background:#99aab533;color:#99aab5}.template-builder-wrapper .role-badge.hoist-badge{background:#5865f233;color:#5865f2}.template-builder-wrapper .role-badge.mention-badge{background:#22c55e33;color:#22c55e}.template-builder-wrapper .role-badge.everyone-badge{background:#949ba433;color:#949ba4}.template-builder-wrapper .role-position{font-size:10px;color:var(--dm-text-tertiary);font-weight:500;flex-shrink:0}@keyframes focus-border-draw{0%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}8%{border-top-color:var(--dm-accent-primary);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}16%{border-top-color:var(--dm-accent-primary);border-right-color:var(--dm-accent-primary);border-bottom-color:transparent;border-left-color:transparent}24%{border-top-color:var(--dm-accent-primary);border-right-color:var(--dm-accent-primary);border-bottom-color:var(--dm-accent-primary);border-left-color:transparent}32%{border-top-color:var(--dm-accent-primary);border-right-color:var(--dm-accent-primary);border-bottom-color:var(--dm-accent-primary);border-left-color:var(--dm-accent-primary)}to{border-top-color:var(--dm-accent-primary);border-right-color:var(--dm-accent-primary);border-bottom-color:var(--dm-accent-primary);border-left-color:var(--dm-accent-primary)}}.template-builder-wrapper .focus-highlight{position:relative}.template-builder-wrapper .focus-highlight:before{content:"";position:absolute;inset:2px;border:2px dashed transparent;border-radius:8px;pointer-events:none;z-index:10;animation:focus-border-draw .9s cubic-bezier(.25,.1,.25,1) forwards}.template-builder-loading,.template-builder-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px;gap:16px;color:var(--dm-text-secondary)}.template-builder-loading p,.template-builder-error p{font-size:14px;margin:0}.template-builder-error .error-icon{font-size:48px;color:var(--dm-text-secondary);opacity:.7}.template-builder-error p{max-width:400px;text-align:center;line-height:1.5}.loading-spinner{width:40px;height:40px;border:3px solid var(--dm-border-primary);border-top-color:var(--dm-accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.template-builder-wrapper .server-boost-bar{margin-bottom:8px}.template-builder-wrapper .boost-bar-container{display:flex;align-items:center;gap:12px}.template-builder-wrapper .boost-bar-title{font-size:12px;color:var(--dm-text-secondary);font-weight:500;white-space:nowrap}.template-builder-wrapper .boost-bar-track{flex:1;max-width:150px;height:6px;background:#4f545c7a;border-radius:4px;overflow:visible;position:relative}.template-builder-wrapper .boost-bar-fill{height:100%;background:linear-gradient(90deg,#f47fff,#ff7ef6);border-radius:4px;transition:width .3s ease}.template-builder-wrapper .boost-bar-markers{position:absolute;top:0;left:0;right:0;height:100%}.template-builder-wrapper .boost-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.template-builder-wrapper .marker-dot{width:10px;height:10px;background:#4f545c;border:2px solid var(--dm-bg-primary);border-radius:50%;position:absolute;top:-2px}.template-builder-wrapper .marker-dot.achieved{background:#ff7ef6;box-shadow:0 0 8px #ff7ef680}.template-builder-wrapper .marker-label{font-size:10px;color:var(--dm-text-secondary);margin-top:14px;white-space:nowrap}.template-builder-wrapper .template-metrics{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.template-builder-wrapper .template-metrics .stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dm-text-secondary)}.login-nav{position:relative;background:var(--dm-bg-primary);backdrop-filter:var(--dm-backdrop-blur-strong);-webkit-backdrop-filter:var(--dm-backdrop-blur-strong);border-bottom:1px solid var(--dm-border-primary);z-index:1000;box-shadow:0 2px 10px var(--dm-shadow-primary)}.login-nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;height:72px}.login-nav-logo a{display:flex;flex-direction:row;align-items:center;gap:1rem;text-decoration:none;transition:var(--dm-transition-medium)}.login-nav-logo a:hover{transform:scale(1.05)}.nav-logo-image{height:48px;width:auto;object-fit:contain;transition:var(--dm-transition-medium)}.login-nav-logo a>div{display:flex;flex-direction:column;align-items:flex-start}.nav-logo-text{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--dm-accent-primary) 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.05em}.nav-logo-subtext{font-size:.625rem;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-top:-2px}@media (max-width: 768px){.login-nav-container{padding:0 1rem}.nav-logo-image{height:36px}.nav-logo-text{font-size:1.125rem}.nav-logo-subtext{font-size:.5rem}}.site-footer{background:var(--dm-bg-darker);color:var(--dm-text-secondary);padding:3rem 0 1.5rem;border-top:1px solid var(--dm-border-primary)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h4{color:var(--dm-text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-section li{margin:0}.footer-section a{color:var(--dm-text-secondary);text-decoration:none;font-size:.9rem;transition:var(--dm-transition-fast)}.footer-section a:hover{color:var(--dm-accent-primary)}.footer-bottom{border-top:1px solid var(--dm-border-secondary);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{margin:0;font-size:.875rem;color:var(--dm-text-secondary)}.footer-social{display:flex;gap:1rem}.footer-social a{color:var(--dm-text-secondary);transition:var(--dm-transition-fast);display:flex;align-items:center;justify-content:center}.footer-social a:hover{color:var(--dm-accent-primary)}.footer-social svg{width:24px;height:24px}@media (max-width: 768px){.site-footer{padding:2rem 0 1rem}.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}}.login-page-wrapper{min-height:100vh;display:flex;flex-direction:column}.login-container{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dm-bg-tertiary) 0%,var(--dm-bg-primary) 100%);position:relative;overflow:hidden;padding-top:5rem;padding-bottom:8rem}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--dm-accent-lighter) 0%,transparent 70%);animation:rotate-gradient 20s linear infinite;opacity:.1}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card{position:relative;width:90%;max-width:420px;margin:0 1rem;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:12px;box-shadow:0 20px 60px var(--dm-shadow-primary);-webkit-backdrop-filter:var(--dm-backdrop-blur-strong);backdrop-filter:var(--dm-backdrop-blur-strong);overflow:hidden;z-index:1}.login-header{padding:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(180deg,var(--dm-bg-secondary) 0%,transparent 100%);border-bottom:1px solid var(--dm-border-secondary)}.login-logo{width:64px;height:64px;object-fit:contain}.login-header-text{display:flex;flex-direction:column;gap:.25rem}.login-title{margin:0;font-size:2rem;font-weight:700;color:var(--dm-text-primary);letter-spacing:-.5px;line-height:1}.login-subtitle{margin:0;font-size:.9rem;color:var(--dm-text-secondary);font-weight:400}.login-content{padding:3rem 2rem}.signin-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:400;color:var(--dm-text-primary);text-align:left}.login-form{display:flex;flex-direction:column;gap:1rem}.login-links{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.login-links a{color:var(--dm-text-secondary);text-decoration:none;font-size:.9rem}.login-links a:hover{color:var(--dm-text-primary)}.discord-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--dm-transition-fast);position:relative;overflow:hidden}.discord-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.discord-login-btn:hover:before{left:100%}.discord-login-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 8px 24px #5865f24d}.discord-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.discord-login-btn:disabled:hover{background:#5865f2;transform:none;box-shadow:none}.error-message{margin-top:1rem;padding:.75rem;background:#f1645c1a;border:1px solid rgba(241,100,92,.3);border-radius:6px;color:var(--dm-text-error);font-size:.9rem;display:flex;align-items:center;gap:.5rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message svg{flex-shrink:0}.login-footer{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--dm-border-secondary)}.login-footer-text{margin:0;font-size:.85rem;color:var(--dm-text-secondary);line-height:1.5}@media (max-width: 480px){.login-card{margin:1rem}.login-header{padding:2rem 1.5rem 1.5rem}.login-logo{width:52px;height:52px}.login-title{font-size:1.75rem}.login-subtitle{font-size:.85rem}.login-content{padding:1.5rem}.signin-title{font-size:1.25rem}}.auth-callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dm-bg-tertiary)}.auth-callback-content{text-align:center;padding:3rem;background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:16px;box-shadow:0 12px 48px var(--dm-shadow-primary);-webkit-backdrop-filter:var(--dm-backdrop-blur);backdrop-filter:var(--dm-backdrop-blur);max-width:400px;width:90%;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#83c5661a;border:2px solid var(--dm-text-success);border-radius:50%;margin-bottom:1.5rem;color:var(--dm-text-success);animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f1645c1a;border:2px solid var(--dm-text-error);border-radius:50%;margin-bottom:1.5rem;color:var(--dm-text-error);animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.auth-callback-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--dm-text-primary);letter-spacing:-.25px}.auth-callback-subtitle{margin:0;font-size:1rem;color:var(--dm-text-secondary);line-height:1.5}.auth-callback-content:has(.success-icon){border-color:#83c5664d;background:linear-gradient(135deg,var(--dm-bg-primary),rgba(131,197,102,.05))}.auth-callback-content:has(.error-icon){border-color:#f1645c4d;background:linear-gradient(135deg,var(--dm-bg-primary),rgba(241,100,92,.05))}@media (max-width: 480px){.auth-callback-content{padding:2rem;margin:1rem}.success-icon,.error-icon{width:64px;height:64px}.auth-callback-title{font-size:1.25rem}.auth-callback-subtitle{font-size:.9rem}}.interactive-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:1px;z-index:0;pointer-events:none}.grid-square{--intensity: 0;background:rgba(88,101,242,calc(.05 + var(--intensity) * .15));border-radius:2px;transition:background-color .2s ease-out;will-change:transform,opacity;pointer-events:none;transform:scale(1)}@media (min-width: 1025px){.grid-square{transform-style:preserve-3d;backface-visibility:hidden}}@media (max-width: 768px){.interactive-grid{display:none}}@media (max-width: 1024px){.interactive-grid{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}}.onboarding-graphic{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:500px}.graphic-container{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;z-index:2}.command-center{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.center-core{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--dm-bg-tertiary);border:3px solid var(--dm-accent-primary);border-radius:50%;box-shadow:0 0 30px #5865f24d;animation:pulseCore 3s ease-in-out infinite;z-index:10}@keyframes pulseCore{0%,to{box-shadow:0 0 30px #5865f24d;transform:scale(1)}50%{box-shadow:0 0 50px #5865f280;transform:scale(1.05)}}.step-2 .center-core,.step-3 .center-core,.step-4 .center-core{animation:pulseActive 2s ease-in-out infinite}@keyframes pulseActive{0%,to{box-shadow:0 0 30px #5865f266;transform:scale(1)}50%{box-shadow:0 0 60px #5865f299;transform:scale(1.05)}}.step-4 .center-core{animation:pulsePower 1.5s ease-in-out infinite}@keyframes pulsePower{0%,to{box-shadow:0 0 40px #5865f280,0 0 80px #5865f24d;transform:scale(1)}50%{box-shadow:0 0 70px #5865f2b3,0 0 120px #5865f266;transform:scale(1.08)}}.core-icon{width:80px;height:80px;position:relative}.server-icon{position:absolute;top:0;left:0;width:100%;height:100%}.core-circle{fill:none;stroke:var(--dm-accent-primary);stroke-width:3;stroke-dasharray:220;stroke-dashoffset:220}.step-1 .core-circle{animation:drawCircle 2s ease-out forwards}.step-2 .core-circle,.step-3 .core-circle,.step-4 .core-circle{stroke-dashoffset:0}.core-cross{stroke:var(--dm-accent-primary);stroke-width:4;stroke-linecap:round;opacity:0;transition:opacity .4s ease,transform .4s ease}.step-1 .core-cross{animation:fadeIn 1s ease-out 1s forwards}.step-2 .core-cross,.step-3 .core-cross:not(.morphing-out),.step-4 .core-cross{opacity:1}.core-cross.morphing-out{opacity:0;transform:scale(.5) rotate(45deg)}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}.skill-level-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--dm-accent-primary);opacity:0;animation:skillIconMorphIn .6s cubic-bezier(.34,1.56,.64,1) forwards;z-index:5}.skill-level-icon-overlay svg{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(88,101,242,.6));animation:iconGlow 2s ease-in-out infinite}@keyframes skillIconMorphIn{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-180deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 8px rgba(88,101,242,.6))}50%{filter:drop-shadow(0 0 16px rgba(88,101,242,.9))}}.skill-expert{top:calc(50% + 3px)}.orbital-ring{position:absolute;border:2px solid var(--dm-accent-primary);border-radius:50%;opacity:0;animation:orbitalScan 4s ease-in-out infinite}.ring-outer{width:140px;height:140px;animation-delay:0s}.ring-middle{width:160px;height:160px;animation-delay:2s}@keyframes orbitalScan{0%{opacity:0;transform:rotate(0) scale(.8)}25%{opacity:.5}50%{opacity:.3;transform:rotate(180deg) scale(1)}75%{opacity:.5}to{opacity:0;transform:rotate(360deg) scale(.8)}}.processing-hexagon{position:absolute;width:60px;height:60px;animation:hexagonRotate 8s linear infinite;opacity:0;animation:hexagonAppear .6s ease-out forwards,hexagonRotate 8s linear infinite}.hexagon-svg{width:100%;height:100%}.hex-shape{fill:none;stroke:var(--dm-accent-primary);stroke-width:2;opacity:.4}@keyframes hexagonAppear{0%{opacity:0;transform:scale(0) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes hexagonRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.data-node{fill:var(--dm-accent-primary);opacity:0;animation:nodePulse 1.5s ease-in-out infinite}.data-node:nth-child(3){animation-delay:0s}.data-node:nth-child(4){animation-delay:.375s}.data-node:nth-child(5){animation-delay:.75s}.data-node:nth-child(6){animation-delay:1.125s}@keyframes nodePulse{0%,to{opacity:.3;r:3}50%{opacity:1;r:4}}.grid-background{position:absolute;inset:0;opacity:.1}.grid-line{position:absolute;background:var(--dm-accent-primary)}.grid-h{width:100%;height:1px}.grid-v{width:1px;height:100%}.identity-nodes{position:absolute;width:100%;height:100%;pointer-events:none}.identity-node{position:absolute;width:40px;height:40px;background:var(--dm-bg-secondary);border:2px solid var(--dm-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;animation:identityNodeAppear .5s ease-out forwards;box-shadow:0 2px 8px #5865f266;z-index:8}.node-top{top:0;left:50%;transform:translate(-50%);animation-delay:.3s}.node-right{top:50%;right:0;transform:translateY(-50%);animation-delay:.45s}.node-bottom{bottom:0;left:50%;transform:translate(-50%);animation-delay:.6s}.node-left{top:50%;left:0;transform:translateY(-50%);animation-delay:.75s}.identity-node-icon{display:flex;align-items:center;justify-content:center;color:var(--dm-accent-primary);animation:nodeIconPulse 2s ease-in-out infinite}.identity-node-icon svg{width:20px;height:20px}@keyframes identityNodeAppear{0%{opacity:0;transform:scale(0) translate(-50%)}to{opacity:1;transform:scale(1) translate(-50%)}}.node-top,.node-right,.node-bottom,.node-left{transform-origin:center}@keyframes identityNodeAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.node-top{animation:identityNodeAppearTop .5s ease-out forwards}.node-right{animation:identityNodeAppearRight .5s ease-out forwards}.node-bottom{animation:identityNodeAppearBottom .5s ease-out forwards}.node-left{animation:identityNodeAppearLeft .5s ease-out forwards}@keyframes identityNodeAppearTop{0%{opacity:0;top:-20px}to{opacity:1;top:0}}@keyframes identityNodeAppearRight{0%{opacity:0;right:-20px}to{opacity:1;right:0}}@keyframes identityNodeAppearBottom{0%{opacity:0;bottom:-20px}to{opacity:1;bottom:0}}@keyframes identityNodeAppearLeft{0%{opacity:0;left:-20px}to{opacity:1;left:0}}@keyframes nodeIconPulse{0%,to{transform:scale(1);color:var(--dm-accent-primary)}50%{transform:scale(1.1);color:var(--dm-text-primary)}}.identity-connection{position:absolute;width:2px;background:linear-gradient(to bottom,var(--dm-accent-primary),transparent);opacity:0;animation:identityConnectionGrow .6s ease-out forwards;z-index:7}.connection-identity-top{top:0;left:50%;transform:translate(-50%);height:0;animation-delay:.4s}.connection-identity-right{top:50%;right:0;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(to left,var(--dm-accent-primary),transparent)}.connection-identity-bottom{bottom:0;left:50%;transform:translate(-50%);height:0;animation-delay:.7s;background:linear-gradient(to top,var(--dm-accent-primary),transparent)}.connection-identity-left{top:50%;left:0;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(to right,var(--dm-accent-primary),transparent)}@keyframes identityConnectionGrow{to{height:160px;opacity:.6}}.connection-identity-right{animation:identityConnectionGrowHorizontal .6s ease-out forwards;animation-delay:.55s}.connection-identity-left{animation:identityConnectionGrowHorizontal .6s ease-out forwards;animation-delay:.85s}@keyframes identityConnectionGrowHorizontal{to{width:160px;opacity:.6}}.identity-modules{position:absolute;inset:0;pointer-events:none}.module{position:absolute;width:60px;height:60px;background:var(--dm-bg-secondary);border:2px solid var(--dm-border-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;animation:moduleAppear .6s ease-out forwards;box-shadow:0 4px 12px #0000004d;z-index:2}.module-tl{top:20px;left:20px;animation-delay:.2s}.module-tr{top:20px;right:20px;animation-delay:.4s}.module-bl{bottom:20px;left:20px;animation-delay:.6s}.module-br{bottom:20px;right:20px;animation-delay:.8s}.module-icon{font-size:24px;display:flex;align-items:center;justify-content:center;color:var(--dm-accent-primary)}.module-icon svg{width:24px;height:24px}@keyframes moduleAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes moduleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.module-connection{position:absolute;width:2px;background:linear-gradient(to bottom,var(--dm-accent-primary),transparent);opacity:0;animation:connectionGrow .8s ease-out forwards;z-index:1}.connection-tl{top:50px;left:50px;height:0;animation-delay:.4s;transform-origin:top;transform:rotate(-45deg)}.connection-tr{top:50px;right:50px;height:0;animation-delay:.6s;transform-origin:top;transform:rotate(45deg)}.connection-bl{bottom:50px;left:50px;height:0;animation-delay:.8s;transform-origin:bottom;background:linear-gradient(to top,var(--dm-accent-primary),transparent);transform:rotate(45deg)}.connection-br{bottom:50px;right:50px;height:0;animation-delay:1s;transform-origin:bottom;background:linear-gradient(to top,var(--dm-accent-primary),transparent);transform:rotate(-45deg)}@keyframes connectionGrow{to{height:150px;opacity:.6}}.data-flows{position:absolute;inset:0;pointer-events:none}.data-stream{position:absolute;width:4px;height:4px;background:var(--dm-accent-primary);border-radius:50%;box-shadow:0 0 10px var(--dm-accent-primary);opacity:0}.complexity-simple .data-stream{animation:dataFlowSimple 3s ease-in-out infinite}.complexity-simple .stream-1{top:50%;left:0;animation-delay:0s}.complexity-simple .stream-2{top:50%;left:0;animation-delay:1.5s}.complexity-simple .stream-3,.complexity-simple .stream-4{display:none}@keyframes dataFlowSimple{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(400px)}}.complexity-medium .data-stream{animation:dataFlowMedium 4s ease-in-out infinite}.complexity-medium .stream-1{top:30%;left:0;animation-delay:0s}.complexity-medium .stream-2{top:70%;left:0;animation-delay:1s}.complexity-medium .stream-3{top:30%;left:0;animation-delay:2s}.complexity-medium .stream-4{display:none}@keyframes dataFlowMedium{0%{opacity:0;transform:translate(0)}10%{opacity:1}45%{transform:translate(200px,50px)}90%{opacity:1}to{opacity:0;transform:translate(400px)}}.complexity-complex .data-stream{animation:dataFlowComplex 3s ease-in-out infinite}.complexity-complex .stream-1{top:20%;left:0;animation-delay:0s}.complexity-complex .stream-2{top:80%;left:0;animation-delay:.75s}.complexity-complex .stream-3{top:40%;left:0;animation-delay:1.5s}.complexity-complex .stream-4{top:60%;left:0;animation-delay:2.25s}@keyframes dataFlowComplex{0%{opacity:0;transform:translate(0) scale(1)}10%{opacity:1}25%{transform:translate(100px,-30px) scale(1.2)}50%{transform:translate(200px,20px) scale(.8)}75%{transform:translate(300px,-10px) scale(1.1)}90%{opacity:1}to{opacity:0;transform:translate(400px) scale(1)}}.power-up{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.energy-ring{position:absolute;border:2px solid var(--dm-accent-primary);border-radius:50%;opacity:0;animation:ringExpand 2s ease-out infinite}.ring-1{width:140px;height:140px;animation-delay:0s}.ring-2{width:140px;height:140px;animation-delay:.66s}.ring-3{width:140px;height:140px;animation-delay:1.33s}@keyframes ringExpand{0%{opacity:0;transform:scale(.8)}20%{opacity:.6}to{opacity:0;transform:scale(2.5)}}.power-indicator{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(88,101,242,.2) 0%,transparent 70%);animation:powerPulse 2s ease-in-out infinite}@keyframes powerPulse{0%,to{opacity:.3}50%{opacity:.8}}.status-indicators{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:12px}.status-light{width:12px;height:12px;background:var(--dm-bg-tertiary);border:2px solid var(--dm-border-primary);border-radius:50%;transition:all .3s ease}.status-light.active{background:var(--dm-accent-primary);box-shadow:0 0 12px var(--dm-accent-primary);border-color:var(--dm-accent-primary)}@media (max-width: 1024px){.graphic-container{width:300px;height:300px}.center-core{width:90px;height:90px}.core-icon{width:60px;height:60px}.module{width:45px;height:45px}.module-icon{font-size:18px}}@media (max-width: 768px){.onboarding-graphic{min-height:300px}.graphic-container{width:250px;height:250px}.center-core{width:70px;height:70px}.core-icon{width:45px;height:45px}.module{width:35px;height:35px}.module-icon{font-size:14px}.status-indicators{bottom:-30px}.status-light{width:8px;height:8px}}.loading-morph-container{position:absolute;top:50%;left:50%;width:56px;height:56px;margin-left:-28px;margin-top:-28px;opacity:0;transition:opacity .5s ease-in;pointer-events:none}.page4-substep-1 .loading-morph-container,.page4-substep-2 .loading-morph-container,.page4-substep-3 .loading-morph-container{opacity:1}.loading-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spin-ring 1.5s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner-ring.ring-1{border-top-color:var(--dm-accent-primary);animation-delay:-.45s}.loading-spinner-ring.ring-2{border-right-color:var(--dm-accent-primary);opacity:.7;animation-delay:-.3s}.loading-spinner-ring.ring-3{border-bottom-color:var(--dm-accent-primary);opacity:.5;animation-delay:-.15s}.loading-spinner-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background:var(--dm-accent-primary);border-radius:50%;animation:pulse-core 1.5s ease-in-out infinite}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-core{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1);opacity:1}}.page4-substep-1 .identity-modules .module{animation:collapseModule .8s ease-in forwards}.page4-substep-1 .identity-modules .module-connection{animation:fadeOutConnection .6s ease-in forwards}@keyframes collapseModule{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(50% - 20px),calc(50% - 20px)) scale(.3);opacity:0}}.page4-substep-1 .identity-modules .module-tl{animation:collapseModuleTL .8s ease-in forwards}.page4-substep-1 .identity-modules .module-tr{animation:collapseModuleTR .8s ease-in forwards}.page4-substep-1 .identity-modules .module-bl{animation:collapseModuleBL .8s ease-in forwards}.page4-substep-1 .identity-modules .module-br{animation:collapseModuleBR .8s ease-in forwards}@keyframes collapseModuleTL{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(80px,80px) scale(.1);opacity:0}}@keyframes collapseModuleTR{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-80px,80px) scale(.1);opacity:0}}@keyframes collapseModuleBL{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(80px,-80px) scale(.1);opacity:0}}@keyframes collapseModuleBR{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-80px,-80px) scale(.1);opacity:0}}@keyframes fadeOutConnection{0%{opacity:.3}to{opacity:0}}.page4-substep-2 .identity-node{animation:collapseToCore .8s ease-in forwards}.page4-substep-2 .identity-connection{animation:fadeOutConnection .6s ease-in forwards}@keyframes collapseToCore{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(0);opacity:0}}.page4-substep-2 .identity-node.node-top{animation:collapseNodeTop .8s ease-in forwards}.page4-substep-2 .identity-node.node-right{animation:collapseNodeRight .8s ease-in forwards}.page4-substep-2 .identity-node.node-bottom{animation:collapseNodeBottom .8s ease-in forwards}.page4-substep-2 .identity-node.node-left{animation:collapseNodeLeft .8s ease-in forwards}@keyframes collapseNodeTop{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(60px) scale(0);opacity:0}}@keyframes collapseNodeRight{0%{transform:translateY(-50%) translate(0) scale(1);opacity:1}to{transform:translateY(-50%) translate(-60px) scale(0);opacity:0}}@keyframes collapseNodeBottom{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-60px) scale(0);opacity:0}}@keyframes collapseNodeLeft{0%{transform:translateY(-50%) translate(0) scale(1);opacity:1}to{transform:translateY(-50%) translate(60px) scale(0);opacity:0}}.page4-substep-3 .server-icon{animation:fadeOutServerIcon .5s ease-in forwards;opacity:0;transform:scale(.5)}.page4-substep-3 .orbital-ring,.page4-substep-3 .processing-hexagon,.page4-substep-3 .skill-level-icon-overlay{animation:fadeOut .5s ease-in forwards;opacity:0;pointer-events:none}.page4-substep-3 .loading-morph-container{animation:scaleIn .6s ease-out forwards;animation-delay:.3s}@keyframes fadeOutServerIcon{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.page4-substep-1 .identity-modules{pointer-events:none}.page4-substep-2 .identity-modules .module,.page4-substep-3 .identity-modules .module{opacity:0!important;transform:scale(0)!important;pointer-events:none}.page4-substep-2 .identity-modules .module-connection,.page4-substep-3 .identity-modules .module-connection{opacity:0!important}.page4-substep-2 .identity-nodes{pointer-events:none}.page4-substep-3 .identity-nodes .identity-node.node-top,.page4-substep-3 .identity-nodes .identity-node.node-bottom{opacity:0!important;transform:translate(-50%) scale(0)!important;pointer-events:none}.page4-substep-3 .identity-nodes .identity-node.node-right,.page4-substep-3 .identity-nodes .identity-node.node-left{opacity:0!important;transform:translateY(-50%) scale(0)!important;pointer-events:none}.page4-substep-3 .identity-nodes .identity-connection{opacity:0!important}.page4-substep-1 .data-flows,.page4-substep-2 .data-flows,.page4-substep-3 .data-flows,.page4-substep-1 .power-up,.page4-substep-2 .power-up,.page4-substep-3 .power-up{opacity:0!important;pointer-events:none}.onboarding-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--dm-body-bg);padding:20px;gap:32px}.onboarding-container .onboarding-header{font-size:32px;font-weight:700;color:var(--dm-text-primary);text-align:center;margin:0;letter-spacing:-.5px}.onboarding-container .onboarding-subtitle{margin:0!important}.onboarding-container .onboarding-card{background:var(--dm-bg-primary);border:1px solid var(--dm-border-primary);border-radius:12px;max-width:1200px;width:100%;height:650px;padding:40px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.onboarding-container .welcome-card{max-width:1200px;height:650px}.onboarding-container .onboarding-layout{display:flex;flex-direction:row;gap:40px;align-items:stretch;height:100%}.onboarding-container .onboarding-graphic-section{flex:0 0 450px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:-40px 0 -40px -40px;border-radius:12px 0 0 12px}.onboarding-container .onboarding-form-section{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.onboarding-container .onboarding-progress{display:flex;flex-direction:column;gap:8px}.onboarding-container .progress-bar{height:4px;background:var(--dm-bg-tertiary);border-radius:2px;overflow:hidden}.onboarding-container .progress-fill{height:100%;background:var(--dm-accent-primary);transition:width .3s ease}.onboarding-container .progress-text{font-size:12px;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px}.onboarding-container .onboarding-content{flex:1;display:flex;flex-direction:column;gap:16px}.onboarding-container .onboarding-title{font-size:28px;font-weight:600;color:var(--dm-text-primary);margin:0 0 12px}.onboarding-container .onboarding-subtitle{font-size:14px;color:var(--dm-text-secondary);margin:0 0 16px}.onboarding-container .onboarding-form{display:flex;flex-direction:column;gap:24px}.onboarding-container .form-group{display:flex;flex-direction:column;gap:8px}.onboarding-container .form-label{font-size:13px;font-weight:500;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.5px}.onboarding-container .form-select{padding:12px 16px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.onboarding-container .form-select:hover{border-color:var(--dm-accent-primary)}.onboarding-container .form-select:focus{outline:none;border-color:var(--dm-accent-primary);box-shadow:0 0 0 3px var(--dm-accent-light)}.onboarding-container .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;background:var(--dm-bg-tertiary);border-radius:6px;transition:all .2s ease}.onboarding-container .checkbox-label:hover{background:var(--dm-bg-quaternary)}.onboarding-container .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.onboarding-container .checkbox-text{font-size:14px;color:var(--dm-text-primary)}.onboarding-container .radio-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:310px;overflow-y:auto;padding-right:8px}.onboarding-container .radio-list-no-scroll{max-height:none;overflow-y:visible;padding-right:0}.onboarding-container .radio-list::-webkit-scrollbar{width:6px}.onboarding-container .radio-list::-webkit-scrollbar-track{background:var(--dm-bg-tertiary);border-radius:3px}.onboarding-container .radio-list::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:3px}.onboarding-container .radio-list::-webkit-scrollbar-thumb:hover{background:var(--dm-accent-primary)}.onboarding-container .radio-option{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--dm-bg-tertiary);border:1px solid var(--dm-border-primary);border-radius:6px;cursor:pointer;transition:all .15s ease;position:relative}.onboarding-container .radio-option:hover{border-color:var(--dm-accent-primary);background:var(--dm-bg-quaternary)}.onboarding-container .radio-option.selected{border-color:var(--dm-accent-primary);background:var(--dm-accent-secondary)}.onboarding-container .radio-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.onboarding-container .radio-icon{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--dm-text-secondary);transition:color .15s ease}.onboarding-container .radio-option.selected .radio-icon{color:var(--dm-accent-primary)}.onboarding-container .radio-icon svg{width:18px;height:18px}.onboarding-container .radio-label{flex:1;font-size:14px;font-weight:500;color:var(--dm-text-primary)}.onboarding-container .radio-info-wrapper{position:relative;flex:0 0 auto;display:flex;align-items:center}.onboarding-container .radio-info-button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--dm-text-secondary);cursor:help;transition:color .15s ease;z-index:2}.onboarding-container .radio-info-button:hover{color:var(--dm-accent-primary)}.onboarding-container .radio-info-button svg{width:16px;height:16px}.onboarding-container .radio-tooltip{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--dm-bg-primary);border:1px solid var(--dm-accent-primary);border-radius:6px;padding:10px 12px;width:280px;font-size:12px;line-height:1.5;color:var(--dm-text-secondary);box-shadow:0 4px 12px #0006;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:10;margin-right:28px}.onboarding-container .radio-info-button:hover+.radio-tooltip{opacity:1;visibility:visible}.onboarding-container .radio-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid var(--dm-accent-primary);border-top:6px solid transparent;border-bottom:6px solid transparent}.onboarding-container .radio-tooltip:before{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid var(--dm-bg-primary);border-top:5px solid transparent;border-bottom:5px solid transparent;z-index:1}.onboarding-container .radio-indicator{flex:0 0 auto;width:16px;height:16px;border:2px solid var(--dm-border-primary);border-radius:50%;position:relative;transition:all .15s ease}.onboarding-container .radio-option:hover .radio-indicator{border-color:var(--dm-accent-primary)}.onboarding-container .radio-option.selected .radio-indicator{border-color:var(--dm-accent-primary);background:var(--dm-accent-primary)}.onboarding-container .radio-option.selected .radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.onboarding-container .skill-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px}.onboarding-container .skill-level-card{padding:24px;background:var(--dm-bg-tertiary);border:2px solid var(--dm-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.onboarding-container .skill-level-card:hover{border-color:var(--dm-accent-primary);background:var(--dm-bg-quaternary);transform:translateY(-2px)}.onboarding-container .skill-level-card.selected{border-color:var(--dm-accent-primary);background:var(--dm-accent-secondary);box-shadow:0 0 0 3px var(--dm-accent-light)}.onboarding-container .skill-level-header{display:flex;align-items:center;gap:12px}.onboarding-container .skill-level-icon{font-size:28px;display:flex;align-items:center;justify-content:center;color:var(--dm-accent-primary)}.onboarding-container .skill-level-icon svg{width:28px;height:28px}.onboarding-container .skill-level-label{font-size:16px;font-weight:600;color:var(--dm-text-primary)}.onboarding-container .skill-level-description{font-size:13px;color:var(--dm-text-secondary);line-height:1.5}.onboarding-container .skill-level-features{border-top:1px solid var(--dm-border-secondary);padding-top:16px}.onboarding-container .features-label{font-size:12px;font-weight:600;color:var(--dm-text-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.onboarding-container .features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.onboarding-container .features-list li{font-size:12px;color:var(--dm-text-secondary);padding-left:16px;position:relative}.onboarding-container .features-list li:before{content:"✓";position:absolute;left:0;color:var(--dm-text-success)}.onboarding-container .onboarding-actions{display:flex;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--dm-border-secondary);margin-top:auto}.onboarding-container .btn-primary,.onboarding-container .btn-secondary{padding:12px 32px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.onboarding-container .btn-primary{background:var(--dm-accent-primary);color:#fff}.onboarding-container .btn-primary:hover{background:var(--dm-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.onboarding-container .btn-secondary{background:var(--dm-bg-tertiary);color:var(--dm-text-primary);border:1px solid var(--dm-border-primary)}.onboarding-container .btn-secondary:hover{background:var(--dm-bg-quaternary)}.onboarding-container .btn-secondary:disabled,.onboarding-container .btn-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-container .btn-secondary:disabled:hover,.onboarding-container .btn-primary:disabled:hover{transform:none;box-shadow:none}.onboarding-container .welcome-content{text-align:center}.onboarding-container .welcome-icon{font-size:64px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;color:var(--dm-accent-primary)}.onboarding-container .welcome-icon svg{width:64px;height:64px}.onboarding-container .welcome-title{font-size:32px}.onboarding-container .loading-container{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:32px}.onboarding-container .loading-spinner{width:48px;height:48px;border:4px solid var(--dm-bg-tertiary);border-top-color:var(--dm-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(-360deg)}}.onboarding-container .loading-steps{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.onboarding-container .loading-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dm-bg-tertiary);border-radius:6px;opacity:.5;transition:all .3s ease}.onboarding-container .loading-step.active{opacity:1;background:var(--dm-accent-secondary);border:1px solid var(--dm-accent-primary)}.onboarding-container .step-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--dm-accent-primary)}.onboarding-container .step-icon svg{width:20px;height:20px}.onboarding-container .step-icon.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-container .step-text{font-size:14px;color:var(--dm-text-primary)}@media (max-width: 1024px){.onboarding-container .onboarding-graphic-section{flex:0 0 350px}.onboarding-container .onboarding-card{max-width:900px}}@media (max-width: 768px){.onboarding-container .onboarding-header{font-size:24px}.onboarding-container .onboarding-layout{flex-direction:column;gap:24px}.onboarding-container .onboarding-graphic-section{flex:0 0 auto;height:300px;width:100%}.onboarding-container .identification-grid,.onboarding-container .skill-level-grid{grid-template-columns:1fr}.onboarding-container .onboarding-card{height:auto;min-height:650px;padding:24px}.onboarding-container .onboarding-title{font-size:20px}}@media (max-width: 480px){.onboarding-container .onboarding-header{font-size:20px}.onboarding-container .onboarding-graphic-section{height:250px}.onboarding-container .onboarding-card{height:auto;min-height:600px;padding:16px}.onboarding-container .onboarding-title{font-size:18px}.onboarding-container .onboarding-subtitle{font-size:13px}}