:root{--bg-light:#dff1ff;--bg-dark:#031026;--card-light:#fff;--card-dark:#071a33;--border-light:#6ec6ff;--border-dark:#1e4d99;--text-light:#031026;--text-dark:#dff1ff;--accent:#00aaff;--accent-soft:#33cfff;--font:system-ui,"Segoe UI",sans-serif;--glass-light:rgba(0,170,255,.22);--glass-dark:rgba(0,85,170,.22);--glass-border-light:rgba(0,170,255,.55);--glass-border-dark:rgba(0,85,170,.65);--glass-shadow-light:0 0 22px rgba(0,170,255,.45);--glass-shadow-dark:0 0 28px rgba(0,85,170,.55)}
body{background:var(--bg-light);color:var(--text-light);font-family:var(--font);margin:0}
body[data-theme=dark],body[data-theme=auto].dark-active{background:var(--bg-dark);color:var(--text-dark)}
.container{max-width:1200px;margin:0 auto;padding:16px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(14px);box-shadow:var(--glass-shadow-light);border-radius:12px;padding:12px 16px;position:relative;z-index:1000}
body[data-theme=dark] header,body[data-theme=auto].dark-active header{background:var(--glass-dark);border-color:var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}
header .left{display:flex;align-items:center;gap:10px}
header .left img{height:36px}
header .right{display:flex;gap:10px;flex-wrap:wrap}
.theme-switch-buttons{display:flex;border:2px solid var(--accent);border-radius:20px;overflow:hidden}
.theme-switch-buttons button{height:28px;min-width:60px;padding:0 10px;border:0;cursor:pointer;background:var(--card-light);color:var(--text-light)}
body[data-theme=dark] .theme-switch-buttons button,body[data-theme=auto].dark-active .theme-switch-buttons button{background:var(--card-dark);color:var(--text-dark)}
.theme-switch-buttons button.active{background:var(--accent);color:#fff}
body[data-theme=dark] .theme-switch-buttons button.active,body[data-theme=auto].dark-active .theme-switch-buttons button.active{background:var(--accent-soft)}
.language-dropdown{position:relative;z-index:1100}
.language-button{height:28px;padding:0 10px;display:flex;align-items:center;gap:6px;cursor:pointer;background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(10px);border-radius:6px;color:var(--text-light)!important}
body[data-theme=dark] .language-button,body[data-theme=auto].dark-active .language-button{color:var(--text-dark)!important}
.language-list{display:none;position:absolute;top:32px;right:0;padding:4px 0;z-index:1200;background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(10px);border-radius:6px}
.language-list.open{display:block}
body[data-theme=dark] .language-list,body[data-theme=auto].dark-active .language-list{background:var(--glass-dark);border-color:var(--glass-border-dark)}
.lang-item{display:flex;align-items:center;gap:6px;padding:4px 10px;cursor:pointer;color:var(--text-light)}
body[data-theme=dark] .lang-item,body[data-theme=auto].dark-active .lang-item{color:var(--text-dark)}
.flag{width:20px;height:14px;object-fit:cover}
.nav{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.nav a{flex:1 1 auto;padding:6px 12px;border-radius:6px;text-decoration:none;color:var(--text-light);background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(10px);transition:.25s ease;box-shadow:0 0 12px rgba(0,170,255,.35)}
.nav a:hover{transform:translateY(-2px);box-shadow:var(--neon-strong)}
.nav a.active{border-color:var(--accent);background:rgba(0,170,255,.22);color:var(--accent);box-shadow:var(--neon-strong)}
body[data-theme=dark] .nav a,body[data-theme=auto].dark-active .nav a{background:var(--glass-dark);border-color:var(--glass-border-dark);color:var(--text-dark)}
@media(max-width:600px){.nav{flex-wrap:wrap;gap:.4rem;padding:.25rem}.nav a{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:1 1 100%;padding:.8rem;font-size:1rem;border-radius:6px;white-space:normal;background:var(--glass-light);border:1px solid var(--glass-border-light);color:var(--text-light);backdrop-filter:blur(8px)}body[data-theme=dark] .nav a,body[data-theme=auto].dark-active .nav a{background:var(--glass-dark);border-color:var(--glass-border-dark);color:var(--text-dark)}}
@media(max-width:640px){header{display:flex;flex-direction:column;width:100%;gap:10px;align-items:stretch;padding:.25rem}header .left{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-start;order:1}header .left img{height:32px}header .left span{font-size:16px;font-weight:600}header .right{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;order:2;flex-wrap:nowrap}.status-led{font-size:18px;flex-shrink:0}.theme-switch-buttons{flex-shrink:1}.theme-switch-buttons button{padding:4px 8px;font-size:13px;min-width:50px}.language-button{padding:4px 8px;font-size:13px;flex-shrink:0}}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.full{grid-column:span 4}
@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}.full{grid-column:span 2}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.full{grid-column:span 1}}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}
.box,.card{background:var(--glass-light);border:1px solid var(--glass-border-light);border-radius:12px;padding:14px 16px;backdrop-filter:blur(14px);box-shadow:0 0 18px rgba(0,170,255,.35);transition:.25s ease}
.box:hover,.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--neon-strong)}
body[data-theme=dark] .box,body[data-theme=dark] .card,body[data-theme=auto].dark-active .box,body[data-theme=auto].dark-active .card{background:var(--glass-dark);border-color:var(--glass-border-dark);box-shadow:0 0 18px rgba(96,165,250,.45)}
body[data-theme=dark] .box:hover,body[data-theme=dark] .card:hover,body[data-theme=auto].dark-active .box:hover,body[data-theme=auto].dark-active .card:hover{box-shadow:var(--neon-strong)}
table{width:100%;border-collapse:collapse;font-size:12px}
td{padding:3px 0;border-bottom:1px solid var(--border-light)}
td:last-child{text-align:right}
.bbclone-footer{margin-top:16px;font-size:11px;text-align:center;opacity:.85;background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow-light);border-radius:10px;padding:10px}
body[data-theme=dark] .bbclone-footer,body[data-theme=auto].dark-active .bbclone-footer{background:var(--glass-dark);border-color:var(--glass-border-dark)}
#error-panel{position:fixed;bottom:20px;right:20px;max-width:300px;padding:12px 16px;font-size:13px;display:none;z-index:9999;background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow-light);border-radius:10px}
body[data-theme=dark] #error-panel,body[data-theme=auto].dark-active #error-panel{background:var(--glass-dark);border-color:var(--glass-border-dark)}
#backToTop{position:fixed;bottom:20px;right:20px;width:32px;height:32px;font-size:18px;line-height:32px;text-align:center;cursor:pointer;opacity:0;pointer-events:none;transition:.3s ease;z-index:9999;background:var(--glass-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(10px);border-radius:6px}
#backToTop:hover{transform:scale(1.15);background:rgba(59,130,246,.25)}
body[data-theme=dark] #backToTop,body[data-theme=auto].dark-active #backToTop{background:var(--glass-dark);border-color:var(--glass-border-dark)}
.loadtime{font-family:Arial,Helvetica,sans-serif;color:#606680;font-size:6pt;text-align:center}
.bar-container{width:160px;height:10px;background:rgba(255,255,255,.12);border-radius:6px;overflow:hidden}
.bar{height:100%;background:linear-gradient(90deg,rgba(0,120,255,.8),rgba(0,180,255,.9));border-radius:6px}
.bar-wrapper{display:flex;align-items:center;gap:6px;width:auto}
.bar-percent{width:40px;text-align:right}
.bar-value{width:80px;text-align:right}
.stat-row{display:flex;align-items:center;gap:6px;margin-top:4px}
:root{--neon-strong:0 0 22px rgba(0,170,255,.95),0 0 42px rgba(0,170,255,.75),0 0 62px rgba(0,170,255,.55)}
body[data-theme=dark],body[data-theme=auto].dark-active{--neon-strong:0 0 26px rgba(96,165,250,1),0 0 46px rgba(96,165,250,.85),0 0 66px rgba(96,165,250,.65)}
.visitors-table tr:hover td{background:rgba(0,120,255,.12);transition:background .15s ease}
body[data-theme=dark] .visitors-table tr:hover td,body[data-theme=auto].dark-active .visitors-table tr:hover td{background:rgba(96,165,250,.18)}
.visitors-table tr.robot-row:hover td{background:rgba(255,80,80,.2)!important}
body[data-theme=dark] .visitors-table tr.robot-row:hover td,body[data-theme=auto].dark-active .visitors-table tr.robot-row:hover td{background:rgba(255,80,80,.28)!important}