:root{--bg-main:#07070b;--bg-sidebar:#090910;--bg-surface:#0d0d15;--bg-surface-hover:#12121d;--bg-surface-active:#171426;--border:#ffffff12;--border-hover:#a78bfa40;--violet:#7c3aed;--violet-light:#a78bfa;--violet-soft:#7c3aed24;--blue:#2563eb;--blue-light:#60a5fa;--blue-soft:#2563eb1f;--text-primary:#f5f5f7;--text-secondary:#a1a1b0;--text-muted:#686878;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--sidebar-width:250px;--topbar-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:.16s ease;--transition-normal:.24s ease}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#7c3aed59}.app-shell{background:radial-gradient(circle at 85% 0%, #7c3aed17, transparent 30%), radial-gradient(circle at 20% 100%, #2563eb12, transparent 28%), var(--bg-main);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:20;owerflov-x:hidden;background:linear-gradient(#0d0d15f5,#07070bfa);flex-direction:column;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{background:radial-gradient(#a78bfa2e 0%,#60a5fa21 28%,#7c3aed12 48%,#0000 72%);justify-content:center;align-items:center;height:112px;margin-bottom:16px;display:flex;position:relative;overflow:visible}.sidebar-brand-glow{filter:blur(22px);pointer-events:none;background:radial-gradient(#c4b5fd6b 0%,#7c3aed47 28%,#2563eb33 48%,#0000 74%);width:190px;height:125px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-brand img{z-index:1;object-fit:contain;filter:brightness(1.65)contrast(1.18)saturate(1.18)drop-shadow(0 0 5px #a78bfa73)drop-shadow(0 0 12px #7c3aed52)drop-shadow(0 0 22px #2563eb33);width:122px;height:122px;transition:transform var(--transition-normal), filter var(--transition-normal);position:relative}.sidebar-brand img:hover{filter:brightness(1.7)contrast(1.2)saturate(1.18)drop-shadow(0 0 7px #c4b5fd8c)drop-shadow(0 0 16px #7c3aed66)drop-shadow(0 0 26px #2563eb3d);transform:scale(1.04)}.sidebar-brand:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#a78bfa8c,#60a5fa8c,#0000);width:120px;height:1px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #7c3aed59}.sidebar-nav{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.sidebar-section{letter-spacing:.16em;color:var(--text-muted);padding:18px 12px 7px;font-size:9px;font-weight:700}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.nav-item:hover{background:var(--bg-surface-hover);border-color:var(--border);color:var(--text-primary)}.nav-item-active{color:var(--text-primary);background:linear-gradient(90deg,#7c3aed2e,#2563eb12);border-color:#7c3aed2e}.nav-item-active:before{content:"";background:linear-gradient(180deg, var(--violet-light), var(--blue));border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-15px;box-shadow:0 0 12px #7c3aeda6}.nav-icon{width:24px;min-width:24px;height:24px;color:var(--violet-light);filter:drop-shadow(0 0 5px #a78bfa2e);transition:filter var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;font-size:17px;display:flex}.nav-item:hover .nav-icon,.nav-item-active .nav-icon{filter:drop-shadow(0 0 8px #a78bfa66)}.nav-label{font-size:13px;font-weight:500}.discord-logo{color:#fff;background:linear-gradient(135deg,#5865f2,#7289da);border-radius:7px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:flex;box-shadow:0 0 12px #5865f266}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.sidebar-signature{color:var(--text-muted);letter-spacing:.01em;opacity:.8;padding:4px 12px 10px;font-size:8px;line-height:1.5}.system-status{align-items:center;gap:10px;padding:10px 12px 14px;display:flex}.system-status div{flex-direction:column;gap:2px;display:flex}.system-status strong{font-size:11px;font-weight:600}.system-status span:not(.status-dot){color:var(--text-muted);font-size:9px}.app-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-height:100vh}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#07070bc7;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.page-context{align-items:center;gap:9px;font-size:12px;display:flex}.page-context-label,.page-context-separator{color:var(--text-muted)}.page-context-current{color:var(--text-primary);font-weight:600}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar-button:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.topbar-emoji{font-size:15px;line-height:1}.notification-dot{background:var(--violet-light);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #a78bfacc}.language-switcher{border:1px solid var(--border);background:#ffffff06;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.language-switcher button{color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700}.language-switcher button:hover{color:var(--text-primary)}.language-switcher button.language-active{color:#fff;background:linear-gradient(135deg,#7c3aedb3,#2563eb8c);box-shadow:0 0 10px #7c3aed2e}.topbar-user{border-left:1px solid var(--border);align-items:center;gap:9px;margin-left:8px;padding-left:14px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--violet), var(--blue));border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 18px #7c3aed38}.user-info{flex-direction:column;gap:2px;display:flex}.user-info strong{font-size:11px}.user-info span{color:var(--text-muted);font-size:9px}.user-chevron{color:var(--text-muted);margin-left:4px;font-size:12px}.app-content{padding:34px}.dashboard{max-width:1600px;margin:0 auto}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.eyebrow,.panel-eyebrow{color:var(--violet-light);letter-spacing:.18em;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.dashboard-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1}.dashboard-header h1 span{color:var(--violet-light)}.dashboard-header p{color:var(--text-secondary);margin:10px 0 0;font-size:13px}.dashboard-status{color:#86efac;background:#22c55e0d;border:1px solid #22c55e26;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #22c55ea6}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:145px;transition:transform var(--transition-normal), border-color var(--transition-normal);background:linear-gradient(145deg,#11111bf2,#0a0a10f2);padding:18px;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-card:after{content:"";background:var(--violet-soft);filter:blur(30px);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-80px;right:-70px}.stat-card-violet:after{background:#7c3aed38}.stat-card-blue:after{background:#2563eb33}.stat-card-top,.stat-card-bottom{justify-content:space-between;align-items:center;display:flex}.stat-card-top{color:var(--text-muted);letter-spacing:.14em;font-size:9px;font-weight:700}.stat-card-top span:last-child{color:var(--violet-light);font-size:14px}.stat-card>strong{letter-spacing:-.04em;margin:17px 0 14px;font-size:30px;display:block}.stat-card-bottom{z-index:1;color:var(--text-muted);font-size:10px;position:relative}.positive{color:#86efac}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#0f0f17f5,#09090ef5);min-height:390px;padding:20px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:0;font-size:17px}.panel-eyebrow{color:var(--text-muted);margin-bottom:5px}.panel-action{color:var(--violet-light);cursor:pointer;background:0 0;border:0;font-size:10px}.panel-action:hover{color:#fff}.service-list{flex-direction:column;display:flex}.service-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:15px 2px;display:flex}.service-row:last-child{border-bottom:0}.service-info{flex-direction:column;flex:1;gap:4px;display:flex}.service-info strong{font-size:12px}.service-info span{color:var(--text-muted);font-size:10px}.service-status{color:#86efac;letter-spacing:.08em;font-size:9px;font-weight:700}.activity-list{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:15px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{background:var(--violet-soft);width:28px;height:28px;color:var(--violet-light);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.activity-row div{flex-direction:column;gap:4px;display:flex}.activity-row strong{font-size:11px}.activity-row span{color:var(--text-muted);font-size:9px}.nav-item .nav-icon{font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=800px){:root{--sidebar-width:0px}.sidebar{display:none}.app-main{width:100%;margin-left:0}.topbar{padding:0 18px}.app-content{padding:24px 18px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:1fr}.user-info,.user-chevron,.language-switcher,.sidebar-signature{display:none}}.language-switcher{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);align-items:center;gap:4px;height:36px;padding:3px;display:flex}.language-option{min-width:42px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:700;display:flex}.language-option:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.language-option-active{color:var(--text-primary);background:linear-gradient(135deg,#7c3aed2e,#2563eb24);border-color:#a78bfa2e;box-shadow:0 0 14px #7c3aed14}.language-divider{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none;font-size:10px}.app-footer{min-height:44px;color:var(--text-muted);letter-spacing:.01em;align-items:center;padding:0 32px 18px;font-size:11px;font-weight:500;display:flex}.app-footer span{opacity:.75;transition:opacity var(--transition-fast), color var(--transition-fast)}.app-footer span:hover{opacity:1;color:var(--text-secondary)}.sidebar-language{flex-direction:column;gap:7px;margin-bottom:10px;display:flex}.sidebar-language-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;padding-left:4px;font-size:8px;font-weight:700}.sidebar-language-switch{grid-template-columns:1fr 1fr;gap:5px;display:grid}.language-button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff05;border-radius:7px;padding:7px 5px;font-size:9px;font-weight:600}.language-button:hover{border-color:var(--border-hover);color:var(--text-primary);background:#7c3aed14}.language-button-active{color:var(--text-primary);background:linear-gradient(135deg,#7c3aed29,#2563eb1a);border-color:#7c3aed59;box-shadow:0 0 12px #7c3aed14}.sidebar{scrollbar-width:thin;scrollbar-color:#7c3aeda6 transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{transition:background var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#60a5fad9,#7c3aede6);border:1px solid #a78bfa2e;border-radius:999px;box-shadow:0 0 8px #7c3aed59}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#60a5fa,#7c3aed);box-shadow:0 0 12px #7c3aed8c}.sidebar::-webkit-scrollbar-button{display:none}.sidebar::-webkit-scrollbar-corner{background:0 0}.topbar-user-wrapper{position:relative}.topbar-user{border:0;border-left:1px solid var(--border);color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:9px;margin-left:8px;padding:0 0 0 14px;display:flex}.topbar-user:hover .user-avatar{transform:translateY(-1px);box-shadow:0 0 24px #7c3aed52}.user-avatar{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.user-chevron{transition:transform var(--transition-fast)}.user-chevron-open{transform:rotate(180deg)}.account-menu{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:linear-gradient(145deg,#12121cfa,#08080dfc);width:270px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 60px #00000073,0 0 30px #7c3aed14}.account-menu-header{align-items:center;gap:10px;padding:10px;display:flex}.account-menu-avatar{background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex;box-shadow:0 0 18px #7c3aed33}.account-menu-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.account-menu-identity strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-menu-identity span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.account-menu-divider{background:var(--border);height:1px;margin:6px 4px}.account-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px;display:flex}.account-menu-item:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border);color:var(--text-primary)}.account-menu-item>span{background:var(--violet-soft);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.account-menu-item div{flex-direction:column;gap:2px;display:flex}.account-menu-item strong{font-size:10px;font-weight:600}.account-menu-item small{color:var(--text-muted);font-size:8px}.account-menu-danger:hover:not(:disabled){color:#fca5a5;background:#ef444412;border-color:#ef44441f}.account-menu-danger>span{background:#ef444414}.account-menu-item:disabled{opacity:.55;cursor:not-allowed}.be-loader{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.be-loader-small{width:44px;height:44px}.be-loader-medium{width:72px;height:72px}.be-loader-large{width:108px;height:108px}.be-loader-ring{animation:1.15s linear infinite be-loader-spin;position:absolute;inset:0}.be-loader-ring span{background:linear-gradient(180deg, var(--violet-light), var(--blue-light));width:3px;height:11px;transform-origin:50% calc(var(--loader-radius) + 5.5px);border-radius:999px;margin-top:-5.5px;margin-left:-1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 7px #7c3aed8c}.be-loader-ring span:first-child{transform:rotate(0deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(2){transform:rotate(45deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(3){transform:rotate(90deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(4){transform:rotate(135deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(5){transform:rotate(180deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(6){transform:rotate(225deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(7){transform:rotate(270deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-ring span:nth-child(8){transform:rotate(315deg) translateY(calc(-1 * var(--loader-radius)))}.be-loader-core{z-index:2;width:52%;height:52%;color:var(--text-primary);letter-spacing:-.04em;background:radial-gradient(circle at 35% 30%,#a78bfa2e,#0d0d15fa 65%);border:1px solid #a78bfa2e;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:relative;box-shadow:0 0 18px #7c3aed29}.be-loader-label{color:var(--text-muted);white-space:nowrap;letter-spacing:.08em;font-size:9px;font-weight:600;position:absolute;top:calc(100% + 12px)}.be-loader-small{--loader-radius:16px}.be-loader-medium{--loader-radius:27px}.be-loader-large{--loader-radius:41px}@keyframes be-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 50% 35%, #7c3aed24, transparent 32%), radial-gradient(circle at 85% 100%, #2563eb14, transparent 30%), var(--bg-main);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-glow{filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#7c3aed1f,#0000 68%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:1;border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#11111bf7,#09090efa);width:min(420px,100% - 32px);padding:34px;position:relative;box-shadow:0 30px 80px #00000073,0 0 40px #7c3aed14}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.login-brand-logo{object-fit:contain;filter:brightness(1.08)contrast(1.05)drop-shadow(0 0 18px #7c3aed33);width:min(280px,82%);max-height:120px;margin-bottom:12px;display:block}.login-brand h1{color:var(--text-primary);letter-spacing:-.035em;margin:0;font-size:25px;font-weight:700}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{color:var(--text-secondary);letter-spacing:.04em;font-size:10px;font-weight:600}.login-field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff06;outline:none;padding:0 13px;font-size:12px}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{background:#ffffff09;border-color:#a78bfa73;box-shadow:0 0 0 3px #7c3aed14}.login-error{border-radius:var(--radius-sm);color:#fca5a5;background:#ef44440f;border:1px solid #ef444433;padding:10px 12px;font-size:10px;line-height:1.5}.login-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff;cursor:pointer;width:100%;height:44px;transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #a78bfa40;margin-top:4px;font-size:11px;font-weight:700;box-shadow:0 8px 24px #7c3aed33}.login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 30px #7c3aed47}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-loading{justify-content:center;align-items:center;height:44px;display:flex}.login-footer{color:var(--text-muted);text-align:center;margin-top:24px;font-size:9px;line-height:1.6}.account-page{min-height:100%;padding:34px 34px 48px}.account-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.account-eyebrow,.account-panel-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:inline-block}.account-header h1{letter-spacing:-.03em;color:var(--text-primary);margin:8px 0;font-size:34px;line-height:1.08}.account-header p{max-width:720px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.account-header-status{color:var(--text-secondary);background:#7c3aed12;border:1px solid #7c3aed33;border-radius:12px;flex-shrink:0;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:inline-flex}.account-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);align-items:start;gap:22px;display:grid}.account-main-column,.account-side-column{flex-direction:column;gap:22px;display:flex}.account-card{background:linear-gradient(180deg, #ffffff05, #fff0), var(--bg-surface);border:1px solid #ffffff0f;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #00000029,inset 0 1px #ffffff06}.account-card-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 0;display:flex}.account-card-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:6px 0;font-size:19px}.account-card-header p{max-width:620px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.account-profile-hero{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:22px;margin:22px 24px 0;padding:18px;display:flex}.account-avatar-wrapper{align-items:center;gap:18px;display:flex}.account-avatar{background:radial-gradient(circle at 35% 30%,#a78bfa2e,#0000 48%),#7c3aed1a;border:1px solid #a78bfa5c;border-radius:50%;flex:0 0 86px;justify-content:center;align-items:center;width:86px;height:86px;display:flex;overflow:hidden;box-shadow:0 0 0 5px #7c3aed0d,0 0 30px #7c3aed1f}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-avatar>span{color:var(--violet-light);font-size:30px;font-weight:800}.account-avatar-actions{flex-direction:column;gap:8px;display:flex}.account-secondary-button,.account-danger-button,.account-primary-button{font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:12px;font-weight:700;transition:transform .16s,opacity .16s,border-color .16s,background .16s}.account-secondary-button{min-height:36px;color:var(--violet-light);background:#7c3aed14;border:1px solid #a78bfa33;padding:0 12px}.account-danger-button{color:#fca5a5;background:#ef44440d;border:1px solid #f8717126;min-height:34px;padding:0 12px}.account-secondary-button:hover,.account-danger-button:hover,.account-primary-button:hover{transform:translateY(-1px)}.account-secondary-button:disabled,.account-danger-button:disabled,.account-primary-button:disabled{opacity:.55;cursor:wait;transform:none}.account-identity{min-width:0}.account-identity>strong{color:var(--text-primary);margin-bottom:4px;font-size:22px;display:block}.account-identity>span{color:var(--text-muted);font-size:13px}.account-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.account-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.account-badge-role{color:var(--violet-light);background:#7c3aed14;border:1px solid #a78bfa2e}.account-badge-status{color:#86efac;background:#22c55e0d;border:1px solid #4ade8024}.account-form{padding:24px}.account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.account-form label{flex-direction:column;gap:8px;display:flex}.account-form label>span{color:var(--text-secondary);font-size:12px;font-weight:600}.account-form input{box-sizing:border-box;width:100%;min-height:44px;color:var(--text-primary);font:inherit;background:#0000002e;border:1px solid #ffffff12;border-radius:10px;outline:none;padding:0 13px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.account-form input::placeholder{color:var(--text-muted)}.account-form input:focus{background:#7c3aed09;border-color:#7c3aed7a;box-shadow:0 0 0 3px #7c3aed14}.account-form-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding-top:18px;display:flex}.account-form-footer>span{color:var(--text-muted);font-size:11px;line-height:1.5}.account-primary-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);min-height:40px;padding:0 15px;box-shadow:0 10px 22px #4f46e52e}.account-security-icon{background:#7c3aed0f;border:1px solid #7c3aed29;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.account-password-warning{background:#2563eb09;border:1px solid #60a5fa1a;border-radius:11px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 13px;display:flex}.account-password-warning>span{color:var(--blue-light);margin-top:1px;font-size:13px}.account-password-warning p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.55}.account-info-card .account-card-header{padding-bottom:20px}.account-info-list{border-top:1px solid #ffffff0d;flex-direction:column;display:flex}.account-info-list>div{border-bottom:1px solid #ffffff0b;flex-direction:column;gap:5px;padding:15px 20px;display:flex}.account-info-list>div:last-child{border-bottom:0}.account-info-list span{color:var(--text-muted);font-size:11px}.account-info-list strong{overflow-wrap:anywhere;color:var(--text-primary);font-size:12px;line-height:1.45}.account-security-card{flex-direction:column;gap:14px;padding:20px;display:flex}.account-security-card-icon{background:#7c3aed0f;border:1px solid #7c3aed26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.account-security-card h2{color:var(--text-primary);margin:6px 0 5px;font-size:18px}.account-security-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.account-security-status{color:#86efac;background:#22c55e0b;border:1px solid #4ade8021;border-radius:9px;align-items:center;gap:8px;width:fit-content;margin-top:3px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.account-alert{border-radius:11px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.account-alert-error{color:#fca5a5;background:#ef44440d;border:1px solid #f8717129}.account-alert-success{color:#86efac;background:#22c55e0d;border:1px solid #4ade8026}.account-loading{min-height:340px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.account-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:340px;display:flex}.account-error-state>span{font-size:28px}.account-error-state strong{color:var(--text-primary);font-size:17px}.account-error-state p{max-width:480px;color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.status-dot{background:#4ade80;border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 10px #4ade8073}@media (width<=1100px){.account-layout{grid-template-columns:1fr}}@media (width<=700px){.account-page{padding:24px 18px 36px}.account-header,.account-profile-hero{flex-direction:column;align-items:flex-start}.account-form-grid{grid-template-columns:1fr}.account-form-footer{flex-direction:column;align-items:flex-start}.account-primary-button{width:100%}}.users-page{min-height:100%;padding:34px 34px 48px}.users-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.users-eyebrow,.users-panel-eyebrow{color:var(--text-muted);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.users-header h1{color:var(--text-primary);letter-spacing:-.035em;margin:8px 0;font-size:34px;line-height:1.05}.users-header p{color:var(--text-secondary);margin:0;font-size:13px}.users-create-button,.users-primary-button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #4f46e52e}.users-create-button span{font-size:18px;line-height:1}.users-alert{color:#fca5a5;background:#ef44440d;border:1px solid #f8717126;border-radius:11px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:flex}.users-workspace{background:var(--bg-surface);border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:340px minmax(0,1fr);min-height:650px;display:grid;overflow:hidden;box-shadow:0 20px 48px #0000002e,inset 0 1px #ffffff05}.users-list-panel{background:#0000001a;border-right:1px solid #ffffff0e;flex-direction:column;display:flex}.users-list-top{padding:21px 18px 13px}.users-list-top h2{color:var(--text-primary);margin:6px 0 0;font-size:18px}.users-search{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;min-height:39px;margin:0 13px 12px;padding:0 11px;display:flex}.users-search span{color:var(--text-muted);font-size:12px}.users-search input{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.users-search input::placeholder{color:var(--text-muted)}.users-list{flex-direction:column;gap:4px;padding:0 8px 12px;display:flex;overflow-y:auto}.user-list-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:9px;display:flex}.user-list-item:hover{background:#7c3aed0b}.user-list-item-active{background:#7c3aed14;border-color:#7c3aed2e}.user-list-avatar{width:38px;height:38px;color:var(--violet-light);background:#7c3aed14;border:1px solid #a78bfa2e;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;overflow:hidden}.user-list-avatar img{object-fit:cover;width:100%;height:100%}.user-list-content{flex-direction:column;gap:3px;min-width:0;display:flex}.user-list-content strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-list-content span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.user-list-status{margin-left:auto;font-size:10px}.user-list-status.is-active{color:#4ade80;text-shadow:0 0 9px #4ade8066}.user-list-status.is-disabled{color:#71717a}.users-list-loading,.users-empty{color:var(--text-muted);text-align:center;padding:28px 14px;font-size:11px}.user-detail-panel{min-width:0;overflow-y:auto}.user-detail-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:22px;padding:24px;display:flex}.user-detail-identity{align-items:center;gap:15px;min-width:0;display:flex}.user-detail-avatar{width:64px;height:64px;color:var(--violet-light);background:#7c3aed14;border:1px solid #a78bfa3d;border-radius:16px;flex:0 0 64px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;overflow:hidden}.user-detail-avatar img{object-fit:cover;width:100%;height:100%}.user-detail-identity h2{color:var(--text-primary);letter-spacing:-.025em;margin:5px 0;font-size:23px}.user-detail-identity p{color:var(--text-secondary);margin:0;font-size:11px}.user-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.users-secondary-button,.users-status-button,.users-delete-button{min-height:36px;font:inherit;cursor:pointer;border-radius:9px;padding:0 12px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s,opacity .15s}.users-secondary-button{color:var(--violet-light);background:#7c3aed0f;border:1px solid #a78bfa2e}.users-status-button{border:1px solid #0000}.users-status-button.danger{color:#fdba74;background:#f973160d;border-color:#fb923c24}.users-status-button.success{color:#86efac;background:#22c55e0d;border-color:#4ade8021}.users-delete-button{color:#fca5a5;background:#ef44440d;border:1px solid #f8717121}.users-secondary-button:disabled,.users-status-button:disabled,.users-delete-button:disabled,.users-primary-button:disabled,.users-create-button:disabled{opacity:.5;cursor:wait}.user-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:18px 24px;display:grid}.user-summary-grid>div{background:#ffffff03;border:1px solid #ffffff0b;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex}.user-summary-grid span{color:var(--text-muted);font-size:9px}.user-summary-grid strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:11px}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 24px 24px;display:grid}.users-detail-card{background:#ffffff02;border:1px solid #ffffff0d;border-radius:13px;min-width:0;overflow:hidden}.users-detail-card-header{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:flex-end;gap:12px;padding:17px 17px 13px;display:flex}.users-detail-card-header h3{color:var(--text-primary);margin:6px 0 0;font-size:16px}.users-detail-card-header>span{color:var(--violet-light);background:#7c3aed0d;border:1px solid #7c3aed21;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.user-role-list,.user-permission-list{flex-direction:column;display:flex}.user-role-item,.user-permission-item{border-bottom:1px solid #ffffff0a;gap:10px;padding:13px;display:flex}.user-role-item:last-child,.user-permission-item:last-child{border-bottom:0}.user-role-icon{width:31px;height:31px;color:var(--violet-light);background:#7c3aed14;border-radius:9px;flex:0 0 31px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.user-role-item div,.user-permission-item div{min-width:0}.user-role-item strong,.user-permission-item strong{color:var(--text-primary);font-size:11px;display:block}.user-role-item span{color:var(--text-secondary);margin-top:3px;font-size:9px;line-height:1.45;display:block}.user-permission-item>span{color:#86efac;font-size:12px}.user-permission-item small{color:var(--text-muted);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:block}.user-detail-loading,.user-no-data{color:var(--text-muted);text-align:center;padding:22px 14px;font-size:10px}.users-detail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:500px;display:flex}.users-detail-empty>span{font-size:30px}.users-detail-empty strong{color:var(--text-primary);font-size:16px}.users-detail-empty p{color:var(--text-secondary);margin:0;font-size:11px}.users-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.users-modal,.users-confirm-modal{background:linear-gradient(#14141ffc,#0a0a10fc);border:1px solid #ffffff14;border-radius:18px;width:min(620px,100%);overflow:hidden;box-shadow:0 30px 80px #0000007a,0 0 0 1px #7c3aed0a}.users-confirm-modal{text-align:center;width:min(430px,100%);padding:24px}.users-modal-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;gap:20px;padding:22px 22px 17px;display:flex}.users-modal-header h2,.users-confirm-modal h2{color:var(--text-primary);letter-spacing:-.02em;margin:7px 0;font-size:20px}.users-modal-header p,.users-confirm-modal p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.users-modal-close{width:30px;height:30px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff0e;border-radius:8px;align-self:flex-start;font-size:18px}.users-modal-form{padding:22px}.users-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.users-modal-grid label{flex-direction:column;gap:7px;display:flex}.users-modal-full{grid-column:1/-1}.users-modal-grid label>span{color:var(--text-secondary);font-size:11px;font-weight:600}.users-modal-grid input,.users-modal-grid select{min-height:42px;color:var(--text-primary);font:inherit;background:#00000029;border:1px solid #ffffff12;border-radius:10px;outline:none;padding:0 12px;font-size:12px}.users-modal-grid input:focus,.users-modal-grid select:focus{border-color:#7c3aed6b;box-shadow:0 0 0 3px #7c3aed12}.users-modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:8px;margin-top:21px;padding-top:16px;display:flex}.users-confirm-icon{color:#fca5a5;background:#ef44440d;border:1px solid #f8717124;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 14px;font-size:20px;display:flex}@media (width<=1050px){.users-workspace{grid-template-columns:290px minmax(0,1fr)}.user-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-detail-grid{grid-template-columns:1fr}.user-detail-header{flex-direction:column;align-items:flex-start}.user-detail-actions{justify-content:flex-start}}@media (width<=780px){.users-page{padding:24px 18px 36px}.users-header{flex-direction:column;align-items:flex-start}.users-create-button{width:100%}.users-workspace{grid-template-columns:1fr}.users-list-panel{border-bottom:1px solid #ffffff0e;border-right:0;max-height:350px}.users-modal-grid{grid-template-columns:1fr}.users-modal-full{grid-column:auto}.users-modal-footer{flex-direction:column-reverse}.users-modal-footer button{width:100%}}.users-modal-access{width:min(820px,100vw - 32px)}.users-role-picker{flex-direction:column;gap:10px;margin-top:2px;display:flex}.users-access-heading{justify-content:space-between;align-items:flex-end;gap:15px;display:flex}.users-access-heading>div{flex-direction:column;gap:4px;display:flex}.users-access-heading span{color:var(--text-muted);letter-spacing:.14em;font-size:9px;font-weight:800}.users-access-heading strong{color:var(--text-primary);font-size:13px}.users-access-heading small{color:var(--violet-light);font-size:10px;font-weight:700}.users-role-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;padding:3px;display:grid;overflow-y:auto}.users-role-option{cursor:pointer;background:#ffffff04;border:1px solid #ffffff0e;border-radius:11px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:11px;transition:background .15s,border-color .15s,transform .15s;display:grid;position:relative}.users-role-option:hover{background:#7c3aed0b;border-color:#a78bfa29;transform:translateY(-1px)}.users-role-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.users-role-option.is-selected{background:#7c3aed17;border-color:#7c3aed42}.users-role-option-mark{width:22px;height:22px;color:var(--violet-light);background:#ffffff05;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.users-role-option.is-selected .users-role-option-mark{background:#7c3aed29;border-color:#a78bfa4d}.users-role-option-content{flex-direction:column;gap:4px;min-width:0;display:flex}.users-role-option-content strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.users-role-option-content small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.4;overflow:hidden}.users-role-empty{color:var(--text-muted);text-align:center;border:1px dashed #ffffff12;border-radius:10px;padding:16px;font-size:10px;line-height:1.5}.users-password-note{color:var(--text-muted);margin-top:6px;font-size:10px;line-height:1.45;display:block}@media (width<=700px){.users-role-options{grid-template-columns:1fr}.users-access-heading{flex-direction:column;align-items:flex-start}}.topbar-account-wrapper{position:relative}.topbar-user{min-width:0;font:inherit;cursor:pointer;border:0;outline:0}.topbar-user-open{background:#ffffff0b}.topbar-account-menu{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#14141ffa,#0b0b12fc);border:1px solid #ffffff14;border-radius:15px;width:258px;padding:9px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 55px #0000006b,0 0 0 1px #7c3aed0a}.topbar-account-menu-header{align-items:center;gap:11px;padding:9px 8px 11px;display:flex}.topbar-account-menu-avatar{width:38px;height:38px;color:var(--violet-light);background:#7c3aed1a;border:1px solid #a78bfa3d;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.topbar-account-menu-header>div:last-child{min-width:0}.topbar-account-menu-header strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.topbar-account-menu-header span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.topbar-account-menu-separator{background:#ffffff0f;height:1px;margin:4px 0}.topbar-account-menu-item{width:100%;min-height:40px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.topbar-account-menu-item>span:first-child{width:20px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.topbar-account-menu-item:hover{color:var(--text-primary);background:#7c3aed14}.topbar-account-menu-item:hover>span:first-child{color:var(--violet-light)}.topbar-account-menu-item-danger:hover{color:#fca5a5;background:#ef444414}.topbar-account-menu-item-danger:hover>span:first-child{color:#fca5a5}.topbar-account-menu-item:disabled{opacity:.5;cursor:wait}.user-avatar img,.topbar-account-menu-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.betools{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.betools-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px;display:flex}.betools-eyebrow,.betools-category-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:11px;font-weight:700;display:block}.betools-header h1{margin:8px 0;font-size:clamp(36px,5vw,58px);line-height:1}.betools-header p{opacity:.6;margin:0}.betools-status{white-space:nowrap;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:9px;padding:11px 15px;font-size:13px;display:flex}.betools-category{margin-bottom:42px}.betools-category-header{align-items:center;gap:16px;margin-bottom:18px;display:flex}.betools-category-header>span{opacity:.3;font-size:12px;font-weight:700}.betools-category-header h2{margin:4px 0 0;font-size:22px}.betools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.betools-card{min-height:92px;color:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:15px;padding:18px;transition:transform .16s,border-color .16s,background .16s;display:flex}.betools-card:hover{background:#8b5cf60f;border-color:#8b5cf673;transform:translateY(-2px)}.betools-card-icon{background:#8b5cf61f;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:17px;font-weight:700;display:grid}.betools-card-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.betools-card-content strong{font-size:14px}.betools-card-content span{opacity:.5;font-size:12px;line-height:1.4}.betools-card-arrow{opacity:.3;font-size:18px;transition:transform .16s,opacity .16s}.betools-card:hover .betools-card-arrow{opacity:.8;transform:translate(3px)}.betools-tool-placeholder{flex-direction:column;gap:40px;min-height:520px;padding:24px;display:flex}.betools-tool-placeholder>button{width:fit-content;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;font-size:13px}.betools-tool-placeholder>button:hover{opacity:1}.betools-tool-placeholder>div{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.betools-tool-placeholder h1{margin:10px 0;font-size:42px}.betools-tool-placeholder p{opacity:.5}@media (width<=800px){.betools-header{flex-direction:column;align-items:flex-start}.betools-status{white-space:normal}}.calculator-page{width:100%;max-width:1250px;margin:0 auto;padding-bottom:48px}.calculator-header{margin-bottom:28px}.calculator-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.calculator-back:hover{opacity:1}.calculator-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.calculator-header h1{margin:0 0 7px;font-size:32px}.calculator-header p{color:var(--text-secondary);margin:0;font-size:12px}.calculator-layout{grid-template-columns:minmax(360px,560px) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.calculator-shell,.calculator-history{border:1px solid var(--border);background:#ffffff05;border-radius:18px;box-shadow:0 18px 50px #00000029}.calculator-shell{overflow:hidden}.calculator-display{border-bottom:1px solid var(--border);background:radial-gradient(circle at 100% 0,#7c3aed1f,#0000 48%),#0000001f;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:185px;padding:28px;display:flex;position:relative}.calculator-expression{width:100%;min-height:24px;color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.calculator-result{max-width:100%;color:var(--text-primary);cursor:pointer;font:inherit;letter-spacing:-.045em;text-align:right;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:clamp(38px,6vw,62px);font-weight:600;line-height:1.05;overflow:hidden}.calculator-preview{min-height:20px;color:var(--text-muted);margin-top:8px;font-size:12px}.calculator-keypad{grid-template-columns:repeat(4,1fr);gap:9px;padding:16px;display:grid}.calculator-key{min-height:65px;color:var(--text-primary);cursor:pointer;font:inherit;background:#ffffff09;border:1px solid #ffffff0f;border-radius:12px;font-size:17px;transition:transform .12s,background .12s,border-color .12s}.calculator-key:hover{background:#ffffff12;border-color:#ffffff1f}.calculator-key:active{transform:scale(.96)}.calculator-key.function{color:var(--text-secondary)}.calculator-key.operator{background:#8b5cf61a;border-color:#8b5cf633}.calculator-key.operator:hover{background:#8b5cf62e}.calculator-key.equals{background:#8b5cf638}.calculator-key.zero{grid-column:span 1}.calculator-history{min-height:520px;overflow:hidden}.calculator-history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.calculator-history-header>div>span{color:var(--text-muted);letter-spacing:.15em;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.calculator-history-header h2{margin:0;font-size:16px}.calculator-history-header button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:7px 10px;font-size:10px}.calculator-history-header button:hover{color:var(--text-primary)}.calculator-history-empty{min-height:400px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.calculator-history-empty>span{opacity:.35;margin-bottom:12px;font-size:28px}.calculator-history-empty p{margin:0;font-size:11px}.calculator-history-list{flex-direction:column;max-height:550px;display:flex;overflow-y:auto}.calculator-history-entry{border:0;border-bottom:1px solid var(--border);color:inherit;cursor:pointer;text-align:right;background:0 0;flex-direction:column;align-items:flex-end;gap:5px;padding:15px 20px;display:flex}.calculator-history-entry:hover{background:#ffffff06}.calculator-history-entry span{color:var(--text-muted);font-size:11px}.calculator-history-entry strong{font-size:15px}@media (width<=900px){.calculator-layout{grid-template-columns:1fr}.calculator-history{min-height:300px}}.base64-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.base64-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.base64-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.base64-back:hover{opacity:1}.base64-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.base64-header h1{margin:0 0 7px;font-size:32px}.base64-header p{color:var(--text-secondary);margin:0;font-size:12px}.base64-status{border:1px solid var(--border);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex}.base64-status.error{border-color:#ef444440}.base64-status.success{border-color:#22c55e40}.base64-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.base64-mode-switch,.base64-actions{align-items:center;gap:7px;display:flex}.base64-mode-switch{border:1px solid var(--border);background:#0000001f;border-radius:10px;padding:4px}.base64-mode-switch button,.base64-actions button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;font-size:11px}.base64-mode-switch button{padding:8px 13px}.base64-mode-switch button.active{color:var(--text-primary);background:#8b5cf621;border-color:#8b5cf633}.base64-actions button{border-color:var(--border);padding:9px 13px}.base64-actions button:hover:not(:disabled){color:var(--text-primary)}.base64-actions button.primary{color:var(--text-primary);background:#8b5cf624;border-color:#8b5cf640}.base64-actions button:disabled{cursor:not-allowed;opacity:.3}.base64-workspace{grid-template-columns:1fr 1fr;gap:14px;display:grid}.base64-panel{border:1px solid var(--border);background:#ffffff05;border-radius:16px;min-width:0;overflow:hidden}.base64-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;display:flex}.base64-panel-header>div{flex-direction:column;gap:4px;display:flex}.base64-panel-header span{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.base64-panel-header strong{font-size:12px}.base64-panel-header small{color:var(--text-muted);font-size:10px}.base64-panel textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:470px;color:var(--text-primary);background:0 0;border:0;outline:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7;display:block}.base64-panel textarea::placeholder{color:var(--text-muted);opacity:.45}.base64-copy{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:6px 9px;font-size:9px}.base64-copy:hover:not(:disabled){color:var(--text-primary)}.base64-copy:disabled{cursor:not-allowed;opacity:.25}.base64-error{background:#ef44440b;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.base64-error>span{color:#ef4444;font-size:16px}.base64-error strong{margin-bottom:4px;font-size:12px;display:block}.base64-error p{color:var(--text-muted);margin:0;font-size:10px}.base64-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=900px){.base64-header,.base64-toolbar{flex-direction:column;align-items:flex-start}.base64-workspace{grid-template-columns:1fr}.base64-panel textarea{min-height:350px}.base64-footer{flex-wrap:wrap;justify-content:flex-start}}.regex-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.regex-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.regex-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.regex-back:hover{opacity:1}.regex-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.regex-header h1{margin:0 0 7px;font-size:32px}.regex-header p{color:var(--text-secondary);margin:0;font-size:12px}.regex-status{border:1px solid var(--border);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex}.regex-status.success{border-color:#22c55e40}.regex-status.error{border-color:#ef444440}.regex-pattern-card,.regex-test-panel,.regex-preview-panel,.regex-matches{border:1px solid var(--border);background:#ffffff05;border-radius:16px;overflow:hidden}.regex-pattern-header,.regex-panel-header,.regex-matches-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;display:flex}.regex-pattern-header>div:first-child,.regex-panel-header>div:first-child,.regex-matches-header>div:first-child{flex-direction:column;gap:4px;display:flex}.regex-pattern-header span,.regex-panel-header span,.regex-matches-header span{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.regex-pattern-header strong,.regex-panel-header strong,.regex-matches-header strong{font-size:12px}.regex-pattern-preview{max-width:60%;color:var(--text-muted);align-items:center;gap:4px;font-family:monospace;font-size:11px;display:flex}.regex-pattern-preview code{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.regex-pattern-input{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;padding:17px;font-family:monospace;font-size:16px;display:flex}.regex-pattern-input input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.regex-pattern-input input::placeholder{color:var(--text-muted);opacity:.45}.regex-flags{align-items:center;gap:6px;padding:12px 17px;display:flex}.regex-flags button{border:1px solid var(--border);min-width:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:6px 8px;font-family:monospace;font-size:11px}.regex-flags button:hover,.regex-flags button.active{color:var(--text-primary);background:#8b5cf621;border-color:#8b5cf640}.regex-actions{justify-content:space-between;align-items:center;gap:15px;margin:12px 0;display:flex}.regex-actions>div{align-items:center;gap:7px;display:flex}.regex-examples>span{color:var(--text-muted);letter-spacing:.1em;margin-right:3px;font-size:9px;font-weight:700}.regex-actions button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:8px 11px;font-size:10px}.regex-actions button:hover:not(:disabled){color:var(--text-primary)}.regex-actions button.primary{color:var(--text-primary);background:#8b5cf624;border-color:#8b5cf640}.regex-actions button:disabled{cursor:not-allowed;opacity:.25}.regex-workspace{grid-template-columns:1fr 1fr;gap:14px;display:grid}.regex-panel-header small{color:var(--text-muted);font-size:10px}.regex-test-panel textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:300px;color:var(--text-primary);background:0 0;border:0;outline:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7;display:block}.regex-test-panel textarea::placeholder{color:var(--text-muted);opacity:.45}.regex-highlight{white-space:pre-wrap;word-break:break-word;min-height:300px;color:var(--text-primary);padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7;overflow:auto}.regex-match{color:var(--text-primary);background:#8b5cf62e;border:1px solid #8b5cf659;border-radius:4px;padding:2px 3px}.regex-empty-match{color:var(--text-primary);background:#eab3082e;border-radius:4px;padding:1px 3px}.regex-placeholder{color:var(--text-muted);opacity:.45}.regex-error{background:#ef44440b;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.regex-error>span{color:#ef4444;font-size:16px}.regex-error strong{margin-bottom:4px;font-size:12px;display:block}.regex-error p{color:var(--text-muted);margin:0;font-family:monospace;font-size:10px;line-height:1.5}.regex-matches{margin-top:14px}.regex-matches-header>span{letter-spacing:normal;font-size:10px}.regex-match-list{max-height:300px;overflow:auto}.regex-match-row{border-bottom:1px solid var(--border);grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:0 17px;display:grid}.regex-match-row:last-child{border-bottom:0}.regex-match-number{color:var(--text-muted);font-size:9px}.regex-match-row code{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:monospace;font-size:11px;overflow:hidden}.regex-match-row>span:not(.regex-match-number){color:var(--text-muted);font-size:9px}.regex-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=900px){.regex-header,.regex-actions{flex-direction:column;align-items:flex-start}.regex-actions{gap:10px}.regex-actions>div{flex-wrap:wrap}.regex-workspace{grid-template-columns:1fr}.regex-pattern-preview{display:none}.regex-match-row{grid-template-columns:40px minmax(0,1fr)}.regex-match-row>span:not(.regex-match-number){grid-column:2}.regex-footer{flex-wrap:wrap;justify-content:flex-start}}.cidr-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.cidr-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.cidr-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.cidr-back:hover{opacity:1}.cidr-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.cidr-header h1{margin:0 0 7px;font-size:32px}.cidr-header p{color:var(--text-secondary);margin:0;font-size:12px}.cidr-status{border:1px solid var(--border);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex}.cidr-status.success{border-color:#22c55e40}.cidr-status.error{border-color:#ef444440}.cidr-input-card,.cidr-detail-card,.cidr-binary{border:1px solid var(--border);background:#ffffff05;border-radius:16px;overflow:hidden}.cidr-input-header,.cidr-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;display:flex}.cidr-input-header>div,.cidr-detail-header{flex-direction:column;gap:4px;display:flex}.cidr-input-header span,.cidr-detail-header span{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.cidr-input-header strong,.cidr-detail-header strong{font-size:12px}.cidr-input-header code{color:var(--text-muted);font-size:10px}.cidr-input-row{gap:8px;padding:17px;display:flex}.cidr-input-row input{border:1px solid var(--border);min-width:0;color:var(--text-primary);background:0 0;border-radius:9px;outline:0;flex:1;padding:11px 13px;font-family:monospace;font-size:13px}.cidr-input-row input:focus{border-color:#8b5cf666}.cidr-input-row button,.cidr-examples button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:9px 12px;font-size:10px}.cidr-input-row button:hover,.cidr-examples button:hover{color:var(--text-primary)}.cidr-input-row button.primary{color:var(--text-primary);background:#8b5cf624;border-color:#8b5cf640}.cidr-examples{flex-wrap:wrap;align-items:center;gap:7px;padding:0 17px 15px;display:flex}.cidr-examples span{color:var(--text-muted);letter-spacing:.1em;margin-right:3px;font-size:9px;font-weight:700}.cidr-error{background:#ef44440b;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.cidr-error>span{color:#ef4444;font-size:16px}.cidr-error strong{margin-bottom:4px;font-size:12px;display:block}.cidr-error p{color:var(--text-muted);margin:0;font-size:10px}.cidr-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.cidr-summary-card{border:1px solid var(--border);background:#ffffff05;border-radius:14px;flex-direction:column;gap:7px;min-width:0;padding:18px;display:flex}.cidr-summary-card span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.cidr-summary-card strong{text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:18px;overflow:hidden}.cidr-summary-card small{color:var(--text-muted);font-size:9px}.cidr-details{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.cidr-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:0 17px;display:flex}.cidr-row:last-child{border-bottom:0}.cidr-row>span{color:var(--text-muted);font-size:10px}.cidr-row>div{align-items:center;gap:7px;display:flex}.cidr-row code{color:var(--text-primary);font-family:monospace;font-size:11px}.cidr-row button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:5px 7px;font-size:8px}.cidr-row button:hover{color:var(--text-primary)}.cidr-binary{margin-top:14px}.cidr-binary-row{border-bottom:1px solid var(--border);align-items:center;gap:20px;min-height:52px;padding:0 17px;display:flex}.cidr-binary-row:last-child{border-bottom:0}.cidr-binary-row>span{width:45px;color:var(--text-muted);font-size:9px;font-weight:700}.cidr-binary-row code{color:var(--text-primary);white-space:nowrap;font-family:monospace;font-size:10px;overflow:auto}.cidr-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=900px){.cidr-header{flex-direction:column;align-items:flex-start}.cidr-input-row{flex-wrap:wrap}.cidr-input-row input{flex-basis:100%}.cidr-summary{grid-template-columns:repeat(2,1fr)}.cidr-details{grid-template-columns:1fr}.cidr-footer{flex-wrap:wrap;justify-content:flex-start}}@media (width<=520px){.cidr-summary{grid-template-columns:1fr}}.hash-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.hash-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.hash-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.hash-back:hover{opacity:1}.hash-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.hash-header h1{margin:0 0 7px;font-size:32px}.hash-header p{color:var(--text-secondary);margin:0;font-size:12px}.hash-badge{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.hash-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.hash-input-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;overflow:hidden}.hash-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;display:flex}.hash-card-header div{flex-direction:column;gap:4px;display:flex}.hash-card-header span:first-child{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.hash-card-header strong{font-size:12px}.hash-card-header>span:last-child{color:var(--text-muted);font-size:9px}.hash-input-card textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:180px;color:var(--text-primary);background:0 0;border:0;outline:0;padding:17px;font-family:monospace;font-size:12px;line-height:1.7;display:block}.hash-input-card textarea::placeholder{color:var(--text-muted)}.hash-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;display:flex}.hash-actions>span{color:var(--text-muted);font-size:9px}.hash-actions>div{gap:8px;display:flex}.hash-actions button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:9px 12px;font-size:10px}.hash-actions button:hover{color:var(--text-primary)}.hash-actions button.primary{color:var(--text-primary);background:#8b5cf624;border-color:#8b5cf640}.hash-actions button:disabled{cursor:not-allowed;opacity:.4}.hash-results-header{justify-content:space-between;align-items:flex-end;margin-top:24px;margin-bottom:10px;display:flex}.hash-results-header div{flex-direction:column;gap:4px;display:flex}.hash-results-header span:first-child{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.hash-results-header strong{font-size:13px}.hash-results-header>span:last-child{color:var(--text-muted);font-size:9px}.hash-results{border:1px solid var(--border);border-radius:16px;overflow:hidden}.hash-result{border-bottom:1px solid var(--border);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:67px;padding:0 17px;display:grid}.hash-result:last-child{border-bottom:0}.hash-result-name{flex-direction:column;gap:4px;display:flex}.hash-result-name strong{font-size:11px}.hash-result-name span{color:var(--text-muted);font-size:8px}.hash-result code{color:var(--text-secondary);white-space:nowrap;font-family:monospace;font-size:10px;overflow:auto}.hash-result button{border:1px solid var(--border);min-width:57px;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:6px 8px;font-size:8px}.hash-result button:hover{color:var(--text-primary)}.hash-empty{border:1px solid var(--border);background:#ffffff05;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;display:flex}.hash-empty>div{border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;margin-bottom:4px;font-family:monospace;font-size:18px;display:flex}.hash-empty strong{font-size:12px}.hash-empty span{color:var(--text-muted);font-size:10px}.hash-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=800px){.hash-header{flex-direction:column;align-items:flex-start}.hash-result{grid-template-columns:90px minmax(0,1fr);padding:12px 14px}.hash-result button{grid-column:2;justify-self:start}.hash-actions{flex-direction:column;align-items:flex-start}.hash-footer{flex-wrap:wrap;justify-content:flex-start}}@media (width<=520px){.hash-card-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.hash-actions>div{width:100%}.hash-actions button{flex:1}.hash-result{grid-template-columns:1fr;gap:8px}.hash-result button{grid-column:auto}}.json-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.json-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.json-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.json-back:hover{opacity:1}.json-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.json-header h1{margin:0 0 7px;font-size:32px}.json-header p{color:var(--text-secondary);margin:0;font-size:12px}.json-status{border:1px solid var(--border);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex}.json-status.error{border-color:#ef444440}.json-status.success{border-color:#22c55e40}.json-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.json-mode-switch,.json-actions{align-items:center;gap:7px;display:flex}.json-mode-switch{border:1px solid var(--border);background:#0000001f;border-radius:10px;padding:4px}.json-mode-switch button,.json-actions button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;font-size:11px}.json-mode-switch button{padding:8px 13px}.json-mode-switch button.active{color:var(--text-primary);background:#8b5cf621;border-color:#8b5cf633}.json-actions button{border-color:var(--border);padding:9px 13px}.json-actions button:hover{color:var(--text-primary)}.json-actions button.primary{color:var(--text-primary);background:#8b5cf624;border-color:#8b5cf640}.json-workspace{grid-template-columns:1fr 1fr;gap:14px;display:grid}.json-editor{border:1px solid var(--border);background:#ffffff05;border-radius:16px;min-width:0;overflow:hidden}.json-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;display:flex}.json-panel-header>div:first-child{flex-direction:column;gap:4px;display:flex}.json-panel-header span{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.json-panel-header strong{font-size:12px}.json-panel-header small{color:var(--text-muted);font-size:10px}.json-output-actions{gap:6px;display:flex}.json-output-actions button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:6px 9px;font-size:9px}.json-output-actions button:hover:not(:disabled){color:var(--text-primary)}.json-output-actions button:disabled{cursor:not-allowed;opacity:.25}.json-editor textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:470px;color:var(--text-primary);background:0 0;border:0;outline:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7;display:block}.json-editor textarea::placeholder{color:var(--text-muted);opacity:.45}.json-error{background:#ef44440b;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.json-error>span{color:#ef4444;font-size:16px}.json-error strong{margin-bottom:4px;font-size:12px;display:block}.json-error p{color:var(--text-muted);margin:0;font-family:monospace;font-size:10px;line-height:1.5}.json-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=900px){.json-header,.json-toolbar{flex-direction:column;align-items:flex-start}.json-workspace{grid-template-columns:1fr}.json-editor textarea{min-height:350px}.json-footer{flex-wrap:wrap;justify-content:flex-start}}.url-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.url-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.url-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.url-back:hover{opacity:1}.url-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.url-header h1{margin:0 0 7px;font-size:32px}.url-header p{color:var(--text-secondary);margin:0;font-size:12px}.url-status{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.url-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.url-mode-switch{border:1px solid var(--border);background:#ffffff05;border-radius:9px;width:fit-content;margin-bottom:14px;padding:3px;display:flex}.url-mode-switch button{min-width:100px;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-size:10px}.url-mode-switch button:hover{color:var(--text-primary)}.url-mode-switch button.active{color:var(--text-primary);background:#8b5cf624}.url-workspace{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.url-panel{border:1px solid var(--border);background:#ffffff05;border-radius:16px;overflow:hidden}.url-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;display:flex}.url-panel-header>div{flex-direction:column;gap:4px;display:flex}.url-panel-header span:first-child{color:var(--text-muted);letter-spacing:.13em;font-size:9px;font-weight:700}.url-panel-header strong{font-size:12px}.url-panel-header>span:last-child{color:var(--text-muted);font-size:9px}.url-panel textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:270px;color:var(--text-primary);background:0 0;border:0;outline:0;padding:17px;font-family:monospace;font-size:11px;line-height:1.7;display:block}.url-panel textarea::placeholder{color:var(--text-muted)}.url-panel-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;padding:0 14px;display:flex}.url-panel-footer button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:7px 10px;font-size:9px}.url-panel-footer button:hover{color:var(--text-primary)}.url-panel-footer button:disabled{cursor:not-allowed;opacity:.35}.output-footer{justify-content:space-between}.output-footer>span{color:var(--text-muted);font-size:9px}.url-swap{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.url-swap:hover{color:var(--text-primary);border-color:#8b5cf64d}.url-error{background:#ef44440b;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.url-error>span{color:#ef4444;font-size:16px}.url-error strong{margin-bottom:4px;font-size:12px;display:block}.url-error p{color:var(--text-muted);margin:0;font-size:10px}.url-info{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.url-info>div{border:1px solid var(--border);background:#ffffff05;border-radius:13px;flex-direction:column;gap:5px;padding:16px;display:flex}.url-info span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.url-info strong{font-family:monospace;font-size:11px}.url-info p{color:var(--text-muted);margin:2px 0 0;font-size:9px;line-height:1.5}.url-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=850px){.url-header{flex-direction:column;align-items:flex-start}.url-workspace{grid-template-columns:1fr}.url-swap{margin:0 auto;transform:rotate(90deg)}.url-info{grid-template-columns:1fr}.url-footer{flex-wrap:wrap;justify-content:flex-start}}.timestamp-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.timestamp-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.timestamp-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.timestamp-back:hover{opacity:1}.timestamp-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.timestamp-header h1{margin:0 0 7px;font-size:32px}.timestamp-header p{color:var(--text-secondary);margin:0;font-size:12px}.timestamp-status{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.timestamp-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.timestamp-current{border:1px solid var(--border);background:#ffffff05;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:18px;display:flex}.timestamp-current>div{flex-direction:column;gap:5px;display:flex}.timestamp-current span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.timestamp-current strong{font-family:monospace;font-size:18px}.timestamp-current-time{margin-left:auto}.timestamp-current-time strong{font-size:14px}.timestamp-current>button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:9px 12px;font-size:9px}.timestamp-current>button:hover{color:var(--text-primary)}.timestamp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.timestamp-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;overflow:hidden}.timestamp-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:63px;padding:0 17px;display:flex}.timestamp-card-header>div:first-child{flex-direction:column;gap:5px;display:flex}.timestamp-card-header span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.timestamp-card-header strong{font-size:12px}.timestamp-unit-switch{border:1px solid var(--border);border-radius:7px;gap:2px;padding:3px;display:flex}.timestamp-unit-switch button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:8px}.timestamp-unit-switch button.active{color:var(--text-primary);background:#8b5cf624}.timestamp-input-row,.timestamp-date-input{gap:8px;padding:14px 17px;display:flex}.timestamp-input-row input,.timestamp-date-input input{box-sizing:border-box;border:1px solid var(--border);min-width:0;color:var(--text-primary);background:#ffffff05;border-radius:8px;outline:none;flex:1;padding:10px 11px;font-family:monospace;font-size:10px}.timestamp-input-row input:focus,.timestamp-date-input input:focus{border-color:#8b5cf659}.timestamp-input-row button,.timestamp-date-input button{color:var(--text-primary);cursor:pointer;font:inherit;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:8px;padding:9px 12px;font-size:9px}.timestamp-error{color:#ef4444;background:#ef44440d;border:1px solid #ef444433;border-radius:7px;margin:0 17px 12px;padding:9px 10px;font-size:9px}.timestamp-results,.timestamp-date-result{border-top:1px solid var(--border)}.timestamp-results>div,.timestamp-date-result>div{border-bottom:1px solid var(--border);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:0 17px;display:grid}.timestamp-results>div:last-child,.timestamp-date-result>div:last-child{border-bottom:0}.timestamp-results span,.timestamp-date-result span{color:var(--text-muted);font-size:8px;font-weight:700}.timestamp-results code,.timestamp-date-result code{color:var(--text-secondary);white-space:nowrap;font-family:monospace;font-size:9px;overflow:auto}.timestamp-results button,.timestamp-date-result button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:5px 7px;font-size:8px}.timestamp-results button:hover,.timestamp-date-result button:hover{color:var(--text-primary)}.timestamp-info{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.timestamp-info>div{border:1px solid var(--border);background:#ffffff05;border-radius:13px;flex-direction:column;gap:5px;padding:15px;display:flex}.timestamp-info span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.timestamp-info strong{font-size:11px}.timestamp-info p{color:var(--text-muted);margin:2px 0 0;font-size:9px;line-height:1.5}.timestamp-actions{justify-content:flex-end;margin-top:12px;display:flex}.timestamp-actions button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:7px 11px;font-size:9px}.timestamp-actions button:hover{color:var(--text-primary)}.timestamp-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=850px){.timestamp-header,.timestamp-current{flex-direction:column;align-items:flex-start}.timestamp-current-time{margin-left:0}.timestamp-grid,.timestamp-info{grid-template-columns:1fr}.timestamp-footer{flex-wrap:wrap;justify-content:flex-start}}@media (width<=560px){.timestamp-input-row,.timestamp-date-input{flex-direction:column}.timestamp-results>div,.timestamp-date-result>div{grid-template-columns:1fr;gap:5px;padding:10px 17px}.timestamp-results button,.timestamp-date-result button{justify-self:start}}.password-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.password-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.password-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.password-back:hover{opacity:1}.password-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.password-header h1{margin:0 0 7px;font-size:32px}.password-header p{color:var(--text-secondary);margin:0;font-size:12px}.password-status{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.password-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.password-result{border:1px solid var(--border);background:#ffffff05;border-radius:16px;margin-bottom:14px;padding:20px}.password-result-label{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.password-result-label span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.password-result-label strong{color:var(--text-muted);font-size:9px}.password-result code{border:1px solid var(--border);color:var(--text-primary);letter-spacing:.04em;white-space:nowrap;background:#00000024;border-radius:10px;padding:18px;font-family:monospace;font-size:17px;display:block;overflow-x:auto}.password-result-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.password-result-actions button,.password-current button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:8px 12px;font-size:9px}.password-result-actions button:hover{color:var(--text-primary)}.password-result-actions button.primary{color:var(--text-primary);background:#8b5cf61f;border-color:#8b5cf640}.password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.password-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;overflow:hidden}.password-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:63px;padding:0 17px;display:flex}.password-card-header>div{flex-direction:column;gap:5px;display:flex}.password-card-header span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.password-card-header strong{font-size:12px}.password-card-header>span:last-child{color:var(--text-muted);font-size:9px}.password-length{border-bottom:1px solid var(--border);padding:18px}.password-length>div:first-child{justify-content:space-between;margin-bottom:12px;display:flex}.password-length span{color:var(--text-muted);font-size:10px}.password-length strong{font-family:monospace;font-size:12px}.password-length input{box-sizing:border-box;accent-color:#8b5cf6;width:100%}.password-range-labels{justify-content:space-between;margin-top:5px;display:flex}.password-options{grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;display:grid}.password-options button{border:1px solid var(--border);min-height:58px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border-radius:10px;grid-template-columns:35px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:9px;display:grid}.password-options button:hover{color:var(--text-primary)}.password-options button.active{color:var(--text-primary);background:#8b5cf60f;border-color:#8b5cf640}.password-options button>span{background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-family:monospace;font-size:9px;font-weight:700;display:flex}.password-options button div{flex-direction:column;gap:3px;display:flex}.password-options strong{font-size:10px}.password-options small{color:var(--text-muted);font-size:8px}.password-options i{color:#22c55e;font-size:11px;font-style:normal}.password-strength{border-bottom:1px solid var(--border);padding:20px 18px}.password-strength-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.password-strength-top span{color:var(--text-muted);font-size:10px}.password-strength-top strong{font-size:11px}.password-strength-bars{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.password-strength-bars span{background:#ffffff14;border-radius:999px;height:5px}.password-strength-bars span.filled{background:#22c55e}.password-security-info{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.password-security-info>div{background:#ffffff03;flex-direction:column;gap:6px;padding:15px;display:flex}.password-security-info span{color:var(--text-muted);letter-spacing:.1em;font-size:8px;font-weight:700}.password-security-info strong{font-family:monospace;font-size:9px}.password-security-note{align-items:flex-start;gap:10px;padding:15px;display:flex}.password-security-note span{font-size:14px}.password-security-note p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.5}.password-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=850px){.password-header{flex-direction:column;align-items:flex-start}.password-grid{grid-template-columns:1fr}}@media (width<=560px){.password-options{grid-template-columns:1fr}.password-footer{flex-wrap:wrap;justify-content:flex-start}}.uuid-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.uuid-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.uuid-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.uuid-back:hover{opacity:1}.uuid-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.uuid-header h1{margin:0 0 7px;font-size:32px}.uuid-header p{color:var(--text-secondary);margin:0;font-size:12px}.uuid-status{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.uuid-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.uuid-main{border:1px solid var(--border);background:#ffffff05;border-radius:16px;margin-bottom:14px;padding:20px}.uuid-main-header,.uuid-list-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.uuid-main-header>div:first-child,.uuid-list-header>div{flex-direction:column;gap:5px;display:flex}.uuid-main-header span,.uuid-list-header span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.uuid-main-header strong,.uuid-list-header strong{font-size:12px}.uuid-version-switch{border:1px solid var(--border);border-radius:8px;gap:3px;padding:3px;display:flex}.uuid-version-switch button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;padding:6px 9px;font-size:9px}.uuid-version-switch button.active{color:var(--text-primary);background:#8b5cf624}.uuid-display{border:1px solid var(--border);background:#00000024;border-radius:11px;margin-top:17px;padding:22px;overflow:hidden}.uuid-display code{color:var(--text-primary);letter-spacing:.03em;text-align:center;white-space:nowrap;font-family:monospace;font-size:20px;display:block;overflow-x:auto}.uuid-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.uuid-actions button,.uuid-list-header button,.uuid-list-content button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:7px 10px;font-size:9px}.uuid-actions button:hover,.uuid-list-header button:hover,.uuid-list-content button:hover{color:var(--text-primary)}.uuid-actions button.primary{color:var(--text-primary);background:#8b5cf61f;border-color:#8b5cf640}.uuid-settings{border:1px solid var(--border);background:var(--border);border-radius:14px;grid-template-columns:1.3fr repeat(3,1fr);gap:1px;margin-bottom:14px;display:grid;overflow:hidden}.uuid-setting,.uuid-setting-info{background:#ffffff05;flex-direction:column;justify-content:center;gap:6px;min-height:78px;padding:14px;display:flex}.uuid-setting>div{flex-direction:column;gap:4px;display:flex}.uuid-setting span,.uuid-setting-info span{color:var(--text-muted);letter-spacing:.1em;font-size:8px;font-weight:700}.uuid-setting strong,.uuid-setting-info strong{font-size:10px}.uuid-setting select{border:1px solid var(--border);width:fit-content;color:var(--text-primary);font:inherit;background:0 0;border-radius:6px;outline:none;padding:5px 8px;font-size:9px}.uuid-setting-info strong{color:var(--text-secondary);font-family:monospace}.uuid-list{border:1px solid var(--border);background:#ffffff05;border-radius:14px;margin-bottom:14px;overflow:hidden}.uuid-list-header{border-bottom:1px solid var(--border);min-height:62px;padding:0 16px}.uuid-list-content>div{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) 60px;align-items:center;gap:10px;min-height:43px;padding:0 16px;display:grid}.uuid-list-content>div:last-child{border-bottom:0}.uuid-list-content>div>span{color:var(--text-muted);font-family:monospace;font-size:8px}.uuid-list-content code{color:var(--text-secondary);white-space:nowrap;font-family:monospace;font-size:9px;overflow-x:auto}.uuid-list-content button{padding:5px}.uuid-info{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.uuid-info>div{border:1px solid var(--border);background:#ffffff05;border-radius:13px;flex-direction:column;gap:5px;padding:15px;display:flex}.uuid-info span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.uuid-info strong{font-size:11px}.uuid-info p{color:var(--text-muted);margin:2px 0 0;font-size:9px;line-height:1.5}.uuid-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=900px){.uuid-header{flex-direction:column;align-items:flex-start}.uuid-settings{grid-template-columns:repeat(2,1fr)}.uuid-info{grid-template-columns:1fr}}@media (width<=560px){.uuid-settings{grid-template-columns:1fr}.uuid-main-header{flex-direction:column;align-items:flex-start}.uuid-display code{font-size:14px}.uuid-list-content>div{grid-template-columns:30px minmax(0,1fr) 50px}.uuid-footer{flex-wrap:wrap;justify-content:flex-start}}.media-page{width:100%;max-width:1400px;margin:0 auto;padding-bottom:48px}.media-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.media-back{color:inherit;cursor:pointer;font:inherit;opacity:.55;background:0 0;border:0;margin-bottom:18px;padding:0;font-size:12px;display:block}.media-back:hover{opacity:1}.media-eyebrow{letter-spacing:.15em;opacity:.45;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.media-header h1{margin:0 0 7px;font-size:32px}.media-header p{color:var(--text-secondary);margin:0;font-size:12px}.media-status{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.media-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.media-dropzone{border:1px dashed var(--border);cursor:pointer;text-align:center;background:#ffffff05;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:300px;transition:border-color .2s,background .2s;display:flex}.media-dropzone:hover{background:#8b5cf609;border-color:#8b5cf666}.media-dropzone input{display:none}.media-drop-icon{border:1px solid var(--border);background:#ffffff08;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:5px;font-size:22px;display:flex}.media-dropzone strong{font-size:14px}.media-dropzone>span:not(.media-drop-icon){color:var(--text-muted);font-size:9px}.media-dropzone small{color:var(--text-muted);margin-top:8px;font-size:8px}.media-file-card{border:1px solid var(--border);background:#ffffff05;border-radius:15px;align-items:center;gap:14px;margin-bottom:14px;padding:15px;display:flex}.media-file-icon{border:1px solid var(--border);background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:17px;display:flex}.media-file-info{flex:1;min-width:0}.media-file-info>strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;display:block;overflow:hidden}.media-file-info>div{gap:12px;display:flex}.media-file-info span{color:var(--text-muted);font-size:8px}.media-file-card>button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:7px 10px;font-size:8px}.media-file-card>button:hover{color:var(--text-primary)}.media-converter{border:1px solid var(--border);background:#ffffff05;border-radius:16px;margin-bottom:14px;overflow:hidden}.media-converter-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:62px;padding:0 17px;display:flex}.media-converter-header>div{flex-direction:column;gap:5px;display:flex}.media-converter-header span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.media-converter-header strong{font-size:12px}.media-converter-header>span:last-child{letter-spacing:0;font-weight:400}.media-format-grid{grid-template-columns:repeat(6,1fr);gap:8px;padding:14px;display:grid}.media-format-grid button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px;display:flex}.media-format-grid button:hover{color:var(--text-primary)}.media-format-grid button.active{color:var(--text-primary);background:#8b5cf614;border-color:#8b5cf64d}.media-format-grid button:disabled{cursor:not-allowed;opacity:.5}.media-format-grid strong{font-size:12px}.media-format-grid span{font-size:8px}.media-convert-action{justify-content:flex-end;padding:0 14px 14px;display:flex}.media-convert-button{color:var(--text-primary);cursor:pointer;font:inherit;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:8px;padding:10px 15px;font-size:9px}.media-convert-button:hover{background:#8b5cf62e}.media-convert-button:disabled{cursor:wait;opacity:.55}.media-progress{padding:0 14px 15px}.media-progress>div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.media-progress span,.media-progress strong{color:var(--text-muted);font-size:8px}.media-progress-track{background:#ffffff12;border-radius:999px;height:5px;overflow:hidden}.media-progress-track>div{border-radius:inherit;background:#8b5cf6;height:100%;transition:width .15s}.media-error{background:#ef44440d;border:1px solid #ef444433;border-radius:11px;gap:10px;margin-bottom:14px;padding:13px;display:flex}.media-error>span{color:#ef4444}.media-error strong{margin-bottom:4px;font-size:10px;display:block}.media-error p{color:var(--text-muted);margin:0;font-size:9px}.media-result{background:#22c55e09;border:1px solid #22c55e2e;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:15px;display:flex}.media-result>div{flex-direction:column;gap:5px;display:flex}.media-result span{color:#22c55e;letter-spacing:.1em;font-size:8px;font-weight:700}.media-result strong{font-size:11px}.media-result small{color:var(--text-muted);font-size:8px}.media-result a{color:var(--text-primary);border:1px solid #22c55e40;border-radius:8px;padding:8px 12px;font-size:9px;text-decoration:none}.media-result a:hover{background:#22c55e14}.media-info{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.media-info>div{border:1px solid var(--border);background:#ffffff05;border-radius:13px;flex-direction:column;gap:5px;padding:15px;display:flex}.media-info span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.media-info strong{font-size:11px}.media-info p{color:var(--text-muted);margin:2px 0 0;font-size:9px;line-height:1.5}.media-footer{color:var(--text-muted);justify-content:flex-end;gap:18px;margin-top:10px;font-size:9px;display:flex}@media (width<=900px){.media-header{flex-direction:column;align-items:flex-start}.media-format-grid{grid-template-columns:repeat(3,1fr)}.media-info{grid-template-columns:1fr}}@media (width<=560px){.media-file-card{flex-wrap:wrap;align-items:flex-start}.media-file-info{width:calc(100% - 60px)}.media-file-card>button{width:100%}.media-format-grid{grid-template-columns:repeat(2,1fr)}.media-result{flex-direction:column;align-items:flex-start}.media-footer{flex-wrap:wrap;justify-content:flex-start}}.dashboard-page{width:100%;max-width:1700px;margin:0 auto}.dashboard-page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.dashboard-eyebrow,.dashboard-panel-eyebrow{color:var(--violet-light);letter-spacing:.18em;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.dashboard-page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.05}.dashboard-page-header h1 span{color:var(--violet-light);text-shadow:0 0 22px #7c3aed38}.dashboard-page-header p{color:var(--text-secondary);margin:11px 0 0;font-size:13px}.dashboard-global-status{color:#86efac;white-space:nowrap;background:#22c55e0d;border:1px solid #22c55e26;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;font-weight:600;display:flex}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.dashboard-metric{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:148px;transition:transform var(--transition-normal), border-color var(--transition-normal);background:linear-gradient(145deg,#11111bf5,#09090ff5);padding:18px;position:relative;overflow:hidden}.dashboard-metric:hover{border-color:#a78bfa38;transform:translateY(-2px)}.dashboard-metric:after{content:"";filter:blur(30px);pointer-events:none;background:#7c3aed1f;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-85px;right:-75px}.dashboard-metric-blue:after{background:#2563eb21}.dashboard-metric-header,.dashboard-metric-footer{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.dashboard-metric-header{color:var(--text-muted);letter-spacing:.14em;font-size:9px;font-weight:700}.dashboard-metric-icon{color:var(--violet-light);font-size:15px}.dashboard-metric>strong{z-index:1;letter-spacing:-.05em;margin:17px 0 13px;font-size:31px;line-height:1;display:block;position:relative}.dashboard-metric-footer{color:var(--text-muted);font-size:10px}.dashboard-positive{color:#86efac}.dashboard-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);gap:14px;margin-bottom:14px;display:grid}.dashboard-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#0f0f17f5,#09090ef5);min-width:0;padding:20px}.dashboard-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.dashboard-panel-eyebrow{color:var(--text-muted);margin-bottom:5px}.dashboard-panel-header h2{letter-spacing:-.025em;margin:0;font-size:17px}.dashboard-panel-action{color:var(--violet-light);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.dashboard-panel-action:hover{color:#fff}.dashboard-chart-value{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.dashboard-chart-value strong{color:var(--text-primary);letter-spacing:-.03em;font-size:19px}.dashboard-chart-value span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.performance-chart{width:100%;height:220px;margin-top:16px}.performance-chart svg{width:100%;height:100%;display:block}.dashboard-chart-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:9px;display:flex}.dashboard-chart-footer div{gap:16px;display:flex}.dashboard-chart-footer div span:first-child{color:var(--violet-light)}.dashboard-services{flex-direction:column;display:flex}.dashboard-service{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:14px 0;display:flex}.dashboard-service:last-child{border-bottom:0}.dashboard-service-icon{background:#7c3aed12;border:1px solid #a78bfa14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;display:flex}.dashboard-service-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dashboard-service-info strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dashboard-service-info span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.dashboard-service-status{color:#86efac;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:8px;font-weight:700;display:flex}.dashboard-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:14px;display:grid}.dashboard-resource-list{flex-direction:column;gap:20px;padding-top:20px;display:flex}.dashboard-resource-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.dashboard-resource-header>div{align-items:center;gap:8px;display:flex}.dashboard-resource-header strong{font-size:10px}.dashboard-resource-header>span{color:var(--text-secondary);font-size:10px;font-weight:600}.dashboard-resource-icon{font-size:13px}.dashboard-progress{background:#ffffff0d;border-radius:999px;width:100%;height:5px;position:relative;overflow:hidden}.dashboard-progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--blue-light));height:100%;box-shadow:0 0 10px #7c3aed59}.dashboard-activity-list{flex-direction:column;display:flex}.dashboard-activity{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:12px 0;display:flex}.dashboard-activity:last-child{border-bottom:0}.dashboard-activity-icon{width:27px;height:27px;color:var(--violet-light);background:#7c3aed1c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.dashboard-activity-info{flex-direction:column;gap:3px;display:flex}.dashboard-activity-info strong{font-size:10px}.dashboard-activity-info span{color:var(--text-muted);font-size:8px}@media (width<=1150px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-page-header{flex-direction:column;align-items:flex-start}.dashboard-global-status{align-self:flex-start}.dashboard-metrics{grid-template-columns:1fr}.dashboard-panel{padding:16px}.performance-chart{height:180px}}.dashboard-refresh-warning{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff05;align-items:center;gap:10px;margin-top:16px;padding:11px 14px;font-size:11px;display:flex}.dashboard-refresh-warning span:first-child{font-size:14px}.monitoring-page{width:100%;max-width:1600px;margin:0 auto;padding-bottom:48px}.monitoring-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.monitoring-header h1{letter-spacing:-.03em;margin:6px 0 8px;font-size:32px;line-height:1.1}.monitoring-header p{max-width:650px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.monitoring-live-status{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);align-items:center;gap:11px;min-width:210px;padding:12px 14px;display:flex}.monitoring-live-status>div{flex-direction:column;gap:3px;display:flex}.monitoring-live-status strong{font-size:13px}.monitoring-live-status span:last-child{color:var(--text-muted);font-size:11px}.monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.monitor-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg, #ffffff06, transparent 55%), var(--bg-surface);min-width:0;padding:20px;box-shadow:0 12px 40px #00000029}.monitoring-card-cpu-main{grid-column:span 2}.monitor-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.monitor-card-label{color:var(--text-muted);letter-spacing:.14em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.monitor-card h2{letter-spacing:-.02em;margin:0;font-size:18px}.monitor-card-icon{border:1px solid var(--border);background:#ffffff06;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.cpu-main-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:24px;display:grid}.cpu-main-stat{flex-direction:column;justify-content:center;padding:8px 0;display:flex}.cpu-stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.monitor-main-value{letter-spacing:-.045em;font-size:42px;font-weight:700;line-height:1}.monitor-main-value small{color:var(--text-secondary);margin-left:3px;font-size:18px;font-weight:600}.monitor-progress{background:#ffffff0f;border-radius:999px;width:100%;height:7px;margin-top:16px;overflow:hidden}.monitor-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--violet-light));min-width:2px;height:100%;transition:width .4s;box-shadow:0 0 14px #7c3aed59}.cpu-hardware-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cpu-hardware-stat{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;justify-content:center;gap:8px;min-height:92px;padding:14px;display:flex}.cpu-hardware-stat span{color:var(--text-muted);font-size:11px}.cpu-hardware-stat strong{letter-spacing:-.02em;font-size:18px}.monitoring-healthy{color:var(--success)!important}.monitoring-warning{color:var(--warning)!important}.monitoring-danger{color:var(--danger)!important}.monitoring-neutral{color:var(--text-secondary)!important}.monitor-card-info{color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:11px;display:flex}.monitor-card-info span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.load-average{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.load-average>div{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;display:flex}.load-average strong{letter-spacing:-.03em;font-size:24px}.load-average span{color:var(--text-muted);font-size:10px}.server-details{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.server-details>div{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex}.server-details span{color:var(--text-muted);font-size:10px}.server-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.monitoring-section{margin-top:24px}.monitoring-section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.monitoring-section-header h2{letter-spacing:-.025em;margin:5px 0 0;font-size:20px}.monitoring-section-meta{color:var(--text-muted);font-size:11px}.core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.core-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color var(--transition-fast), background var(--transition-fast);padding:16px}.core-card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.core-card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.core-card-header>div{flex-direction:column;gap:3px;display:flex}.core-card-header strong{font-size:13px}.core-card-header>strong{font-size:16px}.core-card-header span{color:var(--text-muted);font-size:10px}.core-progress{background:#ffffff0f;border-radius:999px;width:100%;height:5px;margin:13px 0;overflow:hidden}.core-progress-bar{border-radius:inherit;background:var(--success);min-width:2px;height:100%;transition:width .4s,background .2s}.core-progress-bar.monitoring-warning{background:var(--warning)!important}.core-progress-bar.monitoring-danger{background:var(--danger)!important}.core-card-footer{color:var(--text-muted);justify-content:space-between;gap:16px;font-size:10px;display:flex}.core-card-footer span:last-child{color:var(--text-secondary);font-weight:600}.storage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.storage-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);min-width:0;padding:16px}.storage-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-card-top>div{align-items:center;gap:10px;min-width:0;display:flex}.storage-icon{border:1px solid var(--border);background:#ffffff05;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.storage-card-top>div>div{flex-direction:column;gap:3px;min-width:0;display:flex}.storage-card-top strong{font-size:13px}.storage-card-top>div>div span{color:var(--text-muted);font-size:10px}.storage-usage{font-size:13px;font-weight:700}.storage-progress{background:#ffffff0f;border-radius:999px;width:100%;height:5px;margin:16px 0 13px;overflow:hidden}.storage-progress-bar{border-radius:inherit;min-width:2px;height:100%;transition:width .4s,background .2s}.storage-progress-bar.monitoring-healthy{background:var(--success)}.storage-progress-bar.monitoring-warning{background:var(--warning)}.storage-progress-bar.monitoring-danger{background:var(--danger)}.storage-card-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;display:flex}.monitoring-system-section{padding-bottom:0}.system-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.system-info-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;gap:7px;padding:15px;display:flex}.system-info-item span{color:var(--text-muted);font-size:10px}.system-info-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.monitoring-loading,.monitoring-error{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:420px;padding:40px;display:flex}.monitoring-loading strong,.monitoring-error strong{font-size:15px}.monitoring-loading span,.monitoring-error>span:not(.monitoring-error-icon){color:var(--text-muted);font-size:12px}.monitoring-spinner{border:2px solid #ffffff14;border-top-color:var(--violet-light);border-radius:50%;width:30px;height:30px;margin-bottom:8px;animation:.8s linear infinite monitoring-spin}@keyframes monitoring-spin{to{transform:rotate(360deg)}}.monitoring-error-icon{margin-bottom:5px;font-size:28px}.monitoring-error button{border:1px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--violet-soft);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);margin-top:8px;padding:9px 15px}.monitoring-error button:hover{border-color:var(--violet-light);background:#7c3aed33}.monitoring-refresh-warning{border-radius:var(--radius-md);color:var(--text-secondary);background:#f59e0b0f;border:1px solid #f59e0b33;align-items:center;gap:9px;margin-top:16px;padding:11px 13px;font-size:11px;display:flex}@media (width<=1100px){.monitoring-grid{grid-template-columns:1fr}.monitoring-card-cpu-main{grid-column:auto}.storage-grid,.system-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.monitoring-header{flex-direction:column}.monitoring-live-status{width:100%}.cpu-main-layout,.cpu-hardware-stats,.core-grid,.storage-grid,.system-info-grid{grid-template-columns:1fr}}@media (width<=600px){.monitoring-page{padding-bottom:24px}.monitoring-header h1{font-size:27px}.monitor-card{padding:16px}.monitor-main-value{font-size:36px}.load-average{gap:6px}.load-average strong{font-size:20px}.server-details{grid-template-columns:1fr}.monitor-card-info{flex-direction:column;align-items:flex-start;gap:5px}}.monitoring-history-section{margin-top:28px}.history-live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #22c55e99}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.history-card{min-width:0;padding:20px}.history-card-temperature{grid-column:span 2}.history-chart{width:100%}.history-chart-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.history-chart-top>div{flex-direction:column;gap:3px;display:flex}.history-chart-value{letter-spacing:-.03em;font-size:25px;line-height:1}.history-chart-value small{color:var(--text-secondary);font-size:12px;font-weight:600}.history-chart-window{color:var(--text-muted);font-size:10px}.history-chart-canvas{width:100%;height:230px}.history-chart-canvas svg{width:100%;height:100%;display:block;overflow:visible}.history-grid-line{stroke:#ffffff12;stroke-width:1px;vector-effect:non-scaling-stroke}.history-axis-label,.history-time-label{fill:var(--text-muted);font-family:inherit;font-size:9px}.history-line{fill:none;stroke:var(--violet-light);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #8b5cf659)}.history-point{fill:var(--bg-surface);stroke:var(--violet-light);stroke-width:2px;vector-effect:non-scaling-stroke}.history-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.history-stats>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:5px;padding:11px;display:flex}.history-stats span{color:var(--text-muted);letter-spacing:.08em;font-size:9px}.history-stats strong{font-size:13px}.history-no-data{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center;margin-top:8px;padding:13px;font-size:11px}@media (width<=800px){.history-grid{grid-template-columns:1fr}.history-card-temperature{grid-column:auto}}@media (width<=600px){.history-card{padding:16px}.history-chart-canvas{height:190px}.history-stats{gap:6px}.history-stats>div{padding:9px}}.roles-page{min-height:100%;padding:34px 34px 48px}.roles-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px;display:flex}.roles-eyebrow,.roles-panel-eyebrow{color:var(--text-muted);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.roles-header h1{color:var(--text-primary);letter-spacing:-.035em;margin:8px 0;font-size:34px;line-height:1.05}.roles-header p{max-width:760px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.roles-header-stats{gap:10px;display:flex}.roles-header-stats>div{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;min-width:90px;padding:13px 15px}.roles-header-stats strong{color:var(--text-primary);margin-bottom:3px;font-size:20px;display:block}.roles-header-stats span{color:var(--text-muted);font-size:10px}.roles-alert{color:#fca5a5;background:#ef44440d;border:1px solid #f8717126;border-radius:11px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.roles-workspace{background:var(--bg-surface);border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:330px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden;box-shadow:0 20px 48px #0000002e,inset 0 1px #ffffff05}.roles-list-panel{background:#0000001a;border-right:1px solid #ffffff0e;flex-direction:column;display:flex}.roles-list-header{padding:22px 20px 13px}.roles-list-header h2{color:var(--text-primary);margin:6px 0 0;font-size:19px}.roles-search{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;min-height:38px;margin:0 14px 12px;padding:0 11px;display:flex}.roles-search span{color:var(--text-muted);font-size:12px}.roles-search input{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.roles-search input::placeholder{color:var(--text-muted)}.roles-list{flex-direction:column;gap:4px;padding:0 9px 12px;display:flex;overflow-y:auto}.role-list-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:10px;transition:background .15s,border-color .15s,color .15s;display:flex}.role-list-item:hover{color:var(--text-primary);background:#7c3aed0b}.role-list-item-active{color:var(--text-primary);background:#7c3aed14;border-color:#7c3aed2e}.role-list-icon{width:36px;height:36px;color:var(--violet-light);background:#7c3aed0f;border:1px solid #a78bfa29;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.role-list-content{flex-direction:column;gap:3px;min-width:0;display:flex}.role-list-content strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.role-list-content span{color:var(--text-muted);font-size:9px}.role-list-arrow{color:var(--text-muted);margin-left:auto;font-size:13px}.role-list-item-active .role-list-arrow{color:var(--violet-light)}.roles-empty{color:var(--text-muted);text-align:center;padding:24px 14px;font-size:11px}.roles-detail-panel{min-width:0;overflow-y:auto}.roles-detail-loading{min-height:300px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:12px;display:flex}.role-detail-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.role-detail-identity{align-items:center;gap:15px;min-width:0;display:flex}.role-detail-icon{width:54px;height:54px;color:var(--violet-light);background:radial-gradient(circle at 30% 30%,#a78bfa26,#0000 58%),#7c3aed14;border:1px solid #a78bfa3d;border-radius:15px;flex:0 0 54px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.role-detail-identity h2{color:var(--text-primary);letter-spacing:-.025em;margin:5px 0;font-size:23px}.role-detail-identity p{max-width:650px;color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.role-detail-meta{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.role-detail-meta span{color:var(--text-muted);white-space:nowrap;background:#ffffff05;border:1px solid #ffffff0e;border-radius:8px;padding:7px 9px;font-size:9px}.role-detail-information{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 24px;display:grid}.role-detail-information>div{background:#ffffff03;border:1px solid #ffffff0b;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex}.role-detail-information span{color:var(--text-muted);font-size:9px}.role-detail-information strong{overflow-wrap:anywhere;color:var(--text-primary);font-size:10px}.role-permissions-section{padding:0 24px 28px}.role-permissions-header{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:15px;display:flex}.role-permissions-header h3{color:var(--text-primary);margin:6px 0 0;font-size:17px}.role-permissions-header>span{color:#86efac;background:#22c55e0a;border:1px solid #4ade801f;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.permission-groups{flex-direction:column;gap:14px;display:flex}.permission-group{background:#ffffff03;border:1px solid #ffffff0b;border-radius:12px;overflow:hidden}.permission-group-header{background:#ffffff04;border-bottom:1px solid #ffffff0b;justify-content:space-between;gap:12px;padding:11px 13px;display:flex}.permission-group-header span:first-child{color:var(--violet-light);letter-spacing:.12em;font-size:9px;font-weight:800}.permission-group-header span:last-child{color:var(--text-muted);font-size:9px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.permission-item{opacity:.48;border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a;gap:10px;min-width:0;padding:13px;display:flex}.permission-item:nth-child(2n){border-right:0}.permission-item-enabled{opacity:1}.permission-status{width:25px;height:25px;color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0e;border-radius:8px;flex:0 0 25px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.permission-item-enabled .permission-status{color:#86efac;background:#22c55e0d;border-color:#4ade8024}.permission-item strong{color:var(--text-primary);font-size:11px;line-height:1.3;display:block}.permission-item>div:last-child>span{color:var(--text-muted);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:block}.permission-item p{color:var(--text-secondary);margin:7px 0 0;font-size:9px;line-height:1.45}.roles-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:420px;display:flex}.roles-state-icon{color:var(--violet-light);margin-bottom:5px;font-size:28px}.roles-state strong{color:var(--text-primary);font-size:16px}.roles-state span:last-child{color:var(--text-secondary);font-size:11px}.roles-state-error .roles-state-icon{color:#fca5a5}@media (width<=1000px){.roles-workspace{grid-template-columns:270px minmax(0,1fr)}.permission-grid{grid-template-columns:1fr}.permission-item{border-right:0}}@media (width<=800px){.roles-page{padding:24px 18px 36px}.roles-header{flex-direction:column;align-items:flex-start}.roles-header-stats{width:100%}.roles-header-stats>div{flex:1}.roles-workspace{grid-template-columns:1fr}.roles-list-panel{border-bottom:1px solid #ffffff0e;border-right:0;max-height:340px}.role-detail-header{flex-direction:column}.role-detail-meta{justify-content:flex-start}.role-detail-information{grid-template-columns:1fr}}.roles-header-actions{align-items:flex-end;gap:12px;display:flex}.roles-create-button,.roles-primary-button,.roles-secondary-button,.roles-delete-button{font:inherit;cursor:pointer;border:0;border-radius:10px}.roles-create-button{min-height:38px;color:var(--text-primary);background:linear-gradient(135deg,#7c3aed33,#2563eb26);border:1px solid #7c3aed42;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #00000029,inset 0 1px #ffffff0d}.roles-create-button span{color:var(--violet-light);font-size:15px;line-height:1}.roles-create-button:hover{border-color:#a78bfa61}.role-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.roles-primary-button,.roles-secondary-button,.roles-delete-button{min-height:34px;padding:0 11px;font-size:10px;font-weight:800}.roles-primary-button{color:var(--text-primary);background:#7c3aed24;border:1px solid #7c3aed40}.roles-secondary-button{color:var(--text-secondary);background:#ffffff06;border:1px solid #ffffff14}.roles-delete-button{color:#fca5a5;background:#ef44440f;border:1px solid #f8717129}.roles-primary-button:hover,.roles-secondary-button:hover,.roles-delete-button:hover{filter:brightness(1.08)}.roles-primary-button:disabled,.roles-secondary-button:disabled,.roles-delete-button:disabled,.roles-create-button:disabled{opacity:.5;cursor:not-allowed}.roles-protected-note{color:var(--text-secondary);background:#7c3aed09;border:1px solid #a78bfa1f;border-radius:10px;margin:0 0 14px;padding:11px 12px;font-size:10px;line-height:1.45}.permission-editor-item{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;appearance:none;background:0 0;border-top:0;border-left:0;border-radius:0}.permission-editor-item:hover{background:#7c3aed09}.permission-editor-item:disabled{cursor:not-allowed}.roles-save-bar{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090910f0;border-top:1px solid #7c3aed24;justify-content:space-between;align-items:center;gap:18px;padding:13px 18px;display:flex;position:sticky;bottom:0}.roles-save-bar>div:first-child{flex-direction:column;gap:4px;display:flex}.roles-save-bar strong{color:var(--text-primary);font-size:11px}.roles-save-bar span{color:var(--text-muted);font-size:9px}.roles-save-bar>div:last-child{gap:7px;display:flex}.roles-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000ad;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.roles-modal{background:var(--bg-surface);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;width:min(900px,100%);max-height:min(900px,100vh - 36px);display:flex;overflow:hidden;box-shadow:0 32px 90px #00000080,inset 0 1px #ffffff06}.roles-modal-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.roles-modal-header h2{color:var(--text-primary);letter-spacing:-.025em;margin:6px 0 5px;font-size:22px}.roles-modal-header p{max-width:620px;color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.roles-modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;font-size:18px;display:flex}.roles-modal-form{flex-direction:column;min-height:0;display:flex}.roles-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 24px 15px;display:grid}.roles-modal-grid label{flex-direction:column;gap:7px;display:flex}.roles-modal-grid label span,.roles-modal-permissions>.roles-access-heading span{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:800}.roles-modal-grid input{min-height:38px;color:var(--text-primary);font:inherit;background:#ffffff05;border:1px solid #fff1;border-radius:10px;outline:0;padding:0 11px;font-size:11px}.roles-modal-grid input:focus{border-color:#7c3aed61;box-shadow:0 0 0 3px #7c3aed14}.roles-modal-permissions{flex-direction:column;min-height:0;padding:0 24px 18px;display:flex}.roles-access-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:10px;display:flex}.roles-access-heading>div{flex-direction:column;gap:4px;display:flex}.roles-access-heading strong{color:var(--text-primary);font-size:13px}.roles-access-heading small{color:var(--violet-light);font-size:10px;font-weight:800}.roles-modal-permission-groups{max-height:430px;padding-right:3px;overflow-y:auto}.roles-modal-permission-group{background:#ffffff03;border:1px solid #ffffff0b;border-radius:11px;margin-bottom:10px;overflow:hidden}.roles-modal-permission-heading{color:var(--violet-light);letter-spacing:.12em;background:#ffffff03;border-bottom:1px solid #ffffff0a;padding:9px 11px;font-size:8px;font-weight:800}.roles-modal-permission-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roles-modal-permission{width:100%;min-width:0;color:var(--text-secondary);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff09;border-top:0;border-left:0;grid-template-columns:20px minmax(0,1fr);gap:9px;padding:10px;display:grid}.roles-modal-permission:nth-child(2n){border-right:0}.roles-modal-permission:hover{background:#7c3aed09}.roles-modal-permission.is-selected{background:#7c3aed12}.roles-modal-permission-check{width:20px;height:20px;color:var(--violet-light);border:1px solid #ffffff12;border-radius:6px;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:flex}.roles-modal-permission.is-selected .roles-modal-permission-check{background:#7c3aed24;border-color:#a78bfa3d}.roles-modal-permission>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.roles-modal-permission strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.roles-modal-permission small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;overflow:hidden}.roles-modal-footer{border-top:1px solid #ffffff0e;justify-content:flex-end;gap:8px;padding:14px 24px 18px;display:flex}@media (width<=900px){.roles-header-actions{flex-direction:column-reverse;align-items:flex-start}.roles-modal-permission-list,.roles-modal-grid{grid-template-columns:1fr}.roles-modal-permission{border-right:0}}@media (width<=700px){.roles-save-bar{flex-direction:column;align-items:flex-start}.roles-save-bar>div:last-child{width:100%}.roles-save-bar button{flex:1}.roles-modal-header,.roles-modal-footer,.roles-modal-grid,.roles-modal-permissions{padding-left:16px;padding-right:16px}.roles-access-heading{flex-direction:column;align-items:flex-start}}.settings-page{min-height:100%;padding:34px 38px 48px}.settings-header{justify-content:space-between;margin-bottom:34px;display:flex}.settings-eyebrow,.settings-section-eyebrow{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.settings-header h1{letter-spacing:-.03em;margin:7px 0 8px;font-size:30px}.settings-header p{color:var(--text-secondary);margin:0;font-size:13px}.settings-sections{flex-direction:column;gap:30px;max-width:1050px;display:flex}.settings-section-heading{align-items:center;gap:13px;margin-bottom:13px;display:flex}.settings-section-icon{border:1px solid var(--border);background:#ffffff06;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.settings-section-heading h2{letter-spacing:-.015em;margin:3px 0 0;font-size:16px}.settings-card,.settings-about-card,.settings-system-card{border:1px solid var(--border);background:#ffffff05;border-radius:15px;box-shadow:0 12px 35px #0000001f}.settings-card{justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.settings-card-content{flex-direction:column;gap:6px;display:flex}.settings-card-content strong{font-size:13px}.settings-card-content span{color:var(--text-secondary);font-size:11px}.settings-language-switch{border:1px solid var(--border);background:#00000029;border-radius:10px;gap:7px;padding:4px;display:flex}.settings-language-button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;transition:background .18s,color .18s,transform .18s;display:flex}.settings-language-button:hover{color:var(--text-primary)}.settings-language-button.active{color:var(--text-primary);background:#7c3aed29}.settings-language-button:active{transform:scale(.98)}.settings-theme-badge{border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:flex}.settings-system-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.settings-system-card{flex-direction:column;gap:7px;padding:18px;display:flex}.settings-system-card>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.settings-system-card strong{font-size:13px}.settings-system-card small{color:var(--text-secondary);align-items:center;gap:7px;font-size:10px;display:flex}.settings-about-card{padding:22px}.settings-about-card>div{flex-direction:column;gap:6px;display:flex}.settings-about-card strong{font-size:13px}.settings-about-card span{color:var(--text-secondary);font-size:11px}.settings-about-divider{background:var(--border);height:1px;margin:20px 0}.settings-about-signature span{color:var(--text-muted);font-size:10px}@media (width<=800px){.settings-page{padding:25px 20px 40px}.settings-card{flex-direction:column;align-items:flex-start}.settings-system-grid{grid-template-columns:1fr}}