
:root{
 --bg:#07100a;--surface:#0d1810;--surface2:#132116;--surface3:#19291b;
 --line:#2a412d;--text:#eef6ef;--muted:#9aa99e;
 --green:#82df4f;--green2:#c4f6a5;--soil:#9a6a3a;--wheat:#e4b84f;
 --red:#ff7777;--blue:#65b9e8;--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0!important;background:
 radial-gradient(900px 450px at 50% -150px,rgba(130,223,79,.13),transparent 68%),
 linear-gradient(180deg,#07100a 0%,#08110a 55%,#060c08 100%)!important;
 color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
 line-height:1.55
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:linear-gradient(135deg,#fff 1px,transparent 1px);background-size:7px 7px;z-index:-1}
a{color:var(--green);text-decoration:none}a:hover{color:#d8ffc5}
.ls-global-nav{position:sticky!important;top:0!important;z-index:10000!important;background:rgba(5,11,7,.91)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(130,223,79,.16)!important}
.ls-global-nav-inner{max-width:1360px!important;min-height:64px!important;padding:9px 22px!important}
.ls-global-logo{font-weight:950!important;letter-spacing:-.03em!important;font-size:20px!important}
.ls-global-logo span{color:var(--green)!important}
.ls-global-links{gap:4px!important}
.ls-global-links a{border-radius:10px!important;padding:9px 11px!important}
.ls-global-links a:hover,.ls-global-links a.active{background:rgba(130,223,79,.10)!important;color:#fff!important}
.ls-global-cta{background:linear-gradient(135deg,var(--green),#63bd39)!important;color:#081008!important;border-radius:11px!important;box-shadow:0 7px 24px rgba(130,223,79,.16)}
.wrap{max-width:1360px!important}
main,.wrap{position:relative}
.box,.card,.panel,.server-card,.stat,.tile{
 background:linear-gradient(145deg,rgba(19,33,22,.97),rgba(9,17,11,.98))!important;
 border:1px solid var(--line)!important;border-radius:var(--radius)!important;
 box-shadow:0 14px 45px rgba(0,0,0,.22)!important
}
.box h1,.box h2,.card h2{letter-spacing:-.025em}
button,.btn{border-radius:11px!important;font-weight:800!important;transition:.18s ease!important}
button:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
input,select,textarea{
 background:#07100a!important;color:#fff!important;border:1px solid #315038!important;
 border-radius:11px!important;padding:11px 12px!important
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--green)!important;box-shadow:0 0 0 3px rgba(130,223,79,.11)!important}
table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden}
th{background:#102017!important;color:var(--green2)!important}
td,th{border-color:#203225!important}
.muted{color:var(--muted)!important}.online,.ok{color:var(--green)!important}.offline,.bad{color:var(--red)!important}
.ls-agri-strip{max-width:1360px;margin:18px auto 0;padding:0 22px}
.ls-agri-strip-inner{
 display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid rgba(228,184,79,.17);
 border-radius:13px;background:linear-gradient(90deg,rgba(154,106,58,.10),rgba(130,223,79,.06));color:#d7dfd8;font-size:13px
}
.ls-agri-strip .icon{font-size:20px}.ls-agri-strip strong{color:var(--wheat)}
.ls-footer{max-width:1360px;margin:55px auto 0;padding:26px 22px 38px;border-top:1px solid rgba(130,223,79,.13);color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.ls-footer a{color:var(--muted)}.ls-footer a:hover{color:#fff}
@media(max-width:760px){
 .ls-global-nav-inner{padding:8px 12px!important}
 .ls-global-links{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap!important}
 .ls-global-links a{white-space:nowrap}
 .ls-global-user{display:none}
 .ls-agri-strip{padding:0 12px}
}

/* V59 full-site polish */
:root{
 --ls-bg:#050b07;--ls-surface:#0b160e;--ls-surface-hi:#112017;--ls-line:rgba(154,205,142,.16);
 --ls-accent:#8ee85b;--ls-accent-soft:#bdf5a1;--ls-gold:#e6bb55;--ls-muted:#94a398;
 --ls-danger:#ff7676;--ls-blue:#65b8e6;--ls-radius:20px;
}
body{
 background:
 radial-gradient(900px 420px at 50% -160px,rgba(142,232,91,.14),transparent 68%),
 radial-gradient(600px 300px at 100% 25%,rgba(230,187,85,.045),transparent 70%),
 #050b07!important;
}
body:after{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
 background:linear-gradient(120deg,transparent 0 35%,rgba(255,255,255,.008) 50%,transparent 65%);
}
h1,h2,h3,h4{letter-spacing:-.035em}
h1{font-size:clamp(30px,4vw,48px)!important}
h2{font-size:clamp(20px,2vw,28px)!important}
.wrap,.container,.content{max-width:1360px!important}
main{min-height:65vh}
.box,.card,.panel,.server-card,.stat,.tile{
 border-color:var(--ls-line)!important;
 background:linear-gradient(145deg,rgba(16,31,20,.96),rgba(7,15,10,.98))!important;
 box-shadow:0 16px 50px rgba(0,0,0,.22)!important;
}
.box:hover,.card:hover,.server-card:hover{border-color:rgba(142,232,91,.28)!important}
.btn,button{
 background:linear-gradient(135deg,#8ee85b,#62bd3b)!important;
 color:#071008!important;border:0!important;
 box-shadow:0 7px 22px rgba(110,200,67,.12)!important;
}
.btn.secondary,button.secondary{background:#142218!important;color:#d8e5da!important;border:1px solid var(--ls-line)!important}
.btn.danger,button.danger{background:linear-gradient(135deg,#d95757,#9e3838)!important;color:#fff!important}
input,select,textarea{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.badge,.chip,.tag{
 border-color:var(--ls-line)!important;background:rgba(8,18,11,.85)!important;
}
table{box-shadow:0 10px 35px rgba(0,0,0,.15)}
tbody tr{transition:.16s ease}tbody tr:hover{background:rgba(142,232,91,.035)!important}
.ls-global-nav-inner{max-width:1360px!important}
.ls-global-nav{box-shadow:0 12px 40px rgba(0,0,0,.32)!important}
.ls-global-logo{display:inline-flex!important;align-items:center;gap:3px}
.ls-global-logo:after{content:"LIVE";font-size:8px;letter-spacing:.12em;background:rgba(142,232,91,.12);color:var(--ls-accent);border:1px solid rgba(142,232,91,.18);border-radius:999px;padding:3px 5px;margin-left:5px}
.ls-agri-strip{max-width:1360px!important}
.ls-agri-strip-inner{box-shadow:0 8px 30px rgba(0,0,0,.14)!important}
.ls-page-hero{
 max-width:1360px;margin:24px auto 18px;padding:32px 22px;
 border:1px solid var(--ls-line);border-radius:24px;
 background:linear-gradient(135deg,rgba(19,42,24,.9),rgba(8,17,11,.96));
 box-shadow:0 20px 65px rgba(0,0,0,.25);
}
.ls-page-hero .eyebrow{color:var(--ls-accent);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.ls-page-hero p{max-width:720px;color:#aebbb2}
.ls-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:28px 0 14px}
.ls-section-head .muted{font-size:13px}
.ls-empty{
 padding:34px 22px;text-align:center;border:1px dashed var(--ls-line);
 border-radius:16px;background:rgba(10,20,13,.5);color:var(--ls-muted)
}
.ls-server-card{
 position:relative;overflow:hidden;padding:20px;
 background:linear-gradient(145deg,#102116,#09130c)!important;
}
.ls-server-card:before{
 content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ls-accent);
 opacity:.65
}
.ls-server-card .status{
 display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;
 background:rgba(142,232,91,.08);color:var(--ls-accent);border:1px solid rgba(142,232,91,.15)
}
.ls-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ls-kpi{padding:17px;border:1px solid var(--ls-line);border-radius:16px;background:#0a150d}
.ls-kpi strong{display:block;font-size:25px;line-height:1.1;margin-top:5px}
.ls-kpi span{font-size:12px;color:var(--ls-muted)}
.ls-kpi .icon{font-size:18px}
.ls-divider{height:1px;background:var(--ls-line);margin:22px 0}
.ls-footer{max-width:1360px!important}
@media(max-width:850px){.ls-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ls-page-hero{margin:16px 12px;padding:24px 18px}.ls-kpis{gap:8px}.ls-kpi{padding:13px}.ls-kpi strong{font-size:20px}}

/* V77 right rail layout */
body{padding-right:304px!important}
.ls-sidebar{position:fixed;z-index:11000;top:0;right:0;width:304px;height:100vh;overflow-y:auto;padding:20px 16px 26px;background:linear-gradient(180deg,#0a160c 0%,#071009 100%);border-left:1px solid rgba(130,223,79,.16);box-shadow:-16px 0 45px rgba(0,0,0,.25)}
.ls-side-brand{padding:6px 8px 18px;border-bottom:1px solid rgba(130,223,79,.12);margin-bottom:16px}
.ls-side-brand a{display:flex;align-items:baseline;gap:2px;font-size:19px;color:#f2f8f2;font-weight:900}.ls-side-brand strong{color:var(--ls-accent)}.ls-side-brand small{color:var(--ls-accent);font-size:12px}
.ls-side-section{padding:0 0 18px;margin-bottom:17px;border-bottom:1px solid rgba(130,223,79,.1)}
.ls-side-title{font-size:10px;font-weight:900;letter-spacing:.15em;color:#738779;margin:0 7px 8px}
.ls-side-section>a{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:10px;color:#c8d4ca;font-size:13px}
.ls-side-section>a:hover,.ls-side-section>a.active{background:rgba(130,223,79,.09);color:#fff}
.ls-side-user{padding:11px;border:1px solid var(--ls-line);background:#0b180e;border-radius:11px;font-size:13px;color:#dce8de;margin-bottom:8px}
.ls-side-login-form input{width:100%;margin:0 0 7px;padding:10px!important;font-size:12px}
.ls-side-login-form button{width:100%;padding:10px;border-radius:10px;font-size:12px}
.ls-side-register{font-size:11px!important;color:var(--ls-muted)!important;padding:8px 2px!important}
.ls-side-button{justify-content:center;background:linear-gradient(135deg,#8ee85b,#62bd3b)!important;color:#071008!important;font-weight:900!important}
.ls-side-logout{font-size:11px!important;color:#ffaaa8!important;padding:8px 2px!important}
.ls-map-list{display:flex;flex-direction:column;gap:3px}
.ls-map-list a{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 9px!important;border-radius:9px!important;color:#b9c9bb!important;font-size:12px!important}
.ls-map-list a:hover{background:rgba(130,223,79,.07);color:#fff!important}
.ls-map-list em{font-style:normal;color:#748878;font-size:10px;background:#0c1a0f;padding:2px 6px;border-radius:999px}
.ls-side-empty{font-size:12px;color:var(--ls-muted);padding:6px}
.ls-mobile-menu,.ls-sidebar-backdrop{display:none}
.ls-agri-strip,.ls-footer{margin-right:0!important}
body>.ls-agri-strip{max-width:calc(1360px - 304px)}
body>.ls-footer{max-width:calc(1360px - 304px)}
@media(max-width:900px){
 body{padding-right:0!important}
 .ls-sidebar{width:min(310px,88vw);transform:translateX(105%);transition:transform .22s ease}
 body.ls-menu-open .ls-sidebar{transform:translateX(0)}
 .ls-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10999}
 body.ls-menu-open .ls-sidebar-backdrop{display:block}
 .ls-mobile-menu{display:flex;position:fixed;right:12px;top:12px;z-index:12000;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(130,223,79,.25);border-radius:11px;background:#0a170d;color:#fff;font-size:20px;box-shadow:0 8px 25px rgba(0,0,0,.3)}
 .ls-agri-strip,.ls-footer{max-width:100%!important}
}

/* LS-Serverliste.de – V2 visual system */
:root{--ls-v2-green:#75dd45;--ls-v2-green2:#9aef70;--ls-v2-bg:#050b07;--ls-v2-panel:#0b170d;--ls-v2-line:#243e2a;--ls-v2-muted:#91a096}
body{background:#050b07!important;color:#eef6ef!important}
main{position:relative}
.auth-page-v85,.page-wrap,.content-wrap,.form-page,.dashboard,.settings-page{color:#eef6ef}
.auth-page-v85>*,.page-wrap>*,.content-wrap>*,.form-page>*,.dashboard>*,.settings-page>*{border-color:var(--ls-v2-line)}
input,select,textarea{background:#07100a!important;border:1px solid #315038!important;color:#fff!important;border-radius:10px!important}
button,.btn{background:linear-gradient(135deg,#89ea57,#61b938)!important;color:#071008!important;border-radius:9px!important;border:0!important}
.btn.secondary{background:#101d12!important;color:#dce8dd!important;border:1px solid #304934!important}
.box,.card,.panel,.content-card,.page-card{background:linear-gradient(180deg,#0d1d12,#09140b)!important;border:1px solid #253f2b!important;border-radius:15px!important}
