: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)}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.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:hover{transform:translateY(0)!important}.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}.badge-col{width:90px}.regular-col{width:80px;padding-left: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}.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}.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}.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}.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:600;-webkit-user-select:none;user-select:none}.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;transition:all .3s ease;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{background:#ffffff05;border:1px solid var(--dm-border-medium);overflow:hidden;margin-top:15px}.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 th,.common-table.column-width-fixed td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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 th,.common-table.column-width-wider td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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 th,.common-table.column-width-auto td{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.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:150px!important;max-width:125px!important;min-width:125px!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{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}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--dm-accent-primary);color:#fff}.btn-primary:hover{background:#4080c3;transform:translateY(-1px)}.btn-secondary{background:var(--dm-bg-tertiary);color:var(--dm-text-secondary);border:1px solid var(--dm-border-primary)}.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-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:#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;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}.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:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.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)!important;padding:4px 24px 3px!important;color:var(--dm-text-primary)}.btn-primary:hover:not(:disabled){background:#4080c3;transform:scale(1)}.btn-secondary{background:transparent;color:var(--dm-text-secondary);border:1px solid var(--dm-border-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--dm-accent-primary)}.btn-danger{background:#ed4245;color:var(--dm-text-primary)}.btn-danger:hover:not(:disabled){background:#c83236}.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}}.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)}.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;transform:translateY(-1px)}.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:.15}.grid-line-vertical,.grid-line-horizontal{position:absolute;background:var(--dm-border-primary)}.grid-line-vertical{width:1px;height:100%;top:0}.grid-line-horizontal{width:100%;height:1px;left:0}.dashboard-widget{background:var(--dm-bg-secondary);border:1px solid var(--dm-border-primary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:var(--dm-transition-fast);position:relative}.dashboard-widget:hover{border-color:#5090d34d;box-shadow:0 4px 16px #0003}.dashboard-widget.dragging{opacity:.5;cursor:move}.widget-header{display:flex;align-items:center;padding:12px 16px;background:var(--dm-bg-primary);border-bottom:1px solid var(--dm-border-primary);min-height:48px}.widget-drag-handle{cursor:move;color:var(--dm-text-secondary);margin-right:8px;opacity:.6;transition:var(--dm-transition-fast)}.widget-drag-handle:hover{opacity:1}.widget-title{flex:1;font-size:14px;font-weight:600;color:var(--dm-text-primary);margin:0}.widget-actions{display:flex;gap:4px}.widget-action-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-action-btn:hover{background:#ffffff0d;color:var(--dm-text-primary)}.widget-content{flex:1;overflow:auto;padding:16px}.widget-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;opacity:0;transition:opacity .2s}.widget-resize-handle:before{content:"";position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-right:2px solid var(--dm-accent-primary);border-bottom:2px solid var(--dm-accent-primary)}.dashboard-widget:hover .widget-resize-handle{opacity:.6}.widget-resize-handle:hover{opacity:1!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}}.widget-content::-webkit-scrollbar{width:6px;height:6px}.widget-content::-webkit-scrollbar-track{background:var(--dm-bg-primary)}.widget-content::-webkit-scrollbar-thumb{background:var(--dm-border-primary);border-radius:3px}.widget-content::-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:25%;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}.overlay-tabs{background:var(--dm-bg-darker);border-bottom:1px solid #202225;padding:0 32px;position:relative;flex-shrink:0}.tabs-list{display:flex;gap:32px;position:relative}.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-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)}.version-switcher{display:flex;align-items:center;gap:4px;justify-content:center}.version-chevron{background:none;border:1px solid var(--dm-border-primary);color:var(--dm-text-secondary);width:20px;height:20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;padding:0}.version-chevron:hover:not(:disabled){background:var(--dm-bg-tertiary);color:var(--dm-text-primary);border-color:var(--dm-accent-primary)}.version-chevron:disabled{opacity:.3;cursor:not-allowed}.version-display{color:var(--dm-text-primary);font-size:13px;min-width:30px;text-align:center}.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-version{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.version-select{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:13px;cursor:pointer}.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}}.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}.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%}}.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 #2b2d31}.madv-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #2b2d31}.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:#2b2d31;color:var(--dm-text-primary)}.madv-content{display:flex;flex:1;overflow:hidden}.madv-sidebar{width:220px;border-right:1px solid #2b2d31;display:flex;flex-direction:column;background:#2b2d31}.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:#949ba4}.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:#4e50584d}.madv-category.active{background:#4e505899;border-left-color:#5865f2}.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:#949ba4;background:#4e50584d;padding:2px 8px;border-radius:12px}.madv-expand-btn{background:none;border:none;color:#949ba4;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:#4e50584d}.madv-subcategory.active{background:#4e505899;border-left-color:#5865f2}.madv-subcategory-label{font-size:13px;color:#dbdee1}.madv-subcategory-count{font-size:11px;color:#949ba4;background:#4e50584d;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 #2b2d31}.madv-search-input{width:100%;padding:10px 16px;background:var(--dm-body-bg);border:1px solid #313338;border-radius:4px;color:var(--dm-text-primary);font-size:14px;transition:border-color .15s ease}.madv-search-input:focus{outline:none;border-color:#5865f2}.madv-search-input::placeholder{color:#686d73}.madv-variables{flex:1;overflow-y:auto;padding:16px}.madv-loading,.madv-empty{text-align:center;padding:32px;color:#949ba4;font-size:14px}.madv-group{margin-bottom:24px}.madv-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#949ba4;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:#2b2d31;border:1px solid #313338;border-radius:4px;cursor:pointer;transition:all .15s ease}.madv-variable:hover{background:#313338;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:#949ba4;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:#5865f2;background:#5865f21a}.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:#949ba4;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:#313338}.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:#2b2d31;border:1px solid #3e4147;border-radius:4px;cursor:pointer;transition:all .2s ease;min-height:36px}.emoji-field-input:hover{border-color:#5865f2}.emoji-field-input.open{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a}.emoji-field-value{flex:1;color:#dbdee1;font-size:14px}.emoji-field-arrow{color:#72767d;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:#2b2d31;border:1px solid #3e4147;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 #3e4147}.emoji-field-tab{flex:1;padding:12px;background:transparent;border:none;color:#949ba4;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.emoji-field-tab:hover{color:#dbdee1;background:#5865f20d}.emoji-field-tab.active{color:#5865f2;border-bottom:2px solid #5865f2}.emoji-field-search{padding:12px;border-bottom:1px solid #3e4147}.emoji-field-search input{width:100%;padding:8px 12px;background:var(--dm-body-bg);border:1px solid #3e4147;border-radius:4px;color:#dbdee1;font-size:14px;outline:none;transition:border-color .2s ease}.emoji-field-search input:focus{border-color:#5865f2}.emoji-categories{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid #3e4147}.emoji-category{padding:6px 10px;background:#35373c;border:1px solid transparent;border-radius:4px;color:#949ba4;font-size:12px;cursor:pointer;transition:all .2s ease}.emoji-category:hover{background:#404249;color:#dbdee1}.emoji-category.active{background:#5865f2;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:#72767d;font-size:14px}.emoji-field-error{color:#ed4245}.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:#5865f21a}.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 #3e4147;padding:8px}.emoji-field-variable-btn{width:100%;padding:8px 12px;background:transparent;border:1px solid rgba(88,101,242,.3);border-radius:4px;color:#7289da;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.emoji-field-variable-btn:hover{background:#5865f21a;border-color:#5865f280}.emoji-load-more{padding:8px 16px;border-top:1px solid #3e4147}.emoji-load-more-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}.emoji-load-more-btn:hover{background:#5865f21a;border-color:#5865f280}.emoji-field-content::-webkit-scrollbar{width:8px}.emoji-field-content::-webkit-scrollbar-track{background:#2b2d31}.emoji-field-content::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.emoji-field-content::-webkit-scrollbar-thumb:hover{background:#35373c}.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}.component-tree-header{padding:16px 16px 11px;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}.component-tree-header h4{margin:0;color:var(--dm-text-primary);font-size:16px;font-weight:600}.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)}.search-input:focus{border-color:var(--dm-accent-primary)}.search-input::placeholder{color:var(--dm-text-secondary)}.component-tree-content{flex:1;overflow-y:auto;padding:8px 0 64px}.component-category{margin-bottom:4px}.category-header{display:flex;align-items:center;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.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}.category-items{margin-bottom:8px}.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)}.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: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:var(--dm-transition-fast);-webkit-user-select:none;user-select:none;opacity:.6;cursor:pointer}.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}.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-text{color:var(--dm-text-primary);font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.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:#2b2d31;border:1px solid #3e4147;border-radius:4px;cursor:pointer;transition:all .2s ease;min-height:36px}.channel-field-input:hover{border-color:#5865f2}.channel-field-input.active{border-color:#5865f2;box-shadow:0 0 0 3px #5865f21a}.channel-field-input.variable-mode{cursor:text;background:var(--dm-body-bg)}.selected-value{flex:1;color:#dbdee1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-input{flex:1;background:transparent;border:none;color:#dbdee1;font-size:14px;outline:none;font-family:Consolas,Monaco,monospace}.dropdown-arrow{color:#72767d;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:#2b2d31;border:1px solid #3e4147;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 #3e4147}.search-input{width:100%;padding:8px 12px;background:var(--dm-body-bg);border:1px solid #3e4147;border-radius:4px;color:#dbdee1;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:#949ba4;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:#949ba4}.channel-icon{width:20px;text-align:center;margin-right:8px;font-size:14px;color:#72767d}.channel-item:hover .channel-icon,.channel-item.selected .channel-icon{color:#949ba4}.channel-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-channels{padding:24px;text-align:center;color:#72767d;font-size:14px}.loading{padding:24px;text-align:center;color:#949ba4;font-size:14px}.channel-footer{border-top:1px solid #3e4147;padding:8px}.use-variable-btn{width:100%;padding:8px 12px;background:transparent;border:1px solid #3e4147;border-radius:4px;color:#5865f2;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.use-variable-btn:hover{background:#35373c;border-color:#5865f2}.load-more{padding:8px 16px;border-top:1px solid #3e4147}.channel-list::-webkit-scrollbar{width:8px}.channel-list::-webkit-scrollbar-track{background:#2b2d31}.channel-list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.channel-list::-webkit-scrollbar-thumb:hover{background:#35373c}.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:#2f3136;border:1px solid #202225;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:#72767d;font-size:14px;background-color:#2f3136;border:1px solid #202225;border-radius:8px}.node-config-time-field{position:relative;width:100%}.time-field-input{width:100%;padding:8px 12px;background-color:#202225;border:1px solid #40444b;border-radius:4px;color:#dcddde;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.time-field-input:hover{border-color:#5865f2;background-color:#2a2d31}.time-field-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-field-icon{width:16px;height:16px;margin-left:8px;color:#72767d;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:#2f3136;border:1px solid #202225;border-radius:4px;box-shadow:0 8px 16px #0000003d;overflow:hidden}.time-field-tabs{display:flex;background-color:#202225;border-bottom:1px solid #40444b}.time-field-tab{flex:1;padding:12px;background:none;border:none;color:#72767d;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:#dcddde;background-color:#292b2f}.time-field-tab.active{color:var(--dm-text-primary);background-color:#5865f2}.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:#dcddde;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:#40444b}.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:#72767d;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:#dcddde;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:#40444b}.calendar-day.other-month{color:#72767d;opacity:.5}.calendar-day.today{background-color:#40444b;font-weight:600}.calendar-day.selected{background-color:#5865f2;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 #40444b;display:flex;justify-content:center}.calendar-today-button{padding:6px 16px;background-color:#40444b;border:none;border-radius:4px;color:#dcddde;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-today-button:hover{background-color:#4f545c}.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:#72767d;margin-bottom:8px}.time-select{width:80px;padding:8px;background-color:#40444b;border:1px solid #202225;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:#5865f2}.time-separator{font-size:24px;font-weight:600;color:#72767d;margin-top:20px}.time-display{text-align:center;font-size:24px;font-weight:600;color:#5865f2;padding:12px;background-color:#202225;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:#40444b;border:1px solid #202225;border-radius:4px;color:var(--dm-text-primary);font-size:14px;font-family:Consolas,Monaco,monospace}.cron-input:focus{outline:none;border-color:#5865f2}.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:#40444b;border:1px solid transparent;border-radius:4px;color:#dcddde;font-size:13px;cursor:pointer;text-align:left;transition:all .2s ease}.cron-preset-button:hover{background-color:#4f545c}.cron-preset-button.selected{background-color:#5865f2;color:var(--dm-text-primary)}.cron-help{padding:12px;background-color:#202225;border-radius:4px;margin-bottom:16px}.cron-help-text{font-size:12px;color:#72767d;margin:4px 0}.dropdown-footer{padding:12px 16px;background-color:#202225;border-top:1px solid #40444b;display:flex;justify-content:flex-end}.dropdown-done-button{padding:8px 24px;background-color:#5865f2;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:#4752c4}.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:#ed4245;margin-left:4px}.field-description{font-size:14px;color:#949ba4;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 #3e4147;border-radius:4px;color:#dbdee1;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:#5865f2}.timezone-dropdown-trigger.active{border-color:#5865f2}.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:#2b2d31;border:1px solid #3e4147;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 #3e4147}.timezone-search-input{width:100%;padding:8px 12px;background-color:var(--dm-body-bg);border:1px solid #3e4147;border-radius:4px;color:#dbdee1;font-size:14px;outline:none;transition:border-color .2s}.timezone-search-input:focus{border-color:#5865f2}.timezone-search-input::placeholder{color:#6d6f78}.timezone-list{flex:1;overflow-y:auto;padding:8px 0}.timezone-no-results{padding:20px;text-align:center;color:#949ba4;font-size:14px}.timezone-group{margin-bottom:8px}.timezone-group-header{padding:4px 12px;font-size:12px;font-weight:600;color:#949ba4;text-transform:uppercase}.timezone-option{width:100%;padding:8px 12px;background-color:transparent;border:none;color:#dbdee1;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s}.timezone-option:hover{background-color:#35373c}.timezone-option.selected{background-color:#404249;color:#5865f2}.timezone-list::-webkit-scrollbar{width:8px}.timezone-list::-webkit-scrollbar-track{background:transparent}.timezone-list::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}.timezone-list::-webkit-scrollbar-thumb:hover{background-color:#2e3035}.roles-field-container{position:relative;width:100%}.roles-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}.roles-field-input:hover{border-color:#5865f2}.roles-field-input.active{border-color:#5865f2;box-shadow:0 0 0 2px #5865f240}.roles-field-input.variable-mode{cursor:text}.roles-field-input.active .dropdown-arrow{transform:rotate(180deg)}.roles-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:300px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;animation:dropdownOpen .2s ease}.roles-search{padding:12px;border-bottom:1px solid rgba(41,43,47,.9)}.roles-list{flex:1;overflow-y:auto;padding:8px 0}.loading,.no-roles{padding:20px;text-align:center;color:#72767d;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:#4f545c66}.role-item.selected{background-color:#5865f226}.role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-name{color:#dcddde;font-size:14px;flex:1}.role-check{color:#5865f2;font-weight:700}.roles-footer{border-top:1px solid rgba(41,43,47,.9);padding:8px}.selected-roles-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.selected-role-tag{display:inline-flex;align-items:center;gap:6px;background:#5865f21a;border:1px solid rgba(88,101,242,.3);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:#72767d;cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:2px;transition:color .1s ease}.remove-role-btn:hover{color:#dcddde}.roles-list::-webkit-scrollbar{width:8px}.roles-list::-webkit-scrollbar-track{background:#0000001a}.roles-list::-webkit-scrollbar-thumb{background:#4f545c99;border-radius:4px}.roles-list::-webkit-scrollbar-thumb:hover{background:#4f545ccc}.load-more{padding:8px 16px;border-top:1px solid rgba(41,43,47,.9)}.load-more-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}.load-more-btn:hover{background:#5865f21a;border-color:#5865f280}.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:#2f3136cc;border:1px solid rgba(41,43,47,.9);border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;min-height:40px}.ncuf-users-field-input:hover{border-color:#5865f2}.ncuf-users-field-input.ncuf-active{border-color:#5865f2;box-shadow:0 0 0 2px #5865f240}.ncuf-users-field-input.ncuf-variable-mode{cursor:text}.ncuf-selected-value{display:flex;align-items:center;gap:8px;color:#dcddde;flex:1}.ncuf-placeholder-text{color:#72767d}.ncuf-variable-value{color:#7289da;font-family:Consolas,Monaco,monospace}.ncuf-variable-input{flex:1;background:transparent;border:none;outline:none;color:#7289da;font-family:Consolas,Monaco,monospace;font-size:14px}.ncuf-dropdown-arrow{color:#72767d;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:#2f3136;border:1px solid rgba(41,43,47,.9);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 rgba(41,43,47,.9)}.ncuf-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}.ncuf-search-input:focus{border-color:#5865f2}.ncuf-search-input::placeholder{color:#72767d}.ncuf-users-list{flex:1;overflow-y:auto;padding:8px 0}.ncuf-loading,.ncuf-no-users{padding:20px;text-align:center;color:#72767d;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:#96989d;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:#4f545c66}.ncuf-user-item.ncuf-selected{background-color:#5865f226}.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:#dcddde;font-size:14px}.ncuf-bot-tag{background:#5865f2;color:var(--dm-text-primary);font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:uppercase}.ncuf-user-check{color:#5865f2;font-weight:700}.ncuf-users-footer{border-top:1px solid rgba(41,43,47,.9);padding:8px}.ncuf-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}.ncuf-use-variable-btn:hover{background:#5865f21a;border-color:#5865f280}.ncuf-load-more{padding:8px 16px;border-top:1px solid rgba(41,43,47,.9)}.ncuf-load-more-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}.ncuf-load-more-btn:hover{background:#5865f21a;border-color:#5865f280}.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:#5865f21a;border:1px solid rgba(88,101,242,.3);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:#72767d;cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:2px;transition:color .1s ease}.ncuf-remove-user-btn:hover{color:#dcddde}.ncuf-users-list::-webkit-scrollbar{width:8px}.ncuf-users-list::-webkit-scrollbar-track{background:#0000001a}.ncuf-users-list::-webkit-scrollbar-thumb{background:#4f545c99;border-radius:4px}.ncuf-users-list::-webkit-scrollbar-thumb:hover{background:#4f545ccc}.embed-field-container{display:flex;gap:20px;width:100%;min-height:400px}.embed-builder{flex:1;background:#2b2d31;border:1px solid #3e4147;border-radius:8px;overflow:hidden}.embed-tabs{display:flex;background:var(--dm-body-bg);border-bottom:1px solid #3e4147;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:#3e4147;border-radius:2px}.embed-tabs::-webkit-scrollbar-thumb:hover{background:#4e5157}.embed-tab{flex:0 0 auto;min-width:80px;padding:12px 16px;background:transparent;border:none;color:#949ba4;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.embed-tab:hover{color:#dbdee1;background:#ffffff05}.embed-tab.active{color:var(--dm-text-primary);background:#2b2d31}.embed-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#5865f2}.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 #3e4147;border-radius:4px;color:#dbdee1;font-size:14px;outline:none;transition:border-color .2s ease}.embed-form-group input:focus,.embed-form-group textarea:focus{border-color:#5865f2}.embed-form-group textarea{resize:vertical;min-height:80px}.embed-form-group small{font-size:12px;color:#72767d}.color-input-wrapper{display:flex;gap:8px;align-items:center}.color-picker{width:40px;height:40px;border:1px solid #3e4147;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:#dbdee1;font-size:16px}.add-field-btn{padding:6px 12px;background:#5865f2;border:none;border-radius:4px;color:var(--dm-text-primary);font-size:14px;cursor:pointer;transition:background .2s ease}.add-field-btn:hover{background:#4752c4}.field-item{background:var(--dm-body-bg);border:1px solid #3e4147;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:#2b2d31;border:1px solid #3e4147;border-radius:4px;color:#dbdee1;font-size:14px;outline:none}.field-value-input{width:100%;padding:8px 10px;background:#2b2d31;border:1px solid #3e4147;border-radius:4px;color:#dbdee1;font-size:14px;outline:none;resize:vertical}.inline-checkbox{display:flex;align-items:center;gap:6px;color:#949ba4;font-size:14px;cursor:pointer}.inline-checkbox input[type=checkbox]{cursor:pointer}.remove-field-btn{width:24px;height:24px;background:transparent;border:1px solid #ed4245;border-radius:4px;color:#ed4245;font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease}.remove-field-btn:hover{background:#ed4245;color:var(--dm-text-primary)}.no-fields{text-align:center;color:#72767d;padding:40px 20px;font-size:14px}.embed-preview-section{flex:1;background:#313338;border-radius:8px;padding:20px;overflow-y:auto}.embed-preview-section h4{margin:0 0 16px;color:#dbdee1;font-size:16px}.embed-preview{background:#2b2d31;border-radius:4px;padding:16px}.embed-preview-wrapper{display:flex;max-width:520px}.embed-color-pill{width:4px;background:#5865f2;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:#dbdee1}.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:#dbdee1;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:#dbdee1;margin-bottom:2px}.embed-field-value{font-size:14px;color:#dbdee1;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:#949ba4;margin-top:8px}.embed-footer-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.embed-footer-text{flex:1}.embed-timestamp{color:#72767d}.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:#2b2d31}.embed-tab-content::-webkit-scrollbar-thumb,.embed-preview-section::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.embed-tab-content::-webkit-scrollbar-thumb:hover,.embed-preview-section::-webkit-scrollbar-thumb:hover{background:#35373c}.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 #202225}.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:#2c2f33;border:1px solid #40444b;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:#8e9297}.dcb-instructions strong{color:#dcddde}.dcb-tree{margin-bottom:16px;max-height:500px;overflow-y:auto;padding-right:4px}.dcb-empty{background:#2c2f33;border:2px dashed #40444b;border-radius:8px;padding:32px;text-align:center;color:#72767d}.dcb-empty p{margin:0}.dcb-component-wrapper{margin-bottom:8px}.dcb-component{background:#2f3136;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.dcb-component:hover{background:#36393f;border-color:#40444b}.dcb-component.dcb-selected{border-color:#5865f2;background:#36393f}.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:#5865f2;font-weight:600;font-size:14px}.dcb-component-label{color:#8e9297;font-size:13px;font-style:italic}.dcb-component-actions{display:flex;gap:8px}.dcb-delete-btn{background:none;border:none;color:#ed4245;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:18px;line-height:1;transition:all .2s}.dcb-delete-btn:hover{background:#ed4245;color:var(--dm-text-primary)}.dcb-component-fields{padding:0 12px 12px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #40444b;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:#40444b;border:1px solid #202225;border-radius:4px;color:#dcddde;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:#5865f2}.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:#dcddde;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:#40444b;border:1px solid #202225;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:#36393f;border-radius:4px}.dcb-array-items{display:flex;flex-direction:column;gap:8px}.dcb-array-item{background:#40444b;border:1px solid #202225;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:#36393f;border:1px solid #202225;border-radius:4px;color:#dcddde;padding:6px 10px;font-size:13px}.dcb-add-item-btn{background:#5865f2;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:#4752c4}.dcb-add-item-btn:disabled{opacity:.5;cursor:not-allowed}.dcb-children{margin-left:24px;padding-left:16px;border-left:2px solid #40444b;margin-top:8px}.dcb-accessory{margin-left:24px;margin-top:8px}.dcb-accessory-label{color:#72767d;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dcb-add-child-btn{width:100%;background:transparent;color:#5865f2;border:1px dashed #5865f2;border-radius:4px;padding:8px;font-size:13px;cursor:pointer;transition:all .2s}.dcb-add-child-btn:hover{background:#5865f21a;border-style:solid}.dcb-add-root-btn{width:100%;background:#5865f2;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:#4752c4}.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:#2f3136;border:1px solid #202225;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 #40444b;font-weight:600;font-size:16px;color:#dcddde}.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:#40444b}.dcb-add-menu-item-label{color:#dcddde;font-weight:500;font-size:14px;margin-bottom:4px}.dcb-add-menu-item-description{color:#8e9297;font-size:12px}.dcb-add-menu-empty{padding:32px;text-align:center;color:#72767d;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:#2f3136;border-radius:4px}.dcb-tree::-webkit-scrollbar-thumb,.dcb-multiselect::-webkit-scrollbar-thumb,.dcb-add-menu-items::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.dcb-tree::-webkit-scrollbar-thumb:hover,.dcb-multiselect::-webkit-scrollbar-thumb:hover,.dcb-add-menu-items::-webkit-scrollbar-thumb:hover{background:#18191c}.dcb-builder-section{flex:1}.dcb-preview-section{display:flex;flex:1;flex-direction:column;background:#2f3136;border:1px solid #202225;border-radius:8px;padding:16px}.dcb-preview-section h4{margin:0 0 16px;color:#dcddde;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dcb-preview-empty{background:#202225;border:2px dashed #40444b;border-radius:6px;padding:32px;text-align:center;color:#72767d}.dcb-preview-empty p{margin:0}.dcb-preview-message{background:#36393f;border-radius:8px;padding:16px;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;color:#dcddde}.dcb-preview-container{background:#2f3136;border-left:4px solid;padding:16px;margin-bottom:8px;border-radius:4px}.dcb-preview-spoiler{background:#202225;color:#dcddde;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:#5865f2;color:var(--dm-text-primary)}.dcb-preview-button-primary:hover:not(:disabled){background:#4752c4}.dcb-preview-button-secondary{background:#4f545c;color:var(--dm-text-primary)}.dcb-preview-button-secondary:hover:not(:disabled){background:#5d6269}.dcb-preview-button-success{background:#3ba55c;color:var(--dm-text-primary)}.dcb-preview-button-success:hover:not(:disabled){background:#2d7d46}.dcb-preview-button-danger{background:#ed4245;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:#4f545c;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:#5d6269}.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 #4f545c;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:#2f3136;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:#72767d;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 #202225}.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:#0f0f0ff2;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:#0f0f0f;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}.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}.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:18px;font-weight:600;color:var(--dm-text-primary)}.tab-buttons{display:flex;gap:8px}.tab-button{padding:6px 16px;border:none;border-radius:4px;background-color:transparent;color:var(--dm-text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease}.tab-button:hover{background-color:#313338;color:var(--dm-text-primary)}.tab-button.active{background-color:#5865f2;color:var(--dm-text-primary)}.variables-table-wrapper{background:var(--dm-body-bg);border:1px solid #2b2d31;border-radius:8px;overflow:hidden}.variables-table{width:100%;border-collapse:collapse}.variables-table thead{background:#2b2d31}.variables-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#949ba4;border-bottom:1px solid #313338}.variables-table tbody tr{border-bottom:1px solid #2b2d31;transition:background-color .15s ease}.variables-table tbody tr:hover{background:#4e50581a}.variables-table tbody tr.new-variable{background:#5865f20d}.variables-table td{padding:8px 16px;color:var(--dm-text-primary);font-size:14px}.mav-inline-input,.mav-inline-select{width:100%;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--dm-text-primary);font-size:14px;font-family:inherit;transition:all .15s ease}.mav-inline-input:hover,.mav-inline-select:hover{background:#313338;border-color:#313338}.mav-inline-input:focus,.mav-inline-select:focus{outline:none;background:#313338;border-color:#5865f2}.mav-inline-input::placeholder{color:#686d73}.mav-inline-select{cursor:pointer;-webkit-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 8px center;background-size:16px;padding-right:32px}.type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--dm-text-primary)}.mav-delete-btn{background:transparent;border:1px solid #ed4245;color:#ed4245;width:28px;height:28px;border-radius:4px;font-size:18px;line-height:1;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.mav-delete-btn:hover{background:#ed4245;color:var(--dm-text-primary)}.mav-add-variable-row td{padding:0;border-bottom:none}.mav-add-variable-btn{width:100%;padding:12px;background:transparent;border:2px dashed #313338;color:#949ba4;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.mav-add-variable-btn:hover{background:#5865f21a;border-color:#5865f2;color:#5865f2}.variables-content{padding:20px}.info-message{background:#2b2d31;border:1px solid #313338;border-radius:8px;padding:16px;margin-bottom:24px}.info-message p{margin:0 0 8px;color:#949ba4;font-size:14px;line-height:1.5}.info-message p:last-child{margin-bottom:0}.local-variables-list{display:flex;flex-direction:column;gap:24px}.action-variables{background:var(--dm-body-bg);border:1px solid #2b2d31;border-radius:8px;overflow:hidden}.action-variables h4{margin:0;padding:12px 16px;background:#2b2d31;border-bottom:1px solid #313338;font-size:14px;font-weight:600;color:var(--dm-text-primary)}.empty-state{text-align:center;padding:60px 20px;color:#72767d}.empty-state p{margin:0;font-size:16px}.loading-spinner{width:32px;height:32px;border:3px solid #313338;border-top-color:#5865f2;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.variable-name{font-weight:600;color:#5090d3}.variable-value{font-family:monospace;font-size:13px}.scope-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--dm-text-primary)}.variable-description{font-size:12px;color:var(--dm-text-secondary)}.app-tabs{background:var(--dm-bg-darker);border-bottom:1px solid #5090d3;padding:0 24px;position:relative}.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)}.app-content-wrapper{display:flex;flex-direction:column;flex:1;height:100%}.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;outline:none!important}.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-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.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:8px 24px 20px;background:linear-gradient(0deg,var(--dm-bg-darker),var(--dm-bg-secondary))}.app-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.app-info-section{flex:1;display:flex;flex-direction:column;gap:6px}.app-header-wrapper{display:flex;align-items:center;gap:0;margin-bottom:8px}.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;gap:24px;align-items:center}.success-rate-container{display:flex;align-items:center;gap:12px;flex:1}.success-rate-bar{width:120px;height:6px;background:transparent;border-radius:4px;overflow:hidden;position:relative;flex-shrink:0;margin-top:-3px}.executions-text{font-size:12px;color:var(--dm-text-secondary);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-secondary)}.servers-info{display:flex;align-items:left;gap:8px;font-size:14px;color:var(--dm-text-header)}.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)}.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;width:100%;gap:24px;margin-bottom:-5px}.template-info-section{flex:1;display:flex;flex-direction:column;gap:4px}.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-version{font-size:14px;color:var(--dm-text-primary);font-weight:500;background:none;margin-bottom:-5px;margin-left:5px}.template-description{color:var(--dm-text-secondary);font-size:14px;line-height:1.4;margin-top:-4px}.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}.versions-tab h3{margin:0 0 8px}.versions-header{margin-bottom:24px}.versions-description{color:var(--dm-text-secondary);font-size:14px;margin:0}.version-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:var(--dm-bg-tertiary);border-radius:8px}.stat-item{font-size:14px;color:var(--dm-text-secondary)}.stat-item strong{color:var(--dm-text-primary);font-weight:600}.versions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.version-slot{background:var(--dm-bg-tertiary);border:2px solid transparent;border-radius:8px;padding:20px;transition:all .2s;display:flex;flex-direction:column;min-height:200px}.version-slot.empty{border-style:dashed;border-color:var(--dm-border);background:var(--dm-bg-secondary);opacity:.8}.version-slot.filled:hover{border-color:var(--dm-border-hover);transform:translateY(-2px)}.version-slot.current{border-color:#5090d3;background:#5090d31a}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slot-number{font-size:12px;text-transform:uppercase;color:var(--dm-text-secondary);font-weight:600}.current-badge{background:#5090d3;color:var(--dm-text-primary);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.slot-content{flex:1;display:flex;flex-direction:column}.slot-content h4{font-size:18px;font-weight:600;color:var(--dm-text-primary);margin:0 0 12px}.slot-meta{display:flex;gap:12px;font-size:13px;color:var(--dm-text-secondary);margin-bottom:12px}.slot-changelog{color:var(--dm-text-secondary);font-size:14px;line-height:1.4;margin:8px 0 0;flex:1}.slot-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--dm-border)}.slot-action-btn{flex:1;padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;background:transparent;color:var(--dm-text-primary)}.switch-btn{border-color:#5090d3;color:#5090d3}.switch-btn:hover:not(:disabled){background:#5090d3;color:var(--dm-text-primary)}.update-btn{border-color:var(--dm-border)}.update-btn:hover:not(:disabled){background:var(--dm-bg-primary);border-color:var(--dm-border-hover)}.save-btn{background:#5090d3;color:var(--dm-text-primary);border:none}.save-btn:hover:not(:disabled){background:#4080c3}.slot-action-btn:disabled{opacity:.6;cursor:not-allowed}.empty-slot-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.empty-slot-content p{color:var(--dm-text-secondary);margin:0 0 16px;font-size:14px}.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}}.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)}}@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%}}.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}}