body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button{border-radius:12px;letter-spacing:.5px;overflow:hidden;padding:.8rem 1.8rem;position:relative;transform:translateZ(0);will-change:transform}.button:before{background:linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%;z-index:0}.button:hover:before{transform:translateX(100%)}.button>*{position:relative;z-index:1}.button.primary{background:linear-gradient(90deg,#6366f1,#8b5cf6);box-shadow:0 4px 6px #6366f14d;color:#fff}.button.primary:hover{box-shadow:0 6px 12px #6366f166;transform:translateY(-3px)}.button.primary:active{box-shadow:0 2px 4px #6366f166;transform:translateY(-1px)}.button.secondary{background:#0000;border:1px solid #6366f166;color:#6366f1}.button.secondary:hover{background:#6366f11a;border-color:#6366f1cc}.button.secondary:active{background:#6366f133}.button.success{background:linear-gradient(90deg,#10b981,#0da271);box-shadow:0 4px 6px #10b9814d;color:#fff}.button.success:hover{box-shadow:0 6px 12px #10b98166;transform:translateY(-3px)}.button.danger{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 4px 6px #ef44444d;color:#fff}.button.danger:hover{box-shadow:0 6px 12px #ef444466;transform:translateY(-3px)}.button.ghost{background:#0000;border:none;color:#e2e8f0}.button.ghost:hover{background:#6366f10d;color:#6366f1}.button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.button.loading{cursor:wait}.button.loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;margin-left:10px;width:16px}.button.icon{height:42px;padding:.8rem;width:42px}.button.small{font-size:.9rem;padding:.6rem 1.2rem}.button.large{font-size:1.1rem;padding:1rem 2.2rem}.button.full{width:100%}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#0ea5e9;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--dark:#1e293b;--darker:#0f172a;--light:#f8fafc;--gray:#64748b;--gray-light:#cbd5e1;--card-bg:#1e293bb3;--glass-bg:#0f172acc;--glass-border:#6366f133}*{box-sizing:border-box}*,body{margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--darker),#1e293b);color:#f8fafc;color:var(--light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;line-height:1.6;min-height:100vh}.auth-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;background:var(--glass-bg);border:1px solid #6366f133;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d;max-width:440px;overflow:hidden;padding:2.5rem;position:relative;width:100%;z-index:1}.auth-container:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-header h2{background:linear-gradient(90deg,#6366f1,#0ea5e9);background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#cbd5e1;color:var(--gray-light);font-size:.95rem}.input-group{margin-bottom:1.5rem;position:relative}.input-group label{color:#cbd5e1;color:var(--gray-light);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-group input{background:#0f172a99;border:1px solid #6366f133;border-radius:10px;color:#fff;font-size:1rem;padding:.9rem 1.2rem;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f14d;outline:none}.input-group input::placeholder,.input-icon{color:#64748b;color:var(--gray)}.input-icon{position:absolute;right:1.2rem;top:3rem}.button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9rem 1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-primary{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(to right,var(--primary),var(--secondary));box-shadow:0 4px 6px #4f46e54d;color:#fff;padding:1rem;width:100%}.button-primary:hover{box-shadow:0 6px 12px #4f46e566;transform:translateY(-2px)}.button-secondary{background:#0000;border:1px solid #6366f133;border:1px solid var(--glass-border);color:#cbd5e1;color:var(--gray-light)}.button-secondary:hover{background:#6366f11a;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.auth-links{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem;text-align:center}.auth-links a{color:#0ea5e9;color:var(--accent);font-size:.9rem;position:relative;text-decoration:none;transition:color .3s}.auth-links a:after{background:#0ea5e9;background:var(--accent);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:0}.auth-links a:hover{color:#fff}.auth-links a:hover:after{width:100%}.divider{align-items:center;color:#64748b;color:var(--gray);display:flex;font-size:.9rem;margin:1.8rem 0}.divider:after,.divider:before{background:linear-gradient(90deg,#0000,#6366f14d,#0000);content:"";flex:1 1;height:1px}.divider span{padding:0 1rem}.message{animation:fadeIn .4s ease;border-radius:10px;margin-bottom:1.5rem;padding:1rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.message-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.success-screen{padding:2rem 0;text-align:center}.success-icon{animation:bounce 1s ease;color:#10b981;color:var(--success);font-size:3.5rem;margin-bottom:1.5rem}.auth-box{align-items:center;background:linear-gradient(135deg,#0f172acc,#020617e6);display:flex;flex-direction:column;height:100vh;justify-content:center}.success-screen h3{background:linear-gradient(90deg,#10b981,#0ea5e9);background:linear-gradient(to right,var(--success),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;margin-bottom:1rem}.success-screen p{color:#cbd5e1;color:var(--gray-light);margin-bottom:2rem}.dashboard{background:#0f172a;display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border-bottom:1px solid #6366f133;display:flex;height:70px;justify-content:space-between;padding:0 2rem;width:100%;z-index:100}.dashboard-header,.header-left,.menu-toggle{align-items:center}.menu-toggle{background:#6366f11a;border:none;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.menu-toggle:hover{background:#6366f133}.header-left h1{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.4rem;font-weight:700}.header-right{align-items:center;display:flex;gap:1.5rem}.notification-btn{align-items:center;background:#0f172a80;border:1px solid #6366f133;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px}.notification-btn:hover{background:#6366f11a;color:#6366f1}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.6rem;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.user-dropdown{align-items:center;background:#0f172a80;border-radius:12px;cursor:pointer;display:flex;gap:.8rem;padding:.5rem 1rem;position:relative;transition:all .3s ease}.user-dropdown:hover{background:#6366f11a;border-color:#6366f166}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem}.user-email{font-size:.8rem}.dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #6366f133;border-radius:12px;box-shadow:0 10px 30px #0000004d;cursor:default;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;width:200px;z-index:100}.user-dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;padding:.8rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#6366f11a;color:#6366f1}.dashboard-content{display:flex;flex:1 1;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border-right:1px solid #6366f133;display:flex;flex-direction:column;transition:transform .3s ease;width:280px;z-index:50}.sidebar.closed{transform:translateX(-100%)}.sidebar-nav{display:flex;flex-direction:column;padding:1.5rem .5rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;margin-bottom:.5rem;padding:.8rem 1.5rem;text-align:left;transition:all .3s ease}.nav-item:hover{background:#6366f11a;color:#6366f1}.nav-item.active{background:#6366f133;color:#6366f1;font-weight:600}.nav-icon{font-size:1.2rem;margin-right:1rem}.main-content{background:linear-gradient(135deg,#0f172a99,#020617cc);flex:1 1;overflow-y:auto;padding:2rem;width:100%}.content-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.content-header h2{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:700}.search-bar{position:relative;width:300px}.search-bar input{background:#0f172ab3;border:1px solid #6366f14d;border-radius:12px;color:#fff;font-size:1rem;padding:.8rem 1.2rem .8rem 3rem;transition:all .3s ease;width:100%}.search-bar input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f14d;outline:none}.search-bar:before{color:#94a3b8;content:"\1F50D";left:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.log-container{display:flex;flex-direction:column}.log-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.log-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #6365f16a;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.log-item:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.log-meta{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.8rem;margin-bottom:1rem}.resource{background:#10b98126;color:#10b981;font-weight:600}.resource,.topic{border-radius:20px;padding:.3rem .8rem}.topic{background:#6366f126;color:#6366f1}.timestamp{color:#64748b;margin-left:auto}.log-message{color:#e2e8f0;line-height:1.6}.stats-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;margin-left:auto;width:100%}.stats-preview h3{color:#e2e8f0;font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.stats-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto}.stat-card{background:#1e293bb3;border:1px solid #6366f11a;border-radius:12px;margin-left:0;padding:.6rem;text-align:center;transition:transform .3s ease;width:100%}.stat-card:hover{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-color:#6366f14d;transform:translateY(-5px)}.stat-icon{color:#6366f1;font-size:1.4rem;margin-bottom:.8rem}.stat-value{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.stat-label{color:#94a3b8;font-size:.8rem}@media (max-width:1024px){.sidebar{bottom:0;left:0;position:fixed;top:70px;transform:translateX(-100%);z-index:40}.sidebar.open{transform:translateX(0)}.search-bar{width:250px}}@media (max-width:768px){.content-header{align-items:flex-start;flex-direction:column;gap:1rem}.search-bar{width:100%}.header-right{gap:1rem}.user-info{display:none}.log-list{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-header{padding:0 1rem}.main-content{padding:1.5rem}}@media (min-width:1527px){.form-group2{display:none}}.app-container{display:flex;flex-direction:column;min-height:100vh}.filter-header{border-right:1px solid #6366f133;justify-content:space-between;justify-content:center;padding-bottom:3.4rem;padding-left:1.2rem;padding-right:.5rem}.filter-header,.filter-header2{align-items:center;display:flex}.filter-header2{justify-content:space-between}.filter-header h3{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.3rem;font-weight:600}.filter-header2 label{color:#cbd5e1;font-size:.9rem;margin-left:auto;margin-right:auto;text-align:center}.reset-btn{border-radius:8px;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.reset-enabled{background:#0000;border:1px solid #38bdf84d;color:#0ea5e9;cursor:pointer}.reset-btn:hover{background:#38bdf81a}.reset-disabled{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;cursor:not-allowed}.reset-btn:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.filter-group{margin-bottom:1.8rem}.filter-group:last-child{margin-bottom:0}.filter-group .filter-header{align-items:center;border-bottom:none;display:flex;margin-bottom:.8rem;padding-bottom:0}.filter-icon{color:#6366f1;font-size:1.1rem;margin-right:.8rem}.filter-group label{color:#cbd5e1;font-size:.95rem;font-weight:500}.custom-select{margin-top:.5rem;max-width:120px;position:relative}.custom-select select{-webkit-appearance:none;appearance:none;background:#1e293b99;border:1px solid #6366f14d;border-radius:12px;color:#e2e8f0;cursor:pointer;font-size:1rem;max-width:120px;padding:.8rem 2rem .8rem .5rem;transition:all .3s ease;width:100%}.custom-select select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.truncated-select option{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncated-select option:hover{overflow:visible;white-space:normal}.select-icon{color:#94a3b8;pointer-events:none;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%)}.date-range{align-items:center;display:flex;gap:.6rem;margin-top:.5rem}.date-input{background:#1e293b99;border:1px solid #6366f14d;border-radius:12px;color:#e2e8f0;flex:1 1;font-size:1rem;padding:.64rem .6rem;transition:all .3s ease}.date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.date-separator{color:#94a3b8;font-size:.9rem}.custom-select:hover select,.date-input:hover{border-color:#6366f199}@media (max-width:768px){.filter-container{padding:1.2rem}.date-range{flex-direction:column;gap:.5rem}.date-separator{display:none}}.filter-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 20px #00000026;display:flex}.filter-icon2{color:#6366f1;font-size:1.1rem;margin-right:.6rem;margin-top:auto}.filter-group2{display:flex;padding:1.5rem}.filter-separator{margin:0 10px;width:1px}.header-left h2{margin-right:auto;text-align:left}.header-left{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.header-left2{align-items:space-between;display:flex;width:100%}.loading{color:#6366f1;font-size:1.2rem;padding:2rem;text-align:center}.no-logs{color:#94a3b8;font-size:1.1rem}.reset-filters-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .3s ease}.reset-filters-btn:hover{background:#ef444433}.log-summary{color:#94a3b8;font-size:.9rem;margin-bottom:1rem;text-align:right}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{margin-bottom:1rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;padding:1.5rem}.error-message,.no-logs{margin-top:2rem;text-align:center}.no-logs{background:#1e293b4d;border-radius:12px;padding:3rem}.no-logs p{color:#94a3b8;font-size:1.1rem;margin-bottom:1.5rem}.log-type{border-radius:20px;font-size:.8rem;font-weight:500;padding:3px 10px}.log-type.info{background:#38bdf826;color:#0ea5e9}.log-type.warning{background:#f59e0b26;color:#f59e0b}.log-type.error{background:#ef444426;color:#ef4444}.log-type.debug{background:#10b98126;color:#10b981}.settings-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:2rem}.settings-tabs{display:flex;gap:1rem}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.tab.active{background:#6366f133;color:#6366f1}.tab:hover:not(.active){background:#6366f11a}.tab-icon{font-size:1.1rem}.section-header{margin-bottom:1.5rem}.section-header h3{color:#e2e8f0;font-size:1.5rem;margin-bottom:.5rem}.section-header p{color:#94a3b8;font-size:.95rem}.add-role-form{display:flex;gap:1rem;margin-bottom:1.5rem}.add-role-form input{background:#1e293b99;border:1px solid #6366f14d;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;padding:.8rem 1.2rem}.add-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:0 1.5rem;transition:all .3s ease}.add-btn:hover{box-shadow:0 4px 10px #6366f14d;transform:translateY(-2px)}.add-btn2{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;min-height:2.2rem;padding:0 1.5rem;transition:all .3s ease}.add-btn2:hover{box-shadow:0 4px 10px #6366f14d;transform:translateY(-2px)}.permissions-grid{grid-gap:1rem;background:#1e293b80;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.permission-item{align-items:center;display:flex;gap:.8rem}.permission-item input{height:18px;width:18px}.permission-item label{color:#e2e8f0;font-size:.95rem}.roles-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.role-card{background:#1e293bb3;border:1px solid #6366f133;border-radius:12px;padding:1.5rem}.role-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.role-header h4{color:#e2e8f0;font-size:1.2rem}.role-header input{background:#0f172a80;border:1px solid #6366f14d;border-radius:8px;color:#fff;font-size:1.2rem;padding:.5rem 1rem;width:70%}.role-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn.edit{background:#38bdf826;color:#0ea5e9}.action-btn.save{background:#10b98126;color:#10b981}.action-btn.delete{background:#ef444426;color:#ef4444}.action-btn:hover{transform:scale(1.1)}.role-permissions{display:flex;flex-wrap:wrap;gap:.5rem}.permission-badge{background:#6366f11a;border-radius:20px;color:#94a3b8;font-size:.85rem;padding:.3rem .8rem}.permission-badge.active{background:#10b98126;color:#10b981}.add-user-form{grid-gap:1.5rem;background:#1e293b80;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem;padding:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#cbd5e1;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select{background:#0f172a80;border:1px solid #6366f14d;border-radius:8px;color:#fff;padding:.8rem}.custom-select2 label{color:#cbd5e1;font-size:.9rem;margin-bottom:.5rem}.custom-select2{display:flex;flex-direction:column;position:relative}.custom-select2 select{-webkit-appearance:none;appearance:none;background:#0f172a80;border:1px solid #6366f14d;border-radius:8px;color:#fff;cursor:pointer;padding:.8rem;transition:all .3s ease;width:100%}.select-icon2{color:#94a3b8;pointer-events:none;position:absolute;right:1.2rem;top:72%;transform:translateY(-50%)}.credentials{background:#0f172a99;border-radius:8px;font-family:monospace;margin:1rem 0;padding:1rem}.users-list{background:#1e293b80;border-radius:12px;overflow:hidden}.user-header{background:#0f172ab3;border-bottom:1px solid #6366f133;color:#94a3b8;font-weight:600}.user-header,.user-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 1.5rem}.user-row{align-items:center;border-bottom:1px solid #6366f11a;transition:background .2s ease}.user-row:hover{background:#6366f10d}.user-info2{gap:1rem}.user-avatar,.user-info2{align-items:center;display:flex}.user-avatar{background:#6366f133;border-radius:50%;color:#6366f1;font-weight:600;height:36px;justify-content:center;width:36px}.user-name{color:#e2e8f0;font-weight:600}.user-email{color:#94a3b8;font-size:.85rem}.user-role{color:#e2e8f0;font-weight:500}.password-alert{background:#0f172acc;border:1px solid #10b9814d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;position:relative}.password-alert h4{align-items:center;color:#10b981;display:flex;gap:.5rem;margin-bottom:1rem}.password-alert h4:before{align-items:center;background:#10b981;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.9rem;height:24px;justify-content:center;width:24px}.credentials{background:#1e293b99;border-radius:12px;font-family:Fira Code,monospace;margin:1.5rem 0;padding:1.2rem}.credentials>div{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:.8rem 0}.credentials>div:last-child{border-bottom:none}.copy-btn{align-items:center;background:#6366f11a;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease}.copy-btn:hover{background:#6366f133}.warning{align-items:center;border-radius:8px;color:#f59e0b;display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.8rem}.warning:before{content:"⚠";font-size:1.2rem}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;padding:.4rem .8rem}.status-badge.success{color:#10b981}.status-badge.warning{color:#f59e0b}.input-hint{color:#94a3b8;font-size:.8rem;margin-left:.2rem;margin-top:.3rem}.text-link{background:none;border:none;color:#0ea5e9;cursor:pointer;display:block;font-size:.9rem;margin-top:1rem;padding:0;text-align:center;text-decoration:none;width:100%}.text-link:hover{text-decoration:underline}.success-screen2{padding:2rem 0;text-align:center}.success-icon2{animation:bounce 1s ease;color:#10b981;font-size:4rem;margin-bottom:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.success-screen2 h3{color:#10b981;font-size:1.8rem;margin-bottom:1rem}.success-screen2 p{color:#94a3b8;margin-bottom:.5rem}.nav-item.disabled{cursor:not-allowed;opacity:.6;position:relative}.nav-item.disabled:hover:after{background:#000c;border-radius:4px;color:#fff;content:"You don't have permission to access this";font-size:.8rem;left:50%;padding:5px 10px;position:absolute;top:-40px;transform:translateX(-50%);white-space:nowrap;z-index:100}.permission-hint{color:#ef4444;display:block;font-size:.7rem;margin-top:3px}button:disabled{cursor:not-allowed;opacity:.6}.stat-content{display:flex;flex-direction:column}.stat-description{color:#94a3b8;font-size:.8rem;line-height:1.4}.stats-loading{padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;padding:1.5rem;text-align:center}.economy-container{padding:2rem}.time-range-selector{display:flex;gap:.8rem;margin-top:1rem}.time-range-selector button{background:#1e293b99;border:1px solid #6366f14d;border-radius:8px;color:#94a3b8;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.time-range-selector button.active,.time-range-selector button:hover{background:#6366f133;color:#6366f1}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card2{align-items:center;background:#1e293bb3;border:1px solid #6366f11a;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .3s ease}.stat-card2:hover{border-color:#6366f14d;transform:translateY(-5px)}.stat-icon2{align-items:center;border-radius:50%;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.stat-value2{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.stat-label2{color:#94a3b8;font-size:.95rem}.chart-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.chart-container{background:#1e293bb3;border:1px solid #6366f133;border-radius:16px;padding:1.5rem}.chart-container h3{color:#e2e8f0;font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.tables-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.player-info{gap:1rem}.money-cell2{color:#10b981;font-weight:600}.tables-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.table-wrapper{overflow:hidden}.table-container{background:#1e293bb3;border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:1.5rem}.table-container h3{color:#e2e8f0;font-size:1.2rem;margin-bottom:1.5rem;text-align:center}table{border-collapse:collapse;table-layout:fixed;width:100%}th{background:#0f172a80;color:#6366f1;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0}.amount-header{border-bottom-right-radius:12px;border-top-right-radius:12px;text-align:right;width:120px}td{border-bottom:1px solid #6366f11a;overflow:hidden;padding:.8rem 1rem;text-overflow:ellipsis;white-space:nowrap}.rank-cell{width:40px}.money-cell{color:#10b981;font-weight:600;text-align:right;width:120px}.player-info{gap:.8rem}.player-avatar{align-items:center;background:#6366f133;border-radius:50%;color:#6366f1;display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;width:36px}.player-name{font-weight:500}.player-identifier,.player-name{overflow:hidden;text-overflow:ellipsis}.player-identifier{color:#94a3b8;font-size:.8rem}.faction-name{overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.chart-row,.tables-container{grid-template-columns:1fr}}@media (max-width:768px){.table-container{padding:1rem}td,th{padding:.6rem .8rem}.amount-header,.money-cell{width:100px}.player-info{gap:.5rem}.player-avatar{height:30px;width:30px}.player-avatar,.player-name{font-size:.9rem}.player-identifier{font-size:.75rem}.faction-name{font-size:.9rem}}@media (max-width:480px){.quick-stats{grid-template-columns:1fr}.table-scroll{max-height:300px}td,th{padding:.5rem}.amount-header,.money-cell{width:80px}.player-avatar{display:none}}.rank-header{border-bottom-left-radius:12px;border-top-left-radius:12px}.rank-cell,.rank-header{text-align:center;width:30px!important}.rank-cell{padding-right:0!important}.player-info{align-items:center;display:flex;gap:.5rem;min-width:0}.player-details{flex:1 1;min-width:0;overflow:hidden}@media (max-width:1200px){.player-identifier{font-size:.75rem}.amount-header,.money-cell{width:100px}}@media (max-width:992px){.player-identifier{display:none}}@media (max-width:768px){.tables-container{grid-template-columns:1fr}.player-identifier{display:block;font-size:.7rem}.amount-header,.money-cell{width:90px}}@media (max-width:576px){.rank-cell,.rank-header{width:25px!important}.player-avatar{font-size:.8rem;height:28px;width:28px}.player-name{font-size:.9rem}.player-identifier{font-size:.65rem}.amount-header,.money-cell{width:80px}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0f172a66;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);border:2px solid #0f172a99;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.table-scroll::-webkit-scrollbar{height:8px;width:8px}.table-scroll::-webkit-scrollbar-track{background:#1e293b66;border-radius:4px;margin:4px}.table-scroll::-webkit-scrollbar-thumb{background:#6366f1b3;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#4f46e5e6}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-thumb{background:#6366f199;border-radius:4px}@supports (scrollbar-color:auto){*{scrollbar-color:#6366f1 #0f172a66}*,.table-scroll{scrollbar-width:thin}.table-scroll{scrollbar-color:#6366f1b3 #1e293b66}.sidebar{scrollbar-color:#6366f180 #0f172a4d;scrollbar-width:thin}.main-content{scrollbar-color:#6366f199 #0f172a66;scrollbar-width:thin}}.table-scroll{flex:1 1;max-height:400px;overflow-y:auto;padding-right:4px;scrollbar-color:#6366f1b3 #1e293b66;scrollbar-width:thin;transition:scrollbar-color .3s ease}.table-scroll:hover{scrollbar-color:#6366f1e6 #1e293b99}.economy-item-selector{align-items:center;display:flex;gap:.8rem;margin-left:auto}.economy-item-selector button{background:#1e293b99;border:1px solid #6366f14d;border-radius:8px;color:#94a3b8;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.economy-item-selector button.active,.economy-item-selector button:hover{background:#6366f133;color:#6366f1}.overview-dashboard{background:#1e293b;background:var(--dark);border-radius:8px;box-shadow:0 4px 20px #0000004d;margin-bottom:2rem;padding:2rem}.overview-title{color:#f8fafc;color:var(--light);font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0006}.overview-card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem}.overview-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1e293bb3;background:var(--card-bg);border:1px solid #6366f133;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0003;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.overview-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.overview-card h3{color:#6366f1;color:var(--primary);font-size:1.2rem;font-weight:600;margin-bottom:.8rem}.overview-big-number{color:#f8fafc;color:var(--light);font-size:2.5rem;font-weight:700;text-shadow:1px 1px 3px #0000004d}.overview-table-section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1e293bb3;background:var(--card-bg);border:1px solid #6366f133;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0003;margin-bottom:2rem;padding:2rem}.overview-table-section h2{color:#f8fafc;color:var(--light);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.overview-table-scroll{background:#0f172a99;border-radius:8px;max-height:500px;overflow-y:auto;padding:1rem}.overview-table-scroll::-webkit-scrollbar{height:12px;width:12px}.overview-table-scroll::-webkit-scrollbar-track{background:#1e293b66;border-radius:10px}.overview-table-scroll::-webkit-scrollbar-thumb{background-color:#6366f1b3;border:3px solid #1e293b66;border-radius:10px}@supports (scrollbar-color:auto){.overview-table-scroll{scrollbar-color:#6366f1b3 #1e293b66;scrollbar-width:thin}}.overview-data-table{border-collapse:collapse;color:#f8fafc;color:var(--light);width:100%}.overview-data-table td,.overview-data-table th{border-bottom:1px solid #6366f133;padding:12px 15px;text-align:left}.overview-data-table th{background-color:#6366f1;background-color:var(--primary);box-shadow:0 2px 2px -1px #0006;color:#f8fafc;color:var(--light);font-size:.9rem;font-weight:700;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.overview-data-table tbody tr:hover{background-color:#6366f11a}.overview-money-cell{color:#10b981;color:var(--success);font-weight:500}.overview-data-table tbody tr:nth-child(2n){background-color:#0f172a33}.overview-error-message,.overview-loading-message{background:#1e293bb3;background:var(--card-bg);border-radius:8px;color:#f8fafc;color:var(--light);font-size:1.2rem;margin-top:2rem;padding:2rem;text-align:center}.overview-error-message{background:#ef444433;border:1px solid #ef4444;border:1px solid var(--danger);color:#ef4444;color:var(--danger)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e293bb3;background:var(--card-bg);border:1px solid #6366f133;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 30px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#6366f1;color:var(--primary);font-size:1.8rem;margin:0}.modal-close-btn{background:none;border:none;color:#f8fafc;color:var(--light);cursor:pointer;font-size:1.8rem;padding:.5rem;transition:color .3s ease}.modal-close-btn:hover{color:#ef4444;color:var(--danger)}.modal-body{color:#f8fafc;color:var(--light);font-size:1rem;line-height:1.6}.detail-section{background:#0f172a66;border:1px solid #6366f11a;border-radius:8px;margin-bottom:1rem;padding:1rem 1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{border-bottom:1px dotted #6366f11a;color:#0ea5e9;color:var(--accent);font-size:1.2rem;margin-bottom:.8rem;padding-bottom:.5rem}.detail-section p{margin-bottom:.4rem}.detail-section p strong{color:#4f46e5;color:var(--primary-dark)}.detail-section ul{list-style:none;padding-left:0}.detail-section ul li{align-items:center;background:#6366f11a;border-radius:5px;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.3rem;padding:.5rem 1rem}.detail-section ul li:last-child{margin-bottom:0}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:#1e293b66;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background-color:#6366f1b3;border:3px solid #1e293b66;border-radius:10px}@supports (scrollbar-color:auto){.modal-content{scrollbar-color:#6366f1b3 #1e293b66;scrollbar-width:thin}}.btn-action{align-items:center;background-color:#6366f1;background-color:var(--primary);border:none;border-radius:6px;color:#f8fafc;color:var(--light);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;min-width:80px;padding:.6rem 1.2rem;text-align:center;transition:background-color .3s ease,transform .2s ease}.btn-action:hover{background-color:#4f46e5;background-color:var(--primary-dark);transform:translateY(-1px)}.btn-action:active{transform:translateY(0)}.btn-action .icon{margin-right:8px}td .btn-action{display:block;margin:0 auto}
/*# sourceMappingURL=main.2e94f310.css.map*/