:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#ecf0f5;--bg-secondary:#fff;--bg-tertiary:#f4f4f4;--bg-sidebar:#222d32;--bg-sidebar-hover:#1e282c;--bg-header:#3c8dbc;--bg-header-logo:#367fa9;--border-color:#d2d6de;--border-focus:#3c8dbc;--text-primary:#333;--text-secondary:#777;--text-muted:#999;--text-light:#fff;--text-light-muted:#b8c7ce;--primary:#3c8dbc;--primary-hover:#367fa9;--primary-glow:#3c8dbc26;--success:#00a65a;--warning:#f39c12;--danger:#dd4b39;--info:#00c0ef;--idle:#f39c12;--dnd:#dd4b39;--online:#00a65a;--offline:#999;--sidebar-width:250px;--header-height:50px;--border-radius:4px;--transition-speed:.15s;background-color:#ecf0f5;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg-primary);min-height:100vh;display:flex}.auth-container{background-color:var(--bg-sidebar);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;display:flex}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-top:5px solid var(--primary);border-radius:var(--border-radius);text-align:center;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 5px 15px #0000004d}.auth-logo{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.auth-logo span{color:var(--primary)}.auth-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.auth-btn{background:var(--primary);color:#fff;cursor:pointer;width:100%;transition:background var(--transition-speed);border:none;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1.5rem;font-weight:600;display:flex}.auth-btn:hover{background:var(--primary-hover)}.auth-btn svg{fill:currentColor;width:20px;height:20px}.mock-banner{border:1px dashed var(--warning);color:var(--warning);text-align:left;background:#f39c121a;border-radius:4px;margin-bottom:1.5rem;padding:.75rem;font-size:.85rem}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:1010;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 5px #0003}.sidebar-header{height:var(--header-height);background:var(--bg-header-logo);color:var(--text-light);justify-content:center;align-items:center;display:flex}.logo-text{letter-spacing:-.02em;color:var(--text-light);font-size:1.35rem;font-weight:700}.logo-text span{font-weight:400}.sidebar-user-panel{background:#00000026;align-items:center;gap:15px;margin-bottom:10px;padding:12px 15px;display:flex}.sidebar-user-avatar{object-fit:cover;background:#555;border:1px solid #4f5959;border-radius:50%;width:45px;height:45px}.sidebar-user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-user-status{color:var(--text-light-muted);align-items:center;gap:5px;margin-top:2px;font-size:.75rem;display:flex}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.online{background-color:var(--online)}.status-dot.idle{background-color:var(--idle)}.status-dot.dnd{background-color:var(--dnd)}.status-dot.offline{background-color:var(--offline)}.sidebar-search{padding:10px 15px}.sidebar-search-group{background:#374850;border-radius:3px;display:flex;overflow:hidden}.sidebar-search-input{color:var(--text-light);background:0 0;border:none;outline:none;flex:1;padding:6px 10px;font-size:.85rem}.sidebar-search-input::placeholder{color:#8aa4af}.sidebar-search-btn{color:#8aa4af;cursor:pointer;background:0 0;border:none;padding:0 10px}.sidebar-menu{flex:1;padding:10px 0;overflow-y:auto}.sidebar-category{color:#4b646f;letter-spacing:.05em;text-transform:uppercase;background:#1a2226;padding:10px 25px 10px 15px;font-size:.75rem;font-weight:600}.menu-item{color:var(--text-light-muted);cursor:pointer;transition:all var(--transition-speed);border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:12px 15px;font-size:.85rem;display:flex}.menu-item-left{align-items:center;gap:8px;display:flex}.menu-icon{flex-shrink:0;font-size:1rem}.menu-item:hover{color:var(--text-light);background:var(--bg-sidebar-hover)}.menu-item.active{color:var(--text-light);background:var(--bg-sidebar-hover);border-left-color:var(--primary)}.sidebar-submenu{background:#2c3b41;max-height:250px;overflow-y:auto}.submenu-item{color:#8aa4af;cursor:pointer;transition:all var(--transition-speed);align-items:center;gap:8px;padding:8px 15px 8px 25px;font-size:.8rem;display:flex}.submenu-item:hover,.submenu-item.active{color:var(--text-light);background:#0000001a}.submenu-item.active{color:#3c8dbc}.sidebar-footer{background:#0003;border-top:1px solid #1a2226;justify-content:space-between;align-items:center;padding:15px;display:flex}.logout-btn{cursor:pointer;color:#8aa4af;align-items:center;gap:6px;font-size:.85rem;display:flex}.logout-btn:hover{color:var(--danger)}.main-wrapper{margin-left:var(--sidebar-width);background-color:var(--bg-primary);flex-direction:column;flex:1;min-height:100vh;display:flex}.top-header{height:var(--header-height);background:var(--bg-header);color:var(--text-light);justify-content:space-between;align-items:center;padding:0 15px;display:flex;box-shadow:0 1px 3px #0000001a}.header-toggle{cursor:pointer;color:var(--text-light);font-size:1.1rem}.header-user-menu{cursor:pointer;align-items:center;gap:10px;height:100%;padding:0 10px;display:flex}.header-user-menu:hover{background:#0000001a}.header-user-avatar{border-radius:50%;width:25px;height:25px}.header-user-name{font-size:.85rem;font-weight:600}.content-header{justify-content:space-between;align-items:center;padding:15px 15px 10px;display:flex}.content-header h1{color:#444;margin:0;font-size:1.5rem;font-weight:500}.content-header h1 span{color:var(--text-muted);margin-left:5px;font-size:.9rem;font-weight:300}.breadcrumbs{color:#777;gap:5px;font-size:.8rem;display:flex}.breadcrumbs span.active{color:#333}.content-body{padding:15px}.selector-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:15px;display:grid}.selector-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:transform var(--transition-speed), box-shadow var(--transition-speed);flex-direction:column;align-items:center;padding:20px 0 0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.selector-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.selector-card-title{color:#444;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:20px;padding:0 15px;font-size:.95rem;font-weight:600;overflow:hidden}.selector-card-avatar{object-fit:cover;background:#eaeaea;border:3px solid #f4f4f4;border-radius:50%;width:90px;height:90px;margin-bottom:20px}.selector-card-avatar-placeholder{color:#fff;background:#3c8dbc;border:3px solid #f4f4f4;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:20px;font-size:2.2rem;font-weight:700;display:flex}.selector-card-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-top:1px solid var(--border-color);width:100%;transition:background var(--transition-speed);background:#00c0ef;padding:10px;font-size:.85rem;font-weight:600}.selector-card-btn:hover{background:#00acd6}.selector-card-btn.manage{background:#3c8dbc}.selector-card-btn.manage:hover{background:#367fa9}.box-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);border-top:3px solid #d2d6de;flex-direction:column;margin-bottom:20px;display:flex;box-shadow:0 1px 1px #0000001a}.box-card.box-primary{border-top-color:var(--primary)}.box-card.box-success{border-top-color:var(--success)}.box-card.box-warning{border-top-color:var(--warning)}.box-card.box-danger{border-top-color:var(--danger)}.box-card.box-info{border-top-color:var(--info)}.box-header{border-bottom:1px solid #f4f4f4;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.box-title{color:#444;margin:0;font-size:1.1rem;font-weight:500}.box-body{padding:15px}.guild-info-banner{background:#00c0ef;width:calc(100% + 30px);height:60px;margin-top:-15px;margin-left:-15px;margin-right:-15px}.guild-info-content{flex-direction:column;align-items:center;margin-top:-45px;padding-bottom:10px;display:flex}.guild-info-avatar{object-fit:cover;background:#3c8dbc;border:3px solid #fff;border-radius:50%;width:80px;height:80px;box-shadow:0 1px 3px #0003}.guild-info-avatar-placeholder{color:#fff;background:#3c8dbc;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.8rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0003}.guild-info-name{color:#333;margin-top:10px;font-size:1.2rem;font-weight:600}.guild-info-members{color:#777;text-transform:uppercase;margin-top:4px;font-size:.75rem;font-weight:700}.form-group{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.form-group label{color:#555;font-size:.9rem;font-weight:700}.form-control{color:#555;background:#fff;border:1px solid #ccc;border-radius:3px;outline:none;width:100%;padding:8px 12px;font-size:.9rem}.form-control:focus{border-color:var(--primary);box-shadow:none}.checkbox-label{color:#555;cursor:pointer;align-items:center;gap:8px;margin-top:5px;font-size:.85rem;font-weight:600;display:flex}.checkbox-label input{width:16px;height:16px}.btn{cursor:pointer;transition:background var(--transition-speed);border:none;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#008d4c}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#d73925}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#e08e0b}.btn-info{background:var(--info);color:#fff}.btn-info:hover{background:#00acd6}.btn-default{color:#444;background:#f4f4f4;border:1px solid #ddd}.btn-default:hover{background:#e7e7e7}.row{flex-wrap:wrap;margin-left:-10px;margin-right:-10px;display:flex}.col-6{flex:0 0 50%;max-width:50%;padding:0 10px}.col-12{flex:0 0 100%;max-width:100%;padding:0 10px}@media (width<=992px){.col-6{flex:0 0 100%;max-width:100%}}.tabs-header{border-bottom:1px solid #ddd;margin-bottom:20px;display:flex}.tab-btn{color:#555;cursor:pointer;border-bottom:3px solid #0000;align-items:center;gap:5px;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex}.tab-btn:hover{color:#333}.tab-btn.active{color:#3c8dbc;border-bottom-color:#3c8dbc}.ranking-stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}@media (width<=768px){.ranking-stats-grid{grid-template-columns:1fr}}.ranking-stat-card{border-radius:var(--border-radius);color:#fff;align-items:center;gap:15px;padding:15px;display:flex;box-shadow:0 1px 3px #0000001a}.ranking-stat-card.orange{background:var(--warning)}.ranking-stat-card.red{background:var(--danger)}.ranking-stat-card.green{background:var(--success)}.ranking-stat-avatar{border:2px solid #fff;border-radius:50%;width:50px;height:50px}.ranking-stat-info{flex-direction:column;display:flex}.ranking-stat-name{font-size:1.1rem;font-weight:700}.ranking-stat-lbl{opacity:.85;font-size:.8rem}.chart-container{flex-direction:column;gap:15px;margin-top:15px;display:flex}.chart-bar-row{align-items:center;gap:15px;display:flex}.chart-bar-user{text-align:right;white-space:nowrap;text-overflow:ellipsis;width:120px;font-size:.85rem;font-weight:600;overflow:hidden}.chart-bar-outer{background:#f1f5f9;border-radius:3px;flex:1;align-items:center;height:24px;display:flex;overflow:hidden}.chart-bar-inner{background:var(--success);color:#fff;justify-content:flex-end;align-items:center;min-width:25px;height:100%;padding-right:8px;font-size:.75rem;font-weight:700;transition:width .5s ease-out;display:flex}.profile-card-preview{color:#dbdee1;background:#2f3136;border:1px solid #1e1f22;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.status-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem;display:grid}.status-option{border:1px solid var(--border-color);text-align:center;cursor:pointer;transition:all var(--transition-speed);color:#555;background:#fff;border-radius:3px;padding:.5rem;font-size:.85rem;font-weight:600}.status-option:hover{background:#eaeaea}.status-option.active.online{border-color:var(--online);color:var(--online);background:#00a65a14}.status-option.active.idle{border-color:var(--idle);color:var(--idle);background:#f39c1214}.status-option.active.dnd{border-color:var(--dnd);color:var(--dnd);background:#dd4b3914}.status-option.active.offline{border-color:var(--offline);color:var(--text-muted);background:#99999914}.table-container{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;border:1px solid var(--border-color);background:#fff;width:100%}.custom-table th{border-bottom:2px solid var(--border-color);color:#333;background:#f9f9f9;padding:10px 12px;font-size:.85rem;font-weight:600}.custom-table td{color:#555;border-bottom:1px solid #f4f4f4;padding:10px 12px;font-size:.85rem}.custom-table tr:hover td{background:#f5f5f5}.toast{border:1px solid var(--border-color);border-left:4px solid var(--primary);z-index:2020;color:#333;animation:slideIn var(--transition-speed) forwards;background:#fff;border-radius:3px;align-items:center;gap:.75rem;padding:12px 20px;font-size:.9rem;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.discord-avatar-container{border:6px solid #2f3136;border-radius:50%;position:absolute;top:80px;left:16px;overflow:visible}.discord-avatar{background:#202225 50%/cover;border-radius:50%;width:80px;height:80px;position:relative}.status-badge{border:4px solid #2f3136;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-4px;right:-4px}.status-badge.online{background-color:var(--online)}.status-badge.idle{background-color:var(--idle)}.status-badge.dnd{background-color:var(--dnd)}.status-badge.offline{background-color:var(--offline)}.discord-profile-details{padding:56px 16px 20px}.discord-username{color:#fff;margin-bottom:4px;font-size:1.15rem;font-weight:700}.discord-status-text{color:#b9bbbe;font-size:.85rem}.discord-banner{background:#3b82f6 50%/cover;height:120px;position:relative}.file-upload-wrapper{flex-direction:column;display:flex;position:relative}.file-upload-btn{text-align:center;cursor:pointer;transition:border var(--transition-speed);color:#555;background:#f4f4f4;border:1px dashed #ccc;border-radius:3px;padding:1.5rem;font-size:.9rem;font-weight:600}.file-upload-btn:hover{border-color:var(--primary)}.save-btn{background:var(--primary);color:#fff;cursor:pointer;transition:background var(--transition-speed);border:none;border-radius:3px;align-items:center;gap:.5rem;padding:8px 16px;font-weight:600;display:inline-flex}.save-btn:hover{background:var(--primary-hover)}.save-btn:disabled{background:var(--text-muted);cursor:not-allowed}.dropdown-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.role-mapping-row{border:1px solid var(--border-color);background:#fff;border-radius:3px;padding:10px;box-shadow:0 1px 2px #0000000d}.delete-role-btn:hover{background:#d73925!important}.custom-select-wrapper{width:100%;font-size:.9rem;position:relative}.custom-select-trigger{color:#555;cursor:pointer;text-align:left;background:#fff;border:1px solid #ccc;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 10px 7px 12px;font-size:.9rem;font-weight:400;line-height:1.4;transition:border-color .15s,box-shadow .15s;display:flex}.custom-select-trigger:hover:not(:disabled){border-color:var(--primary)}.custom-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);border-bottom-right-radius:0;border-bottom-left-radius:0}.custom-select-trigger:disabled{opacity:.6;cursor:not-allowed;background:#f4f4f4}.custom-select-label{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.custom-select-placeholder-text{color:#aaa}.custom-select-icon{color:var(--text-secondary);flex-shrink:0;font-style:normal}.custom-select-chevron{color:#aaa;flex-shrink:0;align-items:center;transition:transform .2s,color .15s;display:flex}.custom-select-chevron.up{color:var(--primary);transform:rotate(180deg)}.custom-select-dropdown{z-index:1050;border:1px solid var(--primary);background:#fff;border-top:none;border-bottom-right-radius:3px;border-bottom-left-radius:3px;animation:.12s csSelectSlideIn;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 6px 20px #0000001f}@keyframes csSelectSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-search-wrap{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:6px 8px}.custom-select-search{color:#444;background:#fff;border:1px solid #ddd;border-radius:3px;outline:none;width:100%;padding:5px 9px;font-size:.82rem;transition:border-color .15s}.custom-select-search:focus{border-color:var(--primary)}.custom-select-list{max-height:220px;overflow-y:auto}.custom-select-option{cursor:pointer;color:#444;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;padding:8px 12px;font-size:.88rem;transition:background .1s;display:flex;overflow:hidden}.custom-select-option:hover{background:var(--primary-glow);color:var(--primary)}.custom-select-option.selected{background:var(--primary);color:#fff;font-weight:600}.custom-select-option.selected .custom-select-icon{color:#fffc}.custom-select-option.placeholder-option{color:#aaa;border-bottom:1px solid #f4f4f4;font-size:.82rem;font-style:italic}.custom-select-option.placeholder-option.selected{color:#999;background:#f4f4f4}.custom-select-empty{text-align:center;color:#aaa;padding:12px;font-size:.82rem;font-style:italic}