/* VirtualMix style.css - odchudzony bez zmiany wyglądu
   Zakres: usunięte komentarze i identyczne duplikaty reguł; różniące się style per zakładka zostawione.
*/

body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
    margin: 0;
}

header {
    background-color: #1e90ff;
    color: white;
    padding: 15px;
    text-align: center;
}

header a {
    color: white;
    text-decoration: none;
    float: right;
    margin-right: 20px;
}

aside {
    width: 200px;
    background-color: #333;
    color: white;
    float: left;
    height: 100vh;
    padding-top: 20px;
}

aside ul {
    list-style-type: none;
    padding: 0;
}

aside ul li {
    padding: 10px;
    text-align: center;
}

aside ul li a {
    color: white;
    text-decoration: none;
    display: block;
}

aside ul li a:hover {
    background-color: #555;
}

main {
    margin-left: 200px;
    padding: 20px;
}

.login-box {
    width: 300px;
    margin: 100px auto;
    padding: 30px;
    background: white;
    box-shadow: 0 0 10px #aaa;
    text-align: center;
}

.login-box input {
    width: 90%;
    padding: 10px;
    margin: 10px 0;
}

.login-box button {
    padding: 10px 20px;
    background-color: #1e90ff;
    color: white;
    border: none;
    cursor: pointer;
}

.login-box button:hover {
    background-color: #0b68c6;
}

.error {
    color: red;
    margin-top: 10px;
}

body.vm-page-aaaaaaa{ font-family: system-ui, sans-serif; background: #0b1930; color: #fff; padding: 30px; }
                body.vm-page-aaaaaaa .card{ background: #143a72; padding: 20px; border-radius: 12px; max-width: 900px; }
                body.vm-page-aaaaaaa pre{ white-space: pre-wrap; }

:root{
            --bg-a: #0a4799;
            --bg-b: #063574;
            --accent: #ff7b00;
            --accent-2: #ff8f2b;
            --text: rgba(255,255,255,.94);
            --muted: rgba(255,255,255,.72);
            --panel: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), linear-gradient(200deg, var(--bg-a), var(--bg-b));
            --panel-soft: rgba(255,255,255,.08);
            --border: rgba(255,255,255,.14);
            --shadow: 0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35);
            --radius: 14px;
        }

        body.vm-page-aaaaaaa *{ box-sizing: border-box; }
        html{ scrollbar-gutter: stable; }
        body.vm-page-aaaaaaa{
            margin: 0;
            color: var(--text);
            font-family: "Segoe UI", sans-serif;
            background:
                radial-gradient(circle at 20% 30%, #ff8c00 0%, transparent 60%),
                radial-gradient(circle at 80% 20%, #ff6a00 0%, transparent 50%),
                radial-gradient(circle at 40% 80%, #ff9e2c 0%, transparent 60%),
                #ff7b00;
        }

        body.vm-page-aaaaaaa a{ color: inherit; }
        body.vm-page-aaaaaaa input, body.vm-page-aaaaaaa textarea, body.vm-page-aaaaaaa select, body.vm-page-aaaaaaa button{ font: inherit; }

        body.vm-page-aaaaaaa .topbar, body.vm-page-aaaaaaa .footer-bar, body.vm-page-aaaaaaa .sidebar, body.vm-page-aaaaaaa .card{
            background: var(--panel);
        }

        body.vm-page-aaaaaaa .topbar{
            position: fixed;
            inset: 0 0 auto 0;
            z-index: 1000;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            border-bottom: 1px solid rgba(255,255,255,.10);
            box-shadow: 0 4px 12px rgba(0,0,0,.5);
        }

        body.vm-page-aaaaaaa .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
        body.vm-page-aaaaaaa .menu-top{ display: flex; gap: 28px; align-items: center; font-size: 28px; }
        body.vm-page-aaaaaaa .menu-top a{ transition: color .2s ease, text-shadow .2s ease; }
        body.vm-page-aaaaaaa .menu-top a:hover{ color: #fff4df; text-shadow: 0 0 10px rgba(255,123,0,.45); }

        body.vm-page-aaaaaaa .logout{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 15px;
            border-radius: 10px;
            border: 1px solid #016fde;
            background: #fff;
            color: #016fde;
            font-weight: 700;
            text-decoration: none;
            box-shadow: 0 2px 6px rgba(0,0,0,.3);
            transition: .2s ease;
        }

        body.vm-page-aaaaaaa .logout:hover{ background: #016fde; color: #fff; }

        body.vm-page-aaaaaaa .sidebar{
            position: fixed;
            top: 80px;
            bottom: 30px;
            left: 0;
            width: 350px;
            overflow-y: auto;
            padding: 12px 0;
            border-right: 1px solid rgba(255,255,255,.10);
            box-shadow: 6px 0 16px -6px rgba(0,0,0,.45);
        }

        body.vm-page-aaaaaaa .sidebar h3{
            margin: 10px 0;
            padding: 8px 14px;
            font-size: 18px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 1px;
            background: linear-gradient(90deg, #ff6a00 20%, #ff7b00 50%, #ff8f2b 80%);
            border-top: 1px solid rgba(255,255,255,.08);
            border-bottom: 1px solid rgba(0,0,0,.4);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.35);
        }

        body.vm-page-aaaaaaa .sidebar ul{ margin: 0; padding: 0; list-style: none; }
        body.vm-page-aaaaaaa .sidebar li + li{ margin-top: 2px; }
        body.vm-page-aaaaaaa .sidebar ul a{
            position: relative;
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 0 8px;
            padding: 10px 12px;
            border-radius: 8px;
            text-decoration: none;
            color: var(--text);
            transition: .2s ease;
        }

        body.vm-page-aaaaaaa .sidebar ul a:hover, body.vm-page-aaaaaaa .sidebar ul a.active{
            background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02));
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(74,168,255,.35);
        }

        body.vm-page-aaaaaaa .sidebar ul a::before{
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            border-radius: 8px 0 0 8px;
            background: linear-gradient(180deg, var(--accent), var(--accent-2));
            opacity: 0;
        }

        body.vm-page-aaaaaaa .sidebar ul a:hover::before, body.vm-page-aaaaaaa .sidebar ul a.active::before{ opacity: 1; }
        body.vm-page-aaaaaaa .sidebar ul a i{ width: 20px; text-align: center; color: rgba(255,255,255,.9); }

        body.vm-page-aaaaaaa .online-header{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        body.vm-page-aaaaaaa .online-header .count, body.vm-page-aaaaaaa .pill{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 26px;
            padding: 0 8px;
            height: 22px;
            border-radius: 999px;
            background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
            color: #fff;
            font-size: 12px;
            font-weight: 900;
            box-shadow: 0 0 6px rgba(46,204,113,.6), 0 0 0 2px rgba(46,204,113,.3);
        }

        body.vm-page-aaaaaaa .online-users{ padding: 0 12px; }
        body.vm-page-aaaaaaa .online-users li{
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 6px;
            padding: 8px 10px;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,.08);
            background: rgba(255,255,255,.04);
        }

        body.vm-page-aaaaaaa .online-users .nickname{
            position: relative;
            padding-left: 16px;
            font-weight: 800;
        }

        body.vm-page-aaaaaaa .online-users .nickname::before{
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            transform: translateY(-50%);
            background: #2ecc71;
            box-shadow: 0 0 6px rgba(46,204,113,.7);
        }

        body.vm-page-aaaaaaa .online-users .time{
            margin-left: auto;
            padding: 2px 8px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,.15);
            background: rgba(255,255,255,.08);
            font-size: 12px;
            color: var(--muted);
        }

        body.vm-page-aaaaaaa .main{
            margin-left: 350px;
            padding: 100px 20px 50px;
        }

        body.vm-page-aaaaaaa .cards-grid{
            display: grid;
            gap: 18px;
        }

        body.vm-page-aaaaaaa .card{
            border: 1px solid var(--border);
            border-radius: var(--radius);
            padding: 20px;
            box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.06);
        }

        body.vm-page-aaaaaaa .subnote{
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 6px 0 18px;
            padding: 14px 16px;
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,.22);
            background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
        }

        body.vm-page-aaaaaaa .profile-grid{
            display: grid;
            grid-template-columns: 1.2fr .8fr;
            gap: 22px;
        }

        body.vm-page-aaaaaaa .form-group{ display: grid; gap: 8px; margin-bottom: 14px; }
        body.vm-page-aaaaaaa .form-row-3{
            display: grid;
            grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr);
            gap: 16px;
            align-items: start;
        }

        body.vm-page-aaaaaaa label{
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: .4px;
            color: rgba(255,255,255,.92);
        }

        body.vm-page-aaaaaaa input[type="text"], body.vm-page-aaaaaaa input[type="email"], body.vm-page-aaaaaaa input[type="password"], body.vm-page-aaaaaaa input[type="url"], body.vm-page-aaaaaaa textarea{
            width: 100%;
            padding: 12px;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,.22);
            background: rgba(255,255,255,.08);
            color: #fff;
            outline: none;
        }

        body.vm-page-aaaaaaa textarea{
            min-height: 110px;
            resize: vertical;
        }

        body.vm-page-aaaaaaa .inline-check{
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 8px;
        }

        body.vm-page-aaaaaaa .inline-check.disabled{
            color: rgba(255,255,255,.55);
        }

        body.vm-page-aaaaaaa .inline-check input[type="checkbox"]{
            transform: scale(1.25);
            transform-origin: left center;
            cursor: pointer;
        }

        body.vm-page-aaaaaaa .permission-card{
            margin-top: 16px;
            background: rgba(232, 106, 0, 0.26);
        }

        body.vm-page-aaaaaaa .checkbox-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        body.vm-page-aaaaaaa .checkbox-grid label{
            display: flex;
            align-items: center;
            gap: 8px;
            text-transform: none;
            font-size: 15px;
        }

        body.vm-page-aaaaaaa .btn-row{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 16px;
        }

        body.vm-page-aaaaaaa .btn, body.vm-page-aaaaaaa .btn-avatar{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 16px;
            border: 1px solid #016fde;
            border-radius: 12px;
            cursor: pointer;
            text-decoration: none;
            font-weight: 700;
            transition: .2s ease;
        }

        body.vm-page-aaaaaaa .btn{
            background: #fff;
            color: #016fde;
            box-shadow: 0 2px 6px rgba(0,0,0,.3);
        }

        body.vm-page-aaaaaaa .btn:hover, body.vm-page-aaaaaaa .btn-avatar:hover{
            background: #016fde;
            color: #fff;
        }

        body.vm-page-aaaaaaa .btn-primary{
            background: linear-gradient(180deg, #ff7b00 0%, #e86a00 100%);
            border-color: #ff7b00;
            color: #fff;
        }

        body.vm-page-aaaaaaa .btn-ghost{
            background: transparent;
            color: #fff;
            border-color: rgba(255,255,255,.35);
        }

        body.vm-page-aaaaaaa .btn-avatar{
            width: 120px;
            padding: 10px 15px;
            background: #fff;
            color: #016fde;
        }

        body.vm-page-aaaaaaa .avatar-panel{ padding-top: 50px; text-align: center; }
        body.vm-page-aaaaaaa .avatar-ring{
            display: grid;
            place-items: center;
            width: 205px;
            height: 205px;
            margin: 0 auto 20px;
            padding: 6px;
            border-radius: 50%;
            background: var(--accent);
            box-shadow: 0 6px 16px rgba(0,0,0,.4);
        }

        body.vm-page-aaaaaaa .avatar-wrap{
            display: grid;
            place-items: center;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            overflow: hidden;
            background: rgba(255,255,255,.12);
        }

        body.vm-page-aaaaaaa .avatar-wrap img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        body.vm-page-aaaaaaa .avatar-placeholder{ font-size: 40px; }
        body.vm-page-aaaaaaa .helper-muted{ font-size: 13px; color: #d9e6ff; opacity: .85; }

        body.vm-page-aaaaaaa .flash{
            padding: 12px 16px;
            margin-bottom: 12px;
            border-radius: 10px;
            font-weight: 700;
            box-shadow: 0 6px 16px rgba(0,0,0,.35);
        }

        body.vm-page-aaaaaaa .flash.success{
            background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
        }

        body.vm-page-aaaaaaa .flash.error{
            background: #c0392b;
        }

        body.vm-page-aaaaaaa .footer-bar{
            position: fixed;
            inset: auto 0 0 0;
            height: 70px;
            padding: 5px 15px;
            border-top: 1px solid rgba(255,255,255,.10);
            box-shadow: 0 -2px 6px rgba(0,0,0,.4);
        }

        body.vm-page-aaaaaaa .footer-top{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            padding-top: 5px;
            font-size: 24px;
            white-space: nowrap;
        }

        body.vm-page-aaaaaaa .footer-top span{
            display: flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
        }

        body.vm-page-aaaaaaa .marquee-box{
            position: relative;
            max-width: 140px;
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
        }

        body.vm-page-aaaaaaa .marquee-content{ display: inline-block; will-change: transform; }
        body.vm-page-aaaaaaa .marquee-content.marquee{ animation: marquee 12s linear infinite; padding-left: 40px; }
        body.vm-page-aaaaaaa .footer-bottom{ text-align: center; font-size: 20px; }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }

        @media (max-width: 1100px) {
            body.vm-page-aaaaaaa .profile-grid, body.vm-page-aaaaaaa .form-row-3, body.vm-page-aaaaaaa .checkbox-grid{ grid-template-columns: 1fr; }
        }

        @media (max-width: 900px) {
            body.vm-page-aaaaaaa .sidebar{
                position: static;
                width: auto;
                height: auto;
            }

            body.vm-page-aaaaaaa .main{
                margin-left: 0;
                padding-top: 110px;
            }
        }
body.vm-page-autopilot{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-autopilot::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-autopilot .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-autopilot .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-autopilot .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-autopilot .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-autopilot .topbar .menu-top a:hover, body.vm-page-autopilot .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-autopilot .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-autopilot .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

:root{ --sb-blue1: rgba(1,111,222,1); --sb-blue2: rgba(0,90,180,1); --sb-orange:#ff7b00; --sb-white:#fff; }
body.vm-page-autopilot .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-autopilot .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-autopilot .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-autopilot .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-autopilot .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-autopilot .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-autopilot .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-autopilot .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-autopilot .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-autopilot .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-autopilot .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-autopilot .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-autopilot .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-autopilot .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-autopilot .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-autopilot .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-autopilot .card-welcome h2{ text-align:center; }

body.vm-page-autopilot table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-autopilot thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-autopilot tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-autopilot tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-autopilot tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-autopilot .users-table{ table-layout: auto !important; }
body.vm-page-autopilot .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-autopilot .users-table th:last-child, body.vm-page-autopilot .users-table td:last-child{ border-right:none; }
body.vm-page-autopilot .users-table td{ text-align:center; }

body.vm-page-autopilot .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-autopilot .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-autopilot .online-users .nickname{ font-weight:bold; }
body.vm-page-autopilot .online-users .time{ font-size:13px; }
body.vm-page-autopilot .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-autopilot .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-autopilot .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-autopilot .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-autopilot .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-autopilot .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-autopilot .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-autopilot .top-flash{ transition:none; } }

body.vm-page-autopilot #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-autopilot #chat-table th:nth-child(1), body.vm-page-autopilot #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-autopilot #chat-table th:nth-child(2), body.vm-page-autopilot #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-autopilot #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-autopilot #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-autopilot #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-autopilot #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-autopilot .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-autopilot .cmodal-overlay[hidden]{display:none;}
body.vm-page-autopilot .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}

body.vm-page-autopilot .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
@keyframes cmodalIn{from{opacity:0; transform:translateY(20px) scale(.98)} to{opacity:1; transform:translateY(0) scale(1)}}
body.vm-page-autopilot .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-autopilot .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-autopilot .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-autopilot .cmodal-close:hover{opacity:1;}
body.vm-page-autopilot .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-autopilot .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-autopilot .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-autopilot .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-autopilot #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

@keyframes pulseUnread {
  0%,100% { text-shadow: 0 0 6px rgba(255,0,0,.9); }
  50%     { text-shadow: 0 0 16px rgba(255,0,0,1); }
}

body.vm-page-autopilot #menu-mail{ position: relative; }
body.vm-page-autopilot .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-autopilot #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-autopilot #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-autopilot .chat-form{
  display:flex; gap:10px; margin:10px 0;
}
body.vm-page-autopilot .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-autopilot .chat-input::placeholder{
  color: rgba(255,255,255,.75);
}
body.vm-page-autopilot .chat-input:hover{
  background: rgba(255,255,255,.10);
}
body.vm-page-autopilot .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-autopilot .chat-form:focus-within{
  filter: drop-shadow(0 0 8px rgba(255,123,0,.20));
}

body.vm-page-autopilot .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-autopilot .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-autopilot .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-autopilot .footer-top .label{ flex:0 0 auto; }
body.vm-page-autopilot .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-autopilot .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-autopilot .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
@keyframes marquee{ 0%{transform:translateX(0%)} 100%{transform:translateX(-100%)} }
body.vm-page-autopilot .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-autopilot .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-autopilot{ zoom:.89; }
  body.vm-page-autopilot .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-autopilot .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-autopilot .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-autopilot .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-autopilot .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-autopilot .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-autopilot .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-autopilot .footer-top img{ height:26px; width:26px; }
  body.vm-page-autopilot .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-autopilot .chat-ops button[disabled]{
  opacity:.35;
  cursor:not-allowed !important;
}
body.vm-page-autopilot .chat-ops button[disabled]:hover{
  color:inherit;
}

body.vm-page-autopilot .role-admin{
  font-weight:800;
  font-size: 18px;
  color:#ff4d4f;
  text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-autopilot .role-prez{
  font-weight:800;
  font-size: 18px;
  color:#2ecc71;
  text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-autopilot #chat-table td.chat-ops{
  white-space:nowrap;
  text-align:center;
  padding:8px 6px;
}
body.vm-page-autopilot #chat-table td.chat-ops .ops{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}

body.vm-page-autopilot #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}

body.vm-page-autopilot #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}

body.vm-page-autopilot #chat-table td.chat-ops .ico[disabled]{
  opacity:.4; filter:grayscale(100%);
  pointer-events:none; cursor:not-allowed;
}

body.vm-page-autopilot .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-autopilot .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-autopilot .btn:active{ transform:translateY(1px); }
body.vm-page-autopilot .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-autopilot .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-autopilot .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-autopilot .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-autopilot .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-autopilot .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

:root{
  --vm-bg:       #0b0f18;
  --vm-surface:  rgba(255,255,255,.04);
  --vm-surface2: rgba(255,255,255,.06);
  --vm-text:     rgba(255,255,255,.92);
  --vm-muted:    rgba(255,255,255,.70);
  --vm-orange:   #ff7b00;
  --vm-orange2:  #ff8f2b;
  --vm-blue:     #016FDE;
}

body.vm-page-autopilot .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-autopilot .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-autopilot .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-autopilot .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-autopilot .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-autopilot .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-autopilot .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-autopilot .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-autopilot .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-autopilot .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-autopilot .online-header{ color: var(--vm-text) !important; }
body.vm-page-autopilot .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-autopilot .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-autopilot .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-autopilot .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-autopilot .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-autopilot .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-autopilot .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-autopilot .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-autopilot .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-autopilot .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-autopilot .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-autopilot .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-autopilot .online-users .nickname{ margin-right: 8px; }
body.vm-page-autopilot .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-autopilot .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-autopilot .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-autopilot .card h1, body.vm-page-autopilot .card h2, body.vm-page-autopilot .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-autopilot .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-autopilot .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-autopilot .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-autopilot .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-autopilot .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-autopilot .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-autopilot .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-autopilot .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

:root{
  --vm-blue-a: #0a4799;
  --vm-blue-b: #063574;
}

body.vm-page-autopilot .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-autopilot .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-autopilot .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-autopilot .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-autopilot .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-autopilot .online-users .nickname, body.vm-page-autopilot .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-autopilot .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-autopilot .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-autopilot .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-autopilot .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-autopilot .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-autopilot .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-autopilot #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-autopilot .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-autopilot .nav-btn{ display:none; }
  body.vm-page-autopilot .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-autopilot .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-autopilot .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-autopilot .nav-btn{ display: none !important; }
}

body.vm-page-autopilot a.nav-btn, body.vm-page-autopilot a.nav-btn:link, body.vm-page-autopilot a.nav-btn:visited, body.vm-page-autopilot a.nav-btn:hover, body.vm-page-autopilot a.nav-btn:active, body.vm-page-autopilot a.nav-btn:focus, body.vm-page-autopilot a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-autopilot a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-autopilot a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-centrum{
                margin:0;
                min-height:100vh;
                font-family:"Segoe UI",sans-serif;
                color:#fff;
                display:grid;
                place-items:center;
                background:
                  radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
                  radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
                  radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
                  #FF7B00;
            }
            body.vm-page-centrum .box{
                width:min(92vw,720px);
                background:
                  linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
                  linear-gradient(200deg, #0a4799 0%, #063574 100%),
                  radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%);
                border:1px solid rgba(255,255,255,.14);
                border-radius:18px;
                box-shadow:0 14px 36px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.06) inset;
                padding:28px;
                text-align:center;
            }
            body.vm-page-centrum .icon{
                font-size:54px;
                color:#ff7b00;
                text-shadow:0 0 10px rgba(0,0,0,.35);
                margin-bottom:12px;
            }
            body.vm-page-centrum h1{margin:0 0 8px;font-size:32px}
            body.vm-page-centrum p{margin:8px 0 0;font-size:18px;opacity:.94}
            body.vm-page-centrum .btn{
                margin-top:22px;
                display:inline-flex;
                align-items:center;
                justify-content:center;
                gap:8px;
                padding:12px 18px;
                border-radius:12px;
                font-size:16px;
                border:1px solid #016FDE;
                background:#fff;
                color:#016FDE;
                font-weight:700;
                text-decoration:none;
                box-shadow:0 2px 6px rgba(0,0,0,0.3);
                transition:all .2s ease;
            }
            body.vm-page-centrum .btn:hover{background:#016FDE;color:#fff}

html{scrollbar-gutter:stable}
body.vm-page-centrum [hidden]{display:none!important}

:root{
  --vm-surface:rgba(255,255,255,.04);
  --vm-surface2:rgba(255,255,255,.06);
  --vm-text:rgba(255,255,255,.92);
  --vm-muted:rgba(255,255,255,.70);
  --vm-orange:#ff7b00;
  --vm-orange2:#ff8f2b;
  --vm-blue-a:#0a4799;
  --vm-blue-b:#063574;
}

body.vm-page-centrum{
  margin:0;
  font-family:"Segoe UI",sans-serif;
  color:#fff;
  position:relative;
  background:none;
}
body.vm-page-centrum::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size:cover;
  will-change:transform;
  backface-visibility:hidden;
  transform:translateZ(0);
}

body.vm-page-centrum .topbar{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  position:fixed;
  top:0; left:0; right:0;
  width:100%;
  z-index:1000;
  box-sizing:border-box;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b));
}
body.vm-page-centrum .topbar img{height:60px;border-radius:10px;margin-left:-12px}
body.vm-page-centrum .topbar .menu-top{
  display:flex;
  justify-content:center;
  flex:1;
  gap:30px;
  font-size:30px;
}
body.vm-page-centrum .topbar .menu-top a{
  color:#fff;
  transition:color .25s ease,text-shadow .25s ease;
}
body.vm-page-centrum .topbar .menu-top a:hover, body.vm-page-centrum .topbar .menu-top a.active{
  color:#ff7b00;
  text-shadow:0 0 4px rgba(0,0,0,.9);
}
body.vm-page-centrum .topbar a.logout{
  background:#fff;
  color:#016FDE;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  border:1px solid #016FDE;
  padding:10px 15px;
  border-radius:10px;
  margin-left:auto;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:all .25s ease;
}
body.vm-page-centrum .topbar a.logout:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 6px #ff7b00;
}

body.vm-page-centrum .sidebar{
  width:350px;
  position:fixed;
  top:80px;
  bottom:30px;
  left:0;
  padding-top:10px;
  overflow-y:auto;
  color:var(--vm-text);
  border-right:1px solid rgba(255,255,255,.10);
  box-shadow:6px 0 16px -6px rgba(0,0,0,.45), inset 1px 0 0 rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
}
body.vm-page-centrum .sidebar h3{
  margin:10px 0;
  padding:8px 14px;
  font-size:18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#fff;
  background:linear-gradient(90deg,#ff6a00 20%,#ff7b00 50%,#ff8f2b 80%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(0,0,0,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(0,0,0,.35);
  border-radius:4px;
}
body.vm-page-centrum .sidebar ul{list-style:none;padding:0;margin:0}
body.vm-page-centrum .sidebar ul li a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  color:var(--vm-text);
  text-decoration:none;
  border-radius:6px;
  margin:2px 8px;
  transition:all .25s ease;
  font-size:15px;
  font-weight:500;
  position:relative;
  overflow:hidden;
}
body.vm-page-centrum .sidebar ul li a::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  pointer-events:none;
  background:linear-gradient(180deg,var(--vm-orange),var(--vm-orange2));
  opacity:0;
}
body.vm-page-centrum .sidebar ul li a i{
  width:18px;
  text-align:center;
  font-size:16px;
  color:rgba(255,255,255,.9);
  transition:color .25s,text-shadow .25s;
}
body.vm-page-centrum .sidebar ul li a:hover{
  background:linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-centrum .sidebar ul li a:hover::before{opacity:1}
body.vm-page-centrum .sidebar ul li a:hover i{
  color:var(--vm-orange);
  text-shadow:0 0 4px rgba(0,0,0,.5);
}
body.vm-page-centrum .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(74,168,255,.45);
  font-weight:700;
}
body.vm-page-centrum .sidebar ul li a.active::before{opacity:1}
body.vm-page-centrum .sidebar ul li a.active i{color:var(--vm-orange)}
body.vm-page-centrum .sidebar::-webkit-scrollbar{width:10px}
body.vm-page-centrum .sidebar::-webkit-scrollbar-track{background:transparent}
body.vm-page-centrum .sidebar::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:8px;
  border:2px solid transparent;
  background-clip:padding-box;
}
body.vm-page-centrum .sidebar:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.34)}

body.vm-page-centrum .main{
  margin-left:350px;
  padding:20px;
  padding-top:100px;
  padding-bottom:50px;
}

body.vm-page-centrum #menu-mail{position:relative}
body.vm-page-centrum #menu-mail.has-unread i{color:#ff4444!important;animation:pulseUnread 1s infinite}
@keyframes pulseUnread{
  0%,100%{text-shadow:0 0 6px rgba(255,0,0,.9)}
  50%{text-shadow:0 0 16px rgba(255,0,0,1)}
}
body.vm-page-centrum .mail-badge{
  position:absolute;
  top:-6px;
  right:-10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  font-size:12px;
  line-height:18px;
  text-align:center;
  border-radius:999px;
  background:#ff3b30;
  color:#fff;
  box-shadow:0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-centrum .subnote{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0 18px;
  padding:14px 16px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-centrum .subnote::before{
  content:"";
  position:absolute;
  left:-1px; top:-1px; bottom:-1px;
  width:6px;
  border-radius:12px 0 0 12px;
  background:linear-gradient(180deg,#ff8c00 0%,#e86a00 100%);
  box-shadow:0 0 10px rgba(255,123,0,.45);
}
body.vm-page-centrum .subnote i{
  font-size:18px;
  color:#ff8c00;
  text-shadow:0 0 6px rgba(0,0,0,.5);
}
body.vm-page-centrum .subnote .badge{
  color:#fff;
  text-shadow:0 0 6px rgba(0,0,0,.5);
  font-size:20px;
  margin-left:auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.30);
  font-weight:800;
  box-shadow:0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
  font-family:Consolas,monospace;
  letter-spacing:1px;
}

body.vm-page-centrum .card{
  color:#fff;
  border-radius:12px;
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%);
}
body.vm-page-centrum .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset;
}
body.vm-page-centrum .card h1, body.vm-page-centrum .card h2, body.vm-page-centrum .card h3{
  color:rgba(255,255,255,.98);
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-centrum .top-flash{
  position:sticky;
  top:90px;
  z-index:1200;
  margin:0 0 16px;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  opacity:1;
  transition:opacity .3s ease,transform .3s ease;
}
body.vm-page-centrum .top-flash.success{
  background:linear-gradient(180deg,#2ecc71 0%,#27ae60 100%);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
}
body.vm-page-centrum .top-flash.error{
  background:#c0392b;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
}
body.vm-page-centrum .top-flash.is-hiding{opacity:0;transform:translateY(-6px)}

body.vm-page-centrum .online-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
  padding:0 10px;
  color:var(--vm-text);
}
body.vm-page-centrum .online-header .count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:20px;
  padding:0 8px;
  font-size:12.5px;
  font-weight:900;
  line-height:1;
  color:#fff;
  background:linear-gradient(180deg,#2ecc71 0%,#27ae60 100%);
  border-radius:999px;
  box-shadow:0 0 6px rgba(46,204,113,.6),0 0 0 2px rgba(46,204,113,.3);
  text-shadow:0 1px 1px rgba(0,0,0,.45);
}
body.vm-page-centrum .online-users{list-style:none;padding:0 20px;margin:0}
body.vm-page-centrum .online-users li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px;
  background:var(--vm-surface);
  border:1px solid rgba(255,255,255,.08);
}
body.vm-page-centrum .online-users li:hover{
  background:var(--vm-surface2);
  border-color:rgba(255,255,255,.14);
}
body.vm-page-centrum .online-users .nickname{
  font-weight:800;
  position:relative;
  padding-left:16px;
  cursor:default;
}
body.vm-page-centrum .online-users .nickname::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2ecc71;
  box-shadow:0 0 6px rgba(46,204,113,.7);
  transform:translateY(-50%);
}
body.vm-page-centrum .online-users .time{
  margin-left:auto;
  line-height:1;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  color:var(--vm-muted);
  box-shadow:0 1px 3px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.05);
}

body.vm-page-centrum .panel-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);
  gap:18px;
  align-items:stretch;
  margin-top:18px;
}
body.vm-page-centrum .panel-left-col, body.vm-page-centrum .panel-right-col{
  min-width:0;
  display:flex;
  flex-direction:column;
}
body.vm-page-centrum .panel-left-col .card, body.vm-page-centrum .panel-right-col .card{
  flex:1 1 auto;
}

body.vm-page-centrum .chat-card{padding:16px}
body.vm-page-centrum .chat-card-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:14px;
  align-items:start;
  margin-bottom:12px;
}
body.vm-page-centrum .chat-title{
  display:flex;
  align-items:flex-start;
  align-self:start;
  min-width:0;
  padding-top:25px;
}
body.vm-page-centrum .chat-title h2{
  margin:0;
  line-height:1.2;
}
body.vm-page-centrum .chat-frame{
  width:100%;
  height:clamp(500px,38vw,860px);
  border:0;
  display:block;
  margin:0 auto;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08) inset;
  max-width:100%;
}

body.vm-page-centrum .player-card{
  position:relative;
  overflow:hidden;
  padding:0;
  min-width:0;
  height:92px;
  border-radius:14px;
}
body.vm-page-centrum .player-card>*{position:relative;z-index:2}
body.vm-page-centrum .player-card::before{
  content:"";
  position:absolute;
  inset:-30%;
  z-index:0;
  background:radial-gradient(
    120% 120% at 25% 30%,
    rgb(var(--amb1, 1 111 222) / .98) 0%,
    rgb(var(--amb2, 8 24 64) / .90) 58%,
    rgb(0 0 0 / .40) 100%
  );
  filter:blur(36px) saturate(2.8) contrast(1.20) brightness(1.06);
  transform:translate(-10%, -10%) scale(1.18) rotate(-4deg);
  animation:ambOrbit 10s ease-in-out infinite alternate, ambBreath 5.5s ease-in-out infinite, ambHueLoop 22s ease-in-out infinite;
}
body.vm-page-centrum .player-card::after{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:1;
  background:
    radial-gradient(70% 70% at 75% 25%, rgb(var(--amb1, 1 111 222) / .55) 0%, transparent 70%),
    radial-gradient(90% 90% at 20% 85%, rgb(var(--amb2, 8 24 64) / .55) 0%, transparent 80%);
  mix-blend-mode:soft-light;
  filter:blur(28px) saturate(1.35) contrast(1.10);
  transform:translate(8%, -6%) scale(1.10) rotate(2deg);
  opacity:.92;
  animation:ambParallax 12s ease-in-out infinite alternate, ambBreath 5.5s ease-in-out infinite reverse;
  pointer-events:none;
}
@keyframes ambOrbit{
  0%{transform:translate(-12%, -12%) scale(1.16) rotate(-6deg)}
  50%{transform:translate(6%, -4%) scale(1.22) rotate(2deg)}
  100%{transform:translate(12%, 10%) scale(1.18) rotate(6deg)}
}
@keyframes ambParallax{
  0%{transform:translate(8%, -6%) scale(1.08) rotate(2deg);opacity:.90}
  100%{transform:translate(-8%, 6%) scale(1.14) rotate(-2deg);opacity:.96}
}
@keyframes ambBreath{
  0%,100%{filter:brightness(1) saturate(1)}
  50%{filter:brightness(1.08) saturate(1.10)}
}
@keyframes ambHueLoop{
  0%{filter:hue-rotate(0deg)}
  50%{filter:hue-rotate(16deg)}
  100%{filter:hue-rotate(0deg)}
}
body.vm-page-centrum .player-mini-wrap{
  display:flex;
  align-items:center;
  height:100%;
  padding:10px 12px;
  box-sizing:border-box;
  min-width:0;
}
body.vm-page-centrum .player-mini{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
}
body.vm-page-centrum .player-left{
  width:56px;
  height:56px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.10) inset;
  flex:0 0 auto;
}
body.vm-page-centrum .player-left img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.vm-page-centrum .player-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
body.vm-page-centrum .pl-status{
  font-weight:900;
  letter-spacing:.9px;
  color:#c5cfdb;
  text-transform:uppercase;
  font-size:11px;
  line-height:1.05;
}
body.vm-page-centrum .pl-status.live{color:#ff3b30}
body.vm-page-centrum .pl-title{
  margin:0;
  text-transform:uppercase;
  font-size:18px;
  line-height:1;
  color:#fff;
  font-weight:900;
  word-break:break-word;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.vm-page-centrum .pl-subline{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
body.vm-page-centrum .pl-sub{
  color:rgba(255,255,255,.84);
  font-weight:800;
  font-size:12px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}
body.vm-page-centrum .live-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  font-weight:800;
  font-size:11px;
  box-shadow:0 4px 10px rgba(0,0,0,.20);
  white-space:nowrap;
}
body.vm-page-centrum .pl-controls{
  display:grid;
  grid-template-columns:auto auto 88px;
  gap:8px;
  align-items:center;
  min-width:0;
}
body.vm-page-centrum .btn-ctl{
  height:36px;
  min-width:36px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid #ff7b00;
  background:#fff;
  color:#ff7b00;
  font-weight:900;
  font-size:13px;
  box-shadow:0 4px 12px rgba(0,0,0,.28);
  cursor:pointer;
  transition:.2s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
body.vm-page-centrum .btn-ctl:hover{
  background:#ff7b00;
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
body.vm-page-centrum .btn-ctl.play.is-playing{
  background:linear-gradient(180deg,#ff7b00,#0c56ad);
  color:#fff;
  border-color:transparent;
  box-shadow:0 10px 22px rgba(1,111,222,.35),0 0 0 2px rgba(255,255,255,.12) inset;
}
body.vm-page-centrum .pl-vol{
  width:88px;
  min-width:0;
}
body.vm-page-centrum .pl-vol input[type="range"]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#016FDE 0%,#016FDE 0%,rgba(255,255,255,.85) 0%);
  outline:none;
}
body.vm-page-centrum .pl-vol input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#016FDE;
  border:2px solid #fff;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  cursor:pointer;
}
body.vm-page-centrum .pl-vol input[type="range"]::-moz-range-thumb{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#016FDE;
  border:2px solid #fff;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  cursor:pointer;
}

body.vm-page-centrum #greetings-card{
  padding:20px;
  display:flex;
  flex-direction:column;
}
body.vm-page-centrum #greetings-card .g-list{flex:1 1 auto}
body.vm-page-centrum .g-section{margin-top:10px}
body.vm-page-centrum .g-sec-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:6px 0 8px;
  font-weight:800;
  letter-spacing:.2px;
  border-bottom:1px solid rgba(255,255,255,.25);
  padding-bottom:6px;
}
body.vm-page-centrum .status-row{
  display:flex;
  align-items:stretch;
  gap:18px;
  flex-wrap:wrap;
}
body.vm-page-centrum .status-row .status-grid{
  flex:1 1 0;
  min-width:0;
}
body.vm-page-centrum .status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body.vm-page-centrum .status-tile{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-start;
  padding:12px 14px;
  border-radius:10px;
  width:100%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  transition:transform .05s,box-shadow .2s,background .2s,border-color .2s;
}
body.vm-page-centrum .status-tile[disabled]{opacity:.6;cursor:not-allowed}
body.vm-page-centrum .status-tile:hover{
  background:rgba(255,255,255,.10);
  box-shadow:0 6px 14px rgba(0,0,0,.35);
}
body.vm-page-centrum .status-tile i{font-size:20px;opacity:.95}
body.vm-page-centrum .status-tile .label{opacity:.95;font-weight:700}
body.vm-page-centrum .status-tile .state{font-weight:800}
body.vm-page-centrum .state-text.on{color:#2ecc71;text-shadow:0 0 4px rgba(0,0,0,.6)}
body.vm-page-centrum .state-text.off{color:#ff4444;text-shadow:0 0 4px rgba(0,0,0,.6)}

body.vm-page-centrum .g-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
  max-height:720px;
  overflow:auto;
  padding-right:4px;
}
body.vm-page-centrum .g-list::-webkit-scrollbar{width:10px}
body.vm-page-centrum .g-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:999px}
body.vm-page-centrum .g-empty{
  text-align:center;
  font-size:1.3rem;
  font-weight:700;
  color:rgba(255,255,255,.9);
  padding:60px 20px;
  margin:20px 0;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(2px);
}
body.vm-page-centrum .gmsg{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  padding:12px;
}
body.vm-page-centrum .gmsg .g-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
body.vm-page-centrum .g-badge{
  display:inline-block;
  font-size:12px;
  padding:2px 8px;
  border-radius:999px;
  background:#ff7b00;
  color:#fff;
  font-weight:700;
  margin-right:8px;
}
body.vm-page-centrum .g-badge.android{background:#23c58f}
body.vm-page-centrum .g-badge.request{background:#b58cff}
body.vm-page-centrum .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-centrum .g-meta{font-size:13px;opacity:.9;margin-top:6px}
body.vm-page-centrum .g-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
body.vm-page-centrum .g-actions .btn{padding:8px 10px;font-size:14px;border-radius:10px}
body.vm-page-centrum .gmsg.voice-msg .g-text{margin-top:2px;white-space:normal}
body.vm-page-centrum .gmsg.voice-msg .g-row{align-items:center;margin-bottom:6px}
body.vm-page-centrum .voice-player-wrap{margin:0;line-height:0}
body.vm-page-centrum .voice-player{width:min(520px,100%);max-width:100%;height:40px;display:block}
body.vm-page-centrum .gmsg.voice-msg .g-meta{margin-top:8px}

body.vm-page-centrum .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:12px;
  font-size:16px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .05s,box-shadow .2s,background .2s,color .2s,border-color .2s;
}
body.vm-page-centrum .btn:hover{
  background:#016FDE;
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}
body.vm-page-centrum .btn:active{transform:translateY(1px)}
body.vm-page-centrum .btn-danger{background:#c0392b;border-color:#c0392b;color:#fff}
body.vm-page-centrum .btn-danger:hover{filter:brightness(1.08)}

body.vm-page-centrum .bttn{
  display:inline-block;
  padding:10px 15px;
  margin:5px 5px 5px 0;
  background:#fff;
  color:#016FDE;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
  border:1px solid #016FDE;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:all .25s,transform .1s;
  cursor:pointer;
}
body.vm-page-centrum .bttn:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 6px #ff7b00;
}

body.vm-page-centrum .footer-bar{
  position:fixed;
  bottom:0; left:0; right:0;
  height:70px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  padding:5px 15px;
  border-top:1px solid rgba(255,255,255,.10);
  box-shadow:0 -2px 6px rgba(0,0,0,.4);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b));
}
body.vm-page-centrum .footer-top{
  display:flex;
  padding-top:5px;
  align-items:center;
  justify-content:center;
  gap:20px;
  font-size:24px;
  white-space:nowrap;
}
body.vm-page-centrum .footer-top span{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
body.vm-page-centrum .footer-top .label{flex:0 0 auto}
body.vm-page-centrum .footer-top .marquee-box{
  position:relative;
  flex:1 1 0;
  min-width:0;
  max-width:140px;
  overflow:hidden;
  white-space:nowrap;
}
body.vm-page-centrum .footer-top .marquee-content{display:inline-block;will-change:transform}
body.vm-page-centrum .footer-top .marquee-content.marquee{animation:marquee 12s linear infinite;padding-left:40px}
@keyframes marquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}
body.vm-page-centrum .footer-top img{height:34px;width:34px;object-fit:cover;border-radius:6px}
body.vm-page-centrum .footer-bottom{text-align:center;padding-bottom:5px;font-size:20px}

body.vm-page-centrum .cmodal-overlay[hidden]{display:none}
body.vm-page-centrum .cmodal-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.55);
  display:grid;
  place-items:center;
  backdrop-filter:blur(2px);
}
body.vm-page-centrum .cmodal-modal{
  width:min(92vw,520px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-centrum .cmodal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
}
body.vm-page-centrum .cmodal-header h3{margin:0;font-size:18px}
body.vm-page-centrum .cmodal-close{
  border:0;
  background:transparent;
  color:#fff;
  font-size:40px;
  line-height:1;
  cursor:pointer;
  opacity:.9;
}
body.vm-page-centrum .cmodal-close:hover{opacity:1}
body.vm-page-centrum .cmodal-body{padding:18px 16px;font-size:16px}
body.vm-page-centrum .cmodal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}
body.vm-page-centrum .cmodal-btn{
  background:#fff;
  color:#016FDE;
  font-weight:bold;
  font-size:16px;
  border:1px solid #016FDE;
  border-radius:10px;
  padding:10px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:all .25s,transform .1s;
  cursor:pointer;
}
body.vm-page-centrum .cmodal-btn:hover{
  background:#016FDE;
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 6px #ff7b00;
}
body.vm-page-centrum #ban-overlay .cmodal-body{padding:18px;box-sizing:border-box}
body.vm-page-centrum #ban-overlay .chip-row{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
}
body.vm-page-centrum #ban-overlay .chip-row .cmodal-btn{
  width:auto;
  max-width:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  padding:10px;
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.2;
  border-radius:12px;
}
body.vm-page-centrum #ban-overlay #ban-reason{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-height:160px;
  margin:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition:box-shadow .2s,border-color .2s,background .2s;
  overflow:auto;
  word-break:break-word;
}
body.vm-page-centrum #ban-overlay #ban-reason:focus{
  outline:none;
  border-color:#ff7b00;
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(255,123,0,.25), inset 0 0 0 1px rgba(255,255,255,.08);
}

body.vm-page-centrum .panel-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:18px;
  margin-top:18px;
  align-items:stretch;
}
body.vm-page-centrum .audycja-card, body.vm-page-centrum .schedule-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:16px;
  overflow:hidden;
}
body.vm-page-centrum .audycja-card h2, body.vm-page-centrum .schedule-card h2{
  margin:0 0 12px;
  line-height:1.2;
  flex:0 0 auto;
  padding-top:25px;
}
body.vm-page-centrum .audycja-frame{
  width:100%;
  height:560px;
  border:0;
  display:block;
  border-radius:10px;
  background:transparent;
  flex:1 1 auto;
  min-height:0;
}
body.vm-page-centrum .schedule-frame-stack{
  position:relative;
  height:560px;
  border-radius:10px;
  overflow:hidden;
  flex:1 1 auto;
  min-height:0;
}
body.vm-page-centrum .schedule-frame{
  width:100%;
  height:100%;
  border:0;
  display:block;
  border-radius:10px;
  background:transparent;
  box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08) inset;
}
body.vm-page-centrum .schedule-frame-stack .schedule-frame{
  position:absolute;
  inset:0;
  margin:0;
  transition:opacity .18s ease;
}
body.vm-page-centrum .schedule-frame-stack .schedule-frame.is-active{
  opacity:1;
  visibility:visible;
  z-index:2;
  pointer-events:auto;
}
body.vm-page-centrum .schedule-frame-stack .schedule-frame.is-hidden{
  opacity:0;
  visibility:hidden;
  z-index:1;
  pointer-events:none;
}

body.vm-page-centrum #menu-mail{ position:relative; }
body.vm-page-centrum #menu-mail.has-unread i{
  color:#ff4444 !important;
  animation:pulseUnread 1s infinite;
}

body.vm-page-centrum .topbar{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  position:fixed;
  top:0; left:0; right:0;
  width:100%;
  z-index:1000;
  box-sizing:border-box;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}
body.vm-page-centrum .topbar img{
  height:60px;
  border-radius:10px;
  margin-left:-12px;
}

body.vm-page-centrum .sidebar{
  width:350px;
  position:fixed;
  top:80px;
  bottom:30px;
  left:0;
  padding-top:10px;
  overflow-y:auto;
  color:var(--vm-text) !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}
body.vm-page-centrum .sidebar h3{
  margin:10px 0;
  padding:8px 14px;
  font-size:18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#fff;
  background:linear-gradient(90deg, #ff6a00 20%, #ff7b00 50%, #ff8f2b 80%) !important;
  border:none;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(0,0,0,.4);
  border-radius:4px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);
}
body.vm-page-centrum .sidebar ul{
  list-style:none;
  padding:0;
  margin:0;
}
body.vm-page-centrum .sidebar ul li a{
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 10px;
  color:var(--sb-white);
  text-decoration:none;
  border-radius:10px;
  margin:2px 10px;
  transition:all .25s ease;
  font-size:15px;
  font-weight:500;
  position:relative;
  overflow:hidden;
}
body.vm-page-centrum .sidebar ul li a i{
  width:20px;
  text-align:center;
  font-size:18px;
  color:rgba(255,255,255,.9) !important;
  text-shadow:none;
  transition:color .25s, transform .25s, text-shadow .25s;
}
body.vm-page-centrum .sidebar ul li a span{
  color:var(--vm-text) !important;
  opacity:.98;
}
body.vm-page-centrum .sidebar ul li a:hover{
  background:linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-centrum .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-centrum .sidebar ul li a:hover i{
  color:var(--vm-orange) !important;
  text-shadow:0 0 4px rgba(0,0,0,.5);
}
body.vm-page-centrum .sidebar ul li a.active{
  font-weight:700 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}
body.vm-page-centrum .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-centrum .sidebar ul li a.active i{ color:var(--vm-orange) !important; }

body.vm-page-centrum .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-centrum .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-centrum .sidebar:hover::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.34);
}

body.vm-page-centrum .online-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
  padding:0 10px;
  color:var(--vm-text) !important;
}
body.vm-page-centrum .online-header .count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:20px;
  padding:0 8px;
  font-size:12.5px;
  font-weight:900;
  line-height:1;
  color:#fff !important;
  background:linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius:999px;
  box-shadow:
    0 0 6px rgba(46,204,113,.6),
    0 0 0 2px rgba(46,204,113,.3);
  text-shadow:0 1px 1px rgba(0,0,0,.45) !important;
}
body.vm-page-centrum .online-users{
  list-style:none;
  padding:0 20px;
  margin:0;
}
body.vm-page-centrum .online-users li{
  display:flex !important;
  align-items:center !important;
  padding:5px;
  justify-content:space-between;
  background:var(--vm-surface) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-centrum .online-users li:hover{
  background:var(--vm-surface2) !important;
  border-color:rgba(255,255,255,.14) !important;
}
body.vm-page-centrum .online-users .nickname{
  font-weight:800;
  position:relative;
  padding-left:16px;
  margin-right:8px;
  cursor:default !important;
}
body.vm-page-centrum .online-users .nickname:hover{
  cursor:default !important;
}
body.vm-page-centrum .online-users .time{
  margin-left:auto !important;
  align-self:center !important;
  line-height:1 !important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  color:var(--vm-muted) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.05);
}

body.vm-page-centrum .main{
  margin-left:350px;
  padding:20px;
  padding-top:100px;
  padding-bottom:calc(var(--footer-h) + 20px) !important;
}
body.vm-page-centrum .card{

  padding:20px;
  border-radius:12px;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(4px);
  overflow:visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}
body.vm-page-centrum .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}
body.vm-page-centrum .card h1, body.vm-page-centrum .card h2, body.vm-page-centrum .card h3{
  color:rgba(255,255,255,.98) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
body.vm-page-centrum .card thead th{
  background:linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color:rgba(255,255,255,.2) !important;
}
body.vm-page-centrum .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}
body.vm-page-centrum .main > .card:first-of-type{
  position:relative;
  z-index:3;
}
body.vm-page-centrum .card.card-embed{
  position:relative;
  z-index:1;
  margin-top:16px;
}

body.vm-page-centrum .form-group{ display:grid; gap:8px; margin-bottom:14px; }
body.vm-page-centrum .form-row-2{ display:grid; grid-template-columns:1fr; gap:40px; }
body.vm-page-centrum label{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.4px;
  opacity:.9;
}
body.vm-page-centrum input[type="text"], body.vm-page-centrum input[type="email"], body.vm-page-centrum input[type="password"], body.vm-page-centrum input[type="url"], body.vm-page-centrum textarea, body.vm-page-centrum select.form-input, body.vm-page-centrum input.form-input, body.vm-page-centrum .form-input{
  width:100%;
  box-sizing:border-box;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition:box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-centrum input:focus, body.vm-page-centrum textarea:focus, body.vm-page-centrum select:focus, body.vm-page-centrum .form-input:focus, body.vm-page-centrum label + .form-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-centrum .header-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
body.vm-page-centrum .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:16px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
body.vm-page-centrum .btn:active{ transform:translateY(1px); }
body.vm-page-centrum .btn-ghost{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.35);
}
body.vm-page-centrum .btn-ghost:hover{ background:rgba(255,255,255,.08); }
body.vm-page-centrum .btn-primary{
  width:300px;
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  border-color:#ff7b00;
  color:#fff;
}
body.vm-page-centrum .btn-primary:hover{
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(255,123,0,.35);
}

body.vm-page-centrum .vacation-inline{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
}
body.vm-page-centrum .vacation-inline input[type="checkbox"]{
  transform:scale(1.3);
  cursor:pointer;
}
body.vm-page-centrum .vacation-inline label{
  font-size:16px;
  text-transform:none;
  letter-spacing:0;
  margin-top:-2px;
}
body.vm-page-centrum .top-flash{
  position:sticky;
  top:90px;
  z-index:1200;
  margin:0 0 16px;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}

body.vm-page-centrum .time-row{ display:flex; gap:8px; }
body.vm-page-centrum .time-inline, body.vm-page-centrum .time-inline .inline-wrap{ overflow:visible !important; }
body.vm-page-centrum .time-inline .inline-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  align-items:center;
}
body.vm-page-centrum .time-inline .time-label{
  font-size:14px;
  font-weight:700;
  opacity:.95;
  margin:0 4px;
}
body.vm-page-centrum .time-inline select.form-input{
  width:auto;
  min-width:60px;
}

body.vm-page-centrum select.form-input{
  appearance:auto;
  background:rgba(255,255,255,.08);
  color:#fff;
}
body.vm-page-centrum select.form-input option{
  background:#0b1e3a;
  color:#fff;
}
body.vm-page-centrum select.form-input option:checked{
  background:#184a9a linear-gradient(#184a9a,#184a9a);
}

body.vm-page-centrum .time-inline .inline-wrap select.form-input, body.vm-page-centrum .time-inline .inline-wrap .form-input[type="text"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  border-radius:12px !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  padding-right:42px !important;
  transition:box-shadow .2s, border-color .2s, background .2s, transform .05s !important;
}
body.vm-page-centrum .time-inline .inline-wrap .select-s{ min-width:72px; }
body.vm-page-centrum .time-inline .inline-wrap .select-xs{ min-width:68px; }

body.vm-page-centrum .time-inline .inline-wrap select.form-input{
  background:rgba(8,20,45,.95) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  background-image:none !important;
}
body.vm-page-centrum .time-inline .inline-wrap select.form-input:hover{
  background:rgba(14,45,100,.98) !important;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-centrum .time-inline .inline-wrap select.form-input:focus{
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4) !important;
  outline:none !important;
}
body.vm-page-centrum .time-inline .inline-wrap select.form-input::-ms-expand{ display:none; }

body.vm-page-centrum input[list]{
  background:rgba(255,255,255,.08);
  color:#fff;
}
body.vm-page-centrum .combo-wrap{ position:relative; }
body.vm-page-centrum .combo-wrap input[list]{
  background-image:linear-gradient(45deg, transparent 50%, #fff 50%),
                   linear-gradient(135deg, #fff 50%, transparent 50%),
                   linear-gradient(to right, transparent, transparent);
  background-position:calc(100% - 18px) calc(50% - 3px),
                      calc(100% - 12px) calc(50% - 3px),
                      calc(100% - 2.2em) 50%;
  background-size:6px 6px, 6px 6px, 1px 1.8em;
  background-repeat:no-repeat;
}
body.vm-page-centrum .combo-list{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 4px);
  font-size:15px;
  line-height:1.35;
  padding:8px;
  border-radius:12px;
  background:rgba(8,20,45,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
  max-height:290px !important;
  overflow:auto;
  z-index:99999;
  display:none;
}
body.vm-page-centrum .combo-item{
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
}
body.vm-page-centrum .combo-item:hover, body.vm-page-centrum .combo-item.active{
  background:rgba(255,123,0,.14);
  box-shadow:inset 0 0 0 1px rgba(255,123,0,.20);
}
body.vm-page-centrum .combo-item[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow:none;
}

body.vm-page-centrum #presenter:hover, body.vm-page-centrum #presenter:focus{
  background-image:none !important;
}
body.vm-page-centrum #presenter::-webkit-calendar-picker-indicator{
  display:none !important;
  -webkit-appearance:none;
}
body.vm-page-centrum .combo-wrap input[list]#presenter{
  padding-right:40px;
  background-image:none !important;
}

body.vm-page-centrum .psel{
  position:relative;
  display:inline-block;
}
body.vm-page-centrum .psel .psel-toggle{
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  min-width:90px;
  padding-right:42px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  transition:box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-centrum .psel .psel-toggle:hover{
  background-color:rgba(255,255,255,.12) !important;
}
body.vm-page-centrum .psel .psel-toggle:focus{
  outline:none;
  background-color:rgba(255,255,255,.12) !important;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.25), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-centrum .psel .psel-toggle.select-s{ min-width:72px; }
body.vm-page-centrum .psel .psel-toggle.select-xs{ min-width:68px; }

body.vm-page-centrum .psel .psel-list{
  position:absolute;
  left:0;
  top:calc(100% + 4px);
  min-width:100%;
  display:none;
  z-index:100000;
}
body.vm-page-centrum .psel.open .psel-list{ display:block; }
body.vm-page-centrum .psel .combo-list{ max-height:290px !important; }

body.vm-page-centrum .vmx-select{ position:relative; display:inline-block; }
body.vm-page-centrum .time-inline .vmx-select{ position:relative; }
body.vm-page-centrum .vmx-select.is-open, body.vm-page-centrum .time-inline .vmx-select.is-open{ z-index:2147483647; }

body.vm-page-centrum .vmx-select__button{
  position:relative;
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  width:auto;
  min-width:90px;
  padding:12px 16px;
  padding-right:42px;
  border-radius:12px;
  background:rgba(8,20,45,.95) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  transition:box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-centrum .vmx-select__button:hover{
  background:rgba(14,45,100,.98) !important;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-centrum .vmx-select__button:focus{
  outline:none;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-centrum .vmx-select__button.select-s{ min-width:72px; }
body.vm-page-centrum .vmx-select__button.select-xs{ min-width:68px; }

body.vm-page-centrum .vmx-select__button::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%) rotate(0deg) translateZ(0);
  backface-visibility:hidden;
  pointer-events:none;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  background:#ff7b00;
  transition:transform .18s ease;
}
body.vm-page-centrum .vmx-select.is-open .vmx-select__button::after{
  transform:translateY(-50%) rotate(180deg) translateZ(0);
}

body.vm-page-centrum .vmx-select__list, body.vm-page-centrum .time-inline .vmx-select__list{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  min-width:100%;
  display:none;
  padding:8px;
  border-radius:12px;
  background:rgba(8,20,45,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  max-height:290px !important;
  overflow:auto;
}
body.vm-page-centrum .vmx-select.is-open .vmx-select__list{ display:block; }

body.vm-page-centrum .vmx-select__item{
  padding:10px 12px;
  border-radius:10px;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  transition:background .12s ease, box-shadow .12s ease;
}
body.vm-page-centrum .vmx-select__item:hover, body.vm-page-centrum .vmx-select__item.active{
  background:linear-gradient(180deg, rgba(255,123,0,.25) 0%, rgba(232,106,0,.25) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,123,0,.20);
}
body.vm-page-centrum .vmx-select__item[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%) !important;
  color:#fff !important;
  box-shadow:none;
}
body.vm-page-centrum .vmx-select select.form-input, body.vm-page-centrum .time-inline .inline-wrap select.form-input{
  position:absolute;
  left:-99999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

body.vm-page-centrum #dow, body.vm-page-centrum .vmx-select select#dow, body.vm-page-centrum .vmx-select select#dow + .vmx-select__button{
  min-width:150px !important;
  max-width:150px !important;
  width:150px !important;
  text-align:left !important;
}
body.vm-page-centrum .vmx-select__button#dow, body.vm-page-centrum .vmx-select select#dow + .vmx-select__button{
  justify-content:flex-start !important;
  padding-left:12px !important;
  padding-right:24px !important;
}

body.vm-page-centrum .footer-bar{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:9999;
  height:70px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  padding:5px 15px;
  box-shadow:0 -2px 6px rgba(0,0,0,.4);
  border-top:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}
body.vm-page-centrum .footer-top .label{ flex:0 0 auto; }
body.vm-page-centrum .footer-top .marquee-content{
  display:inline-block;
  will-change:transform;
}
body.vm-page-centrum .footer-top .marquee-content.marquee{
  animation:marquee 12s linear infinite;
  padding-left:40px;
}
body.vm-page-centrum .footer-top img{
  height:34px;
  width:34px;
  object-fit:cover;
  border-radius:6px;
}
body.vm-page-centrum .footer-bottom{
  text-align:center;
  padding-bottom:5px;
  font-size:20px;
}
@keyframes marquee{
  0%{ transform:translateX(0%); }
  100%{ transform:translateX(-100%); }
}

body.vm-page-centrum .embed-wrap{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35);
  background:rgba(255,255,255,.02);
}
body.vm-page-centrum .embed-wrap iframe{
  display:block;
  width:100%;
  height:450px;
  border:0;
  background:#0b0f18;
}
body.vm-page-centrum .embed-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
body.vm-page-centrum .embed-actions .note{
  font-size:13px;
  opacity:.9;
}
body.vm-page-centrum .embed-actions .btn-open{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  cursor:pointer;
  background:#fff;
  color:#016FDE;
  border:1px solid #016FDE;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
}
body.vm-page-centrum .embed-actions .btn-open:hover{
  background:#016FDE;
  color:#fff;
}

@media (min-width:720px){
  body.vm-page-centrum .form-row-2{ grid-template-columns:1fr 1fr; }
}

@media (max-width:1700px){
  body.vm-page-centrum .embed-wrap iframe{ height:700px; }
}
@media (max-width:1500px){
  body.vm-page-centrum .embed-wrap iframe{ height:640px; }
}

@media (min-width:992px){
  body.vm-page-centrum{ zoom:.89; }
  :root{ --footer-h:25px; }

  body.vm-page-centrum .topbar .menu-top{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    justify-content:center;
    flex:unset;
  }

  body.vm-page-centrum .sidebar h3{
    padding:8px 14px;
    margin:10px 0;
    font-size:18px;
  }
  body.vm-page-centrum .sidebar ul li a{
    gap:10px;
    padding:8px 10px;
    border-radius:6px;
    margin:2px 8px;
  }
  body.vm-page-centrum .sidebar ul li a i{
    font-size:16px;
    width:18px;
  }

  body.vm-page-centrum .footer-bar{
    height:25px;
    flex-direction:row;
    align-items:center;
  }
  body.vm-page-centrum .footer-top{
    justify-content:flex-start;
    font-size:20px;
    gap:200px;
    padding-top:0;
    padding-bottom:2px;
  }
  body.vm-page-centrum .footer-bottom{
    justify-content:flex-end;
    text-align:right;
    padding-bottom:2px;
    font-size:16px;
  }
  body.vm-page-centrum .footer-top img{
    height:26px;
    width:26px;
  }
  body.vm-page-centrum .footer-top .marquee-box{
    max-width:180px;
  }

  body.vm-page-centrum .nav-btn{ display:none !important; }
}

body.vm-page-centrum a.nav-btn, body.vm-page-centrum a.nav-btn:link, body.vm-page-centrum a.nav-btn:visited, body.vm-page-centrum a.nav-btn:hover, body.vm-page-centrum a.nav-btn:active, body.vm-page-centrum a.nav-btn:focus, body.vm-page-centrum a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.15);
  outline:none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:transparent;
}
body.vm-page-centrum a.nav-btn i{ color:inherit !important; }

@media (hover:hover){
  body.vm-page-centrum a.nav-btn:hover{
    color:#fff !important;
    background:rgba(255,255,255,.20);
  }
}

body.vm-page-centrum .time-line{
  display:flex;
  align-items:center;
  gap:10px 12px;
  flex-wrap:nowrap;
  width:auto;
}

body.vm-page-centrum .time-line-day{
  width:auto;
  flex:0 0 auto;
}

body.vm-page-centrum .time-line-hours{
  width:auto;
  flex:0 0 auto;
}

body.vm-page-centrum .time-line-day #dow{
  min-width:150px;
}

body.vm-page-centrum .time-line-hours .time-label{
  margin:0;
  padding-left:0 !important;
}

body.vm-page-centrum .time-inline .inline-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
}

body.vm-page-centrum .live-preview-toggle{
  position:fixed;
  right:14px;
  bottom:92px;
  z-index:5000;
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    linear-gradient(180deg, #0a4799 0%, #063574 100%);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.05) inset;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.vm-page-centrum .live-preview-toggle:hover{
  transform:scale(1.04);
  box-shadow:0 14px 30px rgba(0,0,0,.42), 0 0 14px rgba(255,123,0,.20);
}

body.vm-page-centrum .live-preview{
  position:fixed;
  right:14px;
  bottom:156px;
  z-index:4999;
  width:min(500px, calc(100vw - 28px));
  transform:translateX(calc(100% + 20px));
  opacity:0;
  pointer-events:none;
  transition:transform .24s ease, opacity .24s ease;
}

body.vm-page-centrum .live-preview.is-open{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}

body.vm-page-centrum .live-preview-card{
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 18px 40px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.05) inset;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  backdrop-filter:blur(6px);
}

body.vm-page-centrum .live-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

body.vm-page-centrum .live-preview-head h3{
  margin:0;
  font-size:14px;
  font-weight:800;
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
}

body.vm-page-centrum .live-preview-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

body.vm-page-centrum .live-preview-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:all .2s ease;
}

body.vm-page-centrum .live-preview-btn:hover{
  background:#016FDE;
  color:#fff;
}

body.vm-page-centrum .live-preview-body{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  background:#000;
}

body.vm-page-centrum .live-preview-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#000;
}

@media (max-width:640px){
  body.vm-page-centrum .live-preview{
    width:min(320px, calc(100vw - 16px));
    right:8px;
    bottom:142px;
  }

  body.vm-page-centrum .live-preview-toggle{
    right:8px;
    bottom:84px;
    width:50px;
    height:50px;
    border-radius:14px;
    font-size:20px;
  }
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

@media (max-width: 991.98px){

  body.vm-page-centrum .main{
    margin-left:0 !important;
    padding-top:100px !important;
  }

  body.vm-page-centrum .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-right:10px;
    border:0;
    border-radius:10px;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-size:20px;
    text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }

  body.vm-page-centrum .nav-btn:active{
    transform:translateY(1px);
  }

  body.vm-page-centrum .sidebar{
    position:fixed;
    z-index:2000;
    top:80px;
    bottom:0;
    left:0;
    width:min(86vw, 320px);
    transform:translateX(-100%);
    transition:transform .22s ease;
    will-change:transform;
    border-right:1px solid rgba(255,255,255,.15) !important;
  }

  body.vm-page-centrum .sidebar:target{
    transform:translateX(0);
  }

  body.vm-page-centrum .nav-backdrop{
    position:fixed;
    inset:80px 0 0 0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(2px);
    z-index:1600;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }

  body.vm-page-centrum #menu:target ~ .nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.vm-page-centrum .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }

  body.vm-page-centrum .topbar a.logout{
    font-size:0 !important;
    padding:10px !important;
  }

  body.vm-page-centrum .topbar a.logout i{
    font-size:18px !important;
    line-height:1;
    margin:0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-centrum .main{ margin-left:350px; }
}

@media (hover:hover){
}
body.vm-page-dashboard{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-dashboard::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-dashboard .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-dashboard .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-dashboard .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-dashboard .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-dashboard .topbar .menu-top a:hover, body.vm-page-dashboard .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dashboard .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-dashboard .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-dashboard .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-dashboard .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-dashboard .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-dashboard .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-dashboard .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-dashboard .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-dashboard .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dashboard .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-dashboard .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-dashboard .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-dashboard .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-dashboard .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-dashboard .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-dashboard .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-dashboard .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-dashboard .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-dashboard .card-welcome h2{ text-align:center; }

body.vm-page-dashboard table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-dashboard thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-dashboard tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-dashboard tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-dashboard tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-dashboard .users-table{ table-layout: auto !important; }
body.vm-page-dashboard .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-dashboard .users-table th:last-child, body.vm-page-dashboard .users-table td:last-child{ border-right:none; }
body.vm-page-dashboard .users-table td{ text-align:center; }

body.vm-page-dashboard .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-dashboard .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-dashboard .online-users .nickname{ font-weight:bold; }
body.vm-page-dashboard .online-users .time{ font-size:13px; }
body.vm-page-dashboard .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-dashboard .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-dashboard .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-dashboard .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-dashboard .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-dashboard .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-dashboard .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-dashboard .top-flash{ transition:none; } }

body.vm-page-dashboard #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-dashboard #chat-table th:nth-child(1), body.vm-page-dashboard #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-dashboard #chat-table th:nth-child(2), body.vm-page-dashboard #chat-table td:nth-child(2){ min-width:180px; text-align:center; }
body.vm-page-dashboard #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-dashboard #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-dashboard #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-dashboard #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-dashboard #chat-table th:nth-child(4), body.vm-page-dashboard #chat-table td:nth-child(4){
  width: 130px !important;
}

body.vm-page-dashboard #chat-table td:nth-child(3){
  width: auto !important;
}

body.vm-page-dashboard #chat-table th:nth-child(4), body.vm-page-dashboard #chat-table td:nth-child(4){
  width: 120px !important;
  min-width: 120px;
}

body.vm-page-dashboard #chat-table th:nth-child(5), body.vm-page-dashboard #chat-table td:nth-child(5){
  width: 120px !important;
  min-width: 120px;
}

body.vm-page-dashboard .chat-pinned-row td{
  background: rgba(220, 20, 60, 0.18) !important;
  border-bottom: 1px solid #ff7b00;
}

@media (min-width: 992px){
body.vm-page-dashboard{ zoom:.89; }
  body.vm-page-dashboard .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-dashboard .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-dashboard .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-dashboard .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-dashboard .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-dashboard .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-dashboard .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-dashboard .footer-top img{ height:26px; width:26px; }
  body.vm-page-dashboard .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-dashboard .cmodal-overlay[hidden]{display:none;}
body.vm-page-dashboard .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-dashboard .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-dashboard .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-dashboard .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-dashboard .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-dashboard .cmodal-close:hover{opacity:1;}
body.vm-page-dashboard .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-dashboard .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-dashboard .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-dashboard .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-dashboard #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-dashboard #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-dashboard .chat-form{ display:flex; gap:10px; margin:10px 0; }
body.vm-page-dashboard .chat-input{
  flex:1; padding:12px 12px; border-radius:10px; font-size: 16px;
  border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-dashboard .chat-input::placeholder{ color: rgba(255,255,255,.75); }
body.vm-page-dashboard .chat-input:hover{ background: rgba(255,255,255,.10); }
body.vm-page-dashboard .chat-input:focus{ border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12); }

body.vm-page-dashboard .global-notice-tile{
  position:relative; display:flex; align-items:flex-start; gap:14px; padding:14px 16px;
  border-radius:14px; color:#fff;
  background: linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow: 0 12px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.18);
}
body.vm-page-dashboard .global-notice-tile .ico{
  flex:0 0 auto; display:grid; place-items:center; width:42px; height:42px;
  border-radius:10px; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); font-size:22px;
}
body.vm-page-dashboard .global-notice-tile .content{ min-width:0; }
body.vm-page-dashboard .global-notice-tile .title{
  font-weight:900; font-size:20px; margin:0 0 4px 0; line-height:1.2; text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
body.vm-page-dashboard .global-notice-tile .text{ font-size:18px; line-height:1.45; margin:0; word-wrap:break-word; overflow-wrap:anywhere; }
body.vm-page-dashboard .global-notice-tile .meta{ margin-top:8px; font-size:12px; opacity:.95; }

body.vm-page-dashboard .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-dashboard .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-dashboard .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-dashboard .footer-top .label{ flex:0 0 auto; }
body.vm-page-dashboard .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-dashboard .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-dashboard .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-dashboard .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-dashboard .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
}

body.vm-page-dashboard .chat-ops button[disabled]{ opacity:.35; cursor:not-allowed !important; }
body.vm-page-dashboard .chat-ops button[disabled]:hover{ color:inherit; }

body.vm-page-dashboard .role-admin{ font-weight:800; font-size: 18px; color:#ff4d4f; text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5); }
body.vm-page-dashboard .role-prez{ font-weight:800; font-size: 18px; color:#2ecc71; text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5); }

body.vm-page-dashboard #chat-table td.chat-ops{ white-space:nowrap; text-align:center; padding:8px 6px; }
body.vm-page-dashboard #chat-table td.chat-ops .ops{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:nowrap; }
body.vm-page-dashboard #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center; width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1; border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:transform .2s, box-shadow .25s, background .25s, color .2s; cursor:pointer;
}
body.vm-page-dashboard #chat-table td.chat-ops .ico:hover{ transform:translateY(-1px); background:rgba(255,255,255,.22); box-shadow:0 4px 12px rgba(0,0,0,.5); color:#ff7b00; }
body.vm-page-dashboard #chat-table td.chat-ops .ico[disabled]{ opacity:.4; filter:grayscale(100%); pointer-events:none; cursor:not-allowed; }

body.vm-page-dashboard #chat-table td.chat-reacts{white-space:nowrap;text-align:center;padding:4px 2px;}
body.vm-page-dashboard .reactbar{display:flex;align-items:center;justify-content:center;gap:4px}
body.vm-page-dashboard .react-btn{ position:relative; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:6px; border:0; cursor:pointer; background:rgba(255,255,255,.12); box-shadow:0 1px 3px rgba(0,0,0,.25); transition: transform .12s, box-shadow .18s, background .18s, opacity .18s; opacity:.95; }
body.vm-page-dashboard .react-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.2); box-shadow: 0 3px 8px rgba(0,0,0,.35); }
body.vm-page-dashboard .react-btn i{ font-size:14px; line-height:1; }
body.vm-page-dashboard .react-badge{ position:absolute;top:-8px;right:-2px;min-width:4px;height:12px;padding:0 6px; display:inline-flex;align-items:center;justify-content:center; font-size:9px;font-weight:800;border-radius:8px;color:#0b0b0b; box-shadow:0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(0,0,0,.08) }
body.vm-page-dashboard .react-heart i{color:#ff4d6d}body.vm-page-dashboard .react-btn.react-heart.active{outline:2px solid #ff4d6d;outline-offset:0}
body.vm-page-dashboard .react-laugh i{color:#ffd43b}body.vm-page-dashboard .react-btn.react-laugh.active{outline:2px solid #ffd43b;outline-offset:0}
body.vm-page-dashboard .react-like i{color:#2ecc71}body.vm-page-dashboard .react-btn.react-like.active{outline:2px solid #2ecc71;outline-offset:0}
body.vm-page-dashboard .react-dislike i{color:#95a5a6}body.vm-page-dashboard .react-btn.react-dislike.active{outline:2px solid #95a5a6;outline-offset:0}

body.vm-page-dashboard #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-dashboard #menu-mail{ position: relative; }
body.vm-page-dashboard .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px;
  line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-dashboard .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-dashboard .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-dashboard .btn:active{ transform:translateY(1px); }
body.vm-page-dashboard .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 200px; }
body.vm-page-dashboard .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-dashboard .react-badge{
  position:absolute;
  top:-12px; right:0px;
  min-width:8px; height:14px;
  padding:0 6px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:10px; font-weight:800; line-height:14px;
  border-radius:999px;
  background: rgba(255,255,255,.96);
  color:#0b0b0b;
  border:1px solid rgba(0,0,0,.15);
  box-shadow:0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.35);
  pointer-events:none;
  z-index:2;
  mix-blend-mode: normal;
}

body.vm-page-dashboard .react-badge.heart{ background:#ff4d6d; color:#fff; border-color:#ff2f58; }
body.vm-page-dashboard .react-badge.laugh{ background:#ffd43b; color:#fff; border-color:#e6be16; }
body.vm-page-dashboard .react-badge.like{ background:#2ecc71; color:#fff;    border-color:#1fa85a; }
body.vm-page-dashboard .react-badge.dislike{ background:#95a5a6; color:#fff; border-color:#7f8c8d; }

body.vm-page-dashboard .react-btn.active{
  filter: saturate(1.1) brightness(1.05);
}

body.vm-page-dashboard .card-welcome{
  position: relative;
  padding: 34px 26px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    linear-gradient(200deg, #0b63cc 0%, #064a9f 100%);

  text-align: center;
  overflow: hidden;
}

body.vm-page-dashboard .card-welcome::after{
  content:"";
  position:absolute; inset:-40% -50%;
  background: linear-gradient(115deg,
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,.15) 50%,
    rgba(255,255,255,0) 60%);
  transform: translateX(-120%) rotate(2deg);
  animation: welcomeGloss 12s linear infinite;
  pointer-events:none; mix-blend-mode: soft-light;
  opacity:.55;
}

body.vm-page-dashboard .welcome-title{
  margin: 0;
  font-size: clamp(24px, 2.5vw + 12px, 30px);
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0,0,0,.4);
}

body.vm-page-dashboard .nick{
  position: relative;
  display: inline-block;
  font-weight: 900;
  font-size: clamp(24px, 2.5vw + 12px, 30px);
  letter-spacing: .4px;

  --loopW: 560px;

  --cA: #ff7b00;
  --cB: #ff5a00;
  --cC: #ff992e;

  background-image: linear-gradient(90deg,
    var(--cA) 0%,
    var(--cB) 25%,
    var(--cC) 50%,
    var(--cB) 75%,
    var(--cA) 100%
  );
  background-size: var(--loopW) 100%;
  background-repeat: repeat-x;
  background-position: var(--loopW) 0;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  animation: vmNickWave 1.8s linear infinite;
  will-change: background-position;

  text-shadow: none !important;

  text-shadow: none !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.4));

  -webkit-text-fill-color: transparent;

  padding: 0 6px;
  border-radius: 6px;
}

@keyframes vmNickWave{
  from { background-position: var(--loopW) 0; }
  to   { background-position: 0 0; }
}
body.vm-page-dashboard .cmodal-body textarea{
  font: inherit;
}

body.vm-page-dashboard .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-dashboard .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-dashboard .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-dashboard .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-dashboard .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-dashboard .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-dashboard .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-dashboard .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-dashboard .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-dashboard .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-dashboard .online-header{ color: var(--vm-text) !important; }
body.vm-page-dashboard .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-dashboard .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-dashboard .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-dashboard .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-dashboard .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-dashboard .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-dashboard .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-dashboard .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-dashboard .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-dashboard .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-dashboard .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-dashboard .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-dashboard .online-users .nickname{ margin-right: 8px; }
body.vm-page-dashboard .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-dashboard .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-dashboard .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-dashboard .card h1, body.vm-page-dashboard .card h2, body.vm-page-dashboard .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-dashboard .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-dashboard .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-dashboard .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-dashboard .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-dashboard .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-dashboard .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-dashboard .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-dashboard .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-dashboard .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-dashboard .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-dashboard .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-dashboard .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-dashboard .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-dashboard .online-users .nickname, body.vm-page-dashboard .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-dashboard .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-dashboard .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-dashboard .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-dashboard .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-dashboard .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-dashboard .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-dashboard #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-dashboard .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-dashboard .nav-btn{ display:none; }
  body.vm-page-dashboard .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-dashboard .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-dashboard .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-dashboard .nav-btn{ display: none !important; }
}

body.vm-page-dashboard a.nav-btn, body.vm-page-dashboard a.nav-btn:link, body.vm-page-dashboard a.nav-btn:visited, body.vm-page-dashboard a.nav-btn:hover, body.vm-page-dashboard a.nav-btn:active, body.vm-page-dashboard a.nav-btn:focus, body.vm-page-dashboard a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-dashboard a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-dashboard a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-dashboard .card-welcome .welcome-sub{
    margin-bottom: -5px !important;
}

body.vm-page-dodaj_admin{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-dodaj_admin::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-dodaj_admin .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-dodaj_admin .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-dodaj_admin .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-dodaj_admin .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-dodaj_admin .topbar .menu-top a:hover{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dodaj_admin .topbar a.logout{
  background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3); transition: all 0.25s ease;
}
body.vm-page-dodaj_admin .topbar a.logout:hover{
  background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

body.vm-page-dodaj_admin .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto; background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45); border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white); }
body.vm-page-dodaj_admin .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px; background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00; border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4); }
body.vm-page-dodaj_admin .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-dodaj_admin .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px; transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden; }
body.vm-page-dodaj_admin .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-dodaj_admin .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-dodaj_admin .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dodaj_admin .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-dodaj_admin .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-dodaj_admin .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dodaj_admin .sidebar::-webkit-scrollbar{ width:10px; } body.vm-page-dodaj_admin .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-dodaj_admin .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-dodaj_admin .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-dodaj_admin .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-dodaj_admin .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-dodaj_admin .cards-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:1100px){ body.vm-page-dodaj_admin .cards-grid{ grid-template-columns: 1.2fr .8fr; } }

body.vm-page-dodaj_admin .profile-grid{ display:grid; grid-template-columns:1fr; gap:22px; }
@media (min-width:900px){ body.vm-page-dodaj_admin .profile-grid{ grid-template-columns: 1.2fr .8fr; } }

body.vm-page-dodaj_admin .form-group{ display:grid; gap:8px; margin-bottom:14px; }
body.vm-page-dodaj_admin .form-row-2{ display:grid; grid-template-columns:1fr; gap:40px; }
@media (min-width:720px){ body.vm-page-dodaj_admin .form-row-2{ grid-template-columns:1fr 1fr; } }

body.vm-page-dodaj_admin label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; }

body.vm-page-dodaj_admin input[type="text"], body.vm-page-dodaj_admin input[type="email"], body.vm-page-dodaj_admin input[type="password"], body.vm-page-dodaj_admin textarea{
  width:95%; padding:12px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08); color:#fff; outline:none; transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-dodaj_admin textarea{ min-height:110px; resize:vertical; }
body.vm-page-dodaj_admin input:focus, body.vm-page-dodaj_admin textarea:focus{
  border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
}

body.vm-page-dodaj_admin #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-dodaj_admin #menu-mail{ position: relative; }
body.vm-page-dodaj_admin .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-dodaj_admin .perm-card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:14px; }
body.vm-page-dodaj_admin .section-title{ font-weight:800; margin:10px 0 8px; letter-spacing:.2px }
body.vm-page-dodaj_admin .perm-list{ display:grid; grid-template-columns:1fr; gap:10px 14px }
body.vm-page-dodaj_admin .perm-list label{ display:flex; align-items:center; gap:10px; font-size:15px; }

body.vm-page-dodaj_admin .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-dodaj_admin .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-dodaj_admin .btn:active{ transform:translateY(1px); }
body.vm-page-dodaj_admin .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width:300px; }
body.vm-page-dodaj_admin .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-dodaj_admin .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
body.vm-page-dodaj_admin .btn-ghost:hover{ background:rgba(255,255,255,.08); }

body.vm-page-dodaj_admin .top-flash{
  position: sticky; top: 90px; z-index: 1200;
  margin: 0 0 16px; padding: 12px 16px; border-radius: 10px;
  font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35);
}
body.vm-page-dodaj_admin .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-dodaj_admin .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }

body.vm-page-dodaj_admin .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-dodaj_admin .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-dodaj_admin .online-users .nickname{ font-weight:bold; }
body.vm-page-dodaj_admin .online-users .time{ font-size:13px; }
body.vm-page-dodaj_admin .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-dodaj_admin .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-dodaj_admin .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-dodaj_admin .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-dodaj_admin .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-dodaj_admin .footer-top .label{ flex:0 0 auto; }
body.vm-page-dodaj_admin .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-dodaj_admin .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-dodaj_admin .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-dodaj_admin .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-dodaj_admin .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-dodaj_admin{ zoom:.89; }
  body.vm-page-dodaj_admin .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-dodaj_admin .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-dodaj_admin .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-dodaj_admin .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-dodaj_admin .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-dodaj_admin .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-dodaj_admin .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-dodaj_admin .footer-top img{ height:26px; width:26px; }
  body.vm-page-dodaj_admin .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-dodaj_admin .perm-list input[type="checkbox"]{
  transform: scale(1.25);
  transform-origin: left center;
  margin-right: 8px;
  vertical-align: middle;
}

body.vm-page-dodaj_admin .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-dodaj_admin .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-dodaj_admin .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-dodaj_admin .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-dodaj_admin .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-dodaj_admin .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-dodaj_admin .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-dodaj_admin .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-dodaj_admin .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-dodaj_admin .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-dodaj_admin .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-dodaj_admin .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-dodaj_admin .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-dodaj_admin .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-dodaj_admin .online-header{ color: var(--vm-text) !important; }
body.vm-page-dodaj_admin .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-dodaj_admin .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-dodaj_admin .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-dodaj_admin .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-dodaj_admin .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-dodaj_admin .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-dodaj_admin .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-dodaj_admin .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-dodaj_admin .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-dodaj_admin .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-dodaj_admin .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-dodaj_admin .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-dodaj_admin .online-users .nickname{ margin-right: 8px; }
body.vm-page-dodaj_admin .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-dodaj_admin .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-dodaj_admin .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-dodaj_admin .card h1, body.vm-page-dodaj_admin .card h2, body.vm-page-dodaj_admin .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-dodaj_admin .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-dodaj_admin .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-dodaj_admin .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-dodaj_admin .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-dodaj_admin .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-dodaj_admin .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-dodaj_admin .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-dodaj_admin .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-dodaj_admin .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-dodaj_admin .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-dodaj_admin .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-dodaj_admin .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-dodaj_admin .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-dodaj_admin .online-users .nickname, body.vm-page-dodaj_admin .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-dodaj_admin .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-dodaj_admin .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-dodaj_admin .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-dodaj_admin .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-dodaj_admin .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-dodaj_admin .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-dodaj_admin #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-dodaj_admin .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-dodaj_admin .nav-btn{ display:none; }
  body.vm-page-dodaj_admin .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-dodaj_admin .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-dodaj_admin .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-dodaj_admin .nav-btn{ display: none !important; }
}

body.vm-page-dodaj_admin a.nav-btn, body.vm-page-dodaj_admin a.nav-btn:link, body.vm-page-dodaj_admin a.nav-btn:visited, body.vm-page-dodaj_admin a.nav-btn:hover, body.vm-page-dodaj_admin a.nav-btn:active, body.vm-page-dodaj_admin a.nav-btn:focus, body.vm-page-dodaj_admin a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-dodaj_admin a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-dodaj_admin a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-dodaj_prezenter{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-dodaj_prezenter::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-dodaj_prezenter .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-dodaj_prezenter .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-dodaj_prezenter .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-dodaj_prezenter .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-dodaj_prezenter .topbar .menu-top a:hover{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dodaj_prezenter .topbar a.logout{
  background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3); transition: all 0.25s ease;
}
body.vm-page-dodaj_prezenter .topbar a.logout:hover{
  background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

body.vm-page-dodaj_prezenter .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto; background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45); border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white); }
body.vm-page-dodaj_prezenter .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px; background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00; border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4); }
body.vm-page-dodaj_prezenter .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-dodaj_prezenter .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px; transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden; }
body.vm-page-dodaj_prezenter .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-dodaj_prezenter .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-dodaj_prezenter .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dodaj_prezenter .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-dodaj_prezenter .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-dodaj_prezenter .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-dodaj_prezenter .sidebar::-webkit-scrollbar{ width:10px; } body.vm-page-dodaj_prezenter .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-dodaj_prezenter .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-dodaj_prezenter .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-dodaj_prezenter .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-dodaj_prezenter .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-dodaj_prezenter .cards-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:1100px){ body.vm-page-dodaj_prezenter .cards-grid{ grid-template-columns: 1.2fr .8fr; } }

body.vm-page-dodaj_prezenter .profile-grid{ display:grid; grid-template-columns:1fr; gap:22px; }
@media (min-width:900px){ body.vm-page-dodaj_prezenter .profile-grid{ grid-template-columns: 1.2fr .8fr; } }

body.vm-page-dodaj_prezenter .form-group{ display:grid; gap:8px; margin-bottom:14px; }
body.vm-page-dodaj_prezenter .form-row-2{ display:grid; grid-template-columns:1fr; gap:40px; }
@media (min-width:720px){ body.vm-page-dodaj_prezenter .form-row-2{ grid-template-columns:1fr 1fr; } }

body.vm-page-dodaj_prezenter label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; }

body.vm-page-dodaj_prezenter input[type="text"], body.vm-page-dodaj_prezenter input[type="email"], body.vm-page-dodaj_prezenter input[type="password"], body.vm-page-dodaj_prezenter textarea{
  width:95%; padding:12px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08); color:#fff; outline:none; transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-dodaj_prezenter textarea{ min-height:110px; resize:vertical; }
body.vm-page-dodaj_prezenter input:focus, body.vm-page-dodaj_prezenter textarea:focus{
  border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
}

body.vm-page-dodaj_prezenter .perm-card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:14px; }
body.vm-page-dodaj_prezenter .section-title{ font-weight:800; margin:10px 0 8px; letter-spacing:.2px }
body.vm-page-dodaj_prezenter .perm-list{ display:grid; grid-template-columns:1fr; gap:10px 14px }
body.vm-page-dodaj_prezenter .perm-list label{ display:flex; align-items:center; gap:10px; font-size:15px; }

body.vm-page-dodaj_prezenter #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-dodaj_prezenter #menu-mail{ position: relative; }
body.vm-page-dodaj_prezenter .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-dodaj_prezenter .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-dodaj_prezenter .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-dodaj_prezenter .btn:active{ transform:translateY(1px); }
body.vm-page-dodaj_prezenter .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width:300px; }
body.vm-page-dodaj_prezenter .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-dodaj_prezenter .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
body.vm-page-dodaj_prezenter .btn-ghost:hover{ background:rgba(255,255,255,.08); }

body.vm-page-dodaj_prezenter .top-flash{
  position: sticky; top: 90px; z-index: 1200;
  margin: 0 0 16px; padding: 12px 16px; border-radius: 10px;
  font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35);
}
body.vm-page-dodaj_prezenter .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-dodaj_prezenter .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }

body.vm-page-dodaj_prezenter .vacation-inline{ display:flex; align-items:center; gap:10px; margin-top:6px; }
body.vm-page-dodaj_prezenter .vacation-inline input[type="checkbox"]{ transform:scale(1.3); cursor:pointer; }
body.vm-page-dodaj_prezenter .vacation-inline label{
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: -2px;
}

body.vm-page-dodaj_prezenter .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-dodaj_prezenter .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-dodaj_prezenter .online-users .nickname{ font-weight:bold; }
body.vm-page-dodaj_prezenter .online-users .time{ font-size:13px; }
body.vm-page-dodaj_prezenter .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-dodaj_prezenter .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-dodaj_prezenter .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-dodaj_prezenter .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-dodaj_prezenter .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-dodaj_prezenter .footer-top .label{ flex:0 0 auto; }
body.vm-page-dodaj_prezenter .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-dodaj_prezenter .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-dodaj_prezenter .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-dodaj_prezenter .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-dodaj_prezenter .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-dodaj_prezenter{ zoom:.89; }
  body.vm-page-dodaj_prezenter .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-dodaj_prezenter .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-dodaj_prezenter .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-dodaj_prezenter .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-dodaj_prezenter .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-dodaj_prezenter .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-dodaj_prezenter .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-dodaj_prezenter .footer-top img{ height:26px; width:26px; }
  body.vm-page-dodaj_prezenter .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-dodaj_prezenter .perm-list input[type="checkbox"]{
  transform: scale(1.25);
  transform-origin: left center;
  margin-right: 8px;
  vertical-align: middle;
}

body.vm-page-dodaj_prezenter .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-dodaj_prezenter .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-dodaj_prezenter .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-dodaj_prezenter .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-dodaj_prezenter .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-dodaj_prezenter .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-dodaj_prezenter .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-dodaj_prezenter .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-dodaj_prezenter .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-dodaj_prezenter .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-dodaj_prezenter .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-dodaj_prezenter .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-dodaj_prezenter .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-dodaj_prezenter .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-dodaj_prezenter .online-header{ color: var(--vm-text) !important; }
body.vm-page-dodaj_prezenter .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-dodaj_prezenter .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-dodaj_prezenter .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-dodaj_prezenter .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-dodaj_prezenter .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-dodaj_prezenter .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-dodaj_prezenter .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-dodaj_prezenter .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-dodaj_prezenter .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-dodaj_prezenter .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-dodaj_prezenter .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-dodaj_prezenter .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-dodaj_prezenter .online-users .nickname{ margin-right: 8px; }
body.vm-page-dodaj_prezenter .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-dodaj_prezenter .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-dodaj_prezenter .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-dodaj_prezenter .card h1, body.vm-page-dodaj_prezenter .card h2, body.vm-page-dodaj_prezenter .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-dodaj_prezenter .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-dodaj_prezenter .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-dodaj_prezenter .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-dodaj_prezenter .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-dodaj_prezenter .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-dodaj_prezenter .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-dodaj_prezenter .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-dodaj_prezenter .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-dodaj_prezenter .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-dodaj_prezenter .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-dodaj_prezenter .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-dodaj_prezenter .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-dodaj_prezenter .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-dodaj_prezenter .online-users .nickname, body.vm-page-dodaj_prezenter .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-dodaj_prezenter .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-dodaj_prezenter .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-dodaj_prezenter .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-dodaj_prezenter .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-dodaj_prezenter .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-dodaj_prezenter .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-dodaj_prezenter #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-dodaj_prezenter .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-dodaj_prezenter .nav-btn{ display:none; }
  body.vm-page-dodaj_prezenter .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-dodaj_prezenter .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-dodaj_prezenter .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-dodaj_prezenter .nav-btn{ display: none !important; }
}

body.vm-page-dodaj_prezenter a.nav-btn, body.vm-page-dodaj_prezenter a.nav-btn:link, body.vm-page-dodaj_prezenter a.nav-btn:visited, body.vm-page-dodaj_prezenter a.nav-btn:hover, body.vm-page-dodaj_prezenter a.nav-btn:active, body.vm-page-dodaj_prezenter a.nav-btn:focus, body.vm-page-dodaj_prezenter a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-dodaj_prezenter a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-dodaj_prezenter a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-edit_user{font-family:system-ui;background:#0b1930;color:#fff;padding:30px}
                body.vm-page-edit_user .card{background:#143a72;padding:20px;border-radius:12px;max-width:900px}
                body.vm-page-edit_user pre{white-space:pre-wrap}

body.vm-page-edit_user{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-edit_user::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-edit_user .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-edit_user .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-edit_user .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-edit_user .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-edit_user .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px; border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3); transition: all 0.25s ease; }
body.vm-page-edit_user .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9); box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00; }

body.vm-page-edit_user .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-edit_user .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-edit_user .sidebar ul{list-style:none; padding:0; margin:0; }
body.vm-page-edit_user .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-edit_user .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-edit_user .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-edit_user .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-edit_user .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-edit_user .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-edit_user .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-edit_user .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-edit_user .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-edit_user .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-edit_user .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }
body.vm-page-edit_user .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-edit_user .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-edit_user .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-edit_user .online-users .nickname{ font-weight:bold; }
body.vm-page-edit_user .online-users .time{ font-size:13px; }
body.vm-page-edit_user .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-edit_user .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }
body.vm-page-edit_user .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-edit_user .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-edit_user .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-edit_user .footer-top .label{ flex:0 0 auto; }
body.vm-page-edit_user .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-edit_user .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-edit_user .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-edit_user .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-edit_user .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-edit_user{ zoom:.89; }
  body.vm-page-edit_user .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-edit_user .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-edit_user .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-edit_user .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-edit_user .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-edit_user .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-edit_user .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-edit_user .footer-top img{ height:26px; width:26px; }
  body.vm-page-edit_user .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-edit_user #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-edit_user #menu-mail{ position: relative; }
body.vm-page-edit_user .mail-badge{ position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px; line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff; box-shadow: 0 0 0 2px rgba(1,111,222,1); }

body.vm-page-edit_user .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-edit_user .form-group{ display:grid; gap:8px; margin-bottom:14px; }
body.vm-page-edit_user label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; }
body.vm-page-edit_user input[type="text"], body.vm-page-edit_user input[type="email"], body.vm-page-edit_user input[type="password"], body.vm-page-edit_user input[type="url"], body.vm-page-edit_user textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  font-size:15px;
  font-family:inherit;
  transition:box-shadow .2s, border-color .2s, background .2s;
}

body.vm-page-edit_user textarea{
  min-height:110px;
  resize:vertical;
}

body.vm-page-edit_user .form-row-3{ display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); gap: 16px; align-items: center; }
body.vm-page-edit_user .form-row-3 .form-group{ display: flex; flex-direction: column; min-width:0; }

@media (max-width: 820px) { body.vm-page-edit_user .form-row-3{ grid-template-columns: 1fr; } }

body.vm-page-edit_user .vacation-inline{ display:flex; align-items:center; gap:10px; margin-top:6px; }
body.vm-page-edit_user .vacation-inline input[type="checkbox"]{ transform:scale(1.3); cursor:pointer; }

body.vm-page-edit_user .cards-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:1100px){ body.vm-page-edit_user .cards-grid{ grid-template-columns: 1.2fr .8fr; } }
body.vm-page-edit_user .profile-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:22px; }
@media (max-width:900px){ body.vm-page-edit_user .profile-grid{ grid-template-columns:1fr; } }

body.vm-page-edit_user .avatar-panel{ text-align:center; }
body.vm-page-edit_user .avatar-ring{ width:205px; height:205px; border-radius:50%; margin:0 auto 12px; padding:6px; margin-bottom:30px; background:#ff7b00; box-shadow:0 6px 16px rgba(0,0,0,.4); display:grid; place-items:center; }
body.vm-page-edit_user .avatar-wrap{ width:200px; height:200px; border-radius:50%; overflow:hidden; background:rgba(255,255,255,.12); display:grid; place-items:center; }
body.vm-page-edit_user .avatar-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
body.vm-page-edit_user .avatar-placeholder{ color:#ddd; font-size:15px; }
body.vm-page-edit_user .helper-muted{ color:#d9e6ff; opacity:.85; font-size:13px; }

body.vm-page-edit_user .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer; font-size: 16px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-edit_user .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-edit_user .btn:active{ transform:translateY(1px); }
body.vm-page-edit_user .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width:200px; }
body.vm-page-edit_user .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
body.vm-page-edit_user .btn-avatar{ background:#fff; color:#016FDE; font-weight:bold; font-size:14px; border:1px solid #016FDE; padding:10px 15px; border-radius:10px; width:120px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all 0.25s ease; }
body.vm-page-edit_user .btn-avatar:hover{ background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00; }

body.vm-page-edit_user .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-edit_user .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-edit_user .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }

@media (max-width: 1200px) {
  body.vm-page-edit_user .avatar-ring{ width: calc(205px * .7) !important; height: calc(205px * .7) !important; margin-bottom: calc(30px * .7) !important; }
  body.vm-page-edit_user .avatar-wrap{ width: calc(200px * .7) !important; height: calc(200px * .7) !important; }
  body.vm-page-edit_user .avatar-placeholder{ font-size: calc(15px * .7) !important; }
}

:root{ --cb-scale: 1.30; }

body.vm-page-edit_user .card input[type="checkbox"], body.vm-page-edit_user .vacation-inline input[type="checkbox"]{
  transform: scale(var(--cb-scale)) !important;
  transform-origin: left center !important;

  margin-right: 8px;
  vertical-align: middle;
}

body.vm-page-edit_user input, body.vm-page-edit_user textarea, body.vm-page-edit_user select, body.vm-page-edit_user button{
  font-family: inherit !important;
}

body.vm-page-edit_user .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-edit_user .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-edit_user .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-edit_user .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-edit_user .card .form-group label:has(input[disabled]), body.vm-page-edit_user .vacation-inline:has(input[disabled]){
  opacity: .6;
  pointer-events: none;
  user-select: none;
}

body.vm-page-edit_user .card .form-group label:has(input[disabled]) input[disabled], body.vm-page-edit_user .vacation-inline:has(input[disabled]) input[disabled]{
  cursor: not-allowed;
}

body.vm-page-edit_user .card .form-group label:has(input[disabled]), body.vm-page-edit_user .vacation-inline:has(input[disabled]) span{
  color: rgba(255,255,255,.55) !important;
}

body.vm-page-edit_user .card .form-group label:has(input[disabled]) input[disabled], body.vm-page-edit_user .vacation-inline:has(input[disabled]) input[disabled]{
  cursor: not-allowed;
  filter: saturate(.6);
}

body.vm-page-edit_user label{ opacity: 1 !important; color: rgba(255,255,255,.92) !important; }

body.vm-page-edit_user .form-group[style*="opacity:.6"], body.vm-page-edit_user .vacation-inline[style*="opacity:.6"]{
  opacity: 1 !important;
}
body.vm-page-edit_user .form-group[style*="pointer-events:none"], body.vm-page-edit_user .vacation-inline[style*="pointer-events:none"]{
  pointer-events: auto !important;
  user-select: auto !important;
}

body.vm-page-edit_user .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-edit_user .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-edit_user .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-edit_user .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-edit_user .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-edit_user .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-edit_user .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-edit_user .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-edit_user .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-edit_user .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-edit_user .online-header{ color: var(--vm-text) !important; }
body.vm-page-edit_user .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-edit_user .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-edit_user .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-edit_user .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-edit_user .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-edit_user .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-edit_user .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-edit_user .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-edit_user .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-edit_user .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-edit_user .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-edit_user .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-edit_user .online-users .nickname{ margin-right: 8px; }
body.vm-page-edit_user .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-edit_user .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-edit_user .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-edit_user .card h1, body.vm-page-edit_user .card h2, body.vm-page-edit_user .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-edit_user .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-edit_user .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-edit_user .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-edit_user .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-edit_user .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-edit_user .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-edit_user .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-edit_user .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-edit_user .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-edit_user .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-edit_user .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-edit_user .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-edit_user .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-edit_user .online-users .nickname, body.vm-page-edit_user .online-users .nickname:hover{
  cursor: default !important;
}
body.vm-page-ekipa{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-ekipa::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-ekipa .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-ekipa .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-ekipa .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-ekipa .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-ekipa .topbar .menu-top a:hover, body.vm-page-ekipa .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ekipa .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-ekipa .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-ekipa .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-ekipa .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-ekipa .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-ekipa .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-ekipa .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-ekipa .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-ekipa .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ekipa .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-ekipa .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-ekipa .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-ekipa .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-ekipa .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-ekipa .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-ekipa .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-ekipa .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-ekipa .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-ekipa .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-ekipa .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-ekipa .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-ekipa #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-ekipa #menu-mail{ position: relative; }
body.vm-page-ekipa .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}
body.vm-page-ekipa .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-ekipa .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-ekipa .online-users .nickname{ font-weight:bold; }
body.vm-page-ekipa .online-users .time{ font-size:13px; }
body.vm-page-ekipa .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-ekipa .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-ekipa .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-ekipa .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-ekipa .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-ekipa .footer-top .label{ flex:0 0 auto; }
body.vm-page-ekipa .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-ekipa .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-ekipa .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-ekipa .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-ekipa .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-ekipa{ zoom:.89; }
  body.vm-page-ekipa .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-ekipa .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-ekipa .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-ekipa .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-ekipa .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-ekipa .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-ekipa .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-ekipa .footer-top img{ height:26px; width:26px; }
  body.vm-page-ekipa .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-ekipa .badge{ position:absolute; z-index:2; font-weight:bold; font-size:11px; border-radius:50px;
         box-shadow:0 1px 4px rgba(0,0,0,0.6); line-height:1; user-select:none; }
body.vm-page-ekipa .badge-C{   top: 31px;
  left: 26px; padding:2px 6px; background:#c0392b; color:#fff; border:1px solid rgba(255,255,255,.25); }

body.vm-page-ekipa .badge-P{
  top: -7px;
  left: -7px;
  padding:2px 6px;
  background: #27ae60;
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
}

body.vm-page-ekipa .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-ekipa table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-ekipa thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-ekipa tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-ekipa tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-ekipa tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-ekipa .users-table{ table-layout:fixed; }
body.vm-page-ekipa .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-ekipa .users-table th:last-child, body.vm-page-ekipa .users-table td:last-child{ border-right:none; }
body.vm-page-ekipa .users-table td{ text-align:center; }

body.vm-page-ekipa .badge-UU{ bottom:-2px; right:-2px; background:#ff0000; color:#fff; }
body.vm-page-ekipa .badge-GU{ top:-2px; right:21px; background:#fff; color:#000; }

body.vm-page-ekipa .contact-icons{
  display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
}
body.vm-page-ekipa .contact-icons a{
  display:inline-grid; place-items:center; width:34px; height:34px; border-radius:8px;
  font-size:20px; background:rgba(255,255,255,.12); box-shadow:0 2px 6px rgba(0,0,0,0.3);
  transition:all .25s;

  color:inherit !important;
  text-decoration:none !important;
  outline:none;
  -webkit-tap-highlight-color:transparent;
}
body.vm-page-ekipa .contact-icons a:link, body.vm-page-ekipa .contact-icons a:visited, body.vm-page-ekipa .contact-icons a:hover, body.vm-page-ekipa .contact-icons a:active, body.vm-page-ekipa .contact-icons a:focus{
  color:inherit !important;
  text-decoration:none !important;
  outline:none;
}

body.vm-page-ekipa .contact-icons a:hover{
  transform:translateY(-1px); background:rgba(255,255,255,.22); box-shadow:0 4px 12px rgba(0,0,0,.5);
}
body.vm-page-ekipa .contact-icons a[aria-disabled="true"]{
  opacity:.4; filter:grayscale(100%); pointer-events:none; cursor:not-allowed;
}

body.vm-page-ekipa .pill-online{
  display:inline-block; padding:3px 8px; border-radius:999px; background:#2ecc71; color:#fff; font-weight:700; font-size:12px;
  text-transform:uppercase; letter-spacing:.4px;
}

body.vm-page-ekipa .pass-cell{ position:relative; width:100%; padding-right:44px; }
body.vm-page-ekipa .copy-abs{ position:absolute; right:6px; top:50%; transform:translateY(-50%);
             display:inline-grid; place-items:center; width:34px; height:34px; border-radius:8px;
             background:rgba(255,255,255,.12); box-shadow:0 2px 6px rgba(0,0,0,.3); }

body.vm-page-ekipa .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-ekipa .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-ekipa .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-ekipa .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-ekipa .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-ekipa .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-ekipa .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-ekipa .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-ekipa .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-ekipa .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-ekipa .online-header{ color: var(--vm-text) !important; }
body.vm-page-ekipa .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-ekipa .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-ekipa .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-ekipa .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-ekipa .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-ekipa .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-ekipa .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-ekipa .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-ekipa .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-ekipa .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-ekipa .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-ekipa .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-ekipa .online-users .nickname{ margin-right: 8px; }
body.vm-page-ekipa .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-ekipa .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-ekipa .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-ekipa .card h1, body.vm-page-ekipa .card h2, body.vm-page-ekipa .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-ekipa .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-ekipa .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-ekipa .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-ekipa .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-ekipa .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-ekipa .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-ekipa .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-ekipa .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-ekipa .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-ekipa .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-ekipa .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-ekipa .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-ekipa .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-ekipa .user-ava{
  image-rendering: auto;
  -webkit-transform: translateZ(0);
}

body.vm-page-ekipa .online-users .nickname, body.vm-page-ekipa .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-ekipa .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-ekipa .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-ekipa .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-ekipa .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-ekipa .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-ekipa .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-ekipa #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-ekipa .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-ekipa .nav-btn{ display:none; }
  body.vm-page-ekipa .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-ekipa .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-ekipa .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-ekipa .nav-btn{ display: none !important; }
}

body.vm-page-ekipa a.nav-btn, body.vm-page-ekipa a.nav-btn:link, body.vm-page-ekipa a.nav-btn:visited, body.vm-page-ekipa a.nav-btn:hover, body.vm-page-ekipa a.nav-btn:active, body.vm-page-ekipa a.nav-btn:focus, body.vm-page-ekipa a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-ekipa a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-ekipa a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
  :root{
    --blue:#016FDE; --blue2:#005ABE;
    --orange:#ff7b00; --orange2:#e86a00; --white:#fff;
    --ava: 160px;

    --vm-blue-a: #0a4799;
    --vm-blue-b: #063574;
  }

  body.vm-page-ekipa2{
    margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif; color:#fff; position:relative; background:none;
  }
  body.vm-page-ekipa2::before{
    content:""; position:fixed; inset:0; z-index:-1;
    background:
      radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
      radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
      radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
      #FF7B00;
    background-size:cover;
  }

  body.vm-page-ekipa2 .wrap{ max-width: 700px; margin: 16px auto; padding: 0 12px; }

  body.vm-page-ekipa2 .p-card{
    border-radius:10px; overflow:hidden; margin: 12px 0;
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
      linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
      radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
    color:#fff;
    backdrop-filter: blur(3px);
    box-shadow: 0 5px 12px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.10) inset;
  }

  body.vm-page-ekipa2 .p-head{
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    padding: 10px 12px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
      linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%);
    border-bottom:1px solid rgba(255,255,255,.20);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.28);
  }
  body.vm-page-ekipa2 .p-head .title{
    font-weight: 900; font-size: 26px; letter-spacing:.5px; text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
}

  body.vm-page-ekipa2 .h-badges{ display:flex; gap:6px; }
  body.vm-page-ekipa2 .h-badge{
    display:inline-flex; align-items:center; justify-content:center;
    padding:4px 10px; border-radius:999px; font-weight:900; font-size:11px;
    text-transform:uppercase; letter-spacing:.35px; color:#fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.16);
    white-space:nowrap;
  }
  body.vm-page-ekipa2 .h-badge.guest{    background: linear-gradient(180deg, #27ae60, #1d8f4f); }
  body.vm-page-ekipa2 .h-badge.vacation{ background: linear-gradient(180deg, #c0392b, #9b2f23); }

  body.vm-page-ekipa2 .p-body{ display:flex; gap:14px; padding:12px; align-items:stretch; }

  body.vm-page-ekipa2 .p-avatar{
    flex: 0 0 var(--ava);
    width: var(--ava);
    display:flex;
  }
  body.vm-page-ekipa2 .p-avatar img{
    width: var(--ava);
    height: var(--ava);
    border-radius:12px;
    object-fit:cover;
    display:block;
    background:rgba(255,255,255,.10);
    box-shadow: 0 4px 10px rgba(0,0,0,.45);
  }

  body.vm-page-ekipa2 .p-info{ flex:1 1 auto; display:flex; flex-direction:column; gap:10px; }
  body.vm-page-ekipa2 .kv{ display:grid; grid-template-columns: 170px 1fr; row-gap:6px; column-gap:12px; }
  body.vm-page-ekipa2 .kv .k{ font-weight:800; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.35); }
  body.vm-page-ekipa2 .kv .v{ color:#fff; opacity:.98; }

body.vm-page-ekipa2 .vcard{
  border-radius:14px;
  padding:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    linear-gradient(200deg, rgba(10,71,153,.85), rgba(6,53,116,.85));
  box-shadow:
    0 6px 14px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.10);
  position:relative;
  overflow:hidden;
}
body.vm-page-ekipa2 .vcard::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(700px 360px at 110% -10%, rgba(255,123,0,.10), transparent 60%);
  pointer-events:none;
}
body.vm-page-ekipa2 .vcard::after{

  content:"";
  position:absolute; left:0; top:0; bottom:0; width:4px;
  background: linear-gradient(180deg, var(--orange), #ff9a3b);
  box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset;
}

body.vm-page-ekipa2 .vcard ul{ list-style:none; margin:0; padding:0; }
body.vm-page-ekipa2 .vcard li{
  display:flex; align-items:center; gap:10px;
  padding:10px 6px;
  border-bottom:1px dashed rgba(255,255,255,.18);
}
body.vm-page-ekipa2 .vcard li:last-child{ border-bottom:none; }

body.vm-page-ekipa2 .vcard i{
  width:30px; height:30px; flex:0 0 30px;
  display:inline-grid; place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.16);
  font-size:15px; color:#fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.28);
}

body.vm-page-ekipa2 .vcard .k{
  font-weight:800; letter-spacing:.2px;
  min-width:160px;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.35);
}
body.vm-page-ekipa2 .vcard .v{
  color:#fff; opacity:.98;
}

@media (max-width: 820px){
  body.vm-page-ekipa2 .vcard li{ flex-direction:column; align-items:flex-start; gap:6px; }
  body.vm-page-ekipa2 .vcard .k{ min-width:unset; opacity:.95; }
}

  body.vm-page-ekipa2 .p-contact{ margin-top:4px; padding-top:8px; border-top:1px dashed rgba(255,255,255,.24); }
  body.vm-page-ekipa2 .p-contact .label{ font-weight:900; margin-right:8px; color:#fff; }
  body.vm-page-ekipa2 .contact-icons{ display:inline-flex; align-items:center; gap:8px; vertical-align:middle; }
  body.vm-page-ekipa2 .contact-icons a{
    display:inline-grid; place-items:center; width:34px; height:34px; border-radius:8px;
    font-size:18px; color:#fff; background:rgba(255,255,255,.18);
    box-shadow:0 2px 6px rgba(0,0,0,.30);
    transition:transform .2s, background .2s, opacity .2s;
    text-decoration:none !important; outline:none;
  }
  body.vm-page-ekipa2 .contact-icons a:hover{ transform:translateY(-1px); background:rgba(255,255,255,.26); }
  body.vm-page-ekipa2 .contact-icons a[aria-disabled="true"]{ opacity:.45; filter:grayscale(100%); pointer-events:none; cursor:not-allowed; }

  @media (max-width: 820px){
    body.vm-page-ekipa2 .wrap{ max-width: 100%; }
    body.vm-page-ekipa2 .p-body{ flex-direction:column; align-items:center; gap:10px; }
    body.vm-page-ekipa2 .kv{ grid-template-columns: 1fr; }
  }

  body.vm-page-embed_ekipa{
    margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif; color:#fff; position:relative; background:none;
  }
  body.vm-page-embed_ekipa::before{
    content:""; position:fixed; inset:0; z-index:-1;
    background:
      radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
      radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
      radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
      #FF7B00;
    background-size:cover;
  }

  body.vm-page-embed_ekipa .wrap{ max-width: 700px; margin: 16px auto; padding: 0 12px; }

  body.vm-page-embed_ekipa .p-card{
    border-radius:10px; overflow:hidden; margin: 12px 0;
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
      linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
      radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
    color:#fff;
    backdrop-filter: blur(3px);
    box-shadow: 0 5px 12px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.10) inset;
  }

  body.vm-page-embed_ekipa .p-head{
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    padding: 10px 12px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
      linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%);
    border-bottom:1px solid rgba(255,255,255,.20);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.28);
  }
  body.vm-page-embed_ekipa .p-head .title{
    font-weight: 900; font-size: 26px; letter-spacing:.5px; text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
  }
  body.vm-page-embed_ekipa .h-badges{ display:flex; gap:6px; }
  body.vm-page-embed_ekipa .h-badge{
    display:inline-flex; align-items:center; justify-content:center;
    padding:4px 10px; border-radius:999px; font-weight:900; font-size:11px;
    text-transform:uppercase; letter-spacing:.35px; color:#fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.16);
    white-space:nowrap;
  }
  body.vm-page-embed_ekipa .h-badge.guest{    background: linear-gradient(180deg, #27ae60, #1d8f4f); }
  body.vm-page-embed_ekipa .h-badge.vacation{ background: linear-gradient(180deg, #c0392b, #9b2f23); }

  body.vm-page-embed_ekipa .p-body{ display:flex; gap:14px; padding:12px; align-items:stretch; }

  body.vm-page-embed_ekipa .p-avatar{
    flex: 0 0 var(--ava);
    width: var(--ava);
    display:flex;
  }
  body.vm-page-embed_ekipa .p-avatar img{
    width: var(--ava);
    height: var(--ava);
    border-radius:12px;
    object-fit:cover;
    display:block;
    background:rgba(255,255,255,.10);
    box-shadow: 0 4px 10px rgba(0,0,0,.45);
  }

  body.vm-page-embed_ekipa .p-info{ flex:1 1 auto; display:flex; flex-direction:column; gap:10px; }
  body.vm-page-embed_ekipa .kv{ display:grid; grid-template-columns: 170px 1fr; row-gap:6px; column-gap:12px; }
  body.vm-page-embed_ekipa .kv .k{ font-weight:800; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.35); }
  body.vm-page-embed_ekipa .kv .v{ color:#fff; opacity:.98; }

  body.vm-page-embed_ekipa .p-contact{ margin-top:4px; padding-top:8px; border-top:1px dashed rgba(255,255,255,.24); }
  body.vm-page-embed_ekipa .p-contact .label{ font-weight:900; margin-right:8px; color:#fff; }
  body.vm-page-embed_ekipa .contact-icons{ display:inline-flex; align-items:center; gap:8px; vertical-align:middle; }
  body.vm-page-embed_ekipa .contact-icons a{
    display:inline-grid; place-items:center; width:34px; height:34px; border-radius:8px;
    font-size:18px; color:#fff; background:rgba(255,255,255,.18);
    box-shadow:0 2px 6px rgba(0,0,0,.30);
    transition:transform .2s, background .2s, opacity .2s;
    text-decoration:none !important; outline:none;
  }
  body.vm-page-embed_ekipa .contact-icons a:hover{ transform:translateY(-1px); background:rgba(255,255,255,.26); }
  body.vm-page-embed_ekipa .contact-icons a[aria-disabled="true"]{ opacity:.45; filter:grayscale(100%); pointer-events:none; cursor:not-allowed; }

  @media (max-width: 820px){
    body.vm-page-embed_ekipa .wrap{ max-width: 100%; }
    body.vm-page-embed_ekipa .p-body{ flex-direction:column; align-items:center; gap:10px; }
    body.vm-page-embed_ekipa .kv{ grid-template-columns: 1fr; }
  }
  :root{
    --blue:#016FDE;
    --blue2:#005ABE;
    --orange:#ff7b00;
    --white:#fff;
  }

  body.vm-page-embed_lista{
    margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
    color:#fff; position:relative; background:none;
    padding:0;
  }
  body.vm-page-embed_lista::before{
    content:""; position:fixed; inset:0; z-index:-1;
    background:
      radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
      radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
      radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
      #FF7B00;
    background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
  }

  body.vm-page-embed_lista .wrap{ padding:0px; }
  body.vm-page-embed_lista .card{
    max-width:980px; margin:-7px auto 40px;
    background:rgba(0, 90, 190, .95);
    border-radius:12px; padding:20px; color:#fff;
    backdrop-filter:blur(3px);
    box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
    overflow: hidden;
  }
  body.vm-page-embed_lista h1, body.vm-page-embed_lista h2{ margin:0 0 12px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
  body.vm-page-embed_lista h1{ font-size:28px; }
  body.vm-page-embed_lista h2{ font-size:24px; }

  body.vm-page-embed_lista .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:10px 14px; border-radius:12px;
    border:1px solid var(--blue); background:#fff;
    font-weight:800; text-decoration:none; cursor:pointer;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
    transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
    color: var(--blue);
  }
  body.vm-page-embed_lista .btn:hover{
    background:var(--blue); color:#fff;
    text-shadow:0 0 4px rgba(0,0,0,.9);
    box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
  }
  body.vm-page-embed_lista .btn:active{ transform:translateY(1px); }
  body.vm-page-embed_lista .btn-primary{
    background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
    border-color:var(--orange); color:#fff; font-weight:900;
  }
  body.vm-page-embed_lista .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

  body.vm-page-embed_lista .msg{
    margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
    display:inline-block; opacity: 0; display: none; will-change: opacity;
  }
  body.vm-page-embed_lista .msg.is-visible{ display:inline-block; opacity:1; transition:none; }
  body.vm-page-embed_lista .msg.fading-out{ transition: opacity .5s ease; }
  body.vm-page-embed_lista .ok{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
  body.vm-page-embed_lista .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }

  body.vm-page-embed_lista table{ width:100%; border-collapse: collapse; margin-top:10px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
  body.vm-page-embed_lista thead th{
    background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
    color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.5); letter-spacing:.3px;
    font-weight:900; padding:9px 8px; text-align:center; font-size:16px; border:1px solid rgba(255,255,255,.2);
  }
  body.vm-page-embed_lista tbody td{ border:1px solid rgba(255,255,255,.15); padding:7px 8px; font-size:15px; background:rgba(255,255,255,.04); text-align:center; vertical-align:middle; }
  body.vm-page-embed_lista tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
  body.vm-page-embed_lista tbody tr:hover td{ background:rgba(255,255,255,.12); }
  body.vm-page-embed_lista td.title{ text-align:left; font-weight:700; font-size:13px; }

  body.vm-page-embed_lista #tbl-top th:nth-child(1), body.vm-page-embed_lista #tbl-wait th:nth-child(1){ width:56px; }
  body.vm-page-embed_lista #tbl-top th:nth-child(3), body.vm-page-embed_lista #tbl-wait th:nth-child(3){ width:90px; }
  body.vm-page-embed_lista #tbl-top th:nth-child(4), body.vm-page-embed_lista #tbl-wait th:nth-child(4){ width:100px; }
  body.vm-page-embed_lista #tbl-top th:nth-child(5), body.vm-page-embed_lista #tbl-wait th:nth-child(5){ width:120px; }

  body.vm-page-embed_lista .badge{ display:inline-block; padding:1px 7px; border-radius:999px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); font-weight:800; font-size:12px; }

  body.vm-page-embed_lista .play{
    display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%;
    background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
    border:1px solid rgba(255,255,255,.25); color:#fff; text-decoration:none; font-size:13px;
    box-shadow:0 1px 4px rgba(0,0,0,.25); transition: transform .15s, box-shadow .2s, filter .2s;
  }
  body.vm-page-embed_lista .play:hover{ transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 3px 10px rgba(0,0,0,.45),0 0 6px rgba(46,204,113,.6); }

  body.vm-page-embed_lista .form-inline{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
  body.vm-page-embed_lista .form-inline input[type="text"]{
    padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.08); color:#fff; outline:none; min-width:240px; font-weight:700;
    transition: box-shadow .2s, border-color .2s, background .2s;
  }
  body.vm-page-embed_lista .form-inline input[type="text"]::placeholder{ color: rgba(255,255,255,.7); }
  body.vm-page-embed_lista .form-inline input[type="text"]:focus{
    border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
  }
  body.vm-page-embed_lista .hp{ position:absolute; left:-9999px; visibility:hidden; }

  body.vm-page-embed_lista .subnote{
    margin:6px 0 12px; padding:10px 12px; border-radius:10px;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
    display:flex; align-items:center; gap:10px;
  }

  body.vm-page-embed_lista .card{ max-width:980px; margin:20px auto 10px; padding:16px; border-radius:10px; }
  body.vm-page-embed_lista h1{ font-size:22px; }
  body.vm-page-embed_lista h2{ font-size:18px; }
  body.vm-page-embed_lista .subnote{ display:none !important; }
  body.vm-page-embed_lista .btn{ padding:5px 10px; gap:6px; font-size:13px; border-radius:10px; }
  body.vm-page-embed_lista .btn-primary{ font-weight:800; }
  body.vm-page-embed_lista .btn i{ font-size:14px; }

  body.vm-page-embed_lista .btn[disabled], body.vm-page-embed_lista .btn:disabled{
    opacity: .55;
    cursor: not-allowed;
    filter: grayscale(0.15);
    box-shadow: none;
  }

body.vm-page-embed_lista .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-embed_lista .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-embed_lista .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-embed_lista .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-embed_lista .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-embed_lista .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-embed_lista .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-embed_lista .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-embed_lista .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-embed_lista .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-embed_lista .online-header{ color: var(--vm-text) !important; }
body.vm-page-embed_lista .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-embed_lista .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-embed_lista .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-embed_lista .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-embed_lista .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-embed_lista .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-embed_lista .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-embed_lista .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-embed_lista .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-embed_lista .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-embed_lista .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-embed_lista .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-embed_lista .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-embed_lista .online-users .nickname{ margin-right: 8px; }
body.vm-page-embed_lista .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-embed_lista .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-embed_lista .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-embed_lista .card h1, body.vm-page-embed_lista .card h2, body.vm-page-embed_lista .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-embed_lista .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-embed_lista .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-embed_lista .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-embed_lista .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-embed_lista .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-embed_lista .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-embed_lista .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-embed_lista .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-embed_lista .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-embed_lista .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-embed_lista .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-embed_lista .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-embed_lista .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-embed_lista #ytModal{ position:fixed; inset:0; display:none; z-index:99999; }
body.vm-page-embed_lista #ytModal.is-open{ display:block; }
body.vm-page-embed_lista #ytModal .ytm-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); }
body.vm-page-embed_lista #ytModal .ytm-window{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:520px; max-width:90vw; height:300px; max-height:56.25vw;
  background:#0b0f18; border:1px solid rgba(255,255,255,.15);
  box-shadow:0 18px 40px rgba(0,0,0,.5); border-radius:12px; overflow:hidden;
}
body.vm-page-embed_lista #ytModal .ytm-close{
  position:absolute; right:8px; top:6px; z-index:2; cursor:pointer;
  border:0; background:transparent; color:#fff; font-size:28px; line-height:1;
}
body.vm-page-embed_lista #ytModal .ytm-iframe-wrap, body.vm-page-embed_lista #ytModal iframe{ width:100%; height:100%; display:block; }

body.vm-page-embed_lista #vm-toast-wrap{
  position: fixed; inset: 0;
  display: none; z-index: 999999;
  pointer-events: none;
}
body.vm-page-embed_lista #vm-toast{
  position: absolute;
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  max-width: min(90vw, 520px);
  text-align: center;
}
body.vm-page-embed_lista #vm-toast.msg{ display: inline-block; }

@media (max-width: 480px){
  body.vm-page-embed_lista #tbl-top, body.vm-page-embed_lista #tbl-wait{ table-layout: fixed; }

  body.vm-page-embed_lista #tbl-top thead th, body.vm-page-embed_lista #tbl-wait thead th{
    padding:4px 2px; font-size:0; line-height:1;
  }
  body.vm-page-embed_lista #tbl-top thead th i, body.vm-page-embed_lista #tbl-wait thead th i{ font-size:12px; }

  body.vm-page-embed_lista #tbl-top th:nth-child(1), body.vm-page-embed_lista #tbl-wait th:nth-child(1), body.vm-page-embed_lista #tbl-top td:nth-child(1), body.vm-page-embed_lista #tbl-wwait td:nth-child(1), body.vm-page-embed_lista #tbl-wait td:nth-child(1){
    width:20px !important; max-width:20px !important; overflow:hidden;
    text-align:center;
  }
  body.vm-page-embed_lista #tbl-top td:nth-child(1) b, body.vm-page-embed_lista #tbl-wait td:nth-child(1) b{
    font-size:10px; font-weight:900; display:block;
  }

  body.vm-page-embed_lista #tbl-top th:nth-child(2), body.vm-page-embed_lista #tbl-wait th:nth-child(2), body.vm-page-embed_lista #tbl-top td:nth-child(2), body.vm-page-embed_lista #tbl-wait td:nth-child(2){
    width:auto !important;
  }
  body.vm-page-embed_lista td.title{
    text-align:left; font-size:13px; line-height:1.25;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
    overflow:hidden;
  }

  body.vm-page-embed_lista #tbl-top th:nth-child(3), body.vm-page-embed_lista #tbl-wait th:nth-child(3), body.vm-page-embed_lista #tbl-top td:nth-child(3), body.vm-page-embed_lista #tbl-wait td:nth-child(3){
    width:20px !important; max-width:20px !important; overflow:hidden;
    white-space:nowrap; text-align:center;
  }
  body.vm-page-embed_lista #tbl-top td:nth-child(3), body.vm-page-embed_lista #tbl-wait td:nth-child(3){ font-size:10px; }

  body.vm-page-embed_lista #tbl-top th:nth-child(4), body.vm-page-embed_lista #tbl-wait th:nth-child(4), body.vm-page-embed_lista #tbl-top td:nth-child(4), body.vm-page-embed_lista #tbl-wait td:nth-child(4){
    width:30px !important; max-width:30px !important; overflow:hidden;
    text-align:center;
  }
  body.vm-page-embed_lista .play{
    width:18px; height:18px; font-size:11px; line-height:18px;
    box-shadow:none;
  }

  body.vm-page-embed_lista #tbl-top th:nth-child(5), body.vm-page-embed_lista #tbl-wait th:nth-child(5), body.vm-page-embed_lista #tbl-top td:nth-child(5), body.vm-page-embed_lista #tbl-wait td:nth-child(5){
    width:30px !important; max-width:30px !important; overflow:hidden;
    text-align:center;
  }
  body.vm-page-embed_lista .vote-btn{
    padding:0; width:20px; height:20px; border-radius:8px;
    display:inline-grid; place-items:center;
    text-indent:-9999px; overflow:hidden;
  }
  body.vm-page-embed_lista .vote-btn i{ margin:0; font-size:12px; text-indent:0; }

  body.vm-page-embed_lista #tbl-top tbody td, body.vm-page-embed_lista #tbl-wait tbody td{ padding:4px 2px; font-size:12px; }
}

@media (max-width: 360px){
  body.vm-page-embed_lista #tbl-top thead th i, body.vm-page-embed_lista #tbl-wait thead th i{ font-size:11px; }
  body.vm-page-embed_lista #tbl-top td:nth-child(1) b, body.vm-page-embed_lista #tbl-wait td:nth-child(1) b{ font-size:9px; }
  body.vm-page-embed_lista #tbl-top td:nth-child(3), body.vm-page-embed_lista #tbl-wait td:nth-child(3){ font-size:9.5px; }
  body.vm-page-embed_lista .play{ width:16px; height:16px; font-size:10px; }
  body.vm-page-embed_lista .vote-btn{ width:18px; height:18px; }
  body.vm-page-embed_lista td.title{ -webkit-line-clamp:2; font-size:12px; }
}

html, body.vm-page-embed_pozdrowienia-online{ margin:0; padding:0; }
  body.vm-page-embed_pozdrowienia-online .ticker{
    background:#ff7b00;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    color:#000;
    font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:1.6;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
  }
  body.vm-page-embed_pozdrowienia-online .chunk{
    position:relative;
    will-change:transform;
    display:inline-block;
    padding:2px 0 3px;
    top:-0.5px;
  }
  body.vm-page-embed_pozdrowienia-online .msg{ display:inline-flex; align-items:center; }
  body.vm-page-embed_pozdrowienia-online .msg b{ font-weight:800; }

  body.vm-page-embed_pozdrowienia-online .sep{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 22px;
    line-height:1;
    vertical-align:middle;
    font-size:0;
    color:inherit;
    position:relative;
  }
  body.vm-page-embed_pozdrowienia-online .sep::before{
    content:"";
    display:block;
    width:0.38rem;
    height:0.38rem;
    border-radius:50%;
    background: currentColor;
    position:relative;
    top:-1px;
  }

  @media (max-width:640px){
    body.vm-page-embed_pozdrowienia-online .ticker{ font-size:14px; }
    body.vm-page-embed_pozdrowienia-online .sep{ margin:0 18px; }
  }

body.vm-page-embed_pozdrowienia-online .ticker{ cursor: default; }
body.vm-page-embed_pozdrowienia-online .ticker:hover{ cursor: ew-resize; }
body.vm-page-embed_pozdrowienia-online .ticker.grabbable{ cursor: ew-resize; }
    body.vm-page-embed_pozdrowienia-online_form{
      margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff; position:relative; background:none; padding:0;
    }
    body.vm-page-embed_pozdrowienia-online_form::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }
    body.vm-page-embed_pozdrowienia-online_form .wrap{ padding:0px; }
    body.vm-page-embed_pozdrowienia-online_form .card{
      max-width:720px; margin:20px auto 0px;
      background:rgba(0, 90, 190, .95);
      border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow:hidden;
    }
    body.vm-page-embed_pozdrowienia-online_form h1{ margin:0 0 12px; font-size:28px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-embed_pozdrowienia-online_form h1 i{ font-size:24px; }
    body.vm-page-embed_pozdrowienia-online_form .row{ display:grid; gap:1px; margin-bottom:18px; }
    body.vm-page-embed_pozdrowienia-online_form label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; font-weight:700; }
    body.vm-page-embed_pozdrowienia-online_form input[type="text"], body.vm-page-embed_pozdrowienia-online_form textarea{
      width:100%; box-sizing:border-box; padding:12px 12px; border-radius:10px;
      border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
    }
    body.vm-page-embed_pozdrowienia-online_form textarea{ min-height:121px; resize:vertical; font-size:15px; font-family:inherit; }
    body.vm-page-embed_pozdrowienia-online_form input[type="text"]:hover, body.vm-page-embed_pozdrowienia-online_form textarea:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.30); }
    body.vm-page-embed_pozdrowienia-online_form input[type="text"]:focus, body.vm-page-embed_pozdrowienia-online_form textarea:focus{
      border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
    }
    body.vm-page-embed_pozdrowienia-online_form .hint{ color:#ffffff; opacity:.65; font-size:13px; }
    body.vm-page-embed_pozdrowienia-online_form .actions{ margin-top:6px; display:flex; gap:10px; flex-wrap:wrap; }
    body.vm-page-embed_pozdrowienia-online_form .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:12px; border:1px solid var(--blue); background:#fff;
      font-weight:700; text-decoration:none; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; color:var(--blue);
    }
    body.vm-page-embed_pozdrowienia-online_form .btn:hover{ background:var(--blue); color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange); }
    body.vm-page-embed_pozdrowienia-online_form .btn:active{ transform:translateY(1px); }
    body.vm-page-embed_pozdrowienia-online_form .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:800;
    }
    body.vm-page-embed_pozdrowienia-online_form .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
    body.vm-page-embed_pozdrowienia-online_form .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:none; opacity:0; will-change:opacity;
    }
    body.vm-page-embed_pozdrowienia-online_form .msg.is-visible{ display:inline-block; opacity:1; transition:none; }
    body.vm-page-embed_pozdrowienia-online_form .msg.fading-out{ transition:opacity .5s ease; }
    body.vm-page-embed_pozdrowienia-online_form .ok{ background:linear-gradient(180deg,#2ecc71 0%,#27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-embed_pozdrowienia-online_form .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-embed_pozdrowienia-online_form .hp{ position:absolute; left:-9999px; visibility:hidden; }
    body.vm-page-embed_pozdrowienia-online_form input::placeholder, body.vm-page-embed_pozdrowienia-online_form textarea::placeholder{ color:rgba(255,255,255,0.6); opacity:1; }
    body.vm-page-embed_pozdrowienia-online_form .card{ color:#fff !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 12px 28px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.06) inset; backdrop-filter: blur(4px); }
    body.vm-page-embed_pozdrowienia-online_form .card h1{ color:rgba(255,255,255,.98) !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }

    body.vm-page-embed_pozdrowienia-online_form .sidebar{
      color: var(--vm-text) !important;
      border-right: 1px solid rgba(255,255,255,.10) !important;
      box-shadow: 6px 0 24px rgba(0,0,0,.32);
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a::before{
      content:"";
      position:absolute; left:0; top:0; bottom:0;
      width:3px; pointer-events:none;
      background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
      opacity:0;
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a i{
      color: rgba(255,255,255,.9) !important;
      text-shadow: none;
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a:hover{
      background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
    }
    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a:hover::before{ opacity:1; }
    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a.active{
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
      font-weight: 700 !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a.active::before{ opacity:1; }
    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a span{
      color: var(--vm-text) !important;
      opacity: .98;
    }

    body.vm-page-embed_pozdrowienia-online_form .online-header{ color: var(--vm-text) !important; }
    body.vm-page-embed_pozdrowienia-online_form .online-header .count{
      display:inline-flex; align-items:center; justify-content:center;
      min-width: 26px; height: 20px; padding: 0 8px;
      font-size: 12.5px; font-weight: 900; line-height: 1;
      color:#0b0b0b;
      background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
      border-radius: 999px;
      box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
    }

    body.vm-page-embed_pozdrowienia-online_form .online-users li{
      background: var(--vm-surface) !important;
      border: 1px solid rgba(255,255,255,.08) !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .online-users li:hover{
      background: var(--vm-surface2) !important;
      border-color: rgba(255,255,255,.14) !important;
    }

    body.vm-page-embed_pozdrowienia-online_form .online-users .nickname{
      font-weight: 800;
      position: relative;
      padding-left: 16px;
    }

    body.vm-page-embed_pozdrowienia-online_form .online-users .nickname::before{
      content: "";
      position: absolute;
      left: 0; top: 50%;
      width: 8px; height: 8px;
      border-radius: 50%;
      background: #2ecc71;
      box-shadow: 0 0 6px rgba(46,204,113,.7);
      transform: translateY(-50%);
    }

    body.vm-page-embed_pozdrowienia-online_form .online-users .time{ color: var(--vm-muted) !important; }

    body.vm-page-embed_pozdrowienia-online_form .sidebar::-webkit-scrollbar{ width:10px; }
    body.vm-page-embed_pozdrowienia-online_form .sidebar::-webkit-scrollbar-thumb{
      background: rgba(255,255,255,.22);
      border-radius:8px; border:2px solid transparent; background-clip:padding-box;
    }
    body.vm-page-embed_pozdrowienia-online_form .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

    body.vm-page-embed_pozdrowienia-online_form .topbar{ border-bottom: 1px solid rgba(255,255,255,.10); }
    body.vm-page-embed_pozdrowienia-online_form .footer-bar{ border-top: 1px solid rgba(255,255,255,.10); }

    body.vm-page-embed_pozdrowienia-online_form .online-header .count{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 26px;
      height: 20px;
      padding: 0 8px;
      font-size: 12.5px;
      font-weight: 900;
      line-height: 1;
      color: #fff !important;
      background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
      border-radius: 999px;
      box-shadow:
        0 0 6px rgba(46, 204, 113, .6),
        0 0 0 2px rgba(46, 204, 113, .3);
      text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
    }

    body.vm-page-embed_pozdrowienia-online_form .online-users li{ display: flex !important; align-items: center !important; }
    body.vm-page-embed_pozdrowienia-online_form .online-users .nickname{ margin-right: 8px; }
    body.vm-page-embed_pozdrowienia-online_form .online-users .time{
      margin-left: auto !important;
      align-self: center !important;
      line-height: 1 !important;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.15);
      padding: 2px 8px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 600;
      color: var(--vm-muted) !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar{
      box-shadow:
        8px 0 18px -8px rgba(0,0,0,.48),
        inset 1px 0 0 rgba(255,255,255,.06) !important;
    }

    body.vm-page-embed_pozdrowienia-online_form .card{
      box-shadow:
        0 10px 18px -6px rgba(0,0,0,.42),
        0 3px 8px -3px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.06) inset !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .card:hover{
      box-shadow:
        0 10px 18px -6px rgba(0,0,0,.44),
        0 3px 8px -3px rgba(0,0,0,.36),
        0 0 0 1px rgba(255,255,255,.06) inset !important;
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar{
      border-right: 1px solid rgba(255,255,255,.10) !important;
      box-shadow:
        6px 0 16px -6px rgba(0,0,0,.45),
        inset 1px 0 0 rgba(255,255,255,.06) !important;
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar ul li a.active{
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
        linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        0 0 0 1px rgba(74,168,255,.45);
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar h3{
      margin: 10px 0;
      padding: 8px 14px;
      font-size: 18px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #fff;
      background: linear-gradient(90deg,#ff6a00 20%,#ff7b00 50%,#ff8f2b 80%) !important;
      border: none;
      border-top: 1px solid rgba(255,255,255,.08);
      border-bottom: 1px solid rgba(0,0,0,.4);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.35);
      border-radius: 4px;
    }

    body.vm-page-embed_pozdrowienia-online_form .sidebar{
      background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
        linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .topbar{
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
        linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .footer-bar{
      background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
        linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .card{
      background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
        linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
        radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
    }
    body.vm-page-embed_pozdrowienia-online_form .card.card-welcome{
      background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
        linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
        radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
    }

body.vm-page-embed_pozdrowienia-online_form #row-text{ position: relative; }

body.vm-page-embed_pozdrowienia-online_form #msg{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  max-width: min(92%, 520px);
  width: max-content;
  text-align: center;
  pointer-events: none;
}

    body.vm-page-embed_pozdrowienia{
      margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff; position:relative; background:none;
      padding:0;
    }
    body.vm-page-embed_pozdrowienia::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }

    body.vm-page-embed_pozdrowienia .wrap{ padding:0px; }
    body.vm-page-embed_pozdrowienia .card{
      max-width:720px; margin:-7px -5px 0px;
      background:rgba(0, 90, 190, .95);
      border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow: hidden;
    }
    body.vm-page-embed_pozdrowienia h1{ margin:0 0 12px; font-size:28px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-embed_pozdrowienia h1 i{ font-size:24px; }

    body.vm-page-embed_pozdrowienia .row{ display:grid; gap:1px; margin-bottom:18px; }
    body.vm-page-embed_pozdrowienia label{
      font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; font-weight:700;
    }
    body.vm-page-embed_pozdrowienia input[type="text"], body.vm-page-embed_pozdrowienia textarea{
      width:100%; box-sizing:border-box; padding:12px 12px; border-radius:10px;
      border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
    }
    body.vm-page-embed_pozdrowienia textarea{ min-height:121px; resize:vertical; font-size: 15px; }
    body.vm-page-embed_pozdrowienia input[type="text"]:hover, body.vm-page-embed_pozdrowienia textarea:hover{
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.30);
    }
    body.vm-page-embed_pozdrowienia input[type="text"]:focus, body.vm-page-embed_pozdrowienia textarea:focus{
      border-color:var(--orange);
      box-shadow:0 0 0 3px rgba(255,123,0,.25);
      background:rgba(255,255,255,.12);
    }

    body.vm-page-embed_pozdrowienia .hint{ color:#ffffff; opacity:.65; font-size:13px; }

    body.vm-page-embed_pozdrowienia .radios{ display:flex; gap:12px; flex-wrap:wrap; }
    body.vm-page-embed_pozdrowienia .radio-pill{
      display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;
      border:1px solid rgba(255,255,255,.35); cursor:pointer; user-select:none;
      transition:all .25s ease; background:transparent; color:#fff; font-weight:700;
    }
    body.vm-page-embed_pozdrowienia .radio-pill:hover{
      background:rgba(255,255,255,.08);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-embed_pozdrowienia .radio-pill input{ appearance:none; width:16px; height:16px; border-radius:50%; border:2px solid #fff; display:inline-block; position:relative; }
    body.vm-page-embed_pozdrowienia .radio-pill input:checked{ border-color:var(--orange); }
    body.vm-page-embed_pozdrowienia .radio-pill input:checked::after{
      content:""; position:absolute; inset:3px; border-radius:50%; background:var(--orange);
    }

    body.vm-page-embed_pozdrowienia .actions{ margin-top:6px; display:flex; gap:10px; flex-wrap:wrap; }
    body.vm-page-embed_pozdrowienia .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:12px;
      border:1px solid var(--blue); background:#fff;
      font-weight:700; text-decoration:none; cursor:pointer;
      box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
      color: var(--blue);
    }
    body.vm-page-embed_pozdrowienia .btn:hover{
      background:var(--blue); color:#fff;
      text-shadow:0 0 4px rgba(0,0,0,.9);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-embed_pozdrowienia .btn:active{ transform:translateY(1px); }
    body.vm-page-embed_pozdrowienia .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:800;
    }
    body.vm-page-embed_pozdrowienia .btn-primary:hover{
      filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35);
    }

    body.vm-page-embed_pozdrowienia .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:inline-block;
      opacity: 0;
      display: none;
      will-change: opacity;
    }
    body.vm-page-embed_pozdrowienia .msg.is-visible{
      display: inline-block;
      opacity: 1;
      transition: none;
    }
    body.vm-page-embed_pozdrowienia .msg.fading-out{
      transition: opacity .5s ease;
    }

    body.vm-page-embed_pozdrowienia #row-disabled .msg{
      display: block !important;
      opacity: 1 !important;
      transition: none !important;
    }

    body.vm-page-embed_pozdrowienia .ok{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-embed_pozdrowienia .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }

    body.vm-page-embed_pozdrowienia .hp{ position:absolute; left:-9999px; visibility:hidden; }

    body.vm-page-embed_pozdrowienia .fake-topbar{
      height:60px; background-color:var(--blue); display:flex; align-items:center; justify-content:center;
      position:fixed; top:0; left:0; right:0; z-index:10; box-shadow:0 4px 12px rgba(0,0,0,0.5);
    }
    body.vm-page-embed_pozdrowienia .fake-topbar .brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; }
    body.vm-page-embed_pozdrowienia .fake-topbar .brand img{ height:40px; border-radius:8px; }

    body.vm-page-embed_pozdrowienia #text{ font-family: inherit; }

    body.vm-page-embed_pozdrowienia .disabled-box{
      display:block;
      width:100%;
      box-sizing:border-box;
      padding:131px 20px;
      border-radius:12px;
      text-align:center;
      margin-top:6px;
      box-shadow:0 4px 12px rgba(0,0,0,.35);
    }
    body.vm-page-embed_pozdrowienia #row-disabled{ margin-bottom: 6px; }

    body.vm-page-embed_pozdrowienia input::placeholder, body.vm-page-embed_pozdrowienia textarea::placeholder{
      color: rgba(255,255,255,0.6);
      opacity: 1;
    }

body.vm-page-embed_pozdrowienia .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-embed_pozdrowienia .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-embed_pozdrowienia .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-embed_pozdrowienia .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-embed_pozdrowienia .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-embed_pozdrowienia .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-embed_pozdrowienia .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-embed_pozdrowienia .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-embed_pozdrowienia .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-embed_pozdrowienia .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-embed_pozdrowienia .online-header{ color: var(--vm-text) !important; }
body.vm-page-embed_pozdrowienia .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-embed_pozdrowienia .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-embed_pozdrowienia .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-embed_pozdrowienia .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-embed_pozdrowienia .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-embed_pozdrowienia .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-embed_pozdrowienia .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-embed_pozdrowienia .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-embed_pozdrowienia .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-embed_pozdrowienia .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-embed_pozdrowienia .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-embed_pozdrowienia .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-embed_pozdrowienia .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-embed_pozdrowienia .online-users .nickname{ margin-right: 8px; }
body.vm-page-embed_pozdrowienia .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-embed_pozdrowienia .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-embed_pozdrowienia .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-embed_pozdrowienia .card h1, body.vm-page-embed_pozdrowienia .card h2, body.vm-page-embed_pozdrowienia .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-embed_pozdrowienia .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-embed_pozdrowienia .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-embed_pozdrowienia .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-embed_pozdrowienia .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-embed_pozdrowienia .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-embed_pozdrowienia .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-embed_pozdrowienia .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-embed_pozdrowienia .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-embed_pozdrowienia .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-embed_pozdrowienia .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-embed_pozdrowienia .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-embed_pozdrowienia .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-embed_pozdrowienia .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

html, body.vm-page-embed_pozdrowienia{ background: transparent !important; }
body.vm-page-embed_pozdrowienia::before{ content: none !important; }

body.vm-page-embed_pozdrowienia .row{ margin-bottom: 14px !important; }

body.vm-page-embed_pozdrowienia .actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

body.vm-page-embed_pozdrowienia .submit-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
}

body.vm-page-embed_pozdrowienia .inline-msg{
  position: absolute;
  left: 100%;
  margin-left: 8px;
  top: 0;
  display: none;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
}

body.vm-page-embed_pozdrowienia .inline-msg.ok{
  background: linear-gradient(180deg,#2ecc71 0%, #27ae60 100%);
  color:#fff;
}
body.vm-page-embed_pozdrowienia .inline-msg.err{
  background: linear-gradient(180deg,#e74c3c 0%, #c0392b 100%);
  color:#fff;
}
body.vm-page-embed_pozdrowienia .inline-msg.is-visible{ display:inline-flex; opacity:1; }
body.vm-page-embed_pozdrowienia .inline-msg.fading-out{ opacity:0; }

body.vm-page-embed_pozdrowienia .inline-msg::before{
  content:"";
  position:absolute;
  right:100%;
  top:50%;
  transform:translateY(-50%);
  border:6px solid transparent;
  border-right-color: rgba(255,255,255,.22);
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.25));
}

body.vm-page-embed_pozdrowienia #row-text{ position: relative; }

body.vm-page-embed_pozdrowienia #msg{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  max-width: min(90%, 520px);
  width: max-content;
  text-align: center;
  pointer-events: none;
  margin: 0;
}

body.vm-page-embed_pozdrowienia .hint.crit{ color: var(--orange); font-weight: 800; opacity: 1; }
body.vm-page-embed_pozdrowienia .hint.warn{ color: rgba(255,255,255,.9); font-weight: 800; }

body.vm-page-embed_pozdrowienia #row-request-fields{
  display:none;
  margin-bottom:14px;
}

body.vm-page-embed_pozdrowienia .request-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 18px;
  align-items:start;
}

body.vm-page-embed_pozdrowienia .request-item{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}

body.vm-page-embed_pozdrowienia .request-item label{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.4px;
  opacity:.9;
  font-weight:700;
}

body.vm-page-embed_pozdrowienia .request-item input, body.vm-page-embed_pozdrowienia .request-item textarea{
  width:100%;
  box-sizing:border-box;

  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;

  transition: box-shadow .2s, border-color .2s, background .2s;

  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
}

body.vm-page-embed_pozdrowienia .request-item input{
  height:43px;
  padding:8px 12px;
}

body.vm-page-embed_pozdrowienia .request-item textarea{
  height:43px;
  min-height:43px;
  max-height:43px;
  resize:none;
  overflow:hidden;
  padding:8px 12px;
  font-size:15px;
  line-height:1.4;
}

body.vm-page-embed_pozdrowienia .request-item input:hover, body.vm-page-embed_pozdrowienia .request-item textarea:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.30);
}

body.vm-page-embed_pozdrowienia .request-item input:focus, body.vm-page-embed_pozdrowienia .request-item textarea:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-embed_pozdrowienia #request-char-hint{
  margin-top:2px;
  font-size:12.3px;
  opacity:.75;
}

:root{
      --blue:#016FDE;
      --blue2:#005ABE;
      --orange:#ff7b00;
      --white:#fff;

      --vm-bg:#0b0f18;
      --vm-surface:rgba(255,255,255,.04);
      --vm-surface2:rgba(255,255,255,.06);
      --vm-text:rgba(255,255,255,.92);
      --vm-muted:rgba(255,255,255,.70);
      --vm-orange:#ff7b00;
      --vm-orange2:#ff8f2b;
      --vm-blue:#016FDE;
      --vm-blue-a:#0a4799;
      --vm-blue-b:#063574;
    }

    body.vm-page-embed_pozdrowienia_voice *{ box-sizing:border-box; }

    html, body.vm-page-embed_pozdrowienia_voice{
      margin:0;
      padding:0;
      font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff;
      background:none;
    }

body.vm-page-embed_pozdrowienia_voice{
  position:relative;
}

    body.vm-page-embed_pozdrowienia_voice::before{
      content:"";
      position:fixed;
      inset:0;
      z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover;
      will-change:transform;
      backface-visibility:hidden;
      transform:translateZ(0);
    }

body.vm-page-embed_pozdrowienia_voice .wrap{
  padding: 0 18px;
}

    body.vm-page-embed_pozdrowienia_voice .card{
      max-width:820px;
      margin:24px auto 0;
      padding:20px;
      color:#fff;
      border-radius:12px;
      overflow:hidden;
      backdrop-filter:blur(3px);
      border:1px solid rgba(255,255,255,.12) !important;
      box-shadow:
        0 10px 18px -6px rgba(0,0,0,.42),
        0 3px 8px -3px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.06) inset !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
        linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
        radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
    }

    body.vm-page-embed_pozdrowienia_voice h1{
      margin:0 0 12px;
      font-size:28px;
      font-weight:800;
      letter-spacing:.2px;
      display:flex;
      align-items:center;
      gap:10px;
      color:rgba(255,255,255,.98) !important;
      text-shadow:0 1px 2px rgba(0,0,0,.35);
    }

    body.vm-page-embed_pozdrowienia_voice h1 i{ font-size:24px; }

    body.vm-page-embed_pozdrowienia_voice .sub{
      margin:0 0 16px;
      color:#ffffff;
      opacity:.82;
      font-size:15px;
      font-weight:600;
    }

    body.vm-page-embed_pozdrowienia_voice .grid{
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
      margin-bottom:14px;
    }

    body.vm-page-embed_pozdrowienia_voice label{
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.4px;
      opacity:.9;
      font-weight:700;
      display:block;
      margin:0 0 8px;
    }

    body.vm-page-embed_pozdrowienia_voice input[type="text"]{
      width:100%;
      box-sizing:border-box;
      height:46px;
      padding:12px 12px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.22);
      background:rgba(255,255,255,.08);
      color:#fff;
      outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
      font-size:15px;
    }

    body.vm-page-embed_pozdrowienia_voice input:hover{
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.30);
    }

    body.vm-page-embed_pozdrowienia_voice input:focus{
      border-color:var(--orange);
      box-shadow:0 0 0 3px rgba(255,123,0,.25);
      background:rgba(255,255,255,.12);
    }

    body.vm-page-embed_pozdrowienia_voice input::placeholder{
      color:rgba(255,255,255,0.6);
      opacity:1;
    }

    body.vm-page-embed_pozdrowienia_voice .actions{
      margin-top:6px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    body.vm-page-embed_pozdrowienia_voice .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:12px 16px;
      min-width:150px;
      border-radius:12px;
      border:1px solid var(--blue);
      background:#fff;
      font-weight:700;
      text-decoration:none;
      cursor:pointer;
      box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
      color:var(--blue);
      height:44px;
    }

    body.vm-page-embed_pozdrowienia_voice .btn:hover{
      background:var(--blue);
      color:#fff;
      text-shadow:0 0 4px rgba(0,0,0,.9);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }

    body.vm-page-embed_pozdrowienia_voice .btn:active{ transform:translateY(1px); }

    body.vm-page-embed_pozdrowienia_voice .btn[disabled]{
      opacity:.6;
      cursor:not-allowed;
      pointer-events:none;
    }

    body.vm-page-embed_pozdrowienia_voice .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange);
      color:#fff;
      font-weight:800;
    }

    body.vm-page-embed_pozdrowienia_voice .btn-primary:hover{
      filter:brightness(1.05);
      box-shadow:0 8px 20px rgba(255,123,0,.35);
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      color:#fff;
    }

    body.vm-page-embed_pozdrowienia_voice .preview{
      margin-top:16px;
      padding:14px;
      border-radius:10px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.15);
      box-shadow:0 3px 8px rgba(0,0,0,.25);
    }

    body.vm-page-embed_pozdrowienia_voice .preview[hidden]{
      display:none !important;
    }

    body.vm-page-embed_pozdrowienia_voice .preview-title{
      font-weight:800;
      margin-bottom:10px;
    }

    body.vm-page-embed_pozdrowienia_voice audio{
      width:100%;
      margin-top:8px;
    }

    body.vm-page-embed_pozdrowienia_voice .note{
      margin-top:12px;
      color:#ffffff;
      opacity:.7;
      font-size:13px;
    }

    body.vm-page-embed_pozdrowienia_voice .msg{
      margin-top:12px;
      font-weight:700;
      letter-spacing:.2px;
      padding:10px 12px;
      border-radius:10px;
      display:inline-block;
      opacity:0;
      display:none;
      will-change:opacity;
      text-align:center;
      max-width:min(92%, 560px);
    }

    body.vm-page-embed_pozdrowienia_voice .msg.is-visible{
      display:inline-block;
      opacity:1;
      transition:none;
    }

    body.vm-page-embed_pozdrowienia_voice .msg.fading-out{
      transition:opacity .5s ease;
    }

    body.vm-page-embed_pozdrowienia_voice .ok{
      background:linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
      color:#fff;
      box-shadow:0 6px 16px rgba(0,0,0,.35);
    }

    body.vm-page-embed_pozdrowienia_voice .err{
      background:#c0392b;
      color:#fff;
      box-shadow:0 6px 16px rgba(0,0,0,.35);
    }

body.vm-page-embed_pozdrowienia_voice .rec{
  background:linear-gradient(180deg, #a855f7 0%, #7e22ce 100%);
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}

    body.vm-page-embed_pozdrowienia_voice #voiceForm{
      position:relative;
    }

    body.vm-page-embed_pozdrowienia_voice #status{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      z-index:999;
      width:max-content;
      pointer-events:none;
      margin:0;
    }

    @media (max-width: 640px){
      body.vm-page-embed_pozdrowienia_voice .actions{
        flex-direction:column;
      }

      body.vm-page-embed_pozdrowienia_voice .btn{
        width:100%;
        min-width:0;
      }

      body.vm-page-embed_pozdrowienia_voice #status{
        width:min(92%, 560px);
      }
    }
body.vm-page-embed_ramowka2{
  margin:0;
  font-family:"Segoe UI",sans-serif;
  background:transparent;
  color:#fff;
}

body.vm-page-embed_ramowka2 .wrap{
  padding:12px;
}

body.vm-page-embed_ramowka2 .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, #0a4799 0%, #063574 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
  padding:16px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset;
  color:#fff;
}

body.vm-page-embed_ramowka2 .card h2, body.vm-page-embed_ramowka2 .card h3{
  margin:0 0 12px 0;
  color:rgba(255,255,255,.98);
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-embed_ramowka2 .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 16px;
  padding: 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-embed_ramowka2 .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-embed_ramowka2 .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-embed_ramowka2 .top-flash{
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
body.vm-page-embed_ramowka2 .top-flash.success{
  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
}
body.vm-page-embed_ramowka2 .top-flash.error{
  background:#c0392b;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
}

body.vm-page-embed_ramowka2 .legend{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:14px;
}
body.vm-page-embed_ramowka2 .legend-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
}

body.vm-page-embed_ramowka2 .badge2{
  font-weight:bold;
  font-size:11px;
  border-radius:50px;
  box-shadow:0 1px 4px rgba(0,0,0,0.6);
  line-height:1;
  user-select:none;
}
body.vm-page-embed_ramowka2 .badge2-Co{
  padding:2px 6px;
  background:#c0392b;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}
body.vm-page-embed_ramowka2 .badge2-Ps{
  padding:2px 7px;
  background:#27ae60;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}

body.vm-page-embed_ramowka2 table{
  width:100%;
  border-collapse: collapse;
  margin-top:15px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 3px 8px rgba(0,0,0,.4);
  table-layout:fixed;
}
body.vm-page-embed_ramowka2 thead th{
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  color:#fff;
  font-weight:bold;
  padding:12px 10px;
  text-align:center;
  font-size:16px;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.2);
}
body.vm-page-embed_ramowka2 tbody td{
  border:1px solid rgba(255,255,255,.15);
  padding:10px 12px;
  background:rgba(255,255,255,.04);
  transition:background .25s;
  vertical-align:middle;
  overflow:hidden;
}
body.vm-page-embed_ramowka2 tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-embed_ramowka2 tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-embed_ramowka2 .users-table th:nth-child(1), body.vm-page-embed_ramowka2 .users-table td:nth-child(1){
  width:54px;
  text-align:center;
}
body.vm-page-embed_ramowka2 .users-table th:nth-child(2), body.vm-page-embed_ramowka2 .users-table td:nth-child(2){
  width:18%;
  text-align:center;
}
body.vm-page-embed_ramowka2 .users-table th:nth-child(4), body.vm-page-embed_ramowka2 .users-table td:nth-child(4){
  width:13%;
  text-align:center;
}
body.vm-page-embed_ramowka2 .users-table th:nth-child(5), body.vm-page-embed_ramowka2 .users-table td:nth-child(5){
  width:136px;
  text-align:center;
}

body.vm-page-embed_ramowka2 .contact-icons{
  display:flex !important;
  justify-content:center !important;
  width:100%;
  margin:0 !important;
}
body.vm-page-embed_ramowka2 .user-actions{
  display:inline-flex !important;
  gap:6px !important;
  margin:0 !important;
}
body.vm-page-embed_ramowka2 .user-actions a, body.vm-page-embed_ramowka2 .contact-icons a{
  display:grid !important;
  place-items:center;
  width:34px !important;
  height:34px !important;
  border-radius:8px;
  background:rgba(255,255,255,.12);
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  text-decoration:none !important;
  transition:all .25s;
}
body.vm-page-embed_ramowka2 .user-actions a:hover, body.vm-page-embed_ramowka2 .contact-icons a:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
}
body.vm-page-embed_ramowka2 .user-actions a i, body.vm-page-embed_ramowka2 .contact-icons a i{
  font-size:20px !important;
  line-height:1 !important;
}
body.vm-page-embed_ramowka2 .user-actions a[aria-disabled="true"]{
  opacity:.4;
  filter:grayscale(100%);
  pointer-events:none;
  cursor:not-allowed;
}

body.vm-page-embed_ramowka2 .is-canceled td{ background: rgba(255,255,255,.03); }
body.vm-page-embed_ramowka2 .is-canceled .cxl{ text-decoration: line-through; opacity: .75; }
body.vm-page-embed_ramowka2 .is-canceled img{ filter: grayscale(100%); opacity: .7; }

body.vm-page-embed_ramowka2 .badge{
  position:absolute;
  font-weight:bold;
  font-size:11px;
  border-radius:50px;
  box-shadow:0 1px 4px rgba(0,0,0,0.6);
  line-height:1;
  user-select:none;
}
body.vm-page-embed_ramowka2 .badge-C{
  top:31px;
  left:26px;
  padding:2px 6px;
  background:#c0392b;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}
body.vm-page-embed_ramowka2 .badge-P{
  top:-8px;
  left:-7px;
  padding:2px 7px;
  background:#27ae60;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}

@keyframes colorRotate {
  0%   { color: #6666ff; }
  20%  { color: #0099ff; }
  40%  { color: #00ff00; }
  60%  { color: #ffff00; }
  80%  { color: #ff3399; }
  100% { color: #6666ff; }
}
body.vm-page-embed_ramowka2 .show-title-animated{
  animation: colorRotate 6s linear infinite;
  will-change: color;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
  font-weight: bold;
  font-size: 20px;
}
body.vm-page-embed_ramowka2 .is-canceled td:nth-child(3) .show-title-animated{
  animation:none !important;
  opacity:.75;
}
body.vm-page-embed_ramowka2 .is-canceled td:nth-child(3) .cxl, body.vm-page-embed_ramowka2 .is-canceled td:nth-child(3) marquee, body.vm-page-embed_ramowka2 .is-canceled td:nth-child(3) marquee *{
  text-decoration: line-through !important;
}

body.vm-page-embed_ramowka2 .title-img-wrap{
  position: relative;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
body.vm-page-embed_ramowka2 .title-img-wrap > img{ display:block; }

body.vm-page-embed_ramowka2 .cmodal-overlay[hidden]{display:none;}
body.vm-page-embed_ramowka2 .cmodal-overlay{
  position:fixed; inset:0; z-index:9999;
  background:rgba(0,0,0,.55);
  display:grid; place-items:center;
  backdrop-filter:blur(2px);
}
body.vm-page-embed_ramowka2 .cmodal-modal{
  width:min(92vw,520px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-embed_ramowka2 .cmodal-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px;
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
}
body.vm-page-embed_ramowka2 .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-embed_ramowka2 .cmodal-close{
  border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;
}
body.vm-page-embed_ramowka2 .cmodal-close:hover{opacity:1;}
body.vm-page-embed_ramowka2 .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-embed_ramowka2 .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-embed_ramowka2 .cmodal-btn{
  background:#fff; color:#016FDE; font-weight:bold; font-size:16px;
  border:1px solid #016FDE; border-radius:10px; padding:10px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:all .25s, transform .1s; cursor:pointer;
}
body.vm-page-embed_ramowka2 .cmodal-btn:hover{
  background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}

@media (max-width: 900px){
  body.vm-page-embed_ramowka2 thead th{ font-size:14px; padding:10px 8px; }
  body.vm-page-embed_ramowka2 tbody td{ font-size:14px; padding:8px 8px; }
  body.vm-page-embed_ramowka2 .show-title-animated{ font-size:16px; }
  body.vm-page-embed_ramowka2 .users-table th:nth-child(2), body.vm-page-embed_ramowka2 .users-table td:nth-child(2){ width:22%; }
  body.vm-page-embed_ramowka2 .users-table th:nth-child(4), body.vm-page-embed_ramowka2 .users-table td:nth-child(4){ width:18%; }
  body.vm-page-embed_ramowka2 .users-table th:nth-child(5), body.vm-page-embed_ramowka2 .users-table td:nth-child(5){ width:120px; }
}

    body.vm-page-embed_rekrutacja{
      margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff; position:relative; background:none;
    }

    body.vm-page-embed_rekrutacja::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }

    body.vm-page-embed_rekrutacja .wrap{ padding:0px; }
    body.vm-page-embed_rekrutacja .card{
      max-width:820px; margin:24px auto 0px; background:rgba(0, 90, 190, .95); border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow:hidden;
    }

    body.vm-page-embed_rekrutacja h1{ margin:0 0 12px; font-size:28px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-embed_rekrutacja h1 i{ font-size:24px; }

    body.vm-page-embed_rekrutacja .grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:14px; }
    @media (max-width: 640px){ body.vm-page-embed_rekrutacja .grid{ grid-template-columns:1fr; } }

    body.vm-page-embed_rekrutacja label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; font-weight:700; }

    body.vm-page-embed_rekrutacja input[type="text"], body.vm-page-embed_rekrutacja input[type="number"], body.vm-page-embed_rekrutacja input[type="email"], body.vm-page-embed_rekrutacja textarea{
      width:100%; box-sizing:border-box; padding:12px 12px; border-radius:10px;
      border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
      font-size:15px;
    }
    body.vm-page-embed_rekrutacja textarea{ min-height:130px; resize:vertical; }
    body.vm-page-embed_rekrutacja input:hover, body.vm-page-embed_rekrutacja textarea:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.30); }
    body.vm-page-embed_rekrutacja input:focus, body.vm-page-embed_rekrutacja textarea:focus{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12); }

    body.vm-page-embed_rekrutacja .hint{ color:#ffffff; opacity:.7; font-size:13px; }

    body.vm-page-embed_rekrutacja .actions{ margin-top:6px; display:flex; gap:10px; flex-wrap:wrap; }

    body.vm-page-embed_rekrutacja .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:12px;
      border:1px solid var(--blue); background:#fff; font-weight:700; text-decoration:none; cursor:pointer;
      box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
      color: var(--blue);
    }
    body.vm-page-embed_rekrutacja .btn:hover{
      background:var(--blue); color:#fff;
      text-shadow:0 0 4px rgba(0,0,0,.9);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-embed_rekrutacja .btn:active{ transform:translateY(1px); }
    body.vm-page-embed_rekrutacja .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:800;
    }
    body.vm-page-embed_rekrutacja .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

    body.vm-page-embed_rekrutacja .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:inline-block;
      opacity:0;
      display:none;
      will-change:opacity;
    }
    body.vm-page-embed_rekrutacja .msg.is-visible{
      display:inline-block;
      opacity:1;
      transition:none;
    }
    body.vm-page-embed_rekrutacja .msg.fading-out{
      transition:opacity .5s ease;
    }
    body.vm-page-embed_rekrutacja .ok{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-embed_rekrutacja .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }

    body.vm-page-embed_rekrutacja .hp{ position:absolute; left:-9999px; visibility:hidden; }

    body.vm-page-embed_rekrutacja #about{ font-family: inherit; }

    body.vm-page-embed_rekrutacja input::placeholder, body.vm-page-embed_rekrutacja textarea::placeholder{ color: rgba(255,255,255,0.6); opacity:1; }

body.vm-page-embed_rekrutacja .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-embed_rekrutacja .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-embed_rekrutacja .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-embed_rekrutacja .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-embed_rekrutacja .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-embed_rekrutacja .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-embed_rekrutacja .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-embed_rekrutacja .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-embed_rekrutacja .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-embed_rekrutacja .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-embed_rekrutacja .online-header{ color: var(--vm-text) !important; }
body.vm-page-embed_rekrutacja .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-embed_rekrutacja .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-embed_rekrutacja .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-embed_rekrutacja .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-embed_rekrutacja .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-embed_rekrutacja .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-embed_rekrutacja .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-embed_rekrutacja .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-embed_rekrutacja .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-embed_rekrutacja .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-embed_rekrutacja .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-embed_rekrutacja .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-embed_rekrutacja .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-embed_rekrutacja .online-users .nickname{ margin-right: 8px; }
body.vm-page-embed_rekrutacja .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-embed_rekrutacja .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-embed_rekrutacja .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-embed_rekrutacja .card h1, body.vm-page-embed_rekrutacja .card h2, body.vm-page-embed_rekrutacja .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-embed_rekrutacja .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-embed_rekrutacja .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-embed_rekrutacja .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-embed_rekrutacja .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-embed_rekrutacja .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-embed_rekrutacja .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-embed_rekrutacja .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-embed_rekrutacja .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-embed_rekrutacja .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-embed_rekrutacja .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-embed_rekrutacja .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-embed_rekrutacja .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-embed_rekrutacja .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-embed_rekrutacja #recruitForm{ position: relative; }

body.vm-page-embed_rekrutacja #msg{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  max-width: min(92%, 560px);
  width: max-content;
  text-align: center;
  pointer-events: none;
  margin: 0;
}

:root{
  --bg-1:#07111f;
  --bg-2:#0b1b31;
  --bg-3:#10284a;

  --glass:rgba(255,255,255,.10);
  --glass-2:rgba(255,255,255,.07);
  --stroke:rgba(255,255,255,.16);

  --text:#eef6ff;
  --muted:rgba(238,246,255,.72);

  --blue:#48b8ff;
  --blue-2:#0d83ff;
  --orange:#ff8a1f;
  --orange-2:#ff6f00;

  --danger:#ff5f73;
  --success:#38d39f;

  --shadow:0 20px 60px rgba(0,0,0,.35);

}

body.vm-page-grafik *{ box-sizing:border-box; }

html, body.vm-page-grafik{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

body.vm-page-grafik .page{
  width:100%;
  height:100%;
  display:block;
  padding:0;
}

body.vm-page-grafik{
  font-family:"Segoe UI",system-ui,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 20%, rgba(72,184,255,.20), transparent 32%),
    radial-gradient(circle at 85% 18%, rgba(255,138,31,.18), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(13,131,255,.14), transparent 35%),
    linear-gradient(160deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-3) 100%);
  background-attachment:fixed;
}

body.vm-page-grafik .shell{
  width:100%;
  height:100%;
}

body.vm-page-grafik .card{
  width:100%;
  height:100%;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid var(--stroke);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  padding:18px 20px;
}

body.vm-page-grafik .card::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(72,184,255,.18), transparent 30%, transparent 65%, rgba(255,138,31,.15));
  opacity:.9;
}

body.vm-page-grafik .head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

body.vm-page-grafik .title-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

body.vm-page-grafik .title-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  font-size:18px;
  display:grid;
  place-items:center;
  color:#fff;
  background:
    linear-gradient(135deg, rgba(72,184,255,.30), rgba(13,131,255,.24)),
    linear-gradient(135deg, rgba(255,138,31,.20), rgba(255,111,0,.12));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 30px rgba(13,131,255,.18);
  flex:0 0 auto;
}

body.vm-page-grafik .title-block h1{
  margin:0;
  font-size:22px;
  line-height:1.1;
  letter-spacing:.2px;
}

body.vm-page-grafik .title-block p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
}

body.vm-page-grafik .badge{
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  flex:0 0 auto;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(135deg, rgba(255,138,31,.28), rgba(72,184,255,.20));
  border:1px solid rgba(255,255,255,.15);
}

body.vm-page-grafik .flash{
  position:relative;
  z-index:1;
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  font-size:14px;
  line-height:1.45;
  backdrop-filter:blur(10px);
}

body.vm-page-grafik .flash.success{
  background:rgba(56,211,159,.12);
  border-color:rgba(56,211,159,.35);
  color:#dffcf1;
}

body.vm-page-grafik .flash.error{
  background:rgba(255,95,115,.12);
  border-color:rgba(255,95,115,.35);
  color:#ffe3e8;
}

body.vm-page-grafik .form{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}

body.vm-page-grafik .grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

body.vm-page-grafik .row-time{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:12px;
}

body.vm-page-grafik .field{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

body.vm-page-grafik .field label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(238,246,255,.88);
  padding-left:2px;
}

body.vm-page-grafik .input, body.vm-page-grafik .select{
  width:100%;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:var(--text);
  padding:0 12px;
  outline:none;
  font-size:14px;
  transition:.18s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.vm-page-grafik .select{
  cursor:pointer;
}

body.vm-page-grafik .input::placeholder{
  color:rgba(238,246,255,.42);
}

body.vm-page-grafik .input:focus, body.vm-page-grafik .select:focus{
  border-color:rgba(72,184,255,.60);
  box-shadow:
    0 0 0 4px rgba(72,184,255,.12),
    0 8px 24px rgba(13,131,255,.16);
  background:rgba(255,255,255,.11);
}

body.vm-page-grafik .input:disabled{
  opacity:.82;
  cursor:not-allowed;
}

body.vm-page-grafik .time-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

body.vm-page-grafik .helper{
  margin-top:4px;
  font-size:13px;
  color:var(--muted);
  line-height:1.45;
}

body.vm-page-grafik .switch-line{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
}

body.vm-page-grafik .switch-line input[type="checkbox"]{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:var(--orange);
  flex:0 0 auto;
}

body.vm-page-grafik .switch-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}

body.vm-page-grafik .switch-text strong{
  font-size:14px;
  letter-spacing:.04em;
}

body.vm-page-grafik .switch-text span{
  font-size:13px;
  color:var(--muted);
  line-height:1.4;
}

body.vm-page-grafik .actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:4px;
}

body.vm-page-grafik .btn{
  height:42px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  cursor:pointer;
  transition:.18s ease;
}

body.vm-page-grafik .btn-primary{
  color:#fff;
  background:
    linear-gradient(135deg, var(--blue-2), var(--blue)),
    linear-gradient(135deg, var(--orange), var(--orange-2));
  box-shadow:0 14px 34px rgba(13,131,255,.25);
}

body.vm-page-grafik .btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(13,131,255,.30);
  filter:brightness(1.03);
}

body.vm-page-grafik .btn-secondary{
  color:var(--text);
  background:rgba(255,255,255,.07);
}

body.vm-page-grafik .btn-secondary:hover{
  background:rgba(255,255,255,.11);
  transform:translateY(-1px);
}

body.vm-page-grafik .note{
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

body.vm-page-grafik .combo-wrap{
  position:relative;
}

body.vm-page-grafik .combo-list{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:50;
  max-height:180px;
  overflow:auto;
  border-radius:16px;
  background:rgba(10,19,35,.95);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  backdrop-filter:blur(18px);
}

body.vm-page-grafik .combo-item{
  padding:10px 12px;
  cursor:pointer;
  color:var(--text);
  transition:.15s ease;
}

body.vm-page-grafik .combo-item:hover{
  background:rgba(72,184,255,.12);
}

@media (max-width: 760px){

    html, body.vm-page-grafik{
    width:100%;
    height:100%;
  }

  body.vm-page-grafik .page{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    display:block;
  }

  body.vm-page-grafik .card{
    padding:20px;

  }

  body.vm-page-grafik .head{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:18px;
  }

  body.vm-page-grafik .title-block h1{
    font-size:24px;
  }

  body.vm-page-grafik .grid-2, body.vm-page-grafik .row-time{
    grid-template-columns:1fr;
  }

  body.vm-page-grafik .actions{
    flex-direction:column;
  }

  body.vm-page-grafik .btn{
    width:100%;
  }
}

  body.vm-page-grafik select{
  color: #000;
  background: #fff;
}

body.vm-page-grafik select option{
  color: #000;
  background: #fff;
}

body.vm-page-grafik .row-top{
  display:grid;
  grid-template-columns: 1.4fr 1fr;
  gap:12px;
  align-items:end;
}

body.vm-page-grafik .row-hours{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

body.vm-page-grafik .time-inline{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  gap:8px;
  align-items:center;
}

body.vm-page-grafik .time-inline .select{
  min-width:0;
}

body.vm-page-grafik .time-sep{
  font-weight:800;
  font-size:18px;
  color:var(--muted);
  text-align:center;
  user-select:none;
}

body.vm-page-grafik .switch-line.compact{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  white-space:nowrap;
  overflow:hidden;
}

body.vm-page-grafik .switch-line.compact input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--orange);
  flex:0 0 auto;
}

body.vm-page-grafik .switch-line.compact .switch-text{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}

body.vm-page-grafik .switch-line.compact .switch-text strong{
  font-size:13px;
  letter-spacing:.02em;
  white-space:nowrap;
  flex:0 0 auto;
}

body.vm-page-grafik .switch-line.compact .switch-text span{
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1 1 auto;
}

@media (max-width: 760px){
  body.vm-page-grafik .row-top{
    grid-template-columns: 1fr auto;
    gap:10px;
  }

  body.vm-page-grafik .row-hours{
    grid-template-columns:1fr;
  }

  body.vm-page-grafik .time-inline{
    grid-template-columns: 1fr auto 1fr;
  }

  body.vm-page-grafik .switch-line.compact{
    height:42px;
  }
}

body.vm-page-grafik{
  background: transparent !important;
}

body.vm-page-grafik .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    linear-gradient(200deg, #0a4799 0%, #063574 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 14px 36px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-grafik .card::before{
  background:
    radial-gradient(500px 300px at 100% -10%, rgba(255,123,0,.12), transparent 60%);
}

body.vm-page-grafik .title-icon{
  background:#ff7b00;
  color:#fff;
  box-shadow:0 0 20px rgba(255,123,0,.4);
  border:none;
}

body.vm-page-grafik .title-block p, body.vm-page-grafik .helper, body.vm-page-grafik .note, body.vm-page-grafik .time-sep{
  color:rgba(255,255,255,.75);
}

body.vm-page-grafik .input{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}

body.vm-page-grafik .input:focus{
  border-color:#ff7b00;
  box-shadow:
    0 0 0 3px rgba(255,123,0,.25),
    0 8px 24px rgba(0,0,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-grafik .switch-line, body.vm-page-grafik .switch-line.compact{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
}

body.vm-page-grafik .switch-line input[type="checkbox"], body.vm-page-grafik .switch-line.compact input[type="checkbox"]{
  accent-color:#ff7b00;
}

body.vm-page-grafik .flash{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
}

body.vm-page-grafik .flash.success{
  background:rgba(56,211,159,.15);
  border-color:rgba(56,211,159,.35);
}

body.vm-page-grafik .flash.error{
  background:rgba(255,95,115,.15);
  border-color:rgba(255,95,115,.35);
}

body.vm-page-grafik .btn{
  border:1px solid #ff7b00;
  background:#ff7b00;
  color:#fff;
  font-weight:700;
  box-shadow:0 2px 6px rgba(0,0,0,0.3);
}

body.vm-page-grafik .btn:hover{
  background:#e86a00;
  border-color:#e86a00;
  color:#fff;
}

body.vm-page-grafik .btn-primary{
  background:#ff7b00 !important;
  color:#fff !important;
  border:1px solid #ff7b00 !important;
  box-shadow:0 8px 22px rgba(255,123,0,.28);
}

body.vm-page-grafik .btn-primary:hover{
  background:#e86a00 !important;
  border-color:#e86a00 !important;
  color:#fff !important;
  box-shadow:0 10px 26px rgba(255,123,0,.34);
}

body.vm-page-grafik .btn-secondary{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
}

body.vm-page-grafik .btn-secondary:hover{
  background:rgba(255,255,255,.2);
}

body.vm-page-grafik .combo-list{
  background:#063574;
  border:1px solid rgba(255,255,255,.15);
}

body.vm-page-grafik .combo-item:hover{
  background:rgba(255,123,0,.2);
}

body.vm-page-informacje{
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    background: none;
    color: #fff;
    position: relative;
}

body.vm-page-informacje::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
    background-size: cover;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

body.vm-page-informacje .topbar{
    height: 80px;
    background-color: #016FDE;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: fixed;
    top: 0; left: 0; right: 0;
    width: 100%;
    z-index: 1000;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

body.vm-page-informacje .topbar img{
    height: 60px;
    border-radius: 10px;
    margin-left: -12px;
}

body.vm-page-informacje .topbar .menu-top{
    display: flex;
    justify-content: center;
    flex: 1;
    gap: 30px;
    font-size: 30px;
}

body.vm-page-informacje .topbar .menu-top a{
    color: #fff;
    transition: color 0.25s ease, text-shadow 0.25s ease;
}

body.vm-page-informacje .topbar .menu-top a:hover{
    color: #ff7b00;
    text-shadow: 0 0 4px rgba(0,0,0,0.9);
}

body.vm-page-informacje .topbar a.logout{
    background: #fff;
    color: #016FDE;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #016FDE;
    padding: 10px 15px;
    border-radius: 10px;
    margin-left: auto;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    transition: all 0.25s ease;
}

body.vm-page-informacje .topbar a.logout:hover{
    background: #016FDE;
    color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,0.9);
    box-shadow: 0 4px 12px rgba(0,0,0,0.5),
                0 0 6px #ff7b00;
}

body.vm-page-informacje .sidebar{
  width: 350px;
  position: fixed;
  top: 80px;
  bottom: 30px;
  left: 0;
  padding-top: 10px;
  overflow-y: auto;

  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%);
  box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15);

  color: var(--sb-white);
}

body.vm-page-informacje .sidebar h3{
  font-size: 16px;
  text-transform: uppercase;
  padding: 14px 20px;
  margin: 12px 0;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;

  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%);
  border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25);

  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1),
              0 2px 6px rgba(0,0,0,0.4);
}

body.vm-page-informacje .sidebar ul{ list-style: none; padding: 0; margin: 0; }
body.vm-page-informacje .sidebar ul li{ margin: 0; }

body.vm-page-informacje .sidebar ul li a{
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 10px;
  color: var(--sb-white);
  text-decoration: none;
  border-radius: 10px;
  margin: 2px 10px;
  transition: all 0.25s ease;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

body.vm-page-informacje .sidebar ul li a i{
  width: 20px;
  text-align: center;
  font-size: 18px;
  transition: color .25s ease, transform .25s ease, text-shadow .25s ease;
}

body.vm-page-informacje .sidebar ul li a:hover{
  background: rgba(255,255,255,0.12);
  transform: translateX(3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

body.vm-page-informacje .sidebar ul li a:hover i{
  color: #ff7b00;
  transform: scale(1.1);
  text-shadow: 0 0 4px rgba(0,0,0,0.9);
}

body.vm-page-informacje .sidebar ul li a:hover::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background: #ff7b00;
}

body.vm-page-informacje .sidebar ul li a.active{
  background: rgba(255,255,255,0.2);
  box-shadow: inset 0 0 12px rgba(255,165,0,0.4);
  font-weight: 600;
}

body.vm-page-informacje .sidebar ul li a.active i{
  color: #ff7b00;
  text-shadow: 0 0 4px rgba(0,0,0,0.9);
}

body.vm-page-informacje .sidebar::-webkit-scrollbar{ width: 10px; }
body.vm-page-informacje .sidebar::-webkit-scrollbar-track{ background: transparent; }
body.vm-page-informacje .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.3);
  border-radius: 5px;
}
body.vm-page-informacje .sidebar:hover::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.5);
}

  body.vm-page-informacje .main{
    margin-left: 350px;
    padding: 20px;
    padding-top: 100px;
    padding-bottom: 50px;
  }

body.vm-page-informacje .card{
  background: rgba(0, 90, 190, 0.95);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  backdrop-filter: blur(3px);
  color: #fff;
}

body.vm-page-informacje .card-welcome h2{
  text-align: center;
}

  body.vm-page-informacje .online-users{
    list-style: none;
    padding: 0 20px;
    margin: 0;
  }
  body.vm-page-informacje .online-users li{
    display: flex;
    padding: 5px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  body.vm-page-informacje .online-users .nickname{ font-weight: bold; }
  body.vm-page-informacje .online-users .time{ font-size: 13px; }

body.vm-page-informacje .online-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding: 0 10px;
}

body.vm-page-informacje .online-header .count{
  display: inline-block;
  font-weight: 700;
  color: #FFA500;
  font-size: 20px;
  line-height: 1;
  text-shadow: 1px 1px 2px #000;
}

body.vm-page-informacje .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-informacje .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-informacje .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-informacje .footer-top .label{ flex:0 0 auto; }
body.vm-page-informacje .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-informacje .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-informacje .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-informacje .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-informacje .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-informacje{ zoom:.89; }
  body.vm-page-informacje .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-informacje .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-informacje .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-informacje .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-informacje .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-informacje .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-informacje .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-informacje .footer-top img{ height:26px; width:26px; }
  body.vm-page-informacje .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-informacje #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-informacje #menu-mail{ position: relative; }
body.vm-page-informacje .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-informacje .info-wrap{ margin-left: 0; }
body.vm-page-informacje .info-grid{
  display:grid; gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:1100px){
  body.vm-page-informacje .info-grid{ grid-template-columns:1fr 1fr; }
}

body.vm-page-informacje .subcard{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px; overflow:hidden;
  box-shadow: 0 3px 8px rgba(0,0,0,.35);
}
body.vm-page-informacje .subcard .subhead{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  font-weight:800;
  font-size:20px;
  background: linear-gradient(90deg, #ff6a00, #ff8c00, #ffae00);
  text-transform:uppercase;
  letter-spacing:.4px;
  color:#fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

body.vm-page-informacje .subcard .subbody{ padding:16px; }

body.vm-page-informacje .subcard.broadcast .subbody{
  display:flex;
  justify-content:center;
  padding: 24px 18px;
}

body.vm-page-informacje .subcard.broadcast .kv{
  width:min(560px,100%);
  display:grid;
  grid-template-columns: 180px 1fr;
  row-gap:14px;
  column-gap:22px;
  align-items:center;
}

body.vm-page-informacje .subcard.broadcast dt{
  margin:0;
  text-align:right;
  font-weight:800;
  opacity:.95;
}

body.vm-page-informacje .subcard.broadcast dd{
  margin:0;
  font-size:18px;
  font-weight:600;
  letter-spacing:.2px;
}

body.vm-page-informacje .subcard.broadcast dt:not(:first-of-type), body.vm-page-informacje .subcard.broadcast dd:not(:first-of-type){
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.15);
}

@media (max-width: 560px){
  body.vm-page-informacje .subcard.broadcast .kv{
    grid-template-columns: 1fr;
    text-align:center;
  }
  body.vm-page-informacje .subcard.broadcast dt{
    text-align:center;
    opacity:.85;
    padding-top:0 !important;
    border-top:none !important;
  }
}

body.vm-page-informacje .banner img{
  display:block; width:100%; height:auto;
  object-fit:cover;
}

body.vm-page-informacje .kv{
  display: grid;
  gap: 10px 18px;
  grid-template-columns: 120px 1fr;
}

body.vm-page-informacje .kv dt{ margin:0; text-align:right; font-weight:700; opacity:.95; }
body.vm-page-informacje .kv dd{ margin:0; }

body.vm-page-informacje .btn-row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
body.vm-page-informacje .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:12px;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;

  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  border:1px solid #ff7b00;
  color:#fff;

  box-shadow:0 2px 6px rgba(0,0,0,0.3);
  transition: transform .05s,
              box-shadow .2s,
              background .2s,
              color .2s,
              border-color .2s;
}

body.vm-page-informacje .btn:hover{

  background:#016FDE;
  border:1px solid #ff7b00;
  color:#fff;

  box-shadow:
    0 6px 16px rgba(0,0,0,.4),
    0 0 10px rgba(255,123,0,.7),
    0 0 20px rgba(255,123,0,.5);
}

body.vm-page-informacje .btn:active{
  transform:translateY(1px);
}

body.vm-page-informacje .rules{
  counter-reset: rule;
  display:grid; gap:8px; padding-left:0; margin:0;
}
body.vm-page-informacje .rules li{
  list-style:none;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px; padding:10px 12px; line-height:1.55;
}
body.vm-page-informacje .rules li.numbered::before{
  counter-increment: rule;
  content: counter(rule) ". ";
  font-weight:800;
  margin-right:6px;
}
body.vm-page-informacje .rules .subpoints{ margin:6px 0 0 18px; }
body.vm-page-informacje .rules .subpoints li{
  list-style: "•  ";
  border:none; background:transparent; padding:0; margin:3px 0;
}

body.vm-page-informacje .contact-list{ display:grid; gap:10px; }
body.vm-page-informacje .contact-item{
  display:flex; align-items:center; gap:12px;
  padding:10px 12px; border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
}
body.vm-page-informacje .contact-item img{ width:44px; height:44px; border-radius:50%; object-fit:cover; box-shadow:0 1px 3px rgba(0,0,0,.5); }
body.vm-page-informacje .contact-item strong{ font-size:16px; }
body.vm-page-informacje .contact-item .gg{ margin-left:auto; display:flex; align-items:center; gap:8px; font-weight:700; }

body.vm-page-informacje .update-pill{
  font-size: 24px;
  text-align:center;
  font-weight:700;
  padding:10px 12px;
  background: linear-gradient(90deg, #ff6a00, #ff8c00, #ffae00);
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

body.vm-page-informacje .tiles-3{
  display:grid; gap:20px;
  grid-template-columns:1fr; align-items:stretch;
}
@media (min-width: 900px){
  body.vm-page-informacje .tiles-3{ grid-template-columns:1fr 1fr; }
}
@media (min-width: 1280px){
  body.vm-page-informacje .tiles-3{ grid-template-columns:1fr 1fr 1fr; }
}

body.vm-page-informacje .fullrow{ grid-column: 1 / -1; }
body.vm-page-informacje .rules-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
body.vm-page-informacje .rules{
  padding-left: 20px;
}
body.vm-page-informacje .rules li{
  margin-bottom: 5px;
}

body.vm-page-informacje .rules.two-col{
  list-style: decimal;
  padding-left: 1.2rem;
  column-count: 2;
  column-gap: 30px;
}

body.vm-page-informacje .rules.two-col > li{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 10px;
}

body.vm-page-informacje .rules.start-8{
  counter-reset: rule 7;
}

@media (max-width: 700px){
  body.vm-page-informacje .rules.two-col{ column-count: 1; }
}
body.vm-page-informacje .rules.two-col{ list-style: decimal; padding-left:1.2rem; column-count:2; column-gap:30px; counter-reset: none; }

  body.vm-page-informacje .copy-btn{
    display:inline-flex; align-items:center; gap:6px;
    padding:4px 10px; margin-left:8px;
    border:1px solid #016FDE; background:#fff; color:#016FDE;
    border-radius:10px; font-weight:600; font-size:12px; line-height:1.2;
    transition:background .15s, color .15s, border-color .15s, transform .05s;
  }
  body.vm-page-informacje .copy-btn:hover{ background:#016FDE; color:#fff; }
  body.vm-page-informacje .copy-btn:active{ transform:translateY(1px); }
  body.vm-page-informacje .copy-btn .fa-check{ display:none; }

  body.vm-page-informacje .copy-btn.copied{ background:#16a34a; border-color:#16a34a; color:#fff; }
  body.vm-page-informacje .copy-btn.copied .fa-copy{ display:none; }
  body.vm-page-informacje .copy-btn.copied .fa-check{ display:inline-block; }

  body.vm-page-informacje .copy-val{ user-select:all; }

  body.vm-page-informacje .copy-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

body.vm-page-informacje .subcard.broadcast .kv{
  grid-template-columns: 140px 1fr;
  column-gap: 22px;
}

@media (max-width: 560px){
  body.vm-page-informacje .subcard.broadcast .kv{
    grid-template-columns: 1fr;
  }
}

body.vm-page-informacje .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-informacje .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-informacje .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-informacje .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-informacje .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-informacje .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-informacje .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-informacje .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-informacje .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-informacje .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-informacje .online-header{ color: var(--vm-text) !important; }
body.vm-page-informacje .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-informacje .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-informacje .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-informacje .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-informacje .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-informacje .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-informacje .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-informacje .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-informacje .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-informacje .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-informacje .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-informacje .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-informacje .online-users .nickname{ margin-right: 8px; }
body.vm-page-informacje .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-informacje .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-informacje .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-informacje .card h1, body.vm-page-informacje .card h2, body.vm-page-informacje .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-informacje .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-informacje .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-informacje .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-informacje .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-informacje .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-informacje .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-informacje .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-informacje .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-informacje .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-informacje .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-informacje .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-informacje .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-informacje .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-informacje .online-users .nickname, body.vm-page-informacje .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-informacje .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-informacje .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-informacje .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-informacje .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-informacje .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-informacje .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-informacje #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-informacje .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-informacje .nav-btn{ display:none; }
  body.vm-page-informacje .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-informacje .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-informacje .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-informacje .nav-btn{ display: none !important; }
}

body.vm-page-informacje a.nav-btn, body.vm-page-informacje a.nav-btn:link, body.vm-page-informacje a.nav-btn:visited, body.vm-page-informacje a.nav-btn:hover, body.vm-page-informacje a.nav-btn:active, body.vm-page-informacje a.nav-btn:focus, body.vm-page-informacje a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-informacje a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-informacje a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-informacje dd a[title="Mój profil"]{
  color:#fff;
  font-weight:800;
  text-decoration:none !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.35),
    0 0 12px rgba(255,123,0,.28);
  transition: color .25s ease, text-shadow .25s ease;
}

body.vm-page-informacje dd a[title="Mój profil"] i{
  color:#ff7b00;
  margin-right:0px;
  text-shadow:
    0 1px 0 rgba(0,0,0,.35),
    0 0 10px rgba(255,123,0,.45);
  filter: drop-shadow(0 2px 6px rgba(255,123,0,.25));
  transition: transform .25s ease;
}

body.vm-page-informacje dd a[title="Mój profil"]:hover{
  color:#ff7b00;
  text-shadow:
    0 0 8px rgba(255,123,0,.6),
    0 0 16px rgba(255,123,0,.45);
}
body.vm-page-komunikaty{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-komunikaty::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-komunikaty .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-komunikaty .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-komunikaty .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-komunikaty .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-komunikaty .topbar .menu-top a:hover, body.vm-page-komunikaty .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-komunikaty .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-komunikaty .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-komunikaty .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-komunikaty .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-komunikaty .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-komunikaty .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-komunikaty .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-komunikaty .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-komunikaty .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-komunikaty .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-komunikaty .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-komunikaty .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-komunikaty .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-komunikaty .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-komunikaty .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-komunikaty .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-komunikaty .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-komunikaty .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-komunikaty .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-komunikaty .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-komunikaty #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-komunikaty #menu-mail{ position: relative; }
body.vm-page-komunikaty .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px;
  line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-komunikaty .bttn{ margin-top: 0px !important; display:inline-block; padding:12px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-komunikaty .bttn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-komunikaty .bttn--danger{
  background:#c0392b;
  border-color:#c0392b;
  color:#fff;
}

body.vm-page-komunikaty .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-komunikaty .card-welcome h2{ text-align:center; }

body.vm-page-komunikaty .form-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; }
body.vm-page-komunikaty .form-row .grow{ flex: 1 1 340px; }
body.vm-page-komunikaty .form-note{ font-size:14px; opacity:.9; margin-top:6px; }

body.vm-page-komunikaty .overhang-wrap{ position: relative; }
body.vm-page-komunikaty .overhang-wrap .input-like{
  width: calc(100% + 64px);
  margin-left: -32px;
  margin-right: -32px;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

body.vm-page-komunikaty .input-like{
  width:100%;
  min-height:90px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-komunikaty .input-like:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-komunikaty .global-notice-tile{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:14px;
  padding:18px 20px;
  border-radius:18px;
  color:#fff;
  background: linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow: 0 12px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.18);
  margin: 14px auto;
}
body.vm-page-komunikaty .global-notice-tile .badge{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background: rgba(0,0,0,.28);
  padding:5px 12px; border-radius:999px; font-weight:800; font-size:12px; letter-spacing:.4px;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 6px 12px rgba(0,0,0,.25);
  text-transform:uppercase;
}
body.vm-page-komunikaty .global-notice-tile .ico{ display:none; }
body.vm-page-komunikaty .global-notice-tile .content{ min-width:0; }
body.vm-page-komunikaty .global-notice-tile .title{
  font-weight:900; font-size:20px; margin:0 0 6px 0; line-height:1.2;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
body.vm-page-komunikaty .global-notice-tile .text{
  font-size:18px; line-height:1.5; margin:0;
  word-wrap:break-word; overflow-wrap:anywhere;
  white-space: pre-line;
}
body.vm-page-komunikaty .global-notice-tile .text p{ margin:0; }
body.vm-page-komunikaty .global-notice-tile .text p + p{ margin-top:.5em; }
body.vm-page-komunikaty .global-notice-tile .meta{ margin-top:10px; font-size:13px; opacity:.95; }

body.vm-page-komunikaty .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-komunikaty .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-komunikaty .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-komunikaty .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-komunikaty .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-komunikaty .top-flash{ transition:none; } }

body.vm-page-komunikaty .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-komunikaty .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-komunikaty .online-users .nickname{ font-weight:bold; }
body.vm-page-komunikaty .online-users .time{ font-size:13px; }
body.vm-page-komunikaty .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-komunikaty .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-komunikaty .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-komunikaty .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-komunikaty .btn:active{ transform:translateY(1px); }
body.vm-page-komunikaty .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; }
body.vm-page-komunikaty .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-komunikaty .btn-danger{ border-color:#b22222; }
body.vm-page-komunikaty .btn-danger:hover{ background:#b22222; color:#fff; }

body.vm-page-komunikaty table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-komunikaty thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-komunikaty tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-komunikaty tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-komunikaty tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-komunikaty .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-komunikaty .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-komunikaty .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-komunikaty .footer-top .label{ flex:0 0 auto; }
body.vm-page-komunikaty .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-komunikaty .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-komunikaty .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-komunikaty .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-komunikaty .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

body.vm-page-komunikaty .cmodal-overlay[hidden]{display:none;}
body.vm-page-komunikaty .cmodal-overlay{
  position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55);
  display:grid; place-items:center; backdrop-filter:blur(2px);
}
body.vm-page-komunikaty .cmodal-modal{
  width:min(92vw, 520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both;
}
body.vm-page-komunikaty .cmodal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); }
body.vm-page-komunikaty .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-komunikaty .cmodal-close{ border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9; }
body.vm-page-komunikaty .cmodal-close:hover{opacity:1;}
body.vm-page-komunikaty .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-komunikaty .cmodal-actions{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px; }
body.vm-page-komunikaty .cmodal-btn{
  background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer;
}
body.vm-page-komunikaty .cmodal-btn:hover{ background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-komunikaty .cmodal-header.is-error{ background:linear-gradient(180deg,#e74c3c 0%, #c0392b 100%); }
body.vm-page-komunikaty .cmodal-header.is-info{ background:linear-gradient(180deg,#3498db 0%, #2980b9 100%); }
body.vm-page-komunikaty .cmodal-header.is-success{ background:linear-gradient(180deg,#2ecc71 0%, #27ae60 100%); }

body.vm-page-komunikaty .status-on{
  color:#2ecc71;
  text-shadow:0 0 6px rgba(0,0,0,.85);
  font-weight: 800;
}
body.vm-page-komunikaty .status-off{
  color:#e74c3c;
  text-shadow:0 0 6px rgba(0,0,0,.85);
  font-weight: 800;
}

body.vm-page-komunikaty .form-row input[type="checkbox"]{
  transform: scale(1.25);
  transform-origin: left center;
  margin-right: 8px;
  vertical-align: middle;
}
body.vm-page-komunikaty #notice_text{
  font-family: inherit !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
}
body.vm-page-komunikaty #notice_text::placeholder{
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

body.vm-page-komunikaty textarea::placeholder{ color: rgba(255,255,255,0.92) !important; opacity: .65; font-family: inherit; font-size: 16px; font-weight: 400; }
body.vm-page-komunikaty textarea::-webkit-input-placeholder{ color: rgba(255,255,255,0.92) !important; opacity: .65; }
body.vm-page-komunikaty textarea::-moz-placeholder{ color: rgba(255,255,255,0.92) !important; opacity: .65; }
body.vm-page-komunikaty textarea:-ms-input-placeholder{ color: rgba(255,255,255,0.92) !important; opacity: .65; }

@media (min-width: 992px){
  body.vm-page-komunikaty{ zoom:.89; }
  body.vm-page-komunikaty .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-komunikaty .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-komunikaty .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-komunikaty .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-komunikaty .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-komunikaty .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-komunikaty .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-komunikaty .footer-top img{ height:26px; width:26px; }
  body.vm-page-komunikaty .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-komunikaty .overhang-wrap .input-like{
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
body.vm-page-komunikaty .input-like{ max-width:100%; box-sizing:border-box; display:block; min-height: 150px; }

body.vm-page-komunikaty #card-komunikaty label[for="notice_text"]{ pointer-events: none; }
body.vm-page-komunikaty #mass_title{ text-transform: uppercase; }

body.vm-page-komunikaty .select, body.vm-page-komunikaty .input{
  display:block; width:100%; padding:10px 12px; border-radius:10px;
  border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08);
  color:#fff; font-size:16px;
}
body.vm-page-komunikaty .select:focus, body.vm-page-komunikaty .input:focus{
  border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25); outline:none;
}

body.vm-page-komunikaty .select, body.vm-page-komunikaty select.select, body.vm-page-komunikaty #role-select, body.vm-page-komunikaty #user-select{
  -webkit-appearance: none;
  appearance: none;
  background: rgba(10,35,80,.95) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
}

body.vm-page-komunikaty .select:focus, body.vm-page-komunikaty select.select:focus, body.vm-page-komunikaty #role-select:focus, body.vm-page-komunikaty #user-select:focus{
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.25) !important;
  outline: none;
}
body.vm-page-komunikaty .select:hover, body.vm-page-komunikaty select.select:hover, body.vm-page-komunikaty #role-select:hover, body.vm-page-komunikaty #user-select:hover{
  background: rgba(14,45,100,.98) !important;
}

body.vm-page-komunikaty select.select option, body.vm-page-komunikaty #role-select option, body.vm-page-komunikaty #user-select option{
  background: #0d47a1 !important;
  color: #fff !important;
}

body.vm-page-komunikaty select.select option:checked, body.vm-page-komunikaty #role-select option:checked, body.vm-page-komunikaty #user-select option:checked{
  background: #1b6cf2 !important;
  color: #fff !important;
}

body.vm-page-komunikaty select.select optgroup, body.vm-page-komunikaty #role-select optgroup, body.vm-page-komunikaty #user-select optgroup{
  color:#fff !important;
  background:#0b3c82 !important;
}

body.vm-page-komunikaty #user-select option[value=""]{
  color: rgba(255,255,255,.75) !important;
}

body.vm-page-komunikaty .select, body.vm-page-komunikaty select.select, body.vm-page-komunikaty #role-select, body.vm-page-komunikaty #user-select{
  -webkit-appearance: none;
  appearance: none;
  background: rgba(10,35,80,.96) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  padding-right: 40px;
  position: relative;
  background-image:

    url("data:image/svg+xml;utf8,      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>        <polyline points='6,9 12,15 18,9' fill='none' stroke='%23ff7b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>      </svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
}
body.vm-page-komunikaty .select:hover, body.vm-page-komunikaty select.select:hover, body.vm-page-komunikaty #role-select:hover, body.vm-page-komunikaty #user-select:hover{
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.22);
  background: rgba(14,45,100,.98) !important;
}
body.vm-page-komunikaty .select:focus, body.vm-page-komunikaty select.select:focus, body.vm-page-komunikaty #role-select:focus, body.vm-page-komunikaty #user-select:focus{
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.28) !important;
  outline: none;
}

body.vm-page-komunikaty select.select option, body.vm-page-komunikaty #role-select option, body.vm-page-komunikaty #user-select option{
  background: #0d2f66 !important;
  color: #fff !important;
}

body.vm-page-komunikaty select.select option:checked, body.vm-page-komunikaty #role-select option:checked, body.vm-page-komunikaty #user-select option:checked{
  background: linear-gradient(180deg,#ff7b00 0%, #e86a00 100%) !important;
  color:#fff !important;
}

@-moz-document url-prefix() {
  select.select option:hover,
  #role-select option:hover,
  #user-select option:hover{
    background: linear-gradient(180deg, rgba(255,123,0,.25), rgba(232,106,0,.25)) !important;
    color:#fff !important;
  }
}

body.vm-page-komunikaty select[multiple].select option:checked, body.vm-page-komunikaty select[multiple]#role-select option:checked, body.vm-page-komunikaty select[multiple]#user-select option:checked{
  background: linear-gradient(180deg,#ff7b00 0%, #e86a00 100%) !important;
  color:#fff !important;
}

body.vm-page-komunikaty select.select option:hover, body.vm-page-komunikaty #role-select option:hover, body.vm-page-komunikaty #user-select option:hover{
  background: linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  color: #fff !important;
}

body.vm-page-komunikaty input[type="radio"]{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,0.6);
  border-radius: 50%;
  background: transparent;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: border-color .2s, background .2s;
}

body.vm-page-komunikaty input[type="radio"]:hover{
  border-color: #ff7b00;
}

body.vm-page-komunikaty input[type="radio"]:checked{
  border-color: #ff7b00;
  background: radial-gradient(circle at center, #ff7b00 50%, transparent 52%);
}

body.vm-page-komunikaty input[type="radio"]:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,123,0,0.3);
}

body.vm-page-komunikaty .vmx-select{position:relative; display:inline-block; width:100%; max-width:420px;}

body.vm-page-komunikaty .vmx-select__button{
  position: relative;
  width:100%;
  text-align:left;
  padding:10px 40px 10px 12px;
  border-radius:10px;
  background: rgba(10,35,80,.96);
  color:#fff;
  font-size:16px;
  line-height:1.3;
  font-weight:600;
  border:1px solid rgba(255,255,255,.35);
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition: box-shadow .2s, border-color .2s, background .2s;

}

body.vm-page-komunikaty .vmx-select__button::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:18px;
  height:18px;
  transform: translateY(-50%) rotate(0deg) translateZ(0);
  backface-visibility: hidden;
  pointer-events:none;

  -webkit-mask: url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>      <polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2'       stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>      <polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2'       stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  background:#ff7b00;
}

body.vm-page-komunikaty .vmx-select__button:hover{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.22);
  background:rgba(14,45,100,.98);
}
body.vm-page-komunikaty .vmx-select__button:focus{
  outline:none;
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.28);
}

body.vm-page-komunikaty .vmx-select.is-open .vmx-select__button::after{
  transform: translateY(-50%) rotate(180deg) translateZ(0);
}

body.vm-page-komunikaty .vmx-select__list{
  position:absolute; z-index:3000; left:0; right:0; margin-top:6px; max-height:260px; overflow:auto;
  background: rgba(9,28,64,.98); border:1px solid rgba(255,255,255,.25); border-radius:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) inset;
  padding:6px; display:none;
}
body.vm-page-komunikaty .vmx-select.is-open .vmx-select__list{ display:block; }

body.vm-page-komunikaty .vmx-option{
  display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:8px; cursor:pointer;
  color:#fff; background:transparent; transition:background .15s ease;
}
body.vm-page-komunikaty .vmx-option__dot{
  width:10px; height:10px; border-radius:50%; border:2px solid rgba(255,255,255,.6); flex:0 0 auto;
  box-shadow: inset 0 0 0 2px transparent;
}
body.vm-page-komunikaty .vmx-option:hover, body.vm-page-komunikaty .vmx-option.is-active{
  background: linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
}
body.vm-page-komunikaty .vmx-option.is-selected .vmx-option__dot{
  border-color:#ff7b00; background:#ff7b00;
}
body.vm-page-komunikaty .vmx-option__label{ flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

body.vm-page-komunikaty .vmx-hidden-select{
  position:absolute !important; opacity:0 !important; pointer-events:none !important;
  height:0 !important; width:0 !important; margin:0 !important; padding:0 !important; border:0 !important;
}

body.vm-page-komunikaty #form-row{
  font-family: inherit !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
}
body.vm-page-komunikaty #form-row::placeholder{
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

body.vm-page-komunikaty #mass_body{
  font-family: inherit !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: #fff;
}

:root{ --ph-color: rgba(255,255,255,.6); }

body.vm-page-komunikaty .input::placeholder, body.vm-page-komunikaty .input-like::placeholder, body.vm-page-komunikaty #mass_title::placeholder, body.vm-page-komunikaty #mass_body::placeholder{
  color: var(--ph-color) !important;
  opacity: 1;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
}

body.vm-page-komunikaty .input::-webkit-input-placeholder, body.vm-page-komunikaty .input-like::-webkit-input-placeholder, body.vm-page-komunikaty #mass_title::-webkit-input-placeholder, body.vm-page-komunikaty #mass_body::-webkit-input-placeholder{ color: var(--ph-color) !important; }
body.vm-page-komunikaty .input::-moz-placeholder, body.vm-page-komunikaty .input-like::-moz-placeholder, body.vm-page-komunikaty #mass_title::-moz-placeholder, body.vm-page-komunikaty #mass_body::-moz-placeholder{ color: var(--ph-color) !important; }
body.vm-page-komunikaty .input:-ms-input-placeholder, body.vm-page-komunikaty .input-like:-ms-input-placeholder, body.vm-page-komunikaty #mass_title:-ms-input-placeholder, body.vm-page-komunikaty #mass_body:-ms-input-placeholder{ color: var(--ph-color) !important; }

body.vm-page-komunikaty .input:focus::placeholder, body.vm-page-komunikaty .input-like:focus::placeholder, body.vm-page-komunikaty #mass_title:focus::placeholder, body.vm-page-komunikaty #mass_body:focus::placeholder{
  color: rgba(255,255,255,.7) !important;
}

body.vm-page-komunikaty .form-row .grow{ min-width: 0; }
body.vm-page-komunikaty .input{
  box-sizing: border-box;
  max-width: 100%;
}
body.vm-page-komunikaty #mass_title{
  display: block;
  width: 100%;
  box-sizing: border-box;
}
body.vm-page-komunikaty .input::placeholder, body.vm-page-komunikaty .input-like::placeholder, body.vm-page-komunikaty #mass_title::placeholder, body.vm-page-komunikaty #mass_body::placeholder{
  color: var(--ph-color) !important;
  opacity: 1;
}

body.vm-page-komunikaty .cards-row{
  display: grid;
  gap: 20px;
}
@media (min-width: 1100px){
  body.vm-page-komunikaty .cards-row{
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

body.vm-page-komunikaty .cards-row .card{ margin-bottom: 0; }

body.vm-page-komunikaty .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-komunikaty .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-komunikaty .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-komunikaty .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-komunikaty .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-komunikaty .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-komunikaty .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-komunikaty .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-komunikaty .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-komunikaty .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-komunikaty .online-header{ color: var(--vm-text) !important; }
body.vm-page-komunikaty .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-komunikaty .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-komunikaty .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-komunikaty .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-komunikaty .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-komunikaty .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-komunikaty .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-komunikaty .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-komunikaty .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-komunikaty .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-komunikaty .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-komunikaty .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-komunikaty .online-users .nickname{ margin-right: 8px; }
body.vm-page-komunikaty .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-komunikaty .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-komunikaty .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-komunikaty .card h1, body.vm-page-komunikaty .card h2, body.vm-page-komunikaty .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-komunikaty .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-komunikaty .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-komunikaty .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-komunikaty .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-komunikaty .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-komunikaty .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-komunikaty .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-komunikaty .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-komunikaty .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-komunikaty .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-komunikaty .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-komunikaty .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-komunikaty .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-komunikaty .online-users .nickname, body.vm-page-komunikaty .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-komunikaty .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-komunikaty .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-komunikaty .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-komunikaty .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-komunikaty .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-komunikaty .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-komunikaty #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-komunikaty .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-komunikaty .nav-btn{ display:none; }
  body.vm-page-komunikaty .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-komunikaty .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-komunikaty .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-komunikaty .nav-btn{ display: none !important; }
}

body.vm-page-komunikaty a.nav-btn, body.vm-page-komunikaty a.nav-btn:link, body.vm-page-komunikaty a.nav-btn:visited, body.vm-page-komunikaty a.nav-btn:hover, body.vm-page-komunikaty a.nav-btn:active, body.vm-page-komunikaty a.nav-btn:focus, body.vm-page-komunikaty a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-komunikaty a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-komunikaty a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
body.vm-page-lista{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-lista::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-lista .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-lista .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-lista .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-lista .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-lista .topbar .menu-top a:hover, body.vm-page-lista .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-lista .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-lista .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-lista .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-lista .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-lista .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-lista .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-lista .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-lista .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-lista .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-lista .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-lista .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-lista .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-lista .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-lista .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-lista .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-lista .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }

body.vm-page-lista .badge{ display:inline-block; padding:2px 8px; border-radius:999px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); font-weight:700; }
body.vm-page-lista .badge.on{ background:rgba(46, 204, 113, .15); border-color:rgba(46,204,113,.45); }
body.vm-page-lista .badge.off{ background:rgba(192, 57, 43,  .15); border-color:rgba(192,57,43,.45); }

body.vm-page-lista .subnote{
  position: relative; display: flex; align-items: center; gap: 10px;
  margin: 6px 0 18px; padding: 14px 16px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-lista .subnote::before{
  content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px; background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-lista .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-lista .subnote .badge{
  color:#fff; text-shadow:0 0 6px rgba(0,0,0,.5); font-size:20px; margin-left:auto; padding:6px 10px; border-radius:999px;
  background: rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.30); font-weight:800;
  box-shadow:0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-lista .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-lista .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-lista .online-users .nickname{ font-weight:bold; }
body.vm-page-lista .online-users .time{ font-size:13px; }
body.vm-page-lista .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-lista .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-lista table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-lista thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-lista tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 12px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-lista tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-lista tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-lista .users-table th{ padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-lista .users-table td{ text-align:center; }
body.vm-page-lista .users-table td.title{ text-align:left; }

body.vm-page-lista .table-ops{ display:flex; justify-content:center; gap:8px; }
body.vm-page-lista .table-ops button, body.vm-page-lista .table-ops a{
  display:inline-grid; place-items:center; width:36px; height:36px; border-radius:10px;
  font-size:16px; border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08); color:#fff; text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,.3); transition:transform .2s, box-shadow .25s, background .25s, color .2s, border-color .2s;
}
body.vm-page-lista .table-ops button:hover, body.vm-page-lista .table-ops a:hover{
  transform:translateY(-1px); background:rgba(255,255,255,.16); box-shadow:0 4px 12px rgba(0,0,0,.5); color:#ff7b00;
}
body.vm-page-lista .table-ops button{ cursor:pointer; }

body.vm-page-lista .table-ops-a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width: 30px;
  height: 30px;

  border-radius: 50%;
  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  text-decoration: none;
  font-size: 16px;

  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  transition: transform .15s, box-shadow .2s, background .2s;
}
body.vm-page-lista .table-ops-a:hover{
  transform: translateY(-1px);
  filter: brightness(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,.5), 0 0 8px rgba(46,204,113,.6);
}
body.vm-page-lista .table-ops-a:active{ transform: translateY(0); }
body.vm-page-lista .table-ops-a .fa-play{ margin-left: 2px; margin-top: 1px; }

body.vm-page-lista .form-inline{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
body.vm-page-lista .form-inline input[type="text"]{
  padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08); color:#fff; outline:none; min-width:260px;
}
body.vm-page-lista .form-inline input[type="text"]::placeholder{ color: rgba(255,255,255,.75); }
body.vm-page-lista .form-inline input[type="text"]:focus{
  border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
}

body.vm-page-lista .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 15px;
  margin:7px 5px 5px 0;
  background:#fff;
  color:#016FDE;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
  border:1px solid #016FDE;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3);
  transition:all .25s, transform .1s;
  cursor:pointer;
}
body.vm-page-lista .btn:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}

body.vm-page-lista .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
}

body.vm-page-lista .btn:active{ transform:translateY(1px); }
body.vm-page-lista .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; }
body.vm-page-lista .btn-primary:hover{ filter:brightness(1.05); }
body.vm-page-lista .btn-danger{ background:#c0392b; border-color:#c0392b; color:#fff; }
body.vm-page-lista .btn-danger:hover{ filter:brightness(1.08); }

body.vm-page-lista .prop-box{ border:1px solid rgba(255,255,255,.25); border-radius:10px; padding:10px; background:rgba(255,255,255,.06); display:flex; align-items:center; gap:10px; }
body.vm-page-lista .prop-box .meta{ font-size:13px; opacity:.9; }
body.vm-page-lista .prop-box input{ flex:1; padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; font-weight:600; }
body.vm-page-lista .prop-actions{ display:flex; gap:8px; }
body.vm-page-lista .prop-actions .btn{ padding:8px 10px; border-radius:10px; min-width:36px; }

body.vm-page-lista .cmodal-overlay[hidden]{display:none;}
body.vm-page-lista .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-lista .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-lista .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-lista .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-lista .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-lista .cmodal-close:hover{opacity:1;}
body.vm-page-lista .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-lista .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-lista .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-lista .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-lista .top-flash{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.98);
  z-index: 1200;

  margin: 0;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);

  opacity: 0;
  transition: opacity .28s ease, transform .28s ease;
}

body.vm-page-lista #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-lista #menu-mail{ position: relative; }
body.vm-page-lista .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px;
  line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-lista .top-flash{
  padding: 18px 24px;
  font-size: 18px;
  max-width: 90vw;
  text-align: center;
  white-space: normal;
}

body.vm-page-lista .top-flash.success{
  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
}
body.vm-page-lista .top-flash.error{
  background: #c0392b;
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
}

body.vm-page-lista .top-flash.is-visible{
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

body.vm-page-lista .top-flash.is-hiding{
  opacity: 0;
  transform: translate(-50%, -50%) scale(.98);
}

@media (prefers-reduced-motion: reduce) {
  body.vm-page-lista .top-flash{ transition: none; }
}

body.vm-page-lista .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-lista .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-lista .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-lista .footer-top .label{ flex:0 0 auto; }
body.vm-page-lista .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-lista .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-lista .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-lista .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-lista .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-lista{ zoom:.89; }
  body.vm-page-lista .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-lista .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-lista .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-lista .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-lista .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-lista .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-lista .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-lista .footer-top img{ height:26px; width:26px; }
  body.vm-page-lista .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-lista .sidebar{
  position: fixed; top: 80px; bottom: 30px; left: 0;
  width: 350px !important; min-width: 350px !important;
  padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, rgba(1,111,222,1) 0%, rgba(0,90,180,1) 100%);
  border-right: 2px solid rgba(255,255,255,0.15);
  box-shadow: 4px 0 15px rgba(0,0,0,0.45); color: #fff; box-sizing: border-box;
}
body.vm-page-lista .main{ margin-left: 350px !important; padding: 20px; padding-top: 100px; padding-bottom: 50px; }
body.vm-page-lista .sidebar ul li a span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

body.vm-page-lista .row-actions{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
body.vm-page-lista .row-actions-left{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
body.vm-page-lista .row-actions-right{ margin-left:auto; }

body.vm-page-lista .tab-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:12px; font-weight:700; cursor:pointer;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:background .2s, box-shadow .2s, transform .05s, border-color .2s;
}
body.vm-page-lista .tab-btn:hover{ background:rgba(255,255,255,.18); box-shadow:0 4px 12px rgba(0,0,0,.4); }
body.vm-page-lista .tab-btn:active{ transform:translateY(1px); }
body.vm-page-lista .tab-btn .chev{ transition: transform .2s ease; }
body.vm-page-lista .tab-btn.is-open .chev{ transform: rotate(180deg); }

body.vm-page-lista .tab-panel{
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  border-radius:10px;
  margin-top:12px; padding:12px;

  max-height:0; opacity:.0; overflow:hidden;
  transition: max-height .28s ease, opacity .28s ease;
}
body.vm-page-lista .tab-panel.is-open{ max-height:1000px; opacity:1; }

body.vm-page-lista .prop-box{ margin-bottom:10px; }

body.vm-page-lista .cmodal-body{
  padding: 20px 22px;
}

body.vm-page-lista #edit-overlay .cmodal-body label{
  display:block;
  font-weight:600;
}
body.vm-page-lista #edit-overlay .cmodal-body input[type="text"]{
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  color: #fff;
  outline: none;
  transition: box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.vm-page-lista #edit-overlay .cmodal-body input[type="text"]:focus{
  border-color: #ff7b00;

  box-shadow:
    0 0 0 1px #ff7b00 inset,
    0 0 0 3px rgba(255,123,0,.35);
  background: rgba(255,255,255,.12);
}

body.vm-page-lista .prop-box .prop-display{
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: inherit;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 0;
  margin-left: 10px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0 !important;
}

body.vm-page-lista .prop-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
  background: rgba(255,255,255,.06);
}

body.vm-page-lista .prop-box .prop-display{
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
}

body.vm-page-lista .prop-box .meta{
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  opacity: .85;
  position: relative;
  padding-left: 10px;
}

body.vm-page-lista .prop-box .meta::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background: rgba(255,255,255,.5);
  border-radius: 1px;
}

body.vm-page-lista .tab-panel{
  max-height:0;
  opacity:0;
  overflow:hidden;

  margin:0 !important;
  padding:0 !important;
  border-width:0 !important;
}

body.vm-page-lista .tab-panel.is-open{
  max-height:1000px;
  opacity:1;

  margin-top:12px !important;
  padding:12px !important;
  border-width:1px !important;
}

body.vm-page-lista .mini-banner{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:12px; font-weight:700;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  white-space:nowrap;
}
body.vm-page-lista .mini-banner i{ font-size:16px; color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,.5); }
body.vm-page-lista .mini-banner b{ letter-spacing:.2px; }

@media (max-width: 900px){
  body.vm-page-lista .row-actions{ gap:12px; }
  body.vm-page-lista .mini-banner{ width:100%; justify-content:center; }
}

body.vm-page-lista .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-lista .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-lista .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-lista .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-lista .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-lista .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-lista .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-lista .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-lista .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-lista .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-lista .online-header{ color: var(--vm-text) !important; }
body.vm-page-lista .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-lista .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-lista .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-lista .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-lista .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-lista .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-lista .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-lista .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-lista .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-lista .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-lista .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-lista .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-lista .online-users .nickname{ margin-right: 8px; }
body.vm-page-lista .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-lista .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-lista .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-lista .card h1, body.vm-page-lista .card h2, body.vm-page-lista .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-lista .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-lista .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-lista .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-lista .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-lista .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-lista .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-lista .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-lista .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-lista .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-lista .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-lista .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-lista .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-lista .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-lista .online-users .nickname, body.vm-page-lista .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-lista .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-lista .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-lista .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-lista .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-lista .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-lista .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-lista #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-lista .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-lista .nav-btn{ display:none; }
  body.vm-page-lista .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-lista .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-lista .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-lista .nav-btn{ display: none !important; }
}

body.vm-page-lista a.nav-btn, body.vm-page-lista a.nav-btn:link, body.vm-page-lista a.nav-btn:visited, body.vm-page-lista a.nav-btn:hover, body.vm-page-lista a.nav-btn:active, body.vm-page-lista a.nav-btn:focus, body.vm-page-lista a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-lista a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-lista a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

    body.vm-page-lista_przebojow{
      margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff; position:relative; background:none;
      padding:0;
    }
    body.vm-page-lista_przebojow::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }

    body.vm-page-lista_przebojow .wrap{ padding:70px; }
    body.vm-page-lista_przebojow .card{
      max-width:980px; margin:100px auto 40px;
      background:rgba(0, 90, 190, .95);
      border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow: hidden;
    }
    body.vm-page-lista_przebojow h1, body.vm-page-lista_przebojow h2{ margin:0 0 12px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-lista_przebojow h1{ font-size:28px; }
    body.vm-page-lista_przebojow h2{ font-size:24px; }

    body.vm-page-lista_przebojow .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:10px 14px; border-radius:12px;
      border:1px solid var(--blue); background:#fff;
      font-weight:800; text-decoration:none; cursor:pointer;
      box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
      color: var(--blue);
    }
    body.vm-page-lista_przebojow .btn:hover{
      background:var(--blue); color:#fff;
      text-shadow:0 0 4px rgba(0,0,0,.9);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-lista_przebojow .btn:active{ transform:translateY(1px); }
    body.vm-page-lista_przebojow .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:900;
    }
    body.vm-page-lista_przebojow .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

    body.vm-page-lista_przebojow .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:inline-block; opacity: 0; display: none; will-change: opacity;
    }
    body.vm-page-lista_przebojow .msg.is-visible{ display:inline-block; opacity:1; transition:none; }
    body.vm-page-lista_przebojow .msg.fading-out{ transition: opacity .5s ease; }
    body.vm-page-lista_przebojow .ok{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-lista_przebojow .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }

    body.vm-page-lista_przebojow table{ width:100%; border-collapse: collapse; margin-top:10px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
    body.vm-page-lista_przebojow thead th{
      background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
      color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.5); letter-spacing:.3px;
      font-weight:900; padding:9px 8px; text-align:center; font-size:16px; border:1px solid rgba(255,255,255,.2);
    }
    body.vm-page-lista_przebojow tbody td{ border:1px solid rgba(255,255,255,.15); padding:7px 8px; font-size:15px; background:rgba(255,255,255,.04); text-align:center; vertical-align:middle; }
    body.vm-page-lista_przebojow tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
    body.vm-page-lista_przebojow tbody tr:hover td{ background:rgba(255,255,255,.12); }
    body.vm-page-lista_przebojow td.title{ text-align:left; font-weight:700; font-size:13px; }

    body.vm-page-lista_przebojow #tbl-top th:nth-child(1), body.vm-page-lista_przebojow #tbl-wait th:nth-child(1){ width:56px; }
    body.vm-page-lista_przebojow #tbl-top th:nth-child(3), body.vm-page-lista_przebojow #tbl-wait th:nth-child(3){ width:90px; }
    body.vm-page-lista_przebojow #tbl-top th:nth-child(4), body.vm-page-lista_przebojow #tbl-wait th:nth-child(4){ width:100px; }
    body.vm-page-lista_przebojow #tbl-top th:nth-child(5), body.vm-page-lista_przebojow #tbl-wait th:nth-child(5){ width:120px; }

    body.vm-page-lista_przebojow .badge{ display:inline-block; padding:1px 7px; border-radius:999px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); font-weight:800; font-size:12px; }

    body.vm-page-lista_przebojow .play{
      display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%;
      background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%);
      border:1px solid rgba(255,255,255,.25); color:#fff; text-decoration:none; font-size:13px;
      box-shadow:0 1px 4px rgba(0,0,0,.25); transition: transform .15s, box-shadow .2s, filter .2s;
    }
    body.vm-page-lista_przebojow .play:hover{ transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 3px 10px rgba(0,0,0,.45),0 0 6px rgba(46,204,113,.6); }

    body.vm-page-lista_przebojow .form-inline{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
    body.vm-page-lista_przebojow .form-inline input[type="text"]{
      padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.22);
      background:rgba(255,255,255,.08); color:#fff; outline:none; min-width:240px; font-weight:700;
      transition: box-shadow .2s, border-color .2s, background .2s;
    }
    body.vm-page-lista_przebojow .form-inline input[type="text"]::placeholder{ color: rgba(255,255,255,.7); }
    body.vm-page-lista_przebojow .form-inline input[type="text"]:focus{
      border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
    }
    body.vm-page-lista_przebojow .hp{ position:absolute; left:-9999px; visibility:hidden; }

    body.vm-page-lista_przebojow .subnote{
      margin:6px 0 12px; padding:10px 12px; border-radius:10px;
      background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
      border: 1px solid rgba(255,255,255,.22);
      box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
      display:flex; align-items:center; gap:10px;
    }

    body.vm-page-lista_przebojow .card{ max-width:980px; margin:20px auto 10px; padding:16px; border-radius:10px; }
    body.vm-page-lista_przebojow h1{ font-size:22px; }
    body.vm-page-lista_przebojow h2{ font-size:18px; }
    body.vm-page-lista_przebojow .subnote{ display:none !important; }
    body.vm-page-lista_przebojow .btn{ padding:5px 10px; gap:6px; font-size:13px; border-radius:10px; }
    body.vm-page-lista_przebojow .btn-primary{ font-weight:800; }
    body.vm-page-lista_przebojow .btn i{ font-size:14px; }

    body.vm-page-lista_przebojow .btn[disabled], body.vm-page-lista_przebojow .btn:disabled{
      opacity: .55;
      cursor: not-allowed;
      filter: grayscale(0.15);
      box-shadow: none;
    }

body.vm-page-lista_przebojow .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-lista_przebojow .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-lista_przebojow .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-lista_przebojow .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-lista_przebojow .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-lista_przebojow .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-lista_przebojow .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-lista_przebojow .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-lista_przebojow .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-lista_przebojow .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-lista_przebojow .online-header{ color: var(--vm-text) !important; }
body.vm-page-lista_przebojow .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-lista_przebojow .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-lista_przebojow .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-lista_przebojow .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-lista_przebojow .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-lista_przebojow .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-lista_przebojow .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-lista_przebojow .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-lista_przebojow .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-lista_przebojow .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-lista_przebojow .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-lista_przebojow .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-lista_przebojow .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-lista_przebojow .online-users .nickname{ margin-right: 8px; }
body.vm-page-lista_przebojow .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-lista_przebojow .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-lista_przebojow .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-lista_przebojow .card h1, body.vm-page-lista_przebojow .card h2, body.vm-page-lista_przebojow .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-lista_przebojow .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-lista_przebojow .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-lista_przebojow .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-lista_przebojow .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-lista_przebojow .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-lista_przebojow .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-lista_przebojow .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-lista_przebojow .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-lista_przebojow .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-lista_przebojow .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-lista_przebojow .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-lista_przebojow .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-lista_przebojow .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}
body.vm-page-live{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-live::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-live .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-live .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-live .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-live .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-live .topbar .menu-top a:hover, body.vm-page-live .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-live .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-live .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-live .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-live .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-live .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-live .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-live .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-live .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-live .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-live .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-live .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-live .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-live .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-live .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-live .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-live .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-live .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-live .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-live .card-welcome h2{ text-align:center; }

body.vm-page-live table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-live thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-live tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-live tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-live tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-live .users-table{ table-layout: auto !important; }
body.vm-page-live .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-live .users-table th:last-child, body.vm-page-live .users-table td:last-child{ border-right:none; }
body.vm-page-live .users-table td{ text-align:center; }

body.vm-page-live .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-live .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-live .online-users .nickname{ font-weight:bold; }
body.vm-page-live .online-users .time{ font-size:13px; }
body.vm-page-live .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-live .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-live .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-live .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-live .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-live .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-live .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-live .top-flash{ transition:none; } }

body.vm-page-live #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-live #chat-table th:nth-child(1), body.vm-page-live #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-live #chat-table th:nth-child(2), body.vm-page-live #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-live #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-live #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-live #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-live #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-live .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-live .cmodal-overlay[hidden]{display:none;}
body.vm-page-live .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}

body.vm-page-live .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-live .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-live .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-live .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-live .cmodal-close:hover{opacity:1;}
body.vm-page-live .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-live .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-live .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-live .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-live #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-live #menu-mail{ position: relative; }
body.vm-page-live .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-live #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-live #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-live .chat-form{
  display:flex; gap:10px; margin:10px 0;
}
body.vm-page-live .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-live .chat-input::placeholder{
  color: rgba(255,255,255,.75);
}
body.vm-page-live .chat-input:hover{
  background: rgba(255,255,255,.10);
}
body.vm-page-live .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-live .chat-form:focus-within{
  filter: drop-shadow(0 0 8px rgba(255,123,0,.20));
}

body.vm-page-live .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-live .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-live .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-live .footer-top .label{ flex:0 0 auto; }
body.vm-page-live .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-live .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-live .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-live .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-live .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-live{ zoom:.89; }
  body.vm-page-live .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-live .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-live .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-live .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-live .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-live .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-live .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-live .footer-top img{ height:26px; width:26px; }
  body.vm-page-live .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-live .chat-ops button[disabled]{
  opacity:.35;
  cursor:not-allowed !important;
}
body.vm-page-live .chat-ops button[disabled]:hover{
  color:inherit;
}

body.vm-page-live .role-admin{
  font-weight:800;
  font-size: 18px;
  color:#ff4d4f;
  text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-live .role-prez{
  font-weight:800;
  font-size: 18px;
  color:#2ecc71;
  text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-live #chat-table td.chat-ops{
  white-space:nowrap;
  text-align:center;
  padding:8px 6px;
}
body.vm-page-live #chat-table td.chat-ops .ops{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}

body.vm-page-live #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}

body.vm-page-live #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}

body.vm-page-live #chat-table td.chat-ops .ico[disabled]{
  opacity:.4; filter:grayscale(100%);
  pointer-events:none; cursor:not-allowed;
}

body.vm-page-live .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-live .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-live .btn:active{ transform:translateY(1px); }
body.vm-page-live .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-live .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-live .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-live .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-live .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-live .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-live .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-live .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-live .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-live .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-live .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-live .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-live .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-live .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-live .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-live .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-live .online-header{ color: var(--vm-text) !important; }
body.vm-page-live .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-live .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-live .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-live .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-live .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-live .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-live .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-live .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-live .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-live .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-live .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-live .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-live .online-users .nickname{ margin-right: 8px; }
body.vm-page-live .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-live .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-live .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-live .card h1, body.vm-page-live .card h2, body.vm-page-live .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-live .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-live .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-live .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-live .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-live .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-live .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-live .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-live .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-live .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-live .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-live .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-live .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-live .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-live .live-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}
@media (max-width:1200px){body.vm-page-live .live-grid{grid-template-columns:1fr}}
body.vm-page-live .preview{position:relative}
body.vm-page-live .preview video{
  display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.45)
}
body.vm-page-live .state-pill{
  position:absolute;top:10px;left:10px;padding:6px 10px;border-radius:999px;
  font-weight:800;font-size:12px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.12)
}
body.vm-page-live .ctrl-col{display:grid;gap:10px}
body.vm-page-live .ctrl-row{display:flex;gap:10px;flex-wrap:wrap}

body.vm-page-live .btn-toggle .led{width:10px;height:10px;border-radius:50%;margin-right:6px;background:#888;box-shadow:0 0 0 2px rgba(255,255,255,.25) inset}
body.vm-page-live .btn-toggle.is-on{background:linear-gradient(180deg,#1db954,#169c42);border-color:#169c42;color:#fff}
body.vm-page-live .btn-toggle.is-on .led{background:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,.8)}
body.vm-page-live .btn-toggle.is-off .led{background:#c0392b;box-shadow:0 0 6px rgba(192,57,43,.7)}
@media (max-width:1200px){}

body.vm-page-live .preview{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.45);
  overflow: hidden;
}

body.vm-page-live .preview video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  display:block;
  opacity:1;
  pointer-events:none;
}

body.vm-page-live .preview canvas{
  display:none;
}
body.vm-page-live .state-pill{ position:absolute; top:10px; left:10px; z-index:2; }

body.vm-page-live [hidden]{ display: none !important; }

body.vm-page-live .g-notlive{
  background:#c0392b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:10px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35) !important;
  display:flex;
  align-items:center;
  gap:10px;
}
body.vm-page-live .g-notlive i{ color:#fff !important; }

body.vm-page-live #g-notlive{
  background:#c0392b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:10px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35) !important;
  display:flex;
  align-items:center;
  gap:10px;
}
body.vm-page-live #g-notlive i{ color:#fff !important; }

body.vm-page-live .subnote a, body.vm-page-live .subnote a:visited{
  color:#fff !important;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

body.vm-page-live .subnote a:hover, body.vm-page-live .subnote a:focus{
  color:#ff8c00 !important;
  text-decoration:none !important;
  outline:none;
}

body.vm-page-live .btn[disabled], body.vm-page-live .btn[aria-disabled="true"]{
  opacity:.55;
  filter:grayscale(100%);
  cursor:not-allowed !important;
  pointer-events:none;
}

body.vm-page-live .admin-panels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
@media (max-width:1200px){
  body.vm-page-live .admin-panels{ grid-template-columns:1fr; }
}

body.vm-page-live .admin-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:14px;
  box-shadow:0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-live .admin-card-title{
  margin:0 0 8px 0;
  font-size:16px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-live .admin-card-note{
  margin:0 0 10px 0;
  font-size:14px;
  color: var(--vm-muted);
}

body.vm-page-live .admin-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
body.vm-page-live .admin-select{
  min-width:220px;
  max-width:100%;
  flex:1 1 260px;
}

body.vm-page-live .admin-wrap{ margin-top: 18px; }

body.vm-page-live .admin-header{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
  position:relative;
}
body.vm-page-live .admin-header::before{
  content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:6px;
  border-radius:12px 0 0 12px;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  box-shadow: 0 0 10px rgba(255,123,0,.35);
}
body.vm-page-live .admin-header .fa-shield-halved{
  color: var(--vm-orange);
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 18px;
}
body.vm-page-live .admin-header-title{
  font-weight:900; letter-spacing:.6px; text-transform:uppercase;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-live .admin-badge{
  margin-left:auto;
  padding:4px 10px;
  border-radius:999px;
  font-weight:800; font-size:16px; letter-spacing:.4px;
  color:#fff;
  background: linear-gradient(180deg, #ff6a00, #ff8f2b);
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 2px 8px rgba(255,123,0,.28), inset 0 0 0 2px rgba(255,255,255,.06);
}

body.vm-page-live .vmx-select{position:relative; display:inline-block; width:100%;}
body.vm-page-live .vmx-hidden-select{position:absolute !important; opacity:0 !important; pointer-events:none !important; height:0 !important; width:0 !important; margin:0 !important; padding:0 !important; border:0 !important;}

body.vm-page-live .vmx-select__button{
  position:relative; width:100%; text-align:left;
  padding:12px 42px 12px 12px; border-radius:12px;
  background:rgba(10,35,80,.96); color:#fff;
  font-size:15px; line-height:1.25;
  border:1px solid rgba(255,255,255,.22);
  cursor:pointer;
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-live .vmx-select__button:hover{
  background:rgba(14,45,100,.98);
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4);
}
body.vm-page-live .vmx-select__button:focus{
  outline:none;
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4);
}
body.vm-page-live .vmx-select__button::after{
  content:"";
  position:absolute; right:12px; top:50%;
  width:18px; height:18px; transform:translateY(-50%);
  pointer-events:none; backface-visibility:hidden;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  background:#ff7b00;
  transition: transform .18s ease;
}
body.vm-page-live .vmx-select.is-open .vmx-select__button::after{ transform:translateY(-50%) rotate(180deg); }

body.vm-page-live .vmx-select__list{
  position:absolute; left:0; right:0; top:calc(100% + 6px); display:none;
  max-height:260px; overflow:auto; padding:6px; border-radius:12px;
  background:rgba(6,16,38,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  z-index:3000;
}
body.vm-page-live .vmx-select.is-open .vmx-select__list{ display:block; }

body.vm-page-live .vmx-select.is-up .vmx-select__list{
  top:auto; bottom:calc(100% + 6px);
}
body.vm-page-live .vmx-select.is-up.is-open .vmx-select__button::after{
  transform:translateY(-50%) rotate(0deg);
}

body.vm-page-live .vmx-option{
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:10px; color:#fff; cursor:pointer;
  transition: background .12s ease, box-shadow .12s ease, color .12s ease;
}
body.vm-page-live .vmx-option:hover, body.vm-page-live .vmx-option.is-active{
  background:linear-gradient(180deg, rgba(255,123,0,.22) 0%, rgba(232,106,0,.22) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,123,0,.25);
  color:#fff;
}
body.vm-page-live .vmx-option[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow:none; color:#fff;
}

body.vm-page-live .vmx-option__dot{ display:none !important; }

body.vm-page-live .vmx-select__list::-webkit-scrollbar{ width:10px; }
body.vm-page-live .vmx-select__list::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22); border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}

body.vm-page-live .preview .rules-overlay{
  position:absolute; inset:0; z-index:3;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
}
body.vm-page-live .rules-card{
  max-width:min(950px, 92%);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.25);
  border-radius:14px;
  box-shadow:0 18px 42px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter: blur(4px);
  color:#fff;
  padding:18px 20px;
}
body.vm-page-live .rules-list{
  margin:0; padding-left: 22px; line-height:1.45; font-size:16px;
}
body.vm-page-live .rules-list li{ margin:15px 0; }
body.vm-page-live .rules-title{
  display:flex; align-items:center; gap:8px;
  font-weight:900; letter-spacing:.4px; text-transform:uppercase;
  margin:0 0 10px 0;
}
body.vm-page-live .rules-title i{ color:#ff8c00; text-shadow:0 0 6px rgba(0,0,0,.5); }
body.vm-page-live .rules-badge{
  margin-left:auto; padding:4px 10px; border-radius:999px; font-weight:800;
  background:linear-gradient(180deg,#ff6a00,#ff8f2b); border:1px solid rgba(255,255,255,.25);
  box-shadow:0 2px 8px rgba(255,123,0,.28), inset 0 0 0 2px rgba(255,255,255,.06);
}
@media (max-width: 680px){
  body.vm-page-live .rules-list{ font-size:14px; }
}

body.vm-page-live .rules-accept{
  margin-top: 25px;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffae42;
  text-shadow: 0 1px 4px rgba(0,0,0,.6);
}

body.vm-page-live .ctrl-row-compact{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:4px;
}

body.vm-page-live .field-pair{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.04);
}

body.vm-page-live .field-pair > label{
  font-weight:800;
  margin:0;
  white-space:nowrap;
}

body.vm-page-live .input-compact{
  min-width:140px;
  max-width:180px;
  padding:8px 10px;
  border-radius:10px;
}

@media (max-width: 640px){
  body.vm-page-live .ctrl-row-compact{ gap:10px; }
  body.vm-page-live .field-pair{ width:100%; }
  body.vm-page-live .input-compact{ width:100%; max-width:none; }
}

body.vm-page-live .viewers-pill{
  left: auto;
  right: 10px;
}

body.vm-page-live .online-users .nickname, body.vm-page-live .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-live .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-live .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-live .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-live .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-live .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-live .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-live #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-live .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-live .nav-btn{ display:none; }
  body.vm-page-live .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-live .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-live .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-live .nav-btn{ display: none !important; }
}

body.vm-page-live a.nav-btn, body.vm-page-live a.nav-btn:link, body.vm-page-live a.nav-btn:visited, body.vm-page-live a.nav-btn:hover, body.vm-page-live a.nav-btn:active, body.vm-page-live a.nav-btn:focus, body.vm-page-live a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-live a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-live a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

@media (max-width: 991.98px){
  html, body.vm-page-live{ overflow-x: hidden; }

  body.vm-page-live .main{
    margin-left: 0 !important;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.vm-page-live .users-table, body.vm-page-live #chat-table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
  }
}

body.vm-page-live .live-sidepanel{
  display:grid;
  gap:12px;
  align-content:start;
  position:relative;
}

@media (min-width: 1200px){

  body.vm-page-live .live-sidepanel{ position: sticky; top: 96px; }
}

body.vm-page-live .sp-section{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  box-shadow:0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06) inset;
  overflow:hidden;
}

body.vm-page-live .sp-head{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  border-bottom:1px solid rgba(255,255,255,.10);
}
body.vm-page-live .sp-head i{ color: var(--vm-orange); text-shadow:0 0 6px rgba(0,0,0,.5); }
body.vm-page-live .sp-head h3{
  margin:0; font-size:14px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; color:#fff;
}

body.vm-page-live .sp-body{ padding:12px; display:grid; gap:10px; }

body.vm-page-live .sp-field{ display:grid; gap:6px; }
body.vm-page-live .sp-label{
  font-size:12px; font-weight:800; letter-spacing:.3px; color: var(--vm-muted);
}

body.vm-page-live .sp-input{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
}

body.vm-page-live .sp-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.vm-page-live .sp-btn{ width:100%; }

body.vm-page-live .sp-grid-3{ display:grid; grid-template-columns:1fr; gap:10px; }
body.vm-page-live .sp-grid-2{ display:grid; grid-template-columns:1fr; gap:10px; }

@media (min-width: 560px){
  body.vm-page-live .sp-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.vm-page-live .sp-grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

body.vm-page-live .sp-toggle{
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 12px; border-radius:10px;
}
body.vm-page-live .sp-toggle .led{
  width:10px; height:10px; border-radius:50%;
  background:#888; box-shadow:0 0 0 2px rgba(255,255,255,.25) inset;
}
body.vm-page-live .sp-toggle[aria-pressed="true"]{
  background:linear-gradient(180deg,#1db954,#169c42); border-color:#169c42; color:#fff;
}
body.vm-page-live .sp-toggle[aria-pressed="true"] .led{
  background:#2ecc71; box-shadow:0 0 8px rgba(46,204,113,.8);
}

body.vm-page-live .sp-note{
  font-size:14px; color: var(--vm-muted);
}
body.vm-page-live .sp-note a{ color:#fff; text-decoration:none; }
body.vm-page-live .sp-note a:hover{ color:#ff8c00; }

body.vm-page-live .live-sidepanel .btn{ padding:10px 12px; border-radius:10px; }
body.vm-page-live .live-sidepanel .btn-primary{ min-height:40px; }

@media (max-width: 420px){
  body.vm-page-live .sp-head{ padding:10px 12px; }
  body.vm-page-live .sp-body{ padding:10px; gap:8px; }
  body.vm-page-live .live-sidepanel .btn, body.vm-page-live .sp-input{ padding:9px 10px; }
}

body.vm-page-live .live-sidepanel .sp-btn{
  display:block;
  width:100%;
  box-sizing:border-box;
}

body.vm-page-live .live-sidepanel, body.vm-page-live .live-sidepanel .sp-section, body.vm-page-live .live-sidepanel .sp-body{
  overflow:visible;
}

body.vm-page-live .live-sidepanel .sp-section{ position:relative; z-index:0; }

body.vm-page-live .live-sidepanel .sp-section select:focus{
  position:relative;
  z-index: 9999;
}

body.vm-page-live .live-sidepanel .sp-note a{
  display:inline;
  white-space:nowrap;
}

body.vm-page-live .live-sidepanel .sp-section{
  position:relative;
  overflow:hidden;
  z-index:0;
}

body.vm-page-live .live-sidepanel .sp-section:focus-within{
  overflow:visible;
  z-index: 10;
}

body.vm-page-live .live-sidepanel{ overflow:visible; }

body.vm-page-live .live-sidepanel .sp-note{
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.4;
}
body.vm-page-live .live-sidepanel .sp-note a{
  display:inline;
  white-space:nowrap;
  margin:0; padding:0;
}
body.vm-page-live .live-sidepanel .sp-note b{
  display:inline; margin:0; padding:0;
}

body.vm-page-live .offcanvas{
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  width: min(92vw, 960px);
  max-width: 100%;
  transform: translateX(100%);
  transition: transform .25s ease;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  border-left: 1px solid rgba(255,255,255,.12);
  box-shadow: -10px 0 28px rgba(0,0,0,.42), inset 1px 0 0 rgba(255,255,255,.06);
  z-index: 4000;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 12px;
}

body.vm-page-live .offcanvas-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:12px 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%);
  border-bottom: 1px solid rgba(255,255,255,.12);
  color:#fff; font-weight:800; letter-spacing:.4px;
}
body.vm-page-live .offcanvas-close{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  text-decoration:none; font-size:28px; line-height:1;
  color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
}
body.vm-page-live .offcanvas-close:hover{ background:rgba(255,255,255,.20); }

body.vm-page-live .offcanvas iframe{
  border:0; width:100%; height:100%;

}

body.vm-page-live .offcanvas-backdrop{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  z-index: 3500;
  opacity: 0; pointer-events: none;
  transition: opacity .18s ease;
}

body.vm-page-live #pozdrowienia-panel:target{
  transform: translateX(0);
}
body.vm-page-live #pozdrowienia-panel:target + .offcanvas-backdrop{
  opacity:1; pointer-events:auto;
}

@media (max-width: 640px){
  body.vm-page-live .offcanvas{ width: 100vw; border-top-left-radius: 0; }
}

body.vm-page-live .offcanvas{
  border-top-left-radius: 12px;
  overflow: clip;
}

@supports not (overflow: clip){
  body.vm-page-live .offcanvas{ overflow: hidden; }
}

body.vm-page-live .offcanvas-head{
  border-top-left-radius: 12px;
  background-clip: padding-box;
}

body.vm-page-live .sp-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
}
body.vm-page-live .sp-btn i{ flex: 0 0 auto; }

body.vm-page-live .live-sidepanel .sp-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  width:100%;
}

body.vm-page-live .live-sidepanel .sp-input{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

body.vm-page-live .live-sidepanel .sp-body.sp-grid-2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:10px;
}
body.vm-page-live .live-sidepanel .sp-body.sp-grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
}

body.vm-page-live .live-sidepanel, body.vm-page-live .live-sidepanel *{ box-sizing: border-box; }

body.vm-page-live .offcanvas-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  height:56px;
  padding:0 12px;
}

body.vm-page-live .offcanvas-close{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  line-height:1;
  font-size:24px;
  text-decoration:none;
  border-radius:8px;
}

body.vm-page-live .offcanvas-close:hover{
  background:rgba(255,255,255,.12);
}
body.vm-page-live .offcanvas-close:focus-visible{
  outline:2px solid #ff7b00;
  outline-offset:2px;
}

body.vm-page-live .offcanvas-head > span{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.vm-page-live .offcanvas-close{

  display:inline-grid;
  place-items:center;
  width:36px; height:36px;
  padding:0; border:0; background:transparent; color:#fff;
  border-radius:10px;
  cursor:pointer;
  box-sizing:border-box;
}

body.vm-page-live .offcanvas-close svg{
  width:20px; height:20px;
  display:block;
}
body.vm-page-logi{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-logi::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-logi .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-logi .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-logi .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-logi .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-logi .topbar .menu-top a:hover, body.vm-page-logi .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-logi .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-logi .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-logi .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-logi .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-logi .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-logi .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-logi .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-logi .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-logi .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-logi .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-logi .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-logi .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-logi .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-logi .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-logi .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-logi .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-logi .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-logi .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-logi .card-welcome h2{ text-align:center; }

body.vm-page-logi table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-logi thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-logi tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-logi tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-logi tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-logi .users-table{ table-layout: auto !important; }
body.vm-page-logi .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-logi .users-table th:last-child, body.vm-page-logi .users-table td:last-child{ border-right:none; }
body.vm-page-logi .users-table td{ text-align:center; height:20px; padding:5px;}

body.vm-page-logi .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-logi .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-logi .online-users .nickname{ font-weight:bold; }
body.vm-page-logi .online-users .time{ font-size:13px; }
body.vm-page-logi .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-logi .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-logi .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-logi .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-logi .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-logi .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-logi .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-logi .top-flash{ transition:none; } }

body.vm-page-logi #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-logi #chat-table th:nth-child(1), body.vm-page-logi #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-logi #chat-table th:nth-child(2), body.vm-page-logi #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-logi #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-logi #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-logi #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-logi #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-logi .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-logi .cmodal-overlay[hidden]{display:none;}
body.vm-page-logi .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}

body.vm-page-logi .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-logi .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-logi .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-logi .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-logi .cmodal-close:hover{opacity:1;}
body.vm-page-logi .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-logi .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-logi .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-logi .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-logi #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-logi #menu-mail{ position: relative; }
body.vm-page-logi .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-logi #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-logi #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-logi .chat-form{
  display:flex; gap:10px; margin:10px 0;
}
body.vm-page-logi .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-logi .chat-input::placeholder{
  color: rgba(255,255,255,.75);
}
body.vm-page-logi .chat-input:hover{
  background: rgba(255,255,255,.10);
}
body.vm-page-logi .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-logi .chat-form:focus-within{
  filter: drop-shadow(0 0 8px rgba(255,123,0,.20));
}

body.vm-page-logi .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-logi .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-logi .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-logi .footer-top .label{ flex:0 0 auto; }
body.vm-page-logi .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-logi .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-logi .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-logi .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-logi .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-logi{ zoom:.89; }
  body.vm-page-logi .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-logi .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-logi .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-logi .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-logi .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-logi .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-logi .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-logi .footer-top img{ height:26px; width:26px; }
  body.vm-page-logi .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-logi .chat-ops button[disabled]{
  opacity:.35;
  cursor:not-allowed !important;
}
body.vm-page-logi .chat-ops button[disabled]:hover{
  color:inherit;
}

body.vm-page-logi .role-admin{
  font-weight:800;
  font-size: 18px;
  color:#ff4d4f;
  text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-logi .role-prez{
  font-weight:800;
  font-size: 18px;
  color:#2ecc71;
  text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-logi #chat-table td.chat-ops{
  white-space:nowrap;
  text-align:center;
  padding:8px 6px;
}
body.vm-page-logi #chat-table td.chat-ops .ops{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}

body.vm-page-logi #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}

body.vm-page-logi #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}

body.vm-page-logi #chat-table td.chat-ops .ico[disabled]{
  opacity:.4; filter:grayscale(100%);
  pointer-events:none; cursor:not-allowed;
}

body.vm-page-logi .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-logi .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-logi .btn:active{ transform:translateY(1px); }
body.vm-page-logi .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-logi .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-logi .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-logi .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-logi .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-logi .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-logi .audit-row[data-severity="security"] .rendered_action, body.vm-page-logi .audit-row[data-severity="error"] .rendered_action, body.vm-page-logi .audit-row.sev-security .rendered_action, body.vm-page-logi .audit-row.sev-error .rendered_action{
  color: #c1121f;
  font-weight: 800;
}

body.vm-page-logi .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-logi .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-logi .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-logi .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-logi .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-logi .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-logi .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-logi .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-logi .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-logi .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-logi .online-header{ color: var(--vm-text) !important; }
body.vm-page-logi .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-logi .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-logi .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-logi .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-logi .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-logi .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-logi .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-logi .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-logi .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-logi .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-logi .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-logi .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-logi .online-users .nickname{ margin-right: 8px; }
body.vm-page-logi .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-logi .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-logi .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-logi .card h1, body.vm-page-logi .card h2, body.vm-page-logi .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-logi .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-logi .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-logi .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-logi .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-logi .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-logi .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-logi .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-logi .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-logi .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-logi .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-logi .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-logi .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-logi .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-logi .audit-username.is-system{
  color:#d00000;
  font-weight:800;
  text-shadow:
    0 0 6px rgba(255, 0, 0, .55),
    0 1px 1px rgba(0, 0, 0, .45);
}

  body.vm-page-logi .audit-username{
  font-weight:700;
}

body.vm-page-logi .audit-username.is-system-clear{
  color:#d00000;
  font-weight:800;
  text-shadow:
    0 0 6px rgba(255, 0, 0, .55),
    0 1px 1px rgba(0, 0, 0, .45);
}

body.vm-page-logi .audit-username.is-system-autopilot{
  color:#ff8c00;
  font-weight:800;
  text-shadow:
    0 0 6px rgba(255, 140, 0, .45),
    0 1px 1px rgba(0, 0, 0, .45);
}

body.vm-page-logi .online-users .nickname, body.vm-page-logi .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-logi .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-logi .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-logi .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-logi .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-logi .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-logi .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-logi #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-logi .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-logi .nav-btn{ display:none; }
  body.vm-page-logi .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-logi .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-logi .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-logi .nav-btn{ display: none !important; }
}

body.vm-page-logi a.nav-btn, body.vm-page-logi a.nav-btn:link, body.vm-page-logi a.nav-btn:visited, body.vm-page-logi a.nav-btn:hover, body.vm-page-logi a.nav-btn:active, body.vm-page-logi a.nav-btn:focus, body.vm-page-logi a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-logi a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-logi a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

:root{
  --box-w: 380px;
  --pad: 26px;
  --footer-h: 36px;
  --focus-glow: 0 0 6px 2px rgba(255,123,0,0.7);
}

body.vm-page-login .page{
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px calc(var(--footer-h) + 16px);
  box-sizing: border-box;
}

body.vm-page-login{
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #FF7B00;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,0.05) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,0.05) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255,255,255,0.05) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255,255,255,0.05) 75%);
  background-size: 40px 40px;
  background-attachment: fixed;
  color: #fff;
}

@media (max-width: 600px){
  body.vm-page-login{ background-attachment: scroll; }
}

body.vm-page-login .login-box{
    width: 100%;
    max-width: var(--box-w);
    padding: var(--pad);
    background: rgba(0, 90, 190, 0.95);
    border-radius: 12px;
    text-align: center;
    box-sizing: border-box;
    backdrop-filter: blur(3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

body.vm-page-login .login-box .login-logo{
    width: min(280px, 90%);
    height: auto;
    margin-bottom: 12px;
}

body.vm-page-login .login-box input[type="text"], body.vm-page-login .login-box input[type="password"]{
    width: 100%;
    padding: 11px 14px;
    margin: 8px 0;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.vm-page-login .login-box input[type="text"]:focus, body.vm-page-login .login-box input[type="password"]:focus{
    border-color: #FF7B00;
    box-shadow: var(--focus-glow);
    background-color: #fff;
    color: #222;
}

body.vm-page-login .login-box input[type="submit"]{
    width: 100%;
    padding: 11px 14px;
    background-color: #FF7B00;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    transition: transform .05s ease, box-shadow .2s ease, opacity .2s ease;
}

body.vm-page-login .login-box input[type="submit"]:hover{
    opacity: .9;
    box-shadow: 0 0 6px 3px rgba(255,123,0,0.6);
}

body.vm-page-login .login-box input[type="submit"]:active{
    transform: translateY(1px);
    box-shadow: 0 0 6px 4px rgba(255,123,0,0.75);
}

body.vm-page-login .login-box .error{
    color: #ff6b6b;
    margin-bottom: 10px;
}

body.vm-page-login .login-box .remember{
    margin: 10px 0 2px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.vm-page-login .login-box .remember label{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

body.vm-page-login .login-box .remember input[type="checkbox"]{
    transform: scale(1.25);
    accent-color: #016FDE;
}

body.vm-page-login .footer-bar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--footer-h);
    background-color: rgba(1,111,222,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.4);
    padding-bottom: env(safe-area-inset-bottom);
}

@media (max-width: 420px){
  :root{ --box-w: 360px; --pad: 22px; }
  body.vm-page-login .login-box .login-logo{
      width: min(240px, 85%);
      margin-bottom: 10px;
  }
}

@media (max-width: 340px){
  :root{ --box-w: 320px; --pad: 18px; }
  body.vm-page-login .login-box .login-logo{
      width: min(210px, 82%);
  }
}

body.vm-page-login .cc-wrap{
  position: fixed;
  left: 12px; right: 12px;

  bottom: calc(var(--footer-h, 36px) + 14px + env(safe-area-inset-bottom));
  z-index: 9999;
  background: rgba(6,53,116,.96);
  color: #fff; border-radius: 14px; box-shadow: 0 18px 40px rgba(0,0,0,.35);
  display: none; overflow: hidden;
}
body.vm-page-login .cc-inner{ display: grid; gap: 10px; padding: 16px; }
body.vm-page-login .cc-title{ font-weight: 800; font-size: 16px; letter-spacing:.2px; }
body.vm-page-login .cc-text{ font-size: 14px; line-height: 1.35; opacity:.95 }
body.vm-page-login .cc-actions{ display: flex; gap: 8px; flex-wrap: wrap; }
body.vm-page-login .cc-btn{
  appearance: none; border: 0; padding: 10px 14px; border-radius: 10px;
  font-weight: 700; cursor: pointer;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 8px 20px rgba(0,0,0,.25);
}
body.vm-page-login .cc-accept{ background: #FF7B00; color:#fff; }
body.vm-page-login .cc-reject{ background: rgba(255,255,255,.08); color:#fff; }
body.vm-page-login .cc-settings{ background: rgba(1,111,222,.18); color:#fff; }
body.vm-page-login .cc-more{ font-weight:600; text-decoration: underline; color:#fff; opacity:.85 }
body.vm-page-login .cc-row{ display:none; gap:10px; align-items:center; }
body.vm-page-login .cc-switch{
  display:inline-flex; align-items:center; gap:8px; font-size:14px;
  background: rgba(255,255,255,.06); padding:8px 10px; border-radius:10px;
}
body.vm-page-login .cc-switch input{ width:18px; height:18px; accent-color:#016FDE; }
@media (max-width: 600px){
  body.vm-page-login .cc-wrap{
    left: 8px; right: 8px;
    bottom: calc(var(--footer-h, 36px) + 8px + env(safe-area-inset-bottom));
  }
}
body.vm-page-powiadomienia{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-powiadomienia::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-powiadomienia .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-powiadomienia .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-powiadomienia .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-powiadomienia .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-powiadomienia .topbar .menu-top a:hover, body.vm-page-powiadomienia .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-powiadomienia .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-powiadomienia .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-powiadomienia .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-powiadomienia .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-powiadomienia .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-powiadomienia .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-powiadomienia .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-powiadomienia .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-powiadomienia .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-powiadomienia .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-powiadomienia .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-powiadomienia .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-powiadomienia .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-powiadomienia .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-powiadomienia .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

@media (min-width: 992px){
  body.vm-page-powiadomienia{ zoom:.89; }
  body.vm-page-powiadomienia .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-powiadomienia .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-powiadomienia .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-powiadomienia .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-powiadomienia .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-powiadomienia .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-powiadomienia .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-powiadomienia .footer-top img{ height:26px; width:26px; }
  body.vm-page-powiadomienia .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-powiadomienia .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-powiadomienia .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-powiadomienia .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-powiadomienia .subnote .badge{
  color: #fff; text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px; margin-left: auto; padding: 6px 10px; border-radius: 999px;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.30);
  font-weight: 800; box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-powiadomienia #menu-mail.has-unread i{ color:#ff4444 !important; animation:pulseUnread 1s infinite; }
body.vm-page-powiadomienia #menu-mail{ position: relative; }
body.vm-page-powiadomienia .mail-badge{ position: absolute; top:-6px; right:-10px; min-width:18px; height:18px; padding:0 5px; font-size:12px; line-height:18px;
  text-align:center; border-radius:999px; background:#ff3b30; color:#fff; box-shadow:0 0 0 2px rgba(1,111,222,1); }

body.vm-page-powiadomienia .bttn{ display:inline-block; padding:12px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-powiadomienia .bttn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }
body.vm-page-powiadomienia .bttn--danger{ background:#c0392b; border-color:#c0392b; color:#fff; }

body.vm-page-powiadomienia .bttn--danger{
  background:#c0392b;
  border-color:#c0392b;
  color:#fff;
  height: 35px;
  line-height: 1;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body.vm-page-powiadomienia .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-powiadomienia .card-welcome h2{ text-align:center; }

body.vm-page-powiadomienia .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-powiadomienia .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-powiadomienia .online-users .nickname{ font-weight:bold; }
body.vm-page-powiadomienia .online-users .time{ font-size:13px; }
body.vm-page-powiadomienia .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-powiadomienia .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-powiadomienia .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-powiadomienia .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-powiadomienia .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-powiadomienia .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-powiadomienia .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-powiadomienia .top-flash{ transition:none; } }

body.vm-page-powiadomienia .notif-toolbar{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin: 6px 0 12px; }
body.vm-page-powiadomienia .notif-filters a{ display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.25); text-decoration:none; color:#fff; }
body.vm-page-powiadomienia .notif-filters a.active{ background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%); border-color:#ff7b00; }
body.vm-page-powiadomienia .notif-list{ display:flex; flex-direction:column; gap:12px; }
body.vm-page-powiadomienia .notif-item{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:14px; box-shadow:0 4px 12px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06); }
body.vm-page-powiadomienia .notif-head{ display:flex; align-items:center; gap:10px; }
body.vm-page-powiadomienia .notif-title{ font-weight:800; font-size:18px; margin:0; }
body.vm-page-powiadomienia .notif-badge{ font-size:12px; padding:4px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.25); background:rgba(0,0,0,.2); }
body.vm-page-powiadomienia .notif-badge.unread{ background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%); border-color:#ff7b00; }
body.vm-page-powiadomienia .notif-meta{ font-size:12px; opacity:.95; margin-top:6px; }
body.vm-page-powiadomienia .notif-body{ margin-top:8px; line-height:1.5; white-space:pre-wrap; }
body.vm-page-powiadomienia .notif-actions{ margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }
body.vm-page-powiadomienia .hr{ height:1px; background:rgba(255,255,255,.18); margin:10px 0; }

body.vm-page-powiadomienia .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-powiadomienia .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-powiadomienia .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-powiadomienia .footer-top .label{ flex:0 0 auto; }
body.vm-page-powiadomienia .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-powiadomienia .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-powiadomienia .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-powiadomienia .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-powiadomienia .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

body.vm-page-powiadomienia .cmodal-overlay[hidden]{display:none;}
body.vm-page-powiadomienia .cmodal-overlay{ position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px); }
body.vm-page-powiadomienia .cmodal-modal{ width:min(92vw, 520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px; box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset; overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both; }
body.vm-page-powiadomienia .cmodal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); }
body.vm-page-powiadomienia .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-powiadomienia .cmodal-close{ border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9; }
body.vm-page-powiadomienia .cmodal-close:hover{opacity:1;}
body.vm-page-powiadomienia .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-powiadomienia .cmodal-actions{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px; }
body.vm-page-powiadomienia .cmodal-btn{ background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-powiadomienia .cmodal-btn:hover{ background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-powiadomienia #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow:
    0 4px 12px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-powiadomienia .notif-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
body.vm-page-powiadomienia .notif-left{
  display:flex; align-items:center; gap:8px; min-width:0;
}
body.vm-page-powiadomienia .notif-title{
  margin:0; font-weight:800; font-size:18px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.vm-page-powiadomienia .notif-badge.received{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%); border-color:#ff7b00;
}
@media (min-width: 992px){
  body.vm-page-powiadomienia .footer-bottom{ margin-left:auto; }
}

body.vm-page-powiadomienia .footer-bar{ display:flex; }
@media (min-width: 992px){
  body.vm-page-powiadomienia .footer-bar{
    height:25px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  body.vm-page-powiadomienia .footer-top{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:200px !important;
    font-size:20px !important;
    padding-top:0 !important;
    padding-bottom:2px !important;
    flex:1 1 auto !important;
    flex-wrap:nowrap !important;
  }
  body.vm-page-powiadomienia .footer-bottom{
    margin-left:auto !important;
    text-align:right !important;
    padding-bottom:2px !important;
    font-size:16px !important;
  }
  body.vm-page-powiadomienia .footer-top .marquee-box{
    flex:1 1 0 !important;
    min-width:0 !important; max-width:180px !important; overflow:hidden !important;
  }
}

body.vm-page-powiadomienia .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-powiadomienia .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-powiadomienia .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-powiadomienia .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-powiadomienia .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-powiadomienia .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-powiadomienia .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-powiadomienia .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-powiadomienia .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-powiadomienia .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-powiadomienia .online-header{ color: var(--vm-text) !important; }
body.vm-page-powiadomienia .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-powiadomienia .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-powiadomienia .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-powiadomienia .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-powiadomienia .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-powiadomienia .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-powiadomienia .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-powiadomienia .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-powiadomienia .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-powiadomienia .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-powiadomienia .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-powiadomienia .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-powiadomienia .online-users .nickname{ margin-right: 8px; }
body.vm-page-powiadomienia .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-powiadomienia .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-powiadomienia .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-powiadomienia .card h1, body.vm-page-powiadomienia .card h2, body.vm-page-powiadomienia .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-powiadomienia .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-powiadomienia .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-powiadomienia .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-powiadomienia .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-powiadomienia .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-powiadomienia .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-powiadomienia .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-powiadomienia .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-powiadomienia .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-powiadomienia .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-powiadomienia .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-powiadomienia .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-powiadomienia .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-powiadomienia .online-users .nickname, body.vm-page-powiadomienia .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-powiadomienia .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-powiadomienia .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-powiadomienia .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-powiadomienia .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-powiadomienia .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-powiadomienia .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-powiadomienia #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-powiadomienia .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-powiadomienia .nav-btn{ display:none; }
  body.vm-page-powiadomienia .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-powiadomienia .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-powiadomienia .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-powiadomienia .nav-btn{ display: none !important; }
}

body.vm-page-powiadomienia a.nav-btn, body.vm-page-powiadomienia a.nav-btn:link, body.vm-page-powiadomienia a.nav-btn:visited, body.vm-page-powiadomienia a.nav-btn:hover, body.vm-page-powiadomienia a.nav-btn:active, body.vm-page-powiadomienia a.nav-btn:focus, body.vm-page-powiadomienia a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-powiadomienia a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-powiadomienia a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
body.vm-page-pozdrowienia-archiwum{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-pozdrowienia-archiwum::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-pozdrowienia-archiwum .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-pozdrowienia-archiwum .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-pozdrowienia-archiwum .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-pozdrowienia-archiwum .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-pozdrowienia-archiwum .topbar .menu-top a:hover, body.vm-page-pozdrowienia-archiwum .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-archiwum .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-pozdrowienia-archiwum .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-pozdrowienia-archiwum .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-pozdrowienia-archiwum .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-pozdrowienia-archiwum .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-pozdrowienia-archiwum .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-pozdrowienia-archiwum .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-pozdrowienia-archiwum .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-pozdrowienia-archiwum .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-pozdrowienia-archiwum .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-pozdrowienia-archiwum .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-pozdrowienia-archiwum .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-pozdrowienia-archiwum .card{
  background: rgba(0, 90, 190, 0.95);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  backdrop-filter: blur(3px);
  color: #fff;
}

body.vm-page-pozdrowienia-archiwum .card-welcome h2{
  text-align: center;
}

body.vm-page-pozdrowienia-archiwum table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-archiwum thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-pozdrowienia-archiwum tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-pozdrowienia-archiwum tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-pozdrowienia-archiwum tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-pozdrowienia-archiwum .users-table{ table-layout: auto !important; }
body.vm-page-pozdrowienia-archiwum .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-pozdrowienia-archiwum .users-table th:last-child, body.vm-page-pozdrowienia-archiwum .users-table td:last-child{ border-right:none; }
body.vm-page-pozdrowienia-archiwum .users-table td{ text-align:center; }

body.vm-page-pozdrowienia-archiwum .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-pozdrowienia-archiwum .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-pozdrowienia-archiwum .online-users .nickname{ font-weight:bold; }
body.vm-page-pozdrowienia-archiwum .online-users .time{ font-size:13px; }
body.vm-page-pozdrowienia-archiwum .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-pozdrowienia-archiwum .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-pozdrowienia-archiwum .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-archiwum .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-archiwum .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-archiwum .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-pozdrowienia-archiwum .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-pozdrowienia-archiwum .top-flash{ transition:none; } }

body.vm-page-pozdrowienia-archiwum #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-pozdrowienia-archiwum #chat-table th:nth-child(1), body.vm-page-pozdrowienia-archiwum #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-pozdrowienia-archiwum #chat-table th:nth-child(2), body.vm-page-pozdrowienia-archiwum #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-pozdrowienia-archiwum #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-pozdrowienia-archiwum .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-pozdrowienia-archiwum .cmodal-overlay[hidden]{display:none;}
body.vm-page-pozdrowienia-archiwum .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-pozdrowienia-archiwum .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-pozdrowienia-archiwum .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-pozdrowienia-archiwum .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-pozdrowienia-archiwum .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-pozdrowienia-archiwum .cmodal-close:hover{opacity:1;}
body.vm-page-pozdrowienia-archiwum .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-pozdrowienia-archiwum .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-pozdrowienia-archiwum .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-pozdrowienia-archiwum .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-pozdrowienia-archiwum #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}
body.vm-page-pozdrowienia-archiwum #menu-mail{ position: relative; }
body.vm-page-pozdrowienia-archiwum .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}
body.vm-page-pozdrowienia-archiwum #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-pozdrowienia-archiwum #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-pozdrowienia-archiwum .chat-form{ display:flex; gap:10px; margin:10px 0; }
body.vm-page-pozdrowienia-archiwum .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-pozdrowienia-archiwum .chat-input::placeholder{ color: rgba(255,255,255,.75); }
body.vm-page-pozdrowienia-archiwum .chat-input:hover{ background: rgba(255,255,255,.10); }
body.vm-page-pozdrowienia-archiwum .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}
body.vm-page-pozdrowienia-archiwum .chat-form:focus-within{ filter: drop-shadow(0 0 8px rgba(255,123,0,.20)); }

body.vm-page-pozdrowienia-archiwum .header-buttons2{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
@media (min-width: 992px){ body.vm-page-pozdrowienia-archiwum .header-buttons2{ justify-content:flex-start; } }

body.vm-page-pozdrowienia-archiwum .bttn{ display:inline-block; padding:10px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-pozdrowienia-archiwum .bttn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia-archiwum .bttn--danger{
  background:#c0392b;
  border-color:#c0392b;
  color:#fff;
}

body.vm-page-pozdrowienia-archiwum .bttn--danger:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}

body.vm-page-pozdrowienia-archiwum .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-pozdrowienia-archiwum .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-pozdrowienia-archiwum .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-pozdrowienia-archiwum .footer-top .label{ flex:0 0 auto; }
body.vm-page-pozdrowienia-archiwum .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-pozdrowienia-archiwum .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-pozdrowienia-archiwum .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-pozdrowienia-archiwum .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-pozdrowienia-archiwum .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-pozdrowienia-archiwum{ zoom:.89; }
  body.vm-page-pozdrowienia-archiwum .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-pozdrowienia-archiwum .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-pozdrowienia-archiwum .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-pozdrowienia-archiwum .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-pozdrowienia-archiwum .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-pozdrowienia-archiwum .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-pozdrowienia-archiwum .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-pozdrowienia-archiwum .footer-top img{ height:26px; width:26px; }
  body.vm-page-pozdrowienia-archiwum .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-pozdrowienia-archiwum .chat-ops button[disabled]{ opacity:.35; cursor:not-allowed !important; }
body.vm-page-pozdrowienia-archiwum .chat-ops button[disabled]:hover{ color:inherit; }

body.vm-page-pozdrowienia-archiwum .role-admin{ font-weight:800; font-size: 18px; color:#ff4d4f; text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5); }
body.vm-page-pozdrowienia-archiwum .role-prez{ font-weight:800; font-size: 18px; color:#2ecc71; text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops{ white-space:nowrap; text-align:center; padding:8px 6px; }
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops .ops{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:nowrap; }
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}
body.vm-page-pozdrowienia-archiwum #chat-table td.chat-ops .ico[disabled]{ opacity:.4; filter:grayscale(100%); pointer-events:none; cursor:not-allowed; }

body.vm-page-pozdrowienia-archiwum .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-pozdrowienia-archiwum .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-archiwum .btn:active{ transform:translateY(1px); }
body.vm-page-pozdrowienia-archiwum .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-pozdrowienia-archiwum .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-pozdrowienia-archiwum .g-empty{margin-top:12px;opacity:.9}
body.vm-page-pozdrowienia-archiwum #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow:
    0 4px 12px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-pozdrowienia-archiwum .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia-archiwum .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-pozdrowienia-archiwum .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-pozdrowienia-archiwum .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-pozdrowienia-archiwum .g-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia-archiwum .g-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia-archiwum .g-switch{display:inline-flex;gap:6px;align-items:center;font-weight:700}
body.vm-page-pozdrowienia-archiwum .g-stats{font-weight:700}
body.vm-page-pozdrowienia-archiwum .g-disabled{margin-top:10px;padding:10px;border-radius:8px;background:rgba(255,0,0,.15);border:1px solid rgba(255,255,255,.25)}
body.vm-page-pozdrowienia-archiwum .g-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
body.vm-page-pozdrowienia-archiwum .gmsg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}
body.vm-page-pozdrowienia-archiwum .gmsg .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-archiwum .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px; text-transform:uppercase;}
body.vm-page-pozdrowienia-archiwum .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-pozdrowienia-archiwum .g-meta{font-size:13px;opacity:.9;margin-top:6px}
body.vm-page-pozdrowienia-archiwum .g-actions{display:flex;gap:8px;margin-top:8px}

body.vm-page-pozdrowienia-archiwum .g-actions .bttn{padding:8px 10px;font-size:14px;border-radius:10px}

body.vm-page-pozdrowienia-archiwum .g-head2 h2{margin:0 0 8px}
body.vm-page-pozdrowienia-archiwum .g-section{margin-top:10px}
body.vm-page-pozdrowienia-archiwum .g-sec-title{
  margin:6px 0 8px;
  font-weight:800; letter-spacing:.2px;
  border-bottom:1px solid rgba(255,255,255,.25);
  padding-bottom:6px;
}
body.vm-page-pozdrowienia-archiwum .status-grid{ display:grid; grid-template-columns: repeat(2,minmax(240px,1fr)); gap:12px; align-items:stretch; }
body.vm-page-pozdrowienia-archiwum .status-tile{
  display:flex; gap:12px; align-items:center; justify-content:flex-start;
  padding:12px 14px; border-radius:10px; width:100%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  color:#fff; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  transition:transform .05s, box-shadow .2s, background .2s, border-color .2s;
}
body.vm-page-pozdrowienia-archiwum .status-tile:hover{ background:rgba(255,255,255,.10); box-shadow:0 6px 14px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-archiwum .status-tile i{ font-size:20px; opacity:.95; }
body.vm-page-pozdrowienia-archiwum .status-tile .label{ opacity:.95; font-weight:700; }
body.vm-page-pozdrowienia-archiwum .status-tile .state{ font-weight:800; }
body.vm-page-pozdrowienia-archiwum .state-text.on{ color:#2ecc71; text-shadow:0 0 4px rgba(0,0,0,.6); }
body.vm-page-pozdrowienia-archiwum .state-text.off{ color:#ff4444; text-shadow:0 0 4px rgba(0,0,0,.6); }
body.vm-page-pozdrowienia-archiwum .g-hint{ margin-top:6px; font-size:13px; opacity:.85; }

body.vm-page-pozdrowienia-archiwum .g-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
body.vm-page-pozdrowienia-archiwum .g-empty{margin-top:8px;opacity:.9}
body.vm-page-pozdrowienia-archiwum .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px}

body.vm-page-pozdrowienia-archiwum .g-footer-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:12px}
@media (max-width: 700px){ body.vm-page-pozdrowienia-archiwum .status-grid{ grid-template-columns: 1fr; } }

body.vm-page-pozdrowienia-archiwum .status-row .status-grid{ flex:1 1 0; min-width:0; }
body.vm-page-pozdrowienia-archiwum .g-refresh{ flex:0 0 140px; min-width:140px; text-align:center; }
body.vm-page-pozdrowienia-archiwum .g-refresh:active{ transform:none; }
body.vm-page-pozdrowienia-archiwum .g-sec-title{display:flex;align-items:center;justify-content:space-between}
body.vm-page-pozdrowienia-archiwum .g-refresh{padding:8px 10px;border-radius:10px}
body.vm-page-pozdrowienia-archiwum .g-refresh[disabled]{opacity:.6;cursor:wait}
body.vm-page-pozdrowienia-archiwum .status-row{display:flex;align-items:stretch;gap:28px;flex-wrap:wrap}
body.vm-page-pozdrowienia-archiwum .status-row .status-grid{flex:1 1 auto}
body.vm-page-pozdrowienia-archiwum .g-refresh{padding:12px 16px;border-radius:10px;align-self:stretch}
@media (max-width:780px){
  body.vm-page-pozdrowienia-archiwum .status-row{gap:12px}
  body.vm-page-pozdrowienia-archiwum .g-refresh{align-self:auto}
  body.vm-page-pozdrowienia-archiwum .status-grid{grid-template-columns:1fr}
}
body.vm-page-pozdrowienia-archiwum .g-refresh{padding:12px 16px;border-radius:10px}
body.vm-page-pozdrowienia-archiwum .g-refresh:active{transform:none}
body.vm-page-pozdrowienia-archiwum .g-title-actions{ display:flex; gap:10px; align-items:center; }
@media (max-width:700px){ body.vm-page-pozdrowienia-archiwum .g-title-actions{ flex-wrap:wrap; } }

body.vm-page-pozdrowienia-archiwum .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia-archiwum .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia-archiwum .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia-archiwum .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia-archiwum .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-archiwum .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia-archiwum .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia-archiwum .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia-archiwum .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia-archiwum .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia-archiwum .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia-archiwum .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia-archiwum .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia-archiwum .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia-archiwum .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia-archiwum .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-pozdrowienia-archiwum .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia-archiwum .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia-archiwum .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia-archiwum .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia-archiwum .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia-archiwum .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia-archiwum .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia-archiwum .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia-archiwum .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia-archiwum .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia-archiwum .card h1, body.vm-page-pozdrowienia-archiwum .card h2, body.vm-page-pozdrowienia-archiwum .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia-archiwum .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia-archiwum .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia-archiwum .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-archiwum .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-archiwum .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-archiwum .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-archiwum .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia-archiwum .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia-archiwum .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia-archiwum .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-archiwum .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-archiwum .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-archiwum .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-archiwum .online-users .nickname, body.vm-page-pozdrowienia-archiwum .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-archiwum .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-pozdrowienia-archiwum .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-archiwum .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-pozdrowienia-archiwum .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-pozdrowienia-archiwum .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-pozdrowienia-archiwum .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-pozdrowienia-archiwum #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-pozdrowienia-archiwum .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-archiwum .nav-btn{ display:none; }
  body.vm-page-pozdrowienia-archiwum .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-pozdrowienia-archiwum .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-pozdrowienia-archiwum .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-archiwum .nav-btn{ display: none !important; }
}

body.vm-page-pozdrowienia-archiwum a.nav-btn, body.vm-page-pozdrowienia-archiwum a.nav-btn:link, body.vm-page-pozdrowienia-archiwum a.nav-btn:visited, body.vm-page-pozdrowienia-archiwum a.nav-btn:hover, body.vm-page-pozdrowienia-archiwum a.nav-btn:active, body.vm-page-pozdrowienia-archiwum a.nav-btn:focus, body.vm-page-pozdrowienia-archiwum a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-pozdrowienia-archiwum a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-pozdrowienia-archiwum a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-pozdrowienia-archiwum .gmsg.voice-msg .g-text{
  margin-top: 2px;
  white-space: normal;
}

body.vm-page-pozdrowienia-archiwum .gmsg.voice-msg .g-row{
  align-items: center;
  margin-bottom: 6px;
}

body.vm-page-pozdrowienia-archiwum .voice-player-wrap{
  margin: 0;
  line-height: 0;
}

body.vm-page-pozdrowienia-archiwum .voice-player{
  width: min(520px, 100%);
  max-width: 100%;
  height: 40px;
  display: block;
}

body.vm-page-pozdrowienia-archiwum .gmsg.voice-msg .g-meta{
  margin-top: 8px;
}
body.vm-page-pozdrowienia-bany{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-pozdrowienia-bany::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-pozdrowienia-bany .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-pozdrowienia-bany .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-pozdrowienia-bany .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-pozdrowienia-bany .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-pozdrowienia-bany .topbar .menu-top a:hover, body.vm-page-pozdrowienia-bany .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-bany .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-pozdrowienia-bany .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-pozdrowienia-bany .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-pozdrowienia-bany .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-pozdrowienia-bany .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-pozdrowienia-bany .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-pozdrowienia-bany .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-pozdrowienia-bany .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-pozdrowienia-bany .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-bany .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-pozdrowienia-bany .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-pozdrowienia-bany .sidebar ul li a.active i{ color:#ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }

body.vm-page-pozdrowienia-bany .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-pozdrowienia-bany .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-pozdrowienia-bany .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-pozdrowienia-bany .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-pozdrowienia-bany .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-pozdrowienia-bany .card{ background: rgba(0, 90, 190, 0.95); padding: 20px; border-radius: 12px; margin-bottom: 20px; backdrop-filter: blur(3px); color:#fff; }

body.vm-page-pozdrowienia-bany .g-sec-title{display:flex;align-items:center;justify-content:space-between;margin:6px 0 8px;font-weight:800;letter-spacing:.2px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:6px}
body.vm-page-pozdrowienia-bany .form-inline{display:flex;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-bany .input{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;min-width:220px}
body.vm-page-pozdrowienia-bany .input::placeholder{color:rgba(255,255,255,.75)}
body.vm-page-pozdrowienia-bany .input:focus{outline:none;border-color:#ff7b00;box-shadow:0 0 0 3px rgba(255,123,0,.25);background:rgba(255,255,255,.12)}
body.vm-page-pozdrowienia-bany .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size:16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; height: 35px; }
body.vm-page-pozdrowienia-bany .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-bany .btn:active{ transform:translateY(1px); }
body.vm-page-pozdrowienia-bany .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; }
body.vm-page-pozdrowienia-bany .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-pozdrowienia-bany .btn-danger{ background:#c0392b; border-color:#c0392b; color:#fff; }
body.vm-page-pozdrowienia-bany .btn-danger:hover{ filter:brightness(1.08); }

body.vm-page-pozdrowienia-bany .g-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
body.vm-page-pozdrowienia-bany .g-empty{margin-top:12px;opacity:.9}
body.vm-page-pozdrowienia-bany .gmsg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}
body.vm-page-pozdrowienia-bany .gmsg .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-bany .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px}
body.vm-page-pozdrowienia-bany .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-pozdrowienia-bany .g-meta{font-size:13px;opacity:.9;margin-top:6px}

body.vm-page-pozdrowienia-bany .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-bany .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-bany .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-bany .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-pozdrowienia-bany .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }

body.vm-page-pozdrowienia-bany #menu-mail.has-unread i{ color:#ff4444 !important; animation:pulseUnread 1s infinite; }
body.vm-page-pozdrowienia-bany #menu-mail{ position: relative; }
body.vm-page-pozdrowienia-bany .mail-badge{ position: absolute; top:-6px; right:-10px; min-width:18px; height:18px; padding:0 5px; font-size:12px; line-height:18px; text-align:center; border-radius:999px; background:#ff3b30; color:#fff; box-shadow:0 0 0 2px rgba(1,111,222,1); }

body.vm-page-pozdrowienia-bany .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-pozdrowienia-bany .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-pozdrowienia-bany .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-pozdrowienia-bany .footer-top .label{ flex:0 0 auto; }
body.vm-page-pozdrowienia-bany .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-pozdrowienia-bany .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-pozdrowienia-bany .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-pozdrowienia-bany .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-pozdrowienia-bany .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

body.vm-page-pozdrowienia-bany #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow: 0 4px 12px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-pozdrowienia-bany .subnote{
  position: relative; display: flex; align-items: center; gap: 10px;
  margin: 6px 0 18px; padding: 14px 16px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia-bany .subnote::before{
  content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px; background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-pozdrowienia-bany .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-pozdrowienia-bany .subnote .badge{
  color: #fff; text-shadow: 0 0 6px rgba(0,0,0,.5); font-size: 20px; margin-left: auto; padding: 6px 10px; border-radius: 999px;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.30); font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-bany{ zoom:.89; }
  body.vm-page-pozdrowienia-bany .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-pozdrowienia-bany .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-pozdrowienia-bany .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-pozdrowienia-bany .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-pozdrowienia-bany .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-pozdrowienia-bany .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-pozdrowienia-bany .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-pozdrowienia-bany .footer-top img{ height:26px; width:26px; }
  body.vm-page-pozdrowienia-bany .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-pozdrowienia-bany .cmodal-overlay[hidden]{display:none;}
body.vm-page-pozdrowienia-bany .cmodal-overlay{
  position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55);
  display:grid; place-items:center; backdrop-filter:blur(2px);
}
body.vm-page-pozdrowienia-bany .cmodal-modal{
  width:min(92vw, 520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both;
}
body.vm-page-pozdrowienia-bany .cmodal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); }
body.vm-page-pozdrowienia-bany .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-pozdrowienia-bany .cmodal-close{ border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9; }
body.vm-page-pozdrowienia-bany .cmodal-close:hover{opacity:1;}
body.vm-page-pozdrowienia-bany .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-pozdrowienia-bany .cmodal-actions{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px; }
body.vm-page-pozdrowienia-bany .cmodal-btn{
  background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer;
}
body.vm-page-pozdrowienia-bany .cmodal-btn:hover{ background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia-bany .cmodal-header.is-error{ background:linear-gradient(180deg,#e74c3c 0%, #c0392b 100%); }
body.vm-page-pozdrowienia-bany .cmodal-header.is-info{ background:linear-gradient(180deg,#3498db 0%, #2980b9 100%); }
body.vm-page-pozdrowienia-bany .cmodal-header.is-success{ background:linear-gradient(180deg,#2ecc71 0%, #27ae60 100%); }

body.vm-page-pozdrowienia-bany .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-pozdrowienia-bany .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-pozdrowienia-bany .online-users .nickname{ font-weight:bold; }
body.vm-page-pozdrowienia-bany .online-users .time{ font-size:13px; }
body.vm-page-pozdrowienia-bany .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-pozdrowienia-bany .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-pozdrowienia-bany .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia-bany .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia-bany .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia-bany .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia-bany .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia-bany .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-bany .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia-bany .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia-bany .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia-bany .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia-bany .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia-bany .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia-bany .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia-bany .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia-bany .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia-bany .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia-bany .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-pozdrowienia-bany .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia-bany .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia-bany .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia-bany .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia-bany .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia-bany .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia-bany .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia-bany .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia-bany .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia-bany .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia-bany .card h1, body.vm-page-pozdrowienia-bany .card h2, body.vm-page-pozdrowienia-bany .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia-bany .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia-bany .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia-bany .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-bany .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-bany .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-bany .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-bany .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia-bany .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia-bany .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia-bany .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-bany .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-bany .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-bany .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-bany .online-users .nickname, body.vm-page-pozdrowienia-bany .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-bany .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-pozdrowienia-bany .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-bany .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-pozdrowienia-bany .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-pozdrowienia-bany .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-pozdrowienia-bany .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-pozdrowienia-bany #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-pozdrowienia-bany .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-bany .nav-btn{ display:none; }
  body.vm-page-pozdrowienia-bany .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-pozdrowienia-bany .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-pozdrowienia-bany .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-bany .nav-btn{ display: none !important; }
}

body.vm-page-pozdrowienia-bany a.nav-btn, body.vm-page-pozdrowienia-bany a.nav-btn:link, body.vm-page-pozdrowienia-bany a.nav-btn:visited, body.vm-page-pozdrowienia-bany a.nav-btn:hover, body.vm-page-pozdrowienia-bany a.nav-btn:active, body.vm-page-pozdrowienia-bany a.nav-btn:focus, body.vm-page-pozdrowienia-bany a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-pozdrowienia-bany a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-pozdrowienia-bany a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-pozdrowienia-bany .gmsg.voice-msg .g-text{
  margin-top: 2px;
  white-space: normal;
}

body.vm-page-pozdrowienia-bany .gmsg.voice-msg .g-row{
  align-items: center;
  margin-bottom: 6px;
}

body.vm-page-pozdrowienia-bany .voice-player-wrap{
  margin: 0;
  line-height: 0;
}

body.vm-page-pozdrowienia-bany .voice-player{
  width: min(520px, 100%);
  max-width: 100%;
  height: 40px;
  display: block;
}

body.vm-page-pozdrowienia-bany .gmsg.voice-msg .g-meta{
  margin-top: 8px;
}
body.vm-page-pozdrowienia-kosz{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-pozdrowienia-kosz::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-pozdrowienia-kosz .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-pozdrowienia-kosz .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-pozdrowienia-kosz .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-pozdrowienia-kosz .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-pozdrowienia-kosz .topbar .menu-top a:hover, body.vm-page-pozdrowienia-kosz .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-kosz .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-pozdrowienia-kosz .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-pozdrowienia-kosz .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-pozdrowienia-kosz .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-pozdrowienia-kosz .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-pozdrowienia-kosz .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-pozdrowienia-kosz .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-pozdrowienia-kosz .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-pozdrowienia-kosz .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-kosz .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-pozdrowienia-kosz .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-pozdrowienia-kosz .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-pozdrowienia-kosz .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-pozdrowienia-kosz .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-pozdrowienia-kosz .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-pozdrowienia-kosz .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-pozdrowienia-kosz .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-pozdrowienia-kosz .card{
  background: rgba(0, 90, 190, 0.95);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  backdrop-filter: blur(3px);
  color: #fff;
}
body.vm-page-pozdrowienia-kosz .card-welcome h2{ text-align: center; }

body.vm-page-pozdrowienia-kosz table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-kosz thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-pozdrowienia-kosz tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-pozdrowienia-kosz tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-pozdrowienia-kosz tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-pozdrowienia-kosz .users-table{ table-layout: auto !important; }
body.vm-page-pozdrowienia-kosz .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-pozdrowienia-kosz .users-table th:last-child, body.vm-page-pozdrowienia-kosz .users-table td:last-child{ border-right:none; }
body.vm-page-pozdrowienia-kosz .users-table td{ text-align:center; }

body.vm-page-pozdrowienia-kosz .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-pozdrowienia-kosz .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-pozdrowienia-kosz .online-users .nickname{ font-weight:bold; }
body.vm-page-pozdrowienia-kosz .online-users .time{ font-size:13px; }
body.vm-page-pozdrowienia-kosz .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-pozdrowienia-kosz .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-pozdrowienia-kosz .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-kosz .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-kosz .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-kosz .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-pozdrowienia-kosz .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-pozdrowienia-kosz .top-flash{ transition:none; } }

body.vm-page-pozdrowienia-kosz #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-pozdrowienia-kosz #chat-table th:nth-child(1), body.vm-page-pozdrowienia-kosz #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-pozdrowienia-kosz #chat-table th:nth-child(2), body.vm-page-pozdrowienia-kosz #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-pozdrowienia-kosz #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-pozdrowienia-kosz #chat-table td:nth-child(4), body.vm-page-pozdrowienia-kosz #chat-table th:nth-child(4){ text-align:center; }

body.vm-page-pozdrowienia-kosz .cmodal-overlay[hidden]{display:none;}
body.vm-page-pozdrowienia-kosz .cmodal-overlay{
  position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55);
  display:grid; place-items:center; backdrop-filter:blur(2px);
}
body.vm-page-pozdrowienia-kosz .cmodal-modal{
  width:min(92vw, 520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both;
}
body.vm-page-pozdrowienia-kosz .cmodal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); }
body.vm-page-pozdrowienia-kosz .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-pozdrowienia-kosz .cmodal-close{ border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9; }
body.vm-page-pozdrowienia-kosz .cmodal-close:hover{opacity:1;}
body.vm-page-pozdrowienia-kosz .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-pozdrowienia-kosz .cmodal-actions{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px; }
body.vm-page-pozdrowienia-kosz .cmodal-btn{
  background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer;
}
body.vm-page-pozdrowienia-kosz .cmodal-btn:hover{ background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia-kosz .cmodal-header.is-error{ background:linear-gradient(180deg,#e74c3c 0%, #c0392b 100%); }
body.vm-page-pozdrowienia-kosz .cmodal-header.is-info{ background:linear-gradient(180deg,#3498db 0%, #2980b9 100%); }
body.vm-page-pozdrowienia-kosz .cmodal-header.is-success{ background:linear-gradient(180deg,#2ecc71 0%, #27ae60 100%); }

body.vm-page-pozdrowienia-kosz #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-pozdrowienia-kosz #menu-mail{ position: relative; }
body.vm-page-pozdrowienia-kosz .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px; line-height: 18px;
  text-align: center; border-radius: 999px; background: #ff3b30; color: #fff; box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-pozdrowienia-kosz .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-pozdrowienia-kosz .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-kosz .btn:active{ transform:translateY(1px); }
body.vm-page-pozdrowienia-kosz .btn-danger{ background:#c0392b; border-color:#c0392b; color:#fff; }
body.vm-page-pozdrowienia-kosz .btn-danger:hover{ filter:brightness(1.08); }

body.vm-page-pozdrowienia-kosz .bttn{ display:inline-block; padding:10px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-pozdrowienia-kosz .bttn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia-kosz .bttn--danger{
  background:#c0392b;
  border-color:#c0392b;
  color:#fff;
}

body.vm-page-pozdrowienia-kosz .bttn--danger:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}

body.vm-page-pozdrowienia-kosz .g-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia-kosz .g-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia-kosz .g-switch{display:inline-flex;gap:6px;align-items:center;font-weight:700}
body.vm-page-pozdrowienia-kosz .g-stats{font-weight:700}
body.vm-page-pozdrowienia-kosz .g-disabled{margin-top:10px;padding:10px;border-radius:8px;background:rgba(255,0,0,.15);border:1px solid rgba(255,255,255,.25)}
body.vm-page-pozdrowienia-kosz .g-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
body.vm-page-pozdrowienia-kosz .g-empty{margin-top:12px;opacity:.9}
body.vm-page-pozdrowienia-kosz .gmsg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}
body.vm-page-pozdrowienia-kosz .gmsg .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-kosz .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px}
body.vm-page-pozdrowienia-kosz .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-pozdrowienia-kosz .g-meta{font-size:13px;opacity:.9;margin-top:6px}
body.vm-page-pozdrowienia-kosz .g-actions{display:flex;gap:8px;margin-top:8px}

body.vm-page-pozdrowienia-kosz .g-actions .bttn{padding:8px 10px;font-size:14px;border-radius:10px}

body.vm-page-pozdrowienia-kosz #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow: 0 4px 12px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-pozdrowienia-kosz .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-pozdrowienia-kosz .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-pozdrowienia-kosz .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-pozdrowienia-kosz .footer-top .label{ flex:0 0 auto; }
body.vm-page-pozdrowienia-kosz .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-pozdrowienia-kosz .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-pozdrowienia-kosz .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-pozdrowienia-kosz .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-pozdrowienia-kosz .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-pozdrowienia-kosz{ zoom:.89; }
  body.vm-page-pozdrowienia-kosz .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-pozdrowienia-kosz .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-pozdrowienia-kosz .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-pozdrowienia-kosz .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-pozdrowienia-kosz .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-pozdrowienia-kosz .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-pozdrowienia-kosz .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-pozdrowienia-kosz .footer-top img{ height:26px; width:26px; }
  body.vm-page-pozdrowienia-kosz .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-pozdrowienia-kosz .subnote{
  position: relative; display: flex; align-items: center; gap: 10px;
  margin: 6px 0 18px; padding: 14px 16px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia-kosz .subnote::before{
  content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-pozdrowienia-kosz .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-pozdrowienia-kosz .subnote .badge{
  color:#fff; text-shadow:0 0 6px rgba(0,0,0,.5); font-size:20px; margin-left:auto; padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.3); font-weight:800; box-shadow:0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.2);
}

body.vm-page-pozdrowienia-kosz .g-sec-title{ margin:6px 0 8px; font-weight:800; letter-spacing:.2px; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:6px; }
body.vm-page-pozdrowienia-kosz .g-actions .btn{padding:8px 10px;font-size:14px;border-radius:10px}

body.vm-page-pozdrowienia-kosz .status-tile:hover{ background:rgba(255,255,255,.10); box-shadow:0 6px 14px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-kosz .status-tile i{ font-size:20px; opacity:.95; }
body.vm-page-pozdrowienia-kosz .status-tile .label{ opacity:.95; font-weight:700; }
body.vm-page-pozdrowienia-kosz .status-tile .state{ font-weight:800; }
body.vm-page-pozdrowienia-kosz .state-text.on{ color:#2ecc71; text-shadow:0 0 4px rgba(0,0,0,.6); }
body.vm-page-pozdrowienia-kosz .state-text.off{ color:#ff4444; text-shadow:0 0 4px rgba(0,0,0,.6); }
body.vm-page-pozdrowienia-kosz .g-hint{ margin-top:6px; font-size:13px; opacity:.85; }

body.vm-page-pozdrowienia-kosz .g-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
body.vm-page-pozdrowienia-kosz .g-empty{margin-top:8px;opacity:.9}

body.vm-page-pozdrowienia-kosz .g-footer-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:12px}
@media (max-width: 700px){ body.vm-page-pozdrowienia-kosz .status-grid{ grid-template-columns: 1fr; } }

body.vm-page-pozdrowienia-kosz .status-row .status-grid{ flex:1 1 0; min-width:0; }
body.vm-page-pozdrowienia-kosz .g-refresh{ flex:0 0 140px; min-width:140px; text-align:center; }
body.vm-page-pozdrowienia-kosz .g-refresh:active{ transform:none; }
body.vm-page-pozdrowienia-kosz .g-sec-title{display:flex;align-items:center;justify-content:space-between}
body.vm-page-pozdrowienia-kosz .g-refresh{padding:8px 10px;border-radius:10px}
body.vm-page-pozdrowienia-kosz .g-refresh[disabled]{opacity:.6;cursor:wait}
body.vm-page-pozdrowienia-kosz .status-row{display:flex;align-items:stretch;gap:28px;flex-wrap:wrap}
body.vm-page-pozdrowienia-kosz .status-row .status-grid{flex:1 1 auto}
body.vm-page-pozdrowienia-kosz .g-refresh{padding:12px 16px;border-radius:10px;align-self:stretch}
@media (max-width:780px){
  body.vm-page-pozdrowienia-kosz .status-row{gap:12px}
  body.vm-page-pozdrowienia-kosz .g-refresh{align-self:auto}
  body.vm-page-pozdrowienia-kosz .status-grid{grid-template-columns:1fr}
}
body.vm-page-pozdrowienia-kosz .g-refresh{padding:12px 16px;border-radius:10px}
body.vm-page-pozdrowienia-kosz .g-refresh:active{transform:none}
body.vm-page-pozdrowienia-kosz .g-title-actions{ display:flex; gap:10px; align-items:center; }
@media (max-width:700px){ body.vm-page-pozdrowienia-kosz .g-title-actions{ flex-wrap:wrap; } }

body.vm-page-pozdrowienia-kosz #ban-overlay .cmodal-body{ padding:18px; box-sizing:border-box; }
body.vm-page-pozdrowienia-kosz #ban-overlay .chip-row{
  display:flex !important; flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:10px; margin:0 0 12px 0;
}
body.vm-page-pozdrowienia-kosz #ban-overlay .chip-row .cmodal-btn{
  width:auto !important; max-width:none !important; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  white-space:nowrap; overflow:visible; text-overflow:clip; padding:10px 10px; font-size:clamp(14px,1.25vw,16px); line-height:1.2; border-radius:12px;
}
body.vm-page-pozdrowienia-kosz #ban-overlay #ban-reason{
  display:block; width:100% !important; max-width:100% !important; box-sizing:border-box; min-height:160px; margin:0;
  border-radius:10px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; padding:12px; font-size:16px; resize:vertical;
  transition:box-shadow .2s, border-color .2s, background .2s; overflow:auto; word-break:break-word;
}
body.vm-page-pozdrowienia-kosz #ban-overlay #ban-reason:focus{
  outline:none; border-color:#ff7b00 !important; background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(255,123,0,.25), inset 0 0 0 1px rgba(255,255,255,.08);
}
@media (max-width:520px){
  body.vm-page-pozdrowienia-kosz #ban-overlay .chip-row{ flex-wrap:wrap; justify-content:flex-start; }
}

body.vm-page-pozdrowienia-kosz .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia-kosz .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia-kosz .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia-kosz .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia-kosz .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia-kosz .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-kosz .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia-kosz .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia-kosz .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia-kosz .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia-kosz .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia-kosz .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia-kosz .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia-kosz .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia-kosz .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia-kosz .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia-kosz .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-pozdrowienia-kosz .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia-kosz .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia-kosz .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia-kosz .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia-kosz .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia-kosz .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia-kosz .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia-kosz .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia-kosz .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia-kosz .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia-kosz .card h1, body.vm-page-pozdrowienia-kosz .card h2, body.vm-page-pozdrowienia-kosz .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia-kosz .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia-kosz .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia-kosz .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-kosz .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-kosz .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-kosz .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-kosz .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia-kosz .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia-kosz .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia-kosz .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-kosz .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-kosz .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-kosz .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-kosz .online-users .nickname, body.vm-page-pozdrowienia-kosz .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-kosz .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-pozdrowienia-kosz .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-kosz .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-pozdrowienia-kosz .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-pozdrowienia-kosz .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-pozdrowienia-kosz .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-pozdrowienia-kosz #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-pozdrowienia-kosz .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-kosz .nav-btn{ display:none; }
  body.vm-page-pozdrowienia-kosz .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-pozdrowienia-kosz .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-pozdrowienia-kosz .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-kosz .nav-btn{ display: none !important; }
}

body.vm-page-pozdrowienia-kosz a.nav-btn, body.vm-page-pozdrowienia-kosz a.nav-btn:link, body.vm-page-pozdrowienia-kosz a.nav-btn:visited, body.vm-page-pozdrowienia-kosz a.nav-btn:hover, body.vm-page-pozdrowienia-kosz a.nav-btn:active, body.vm-page-pozdrowienia-kosz a.nav-btn:focus, body.vm-page-pozdrowienia-kosz a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-pozdrowienia-kosz a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-pozdrowienia-kosz a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-pozdrowienia-kosz .g-badge.android{
  background:#23c58f;
  color:#fff;
}

body.vm-page-pozdrowienia-kosz .g-badge.request{
  background:#b58cff;
  color:#fff;
}

body.vm-page-pozdrowienia-kosz .gmsg.voice-msg .g-text{
  margin-top: 2px;
  white-space: normal;
}

body.vm-page-pozdrowienia-kosz .gmsg.voice-msg .g-row{
  align-items: center;
  margin-bottom: 6px;
}

body.vm-page-pozdrowienia-kosz .voice-player-wrap{
  margin: 0;
  line-height: 0;
}

body.vm-page-pozdrowienia-kosz .voice-player{
  width: min(520px, 100%);
  max-width: 100%;
  height: 40px;
  display: block;
}

body.vm-page-pozdrowienia-kosz .gmsg.voice-msg .g-meta{
  margin-top: 8px;
}
body.vm-page-pozdrowienia-online-bany{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-pozdrowienia-online-bany::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-pozdrowienia-online-bany .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-pozdrowienia-online-bany .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-pozdrowienia-online-bany .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-pozdrowienia-online-bany .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-pozdrowienia-online-bany .topbar .menu-top a:hover, body.vm-page-pozdrowienia-online-bany .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-online-bany .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-pozdrowienia-online-bany .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-pozdrowienia-online-bany .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-pozdrowienia-online-bany .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-pozdrowienia-online-bany .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-pozdrowienia-online-bany .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-pozdrowienia-online-bany .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a.active i{ color:#ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }

body.vm-page-pozdrowienia-online-bany .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-pozdrowienia-online-bany .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-pozdrowienia-online-bany .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-pozdrowienia-online-bany .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-pozdrowienia-online-bany .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-pozdrowienia-online-bany .card{ background: rgba(0, 90, 190, 0.95); padding: 20px; border-radius: 12px; margin-bottom: 20px; backdrop-filter: blur(3px); color:#fff; }

body.vm-page-pozdrowienia-online-bany .g-sec-title{display:flex;align-items:center;justify-content:space-between;margin:6px 0 8px;font-weight:800;letter-spacing:.2px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:6px}
body.vm-page-pozdrowienia-online-bany .form-inline{display:flex;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-online-bany .input{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;min-width:220px}
body.vm-page-pozdrowienia-online-bany .input::placeholder{color:rgba(255,255,255,.75)}
body.vm-page-pozdrowienia-online-bany .input:focus{outline:none;border-color:#ff7b00;box-shadow:0 0 0 3px rgba(255,123,0,.25);background:rgba(255,255,255,.12)}
body.vm-page-pozdrowienia-online-bany .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size:16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; height: 35px; }
body.vm-page-pozdrowienia-online-bany .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-online-bany .btn:active{ transform:translateY(1px); }
body.vm-page-pozdrowienia-online-bany .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; }
body.vm-page-pozdrowienia-online-bany .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-pozdrowienia-online-bany .btn-danger{ background:#c0392b; border-color:#c0392b; color:#fff; }
body.vm-page-pozdrowienia-online-bany .btn-danger:hover{ filter:brightness(1.08); }

body.vm-page-pozdrowienia-online-bany .g-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
body.vm-page-pozdrowienia-online-bany .g-empty{margin-top:12px;opacity:.9}
body.vm-page-pozdrowienia-online-bany .gmsg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}
body.vm-page-pozdrowienia-online-bany .gmsg .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-online-bany .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px}
body.vm-page-pozdrowienia-online-bany .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-pozdrowienia-online-bany .g-meta{font-size:13px;opacity:.9;margin-top:6px}

body.vm-page-pozdrowienia-online-bany .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-online-bany .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-online-bany .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-online-bany .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-pozdrowienia-online-bany .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }

body.vm-page-pozdrowienia-online-bany #menu-mail.has-unread i{ color:#ff4444 !important; animation:pulseUnread 1s infinite; }
body.vm-page-pozdrowienia-online-bany #menu-mail{ position: relative; }
body.vm-page-pozdrowienia-online-bany .mail-badge{ position: absolute; top:-6px; right:-10px; min-width:18px; height:18px; padding:0 5px; font-size:12px; line-height:18px; text-align:center; border-radius:999px; background:#ff3b30; color:#fff; box-shadow:0 0 0 2px rgba(1,111,222,1); }

body.vm-page-pozdrowienia-online-bany .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-pozdrowienia-online-bany .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-pozdrowienia-online-bany .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-pozdrowienia-online-bany .footer-top .label{ flex:0 0 auto; }
body.vm-page-pozdrowienia-online-bany .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-pozdrowienia-online-bany .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-pozdrowienia-online-bany .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-pozdrowienia-online-bany .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-pozdrowienia-online-bany .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

body.vm-page-pozdrowienia-online-bany #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow: 0 4px 12px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-pozdrowienia-online-bany .subnote{
  position: relative; display: flex; align-items: center; gap: 10px;
  margin: 6px 0 18px; padding: 14px 16px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia-online-bany .subnote::before{
  content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px; background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-pozdrowienia-online-bany .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-pozdrowienia-online-bany .subnote .badge{
  color: #fff; text-shadow: 0 0 6px rgba(0,0,0,.5); font-size: 20px; margin-left: auto; padding: 6px 10px; border-radius: 999px;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.30); font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online-bany{ zoom:.89; }
  body.vm-page-pozdrowienia-online-bany .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-pozdrowienia-online-bany .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-pozdrowienia-online-bany .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-pozdrowienia-online-bany .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-pozdrowienia-online-bany .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-pozdrowienia-online-bany .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-pozdrowienia-online-bany .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-pozdrowienia-online-bany .footer-top img{ height:26px; width:26px; }
  body.vm-page-pozdrowienia-online-bany .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-pozdrowienia-online-bany .cmodal-overlay[hidden]{display:none;}
body.vm-page-pozdrowienia-online-bany .cmodal-overlay{
  position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55);
  display:grid; place-items:center; backdrop-filter:blur(2px);
}
body.vm-page-pozdrowienia-online-bany .cmodal-modal{
  width:min(92vw, 520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both;
}
body.vm-page-pozdrowienia-online-bany .cmodal-header{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); }
body.vm-page-pozdrowienia-online-bany .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-pozdrowienia-online-bany .cmodal-close{ border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9; }
body.vm-page-pozdrowienia-online-bany .cmodal-close:hover{opacity:1;}
body.vm-page-pozdrowienia-online-bany .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-pozdrowienia-online-bany .cmodal-actions{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px; }
body.vm-page-pozdrowienia-online-bany .cmodal-btn{
  background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer;
}
body.vm-page-pozdrowienia-online-bany .cmodal-btn:hover{ background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia-online-bany .cmodal-header.is-error{ background:linear-gradient(180deg,#e74c3c 0%, #c0392b 100%); }
body.vm-page-pozdrowienia-online-bany .cmodal-header.is-info{ background:linear-gradient(180deg,#3498db 0%, #2980b9 100%); }
body.vm-page-pozdrowienia-online-bany .cmodal-header.is-success{ background:linear-gradient(180deg,#2ecc71 0%, #27ae60 100%); }

body.vm-page-pozdrowienia-online-bany .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-pozdrowienia-online-bany .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-pozdrowienia-online-bany .online-users .nickname{ font-weight:bold; }
body.vm-page-pozdrowienia-online-bany .online-users .time{ font-size:13px; }
body.vm-page-pozdrowienia-online-bany .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-pozdrowienia-online-bany .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-pozdrowienia-online-bany .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia-online-bany .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia-online-bany .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia-online-bany .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia-online-bany .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-online-bany .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia-online-bany .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia-online-bany .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia-online-bany .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia-online-bany .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia-online-bany .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia-online-bany .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia-online-bany .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia-online-bany .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia-online-bany .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia-online-bany .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-pozdrowienia-online-bany .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia-online-bany .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia-online-bany .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia-online-bany .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia-online-bany .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia-online-bany .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia-online-bany .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia-online-bany .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia-online-bany .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia-online-bany .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia-online-bany .card h1, body.vm-page-pozdrowienia-online-bany .card h2, body.vm-page-pozdrowienia-online-bany .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia-online-bany .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia-online-bany .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia-online-bany .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-online-bany .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-online-bany .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-online-bany .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-online-bany .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia-online-bany .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia-online-bany .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia-online-bany .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-online-bany .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-online-bany .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-online-bany .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-online-bany .online-users .nickname, body.vm-page-pozdrowienia-online-bany .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-online-bany .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-pozdrowienia-online-bany .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-online-bany .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-pozdrowienia-online-bany .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-pozdrowienia-online-bany .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-pozdrowienia-online-bany .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-pozdrowienia-online-bany #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-pozdrowienia-online-bany .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online-bany .nav-btn{ display:none; }
  body.vm-page-pozdrowienia-online-bany .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-pozdrowienia-online-bany .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-pozdrowienia-online-bany .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online-bany .nav-btn{ display: none !important; }
}

body.vm-page-pozdrowienia-online-bany a.nav-btn, body.vm-page-pozdrowienia-online-bany a.nav-btn:link, body.vm-page-pozdrowienia-online-bany a.nav-btn:visited, body.vm-page-pozdrowienia-online-bany a.nav-btn:hover, body.vm-page-pozdrowienia-online-bany a.nav-btn:active, body.vm-page-pozdrowienia-online-bany a.nav-btn:focus, body.vm-page-pozdrowienia-online-bany a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-pozdrowienia-online-bany a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-pozdrowienia-online-bany a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
body.vm-page-pozdrowienia-online{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-pozdrowienia-online::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-pozdrowienia-online .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-pozdrowienia-online .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-pozdrowienia-online .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-pozdrowienia-online .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-pozdrowienia-online .topbar .menu-top a:hover, body.vm-page-pozdrowienia-online .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-online .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-pozdrowienia-online .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

body.vm-page-pozdrowienia-online .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto; background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45); border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white); }
body.vm-page-pozdrowienia-online .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px; background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00; border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4); }
body.vm-page-pozdrowienia-online .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-pozdrowienia-online .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px; transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden; }
body.vm-page-pozdrowienia-online .sidebar ul li a i{ width:20px; text-align:center; font-size:16px !important; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-pozdrowienia-online .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-pozdrowienia-online .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-online .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-pozdrowienia-online .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-pozdrowienia-online .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia-online .sidebar::-webkit-scrollbar{ width:10px; } body.vm-page-pozdrowienia-online .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-pozdrowienia-online .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-pozdrowienia-online .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }
body.vm-page-pozdrowienia-online .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-pozdrowienia-online #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-pozdrowienia-online #menu-mail{ position: relative; }
body.vm-page-pozdrowienia-online .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px;
  line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-pozdrowienia-online .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia-online .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-pozdrowienia-online .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-pozdrowienia-online .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-pozdrowienia-online .card{
  background: rgba(0, 90, 190, 0.95);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  backdrop-filter: blur(3px);
  color: #fff;
}

body.vm-page-pozdrowienia-online table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-online thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-pozdrowienia-online tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-pozdrowienia-online tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-pozdrowienia-online tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-pozdrowienia-online .users-table{ table-layout: auto !important; }
body.vm-page-pozdrowienia-online .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-pozdrowienia-online .users-table th:last-child, body.vm-page-pozdrowienia-online .users-table td:last-child{ border-right:none; }
body.vm-page-pozdrowienia-online .users-table td{ text-align:center; }

body.vm-page-pozdrowienia-online .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-pozdrowienia-online .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-pozdrowienia-online .online-users .nickname{ font-weight:bold; }
body.vm-page-pozdrowienia-online .online-users .time{ font-size:13px; }
body.vm-page-pozdrowienia-online .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-pozdrowienia-online .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-pozdrowienia-online .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-online .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-online .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia-online .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-pozdrowienia-online .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-pozdrowienia-online .top-flash{ transition:none; } }

body.vm-page-pozdrowienia-online .g-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia-online .g-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia-online .g-switch{display:inline-flex;gap:6px;align-items:center;font-weight:700}
body.vm-page-pozdrowienia-online .g-stats{font-weight:700}
body.vm-page-pozdrowienia-online .g-disabled{margin-top:10px;padding:12px 14px;border-radius:10px;background:rgba(255,0,0,.18);border:1px solid rgba(255,255,255,.25);font-weight:700}
body.vm-page-pozdrowienia-online .g-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
body.vm-page-pozdrowienia-online .g-empty{margin-top:12px;opacity:.9}
body.vm-page-pozdrowienia-online .gmsg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}
body.vm-page-pozdrowienia-online .gmsg .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia-online .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px}
body.vm-page-pozdrowienia-online .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-pozdrowienia-online .g-meta{font-size:13px;opacity:.9;margin-top:6px}
body.vm-page-pozdrowienia-online .g-actions{display:flex;gap:8px;margin-top:8px}
body.vm-page-pozdrowienia-online .g-actions .btn{padding:8px 10px;font-size:14px;border-radius:10px}

body.vm-page-pozdrowienia-online .g-section{margin-top:10px}
body.vm-page-pozdrowienia-online .g-sec-title{
  display:flex; align-items:center; justify-content:space-between;
  margin:6px 0 8px; font-weight:800; letter-spacing:.2px; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:6px;
}
body.vm-page-pozdrowienia-online .status-grid{ display:grid; grid-template-columns: repeat(2,minmax(240px,1fr)); gap:12px; align-items:stretch; }
body.vm-page-pozdrowienia-online .status-tile{
  display:flex; gap:12px; align-items:center; justify-content:flex-start; padding:12px 14px; border-radius:10px; width:100%;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); color:#fff; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.25); transition:transform .05s, box-shadow .2s, background .2s, border-color .2s;
}
body.vm-page-pozdrowienia-online .status-tile[disabled]{opacity:.6; cursor:not-allowed;}
body.vm-page-pozdrowienia-online .status-tile:hover{ background:rgba(255,255,255,.10); box-shadow:0 6px 14px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia-online .status-tile i{ font-size:20px; opacity:.95; }
body.vm-page-pozdrowienia-online .status-tile .label{ opacity:.95; font-weight:700; }
body.vm-page-pozdrowienia-online .status-tile .state{ font-weight:800; }
body.vm-page-pozdrowienia-online .state-text.on{ color:#2ecc71; text-shadow:0 0 4px rgba(0,0,0,.6); }
body.vm-page-pozdrowienia-online .state-text.off{ color:#ff4444; text-shadow:0 0 4px rgba(0,0,0,.6); }

body.vm-page-pozdrowienia-online .g-footer-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:12px}

body.vm-page-pozdrowienia-online .status-row{display:flex;align-items:stretch;gap:28px;flex-wrap:wrap}
body.vm-page-pozdrowienia-online .status-row .status-grid{ flex:1 1 0; min-width:0; }
body.vm-page-pozdrowienia-online .g-refresh{ flex:0 0 140px; min-width:140px; text-align:center; padding:12px 16px; border-radius:10px; align-self:stretch; }
body.vm-page-pozdrowienia-online .g-refresh[disabled]{opacity:.6;cursor:wait}
@media (max-width:780px){
  body.vm-page-pozdrowienia-online .status-row{gap:12px}
  body.vm-page-pozdrowienia-online .g-refresh{align-self:auto}
  body.vm-page-pozdrowienia-online .status-grid{grid-template-columns:1fr}
}
body.vm-page-pozdrowienia-online .g-refresh:active{ transform: none; }

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online .sidebar ul li a i{ font-size:16px; width:18px; }
}

body.vm-page-pozdrowienia-online .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-pozdrowienia-online .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia-online .btn:active{ transform:translateY(1px); }
body.vm-page-pozdrowienia-online .btn-danger{ background:#c0392b; border-color:#c0392b; color:#fff; }
body.vm-page-pozdrowienia-online .btn-danger:hover{ filter:brightness(1.08); }

body.vm-page-pozdrowienia-online .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-pozdrowienia-online .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-pozdrowienia-online .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-pozdrowienia-online .footer-top .label{ flex:0 0 auto; }
body.vm-page-pozdrowienia-online .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-pozdrowienia-online .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-pozdrowienia-online .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-pozdrowienia-online .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-pozdrowienia-online .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online{ zoom:.89; }
  body.vm-page-pozdrowienia-online .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-pozdrowienia-online .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-pozdrowienia-online .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-pozdrowienia-online .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-pozdrowienia-online .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-pozdrowienia-online .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-pozdrowienia-online .footer-top img{ height:26px; width:26px; }
  body.vm-page-pozdrowienia-online .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}
body.vm-page-pozdrowienia-online .header-buttons2{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
@media (min-width: 992px){ body.vm-page-pozdrowienia-online .header-buttons2{ justify-content:flex-start; } }
body.vm-page-pozdrowienia-online .bttn{ display:inline-block; padding:10px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-pozdrowienia-online .bttn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia-online .cmodal-overlay[hidden]{display:none;}
body.vm-page-pozdrowienia-online .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-pozdrowienia-online .cmodal-modal{
  width:min(92vw, 520px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-pozdrowienia-online .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-pozdrowienia-online .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-pozdrowienia-online .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-pozdrowienia-online .cmodal-close:hover{opacity:1;}
body.vm-page-pozdrowienia-online .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-pozdrowienia-online .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-pozdrowienia-online .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-pozdrowienia-online .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-pozdrowienia-online #ban-overlay .cmodal-body{ padding:18px; box-sizing:border-box; }
body.vm-page-pozdrowienia-online #ban-overlay .chip-row{
  display:flex !important;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:0 0 12px 0;
}
body.vm-page-pozdrowienia-online #ban-overlay .chip-row .cmodal-btn{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  padding:10px 10px;
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.2;
  border-radius:12px;
}
body.vm-page-pozdrowienia-online #ban-overlay #ban-reason{
  display:block;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  min-height:160px;
  margin:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition:box-shadow .2s, border-color .2s, background .2s;
  overflow:auto;
  word-break:break-word;
}
body.vm-page-pozdrowienia-online #ban-overlay #ban-reason:focus{
  outline:none;
  border-color:#ff7b00 !important;
  background:rgba(255,255,255,.12);
  box-shadow:
    0 0 0 3px rgba(255,123,0,.25),
    inset 0 0 0 1px rgba(255,255,255,.08);
}
@media (max-width:520px){
  body.vm-page-pozdrowienia-online #ban-overlay .chip-row{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}

body.vm-page-pozdrowienia-online #g-notlive{
  background:#c0392b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:10px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35) !important;
  display:flex;
  align-items:center;
  gap:10px;
}
body.vm-page-pozdrowienia-online #g-notlive i{ color:#fff !important; }

body.vm-page-pozdrowienia-online [hidden]{ display:none !important; }

body.vm-page-pozdrowienia-online #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow:
    0 4px 12px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-pozdrowienia-online #ban-overlay .cmodal-body, body.vm-page-pozdrowienia-online #edit-overlay .cmodal-body, body.vm-page-pozdrowienia-online #confirm-overlay .cmodal-body{
  padding: 18px;
  box-sizing: border-box;
}

body.vm-page-pozdrowienia-online #ban-overlay #ban-reason, body.vm-page-pozdrowienia-online #edit-overlay #edit-text{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  min-height: 160px;
  margin: 0;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: 12px;
  font-size: 16px;
  resize: vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
  overflow: auto;
  word-break: break-word;
}

body.vm-page-pozdrowienia-online #ban-overlay #ban-reason:focus, body.vm-page-pozdrowienia-online #edit-overlay #edit-text:focus{
  outline: none;
  border-color: #ff7b00 !important;
  background: rgba(255,255,255,.12);
  box-shadow:
    0 0 0 3px rgba(255,123,0,.25),
    inset 0 0 0 1px rgba(255,255,255,.08);
}

body.vm-page-pozdrowienia-online #edit-error{
  display: none;
  margin-top: 6px;
  font-weight: 700;
  color: #ffd1a6;
}

body.vm-page-pozdrowienia-online input, body.vm-page-pozdrowienia-online textarea{
  font-family: inherit;
}

body.vm-page-pozdrowienia-online .state-text.on{ color:#2ecc71; text-shadow:0 0 4px rgba(0,0,0,.6); font-weight:800; }
body.vm-page-pozdrowienia-online .state-text.off{ color:#ff4444; text-shadow:0 0 4px rgba(0,0,0,.6); font-weight:800; }
body.vm-page-pozdrowienia-online .top-flash{ display:none !important; }

body.vm-page-pozdrowienia-online .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia-online .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia-online .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia-online .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia-online .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia-online .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-online .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia-online .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia-online .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia-online .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia-online .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia-online .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia-online .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia-online .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia-online .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia-online .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia-online .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-pozdrowienia-online .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia-online .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia-online .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia-online .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia-online .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia-online .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia-online .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia-online .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia-online .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia-online .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia-online .card h1, body.vm-page-pozdrowienia-online .card h2, body.vm-page-pozdrowienia-online .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia-online .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia-online .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia-online .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-online .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-online .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-online .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-online .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia-online .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia-online .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia-online .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-online .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-online .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-online .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-online .online-users .nickname, body.vm-page-pozdrowienia-online .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-online .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-pozdrowienia-online .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia-online .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-pozdrowienia-online .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-pozdrowienia-online .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-pozdrowienia-online .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-pozdrowienia-online #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-pozdrowienia-online .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online .nav-btn{ display:none; }
  body.vm-page-pozdrowienia-online .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-pozdrowienia-online .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-pozdrowienia-online .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia-online .nav-btn{ display: none !important; }
}

body.vm-page-pozdrowienia-online a.nav-btn, body.vm-page-pozdrowienia-online a.nav-btn:link, body.vm-page-pozdrowienia-online a.nav-btn:visited, body.vm-page-pozdrowienia-online a.nav-btn:hover, body.vm-page-pozdrowienia-online a.nav-btn:active, body.vm-page-pozdrowienia-online a.nav-btn:focus, body.vm-page-pozdrowienia-online a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-pozdrowienia-online a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-pozdrowienia-online a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
    body.vm-page-pozdrowienia-online_form{ margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif; color:#fff; position:relative; background:none; padding:0; }
    body.vm-page-pozdrowienia-online_form::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }
    body.vm-page-pozdrowienia-online_form .wrap{ padding:24px; }
    body.vm-page-pozdrowienia-online_form .card{
      max-width:720px; margin:100px auto 40px;
      background:rgba(0, 90, 190, .95);
      border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow:hidden;
    }
    body.vm-page-pozdrowienia-online_form h1{ margin:0 0 12px; font-size:28px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-pozdrowienia-online_form h1 i{ font-size:24px; }
    body.vm-page-pozdrowienia-online_form .row{ display:grid; gap:1px; margin-bottom:18px; }
    body.vm-page-pozdrowienia-online_form label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; font-weight:700; }
    body.vm-page-pozdrowienia-online_form input[type="text"], body.vm-page-pozdrowienia-online_form textarea{
      width:100%; box-sizing:border-box; padding:12px 12px; border-radius:10px;
      border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
    }
    body.vm-page-pozdrowienia-online_form textarea{ min-height:121px; resize:vertical; font-size:15px; font-family:inherit; }
    body.vm-page-pozdrowienia-online_form input[type="text"]:hover, body.vm-page-pozdrowienia-online_form textarea:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.30); }
    body.vm-page-pozdrowienia-online_form input[type="text"]:focus, body.vm-page-pozdrowienia-online_form textarea:focus{
      border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
    }
    body.vm-page-pozdrowienia-online_form .hint{ color:#ffffff; opacity:.65; font-size:13px; }
    body.vm-page-pozdrowienia-online_form .actions{ margin-top:6px; display:flex; gap:10px; flex-wrap:wrap; }
    body.vm-page-pozdrowienia-online_form .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:12px; border:1px solid var(--blue); background:#fff;
      font-weight:700; text-decoration:none; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; color:var(--blue);
    }
    body.vm-page-pozdrowienia-online_form .btn:hover{ background:var(--blue); color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange); }
    body.vm-page-pozdrowienia-online_form .btn:active{ transform:translateY(1px); }
    body.vm-page-pozdrowienia-online_form .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:800;
    }
    body.vm-page-pozdrowienia-online_form .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
    body.vm-page-pozdrowienia-online_form .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:none; opacity:0; will-change:opacity;
    }
    body.vm-page-pozdrowienia-online_form .msg.is-visible{ display:inline-block; opacity:1; transition:none; }
    body.vm-page-pozdrowienia-online_form .msg.fading-out{ transition:opacity .5s ease; }
    body.vm-page-pozdrowienia-online_form .ok{ background:linear-gradient(180deg,#2ecc71 0%,#27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-pozdrowienia-online_form .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-pozdrowienia-online_form .hp{ position:absolute; left:-9999px; visibility:hidden; }
    body.vm-page-pozdrowienia-online_form .fake-topbar{
      height:60px; background-color:var(--blue); display:flex; align-items:center; justify-content:center;
      position:fixed; top:0; left:0; right:0; z-index:10; box-shadow:0 4px 12px rgba(0,0,0,0.5);
    }
    body.vm-page-pozdrowienia-online_form .fake-topbar .brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; }
    body.vm-page-pozdrowienia-online_form .fake-topbar .brand img{ height:40px; border-radius:8px; }
    body.vm-page-pozdrowienia-online_form .disabled-box{
      display:block; width:100%; box-sizing:border-box; padding:131px 20px;
      border-radius:12px; text-align:center; margin-top:6px; box-shadow:0 4px 12px rgba(0,0,0,.35);
    }
    body.vm-page-pozdrowienia-online_form #row-disabled{ margin-bottom:6px; }
    body.vm-page-pozdrowienia-online_form input::placeholder, body.vm-page-pozdrowienia-online_form textarea::placeholder{ color:rgba(255,255,255,0.6); opacity:1; }
    body.vm-page-pozdrowienia-online_form .card{ color:#fff !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 12px 28px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.06) inset; backdrop-filter: blur(4px); }
    body.vm-page-pozdrowienia-online_form .card h1{ color:rgba(255,255,255,.98) !important; text-shadow:0 1px 2px rgba(0,0,0,.35); }

body.vm-page-pozdrowienia-online_form .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia-online_form .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia-online_form .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia-online_form .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia-online_form .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia-online_form .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia-online_form .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia-online_form .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia-online_form .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia-online_form .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia-online_form .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia-online_form .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia-online_form .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia-online_form .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia-online_form .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia-online_form .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia-online_form .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-pozdrowienia-online_form .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-pozdrowienia-online_form .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia-online_form .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia-online_form .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia-online_form .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia-online_form .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia-online_form .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia-online_form .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia-online_form .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia-online_form .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia-online_form .card h1, body.vm-page-pozdrowienia-online_form .card h2, body.vm-page-pozdrowienia-online_form .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia-online_form .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia-online_form .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia-online_form .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-online_form .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-online_form .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia-online_form .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia-online_form .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia-online_form .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia-online_form .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia-online_form .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-online_form .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia-online_form .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia-online_form .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}
body.vm-page-pozdrowienia{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-pozdrowienia::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-pozdrowienia .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-pozdrowienia .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-pozdrowienia .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-pozdrowienia .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-pozdrowienia .topbar .menu-top a:hover, body.vm-page-pozdrowienia .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-pozdrowienia .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

body.vm-page-pozdrowienia .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto; background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45); border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white); }
body.vm-page-pozdrowienia .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px; background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00; border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4); }
body.vm-page-pozdrowienia .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-pozdrowienia .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px; transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden; }
body.vm-page-pozdrowienia .sidebar ul li a i{ width:20px; text-align:center; font-size:16px !important; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-pozdrowienia .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-pozdrowienia .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-pozdrowienia .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-pozdrowienia .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-pozdrowienia .sidebar::-webkit-scrollbar{ width:10px; } body.vm-page-pozdrowienia .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-pozdrowienia .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-pozdrowienia .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }
body.vm-page-pozdrowienia .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-pozdrowienia #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-pozdrowienia #menu-mail{ position: relative; }
body.vm-page-pozdrowienia .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px;
  line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-pozdrowienia .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-pozdrowienia .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-pozdrowienia .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-pozdrowienia .card{
  background: rgba(0, 90, 190, 0.95);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  backdrop-filter: blur(3px);
  color: #fff;
}

body.vm-page-pozdrowienia table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-pozdrowienia tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-pozdrowienia tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-pozdrowienia tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-pozdrowienia .users-table{ table-layout: auto !important; }
body.vm-page-pozdrowienia .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-pozdrowienia .users-table th:last-child, body.vm-page-pozdrowienia .users-table td:last-child{ border-right:none; }
body.vm-page-pozdrowienia .users-table td{ text-align:center; }

body.vm-page-pozdrowienia .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-pozdrowienia .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-pozdrowienia .online-users .nickname{ font-weight:bold; }
body.vm-page-pozdrowienia .online-users .time{ font-size:13px; }
body.vm-page-pozdrowienia .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-pozdrowienia .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-pozdrowienia .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-pozdrowienia .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-pozdrowienia .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-pozdrowienia .top-flash{ transition:none; } }

body.vm-page-pozdrowienia .g-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia .g-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.vm-page-pozdrowienia .g-switch{display:inline-flex;gap:6px;align-items:center;font-weight:700}
body.vm-page-pozdrowienia .g-stats{font-weight:700}
body.vm-page-pozdrowienia .g-disabled{margin-top:10px;padding:12px 14px;border-radius:10px;background:rgba(255,0,0,.18);border:1px solid rgba(255,255,255,.25);font-weight:700}
body.vm-page-pozdrowienia .g-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
body.vm-page-pozdrowienia .g-empty{margin-top:12px;opacity:.9}
body.vm-page-pozdrowienia .gmsg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}
body.vm-page-pozdrowienia .gmsg .g-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.vm-page-pozdrowienia .g-badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#ff7b00;color:#fff;font-weight:700;margin-right:8px}
body.vm-page-pozdrowienia .g-badge.android{
  background:#23c58f;
  color:#fff;
}

body.vm-page-pozdrowienia .g-badge.request{
  background:#b58cff;
  color:#fff;
}

body.vm-page-pozdrowienia .g-text{white-space:pre-wrap;word-break:break-word;margin-top:6px}
body.vm-page-pozdrowienia .g-meta{font-size:13px;opacity:.9;margin-top:6px}
body.vm-page-pozdrowienia .g-actions{display:flex;gap:8px;margin-top:8px}
body.vm-page-pozdrowienia .g-actions .btn{padding:8px 10px;font-size:14px;border-radius:10px}

body.vm-page-pozdrowienia .g-section{margin-top:10px}
body.vm-page-pozdrowienia .g-sec-title{
  display:flex; align-items:center; justify-content:space-between;
  margin:6px 0 8px; font-weight:800; letter-spacing:.2px; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:6px;
}
body.vm-page-pozdrowienia .status-grid{ display:grid; grid-template-columns: repeat(2,minmax(240px,1fr)); gap:12px; align-items:stretch; }
body.vm-page-pozdrowienia .status-tile{
  display:flex; gap:12px; align-items:center; justify-content:flex-start; padding:12px 14px; border-radius:10px; width:100%;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); color:#fff; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.25); transition:transform .05s, box-shadow .2s, background .2s, border-color .2s;
}
body.vm-page-pozdrowienia .status-tile[disabled]{opacity:.6; cursor:not-allowed;}
body.vm-page-pozdrowienia .status-tile:hover{ background:rgba(255,255,255,.10); box-shadow:0 6px 14px rgba(0,0,0,.35); }
body.vm-page-pozdrowienia .status-tile i{ font-size:20px; opacity:.95; }
body.vm-page-pozdrowienia .status-tile .label{ opacity:.95; font-weight:700; }
body.vm-page-pozdrowienia .status-tile .state{ font-weight:800; }
body.vm-page-pozdrowienia .state-text.on{ color:#2ecc71; text-shadow:0 0 4px rgba(0,0,0,.6); }
body.vm-page-pozdrowienia .state-text.off{ color:#ff4444; text-shadow:0 0 4px rgba(0,0,0,.6); }

body.vm-page-pozdrowienia .g-footer-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:12px}

body.vm-page-pozdrowienia .status-row{display:flex;align-items:stretch;gap:28px;flex-wrap:wrap}
body.vm-page-pozdrowienia .status-row .status-grid{ flex:1 1 0; min-width:0; }
body.vm-page-pozdrowienia .g-refresh{ flex:0 0 140px; min-width:140px; text-align:center; padding:12px 16px; border-radius:10px; align-self:stretch; }
body.vm-page-pozdrowienia .g-refresh[disabled]{opacity:.6;cursor:wait}
@media (max-width:780px){
  body.vm-page-pozdrowienia .status-row{gap:12px}
  body.vm-page-pozdrowienia .g-refresh{align-self:auto}
  body.vm-page-pozdrowienia .status-grid{grid-template-columns:1fr}
}
body.vm-page-pozdrowienia .g-refresh:active{ transform: none; }

@media (min-width: 992px){
  body.vm-page-pozdrowienia .sidebar ul li a i{ font-size:16px; width:18px; }
}

body.vm-page-pozdrowienia .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-pozdrowienia .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-pozdrowienia .btn:active{ transform:translateY(1px); }
body.vm-page-pozdrowienia .btn-danger{ background:#c0392b; border-color:#c0392b; color:#fff; }
body.vm-page-pozdrowienia .btn-danger:hover{ filter:brightness(1.08); }

body.vm-page-pozdrowienia .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-pozdrowienia .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-pozdrowienia .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-pozdrowienia .footer-top .label{ flex:0 0 auto; }
body.vm-page-pozdrowienia .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-pozdrowienia .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-pozdrowienia .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-pozdrowienia .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-pozdrowienia .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-pozdrowienia{ zoom:.89; }
  body.vm-page-pozdrowienia .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-pozdrowienia .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-pozdrowienia .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-pozdrowienia .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-pozdrowienia .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-pozdrowienia .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-pozdrowienia .footer-top img{ height:26px; width:26px; }
  body.vm-page-pozdrowienia .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}
body.vm-page-pozdrowienia .header-buttons2{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
@media (min-width: 992px){ body.vm-page-pozdrowienia .header-buttons2{ justify-content:flex-start; } }
body.vm-page-pozdrowienia .bttn{ display:inline-block; padding:10px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-pozdrowienia .bttn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }

body.vm-page-pozdrowienia .cmodal-overlay[hidden]{display:none;}
body.vm-page-pozdrowienia .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-pozdrowienia .cmodal-modal{
  width:min(92vw, 520px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-pozdrowienia .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-pozdrowienia .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-pozdrowienia .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-pozdrowienia .cmodal-close:hover{opacity:1;}
body.vm-page-pozdrowienia .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-pozdrowienia .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-pozdrowienia .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-pozdrowienia .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-pozdrowienia #ban-overlay .cmodal-body{ padding:18px; box-sizing:border-box; }
body.vm-page-pozdrowienia #ban-overlay .chip-row{
  display:flex !important;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:0 0 12px 0;
}
body.vm-page-pozdrowienia #ban-overlay .chip-row .cmodal-btn{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  padding:10px 10px;
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.2;
  border-radius:12px;
}
body.vm-page-pozdrowienia #ban-overlay #ban-reason{
  display:block;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  min-height:160px;
  margin:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition:box-shadow .2s, border-color .2s, background .2s;
  overflow:auto;
  word-break:break-word;
}
body.vm-page-pozdrowienia #ban-overlay #ban-reason:focus{
  outline:none;
  border-color:#ff7b00 !important;
  background:rgba(255,255,255,.12);
  box-shadow:
    0 0 0 3px rgba(255,123,0,.25),
    inset 0 0 0 1px rgba(255,255,255,.08);
}
@media (max-width:520px){
  body.vm-page-pozdrowienia #ban-overlay .chip-row{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}

body.vm-page-pozdrowienia #g-notlive{
  background:#c0392b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:10px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35) !important;
  display:flex;
  align-items:center;
  gap:10px;
}
body.vm-page-pozdrowienia #g-notlive i{ color:#fff !important; }

body.vm-page-pozdrowienia [hidden]{ display:none !important; }

body.vm-page-pozdrowienia #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow:
    0 4px 12px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-pozdrowienia .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-pozdrowienia .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia .card h1, body.vm-page-pozdrowienia .card h2, body.vm-page-pozdrowienia .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia .online-users .nickname, body.vm-page-pozdrowienia .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-pozdrowienia .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-pozdrowienia .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-pozdrowienia .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-pozdrowienia .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-pozdrowienia .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-pozdrowienia #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-pozdrowienia .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia .nav-btn{ display:none; }
  body.vm-page-pozdrowienia .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-pozdrowienia .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-pozdrowienia .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-pozdrowienia .nav-btn{ display: none !important; }
}

body.vm-page-pozdrowienia a.nav-btn, body.vm-page-pozdrowienia a.nav-btn:link, body.vm-page-pozdrowienia a.nav-btn:visited, body.vm-page-pozdrowienia a.nav-btn:hover, body.vm-page-pozdrowienia a.nav-btn:active, body.vm-page-pozdrowienia a.nav-btn:focus, body.vm-page-pozdrowienia a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-pozdrowienia a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-pozdrowienia a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-pozdrowienia .g-pause-hint{
  position: sticky; top: 0; z-index: 5;
  display: none;
  margin: 6px 0 8px; padding: 8px 12px;
  border-radius: 10px;
  font-weight: 800; letter-spacing: .2px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-pozdrowienia .g-pause-hint i{ margin-right: 8px; }
body.vm-page-pozdrowienia .g-pause-hint.show{ display: flex; align-items:center; }

body.vm-page-pozdrowienia .subnote .badge{
  color:#fff;
  text-shadow:0 0 6px rgba(0,0,0,.5);
  font-size:20px;
  margin-left:auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.30);
  font-weight:800;
  box-shadow:
    0 4px 12px rgba(0,0,0,.25),
    inset 0 0 0 2px rgba(255,123,0,.20);
  font-family:Consolas, monospace;
  letter-spacing:1px;
}

body.vm-page-pozdrowienia .gmsg.voice-msg .g-text{
  margin-top: 2px;
  white-space: normal;
}

body.vm-page-pozdrowienia .gmsg.voice-msg .g-row{
  align-items: center;
  margin-bottom: 6px;
}

body.vm-page-pozdrowienia .voice-player-wrap{
  margin: 0;
  line-height: 0;
}

body.vm-page-pozdrowienia .voice-player{
  width: min(520px, 100%);
  max-width: 100%;
  height: 40px;
  display: block;
}

body.vm-page-pozdrowienia .gmsg.voice-msg .g-meta{
  margin-top: 8px;
}

    body.vm-page-pozdrowienia_form{
      margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff; position:relative; background:none;
      padding:0;
    }
    body.vm-page-pozdrowienia_form::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }

    body.vm-page-pozdrowienia_form .wrap{ padding:24px; }
    body.vm-page-pozdrowienia_form .card{
      max-width:720px; margin:100px auto 40px;
      background:rgba(0, 90, 190, .95);
      border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow: hidden;
    }
    body.vm-page-pozdrowienia_form h1{ margin:0 0 12px; font-size:28px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-pozdrowienia_form h1 i{ font-size:24px; }

    body.vm-page-pozdrowienia_form .row{ display:grid; gap:1px; margin-bottom:18px; }
    body.vm-page-pozdrowienia_form label{
      font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; font-weight:700;
    }
    body.vm-page-pozdrowienia_form input[type="text"], body.vm-page-pozdrowienia_form textarea{
      width:100%; box-sizing:border-box; padding:12px 12px; border-radius:10px;
      border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
    }
    body.vm-page-pozdrowienia_form textarea{ min-height:121px; resize:vertical; font-size: 15px; }
    body.vm-page-pozdrowienia_form input[type="text"]:hover, body.vm-page-pozdrowienia_form textarea:hover{
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.30);
    }
    body.vm-page-pozdrowienia_form input[type="text"]:focus, body.vm-page-pozdrowienia_form textarea:focus{
      border-color:var(--orange);
      box-shadow:0 0 0 3px rgba(255,123,0,.25);
      background:rgba(255,255,255,.12);
    }

    body.vm-page-pozdrowienia_form .hint{ color:#ffffff; opacity:.65; font-size:13px; }

    body.vm-page-pozdrowienia_form .radios{ display:flex; gap:12px; flex-wrap:wrap; }
    body.vm-page-pozdrowienia_form .radio-pill{
      display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;
      border:1px solid rgba(255,255,255,.35); cursor:pointer; user-select:none;
      transition:all .25s ease; background:transparent; color:#fff; font-weight:700;
    }
    body.vm-page-pozdrowienia_form .radio-pill:hover{
      background:rgba(255,255,255,.08);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-pozdrowienia_form .radio-pill input{ appearance:none; width:16px; height:16px; border-radius:50%; border:2px solid #fff; display:inline-block; position:relative; }
    body.vm-page-pozdrowienia_form .radio-pill input:checked{ border-color:var(--orange); }
    body.vm-page-pozdrowienia_form .radio-pill input:checked::after{
      content:""; position:absolute; inset:3px; border-radius:50%; background:var(--orange);
    }

    body.vm-page-pozdrowienia_form .actions{ margin-top:6px; display:flex; gap:10px; flex-wrap:wrap; }
    body.vm-page-pozdrowienia_form .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:12px;
      border:1px solid var(--blue); background:#fff;
      font-weight:700; text-decoration:none; cursor:pointer;
      box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
      color: var(--blue);
    }
    body.vm-page-pozdrowienia_form .btn:hover{
      background:var(--blue); color:#fff;
      text-shadow:0 0 4px rgba(0,0,0,.9);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-pozdrowienia_form .btn:active{ transform:translateY(1px); }
    body.vm-page-pozdrowienia_form .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:800;
    }
    body.vm-page-pozdrowienia_form .btn-primary:hover{
      filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35);
    }

    body.vm-page-pozdrowienia_form .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:inline-block;
      opacity: 0;
      display: none;
      will-change: opacity;
    }
    body.vm-page-pozdrowienia_form .msg.is-visible{
      display: inline-block;
      opacity: 1;
      transition: none;
    }
    body.vm-page-pozdrowienia_form .msg.fading-out{
      transition: opacity .5s ease;
    }

    body.vm-page-pozdrowienia_form #row-disabled .msg{
      display: block !important;
      opacity: 1 !important;
      transition: none !important;
    }

    body.vm-page-pozdrowienia_form .ok{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-pozdrowienia_form .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }

    body.vm-page-pozdrowienia_form .hp{ position:absolute; left:-9999px; visibility:hidden; }

    body.vm-page-pozdrowienia_form .fake-topbar{
      height:60px; background-color:var(--blue); display:flex; align-items:center; justify-content:center;
      position:fixed; top:0; left:0; right:0; z-index:10; box-shadow:0 4px 12px rgba(0,0,0,0.5);
    }
    body.vm-page-pozdrowienia_form .fake-topbar .brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; }
    body.vm-page-pozdrowienia_form .fake-topbar .brand img{ height:40px; border-radius:8px; }

    body.vm-page-pozdrowienia_form #text{ font-family: inherit; }

    body.vm-page-pozdrowienia_form .disabled-box{
      display:block;
      width:100%;
      box-sizing:border-box;
      padding:131px 20px;
      border-radius:12px;
      text-align:center;
      margin-top:6px;
      box-shadow:0 4px 12px rgba(0,0,0,.35);
    }
    body.vm-page-pozdrowienia_form #row-disabled{ margin-bottom: 6px; }

    body.vm-page-pozdrowienia_form input::placeholder, body.vm-page-pozdrowienia_form textarea::placeholder{
      color: rgba(255,255,255,0.6);
      opacity: 1;
    }

body.vm-page-pozdrowienia_form .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-pozdrowienia_form .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-pozdrowienia_form .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-pozdrowienia_form .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-pozdrowienia_form .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-pozdrowienia_form .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-pozdrowienia_form .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-pozdrowienia_form .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-pozdrowienia_form .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-pozdrowienia_form .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-pozdrowienia_form .online-header{ color: var(--vm-text) !important; }
body.vm-page-pozdrowienia_form .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-pozdrowienia_form .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-pozdrowienia_form .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-pozdrowienia_form .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-pozdrowienia_form .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-pozdrowienia_form .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-pozdrowienia_form .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-pozdrowienia_form .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-pozdrowienia_form .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-pozdrowienia_form .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-pozdrowienia_form .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-pozdrowienia_form .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-pozdrowienia_form .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-pozdrowienia_form .online-users .nickname{ margin-right: 8px; }
body.vm-page-pozdrowienia_form .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-pozdrowienia_form .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-pozdrowienia_form .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-pozdrowienia_form .card h1, body.vm-page-pozdrowienia_form .card h2, body.vm-page-pozdrowienia_form .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-pozdrowienia_form .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-pozdrowienia_form .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-pozdrowienia_form .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia_form .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia_form .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-pozdrowienia_form .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-pozdrowienia_form .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-pozdrowienia_form .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-pozdrowienia_form .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-pozdrowienia_form .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia_form .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-pozdrowienia_form .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia_form .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-pozdrowienia_form #row-request-fields{
  display:none;
}

body.vm-page-pozdrowienia_form #row-request-fields .row{
  margin-bottom:18px;
}

body.vm-page-pozdrowienia_form .request-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:auto;
  align-items:start;
  gap:16px;
  margin-bottom:18px;
}

body.vm-page-pozdrowienia_form .request-cell{
  display: grid;
  gap: 6px;
  margin-bottom: 0 !important;
}

body.vm-page-pozdrowienia_form .request-cell input, body.vm-page-pozdrowienia_form .request-cell textarea{
  width: 100%;
  box-sizing: border-box;
}

body.vm-page-pozdrowienia_form .request-cell input{
  height: 36px;
  padding: 10px 12px;
}

body.vm-page-pozdrowienia_form .request-cell textarea{
  min-height: 36px;
  height: 36px;
  resize: none;
  padding: 10px 12px;
  overflow: hidden;
}

body.vm-page-pozdrowienia_form #request-char-hint{
  margin-top: 2px;
  font-size: 12px;
  opacity: .75;
}

@media (max-width: 700px){
  body.vm-page-pozdrowienia_form .request-grid{
    grid-template-columns: 1fr;
  }
}

body.vm-page-profil{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-profil::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-profil .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-profil .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-profil .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-profil .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-profil .topbar .menu-top a:hover{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-profil .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-profil .topbar .menu-top a.active i{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-profil .topbar a.logout{
  background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3); transition: all 0.25s ease;
}
body.vm-page-profil .topbar a.logout:hover{
  background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

body.vm-page-profil .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto; background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45); border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white); }
body.vm-page-profil .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px; background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00; border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4); }
body.vm-page-profil .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-profil .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px; transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden; }
body.vm-page-profil .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-profil .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-profil .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-profil .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-profil .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-profil .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-profil .sidebar::-webkit-scrollbar{ width:10px; } body.vm-page-profil .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-profil .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-profil .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }
body.vm-page-profil .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-profil .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-profil .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-profil .online-users .nickname{ font-weight:bold; }
body.vm-page-profil .online-users .time{ font-size:13px; }
body.vm-page-profil .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-profil .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-profil .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-profil .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-profil .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-profil .footer-top .label{ flex:0 0 auto; }
body.vm-page-profil .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-profil .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-profil .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-profil .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-profil .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-profil{ zoom:.89; }
  body.vm-page-profil .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-profil .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-profil .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-profil .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-profil .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-profil .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-profil .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-profil .footer-top img{ height:26px; width:26px; }
  body.vm-page-profil .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-profil .vacation-inline{ display:flex; align-items:center; gap:10px; margin-top:6px; }
body.vm-page-profil .vacation-inline input[type="checkbox"]{ transform:scale(1.3); cursor:pointer; }
body.vm-page-profil .vacation-inline label{
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: -2px;
}

body.vm-page-profil .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-profil .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-profil .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-profil .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-profil #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-profil #menu-mail{ position: relative; }
body.vm-page-profil .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px;
  font-size: 12px; line-height: 18px; text-align: center; border-radius: 999px;
  background: #ff3b30; color: #fff; box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-profil .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-profil table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-profil thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-profil tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-profil tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-profil tbody tr:hover td{ background:rgba(255,255,255,.12); }
body.vm-page-profil .users-table{ table-layout:fixed; }
body.vm-page-profil .users-table th{ height:30px; padding:10px; text-align:left; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-profil .users-table th:last-child, body.vm-page-profil .users-table td:last-child{ border-right:none; }
body.vm-page-profil .header-buttons{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
@media (min-width: 992px){ body.vm-page-profil .header-buttons{ justify-content:flex-start; } }
body.vm-page-profil .btn{ display:inline-block; padding:10px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-profil .btn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.9); box-shadow:0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00; }
body.vm-page-profil .user-actions{ display:flex; align-items:center; justify-content:left; gap:8px; flex-wrap:nowrap; }
body.vm-page-profil .user-actions a{ font-size:0!important; padding:0!important; }
body.vm-page-profil .user-actions a i{ font-size:20px!important; line-height:1!important; }

body.vm-page-profil .cmodal-overlay[hidden]{display:none;}
body.vm-page-profil .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-profil .cmodal-modal{width:min(92vw,520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px; box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset; overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both;}
body.vm-page-profil .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-profil .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-profil .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-profil .cmodal-close:hover{opacity:1;}
body.vm-page-profil .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-profil .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-profil .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-profil .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}
@media (max-width: 768px){
  body.vm-page-profil .main{ padding-bottom: 80px; }
  body.vm-page-profil .users-table td:last-child{width:1%; white-space:nowrap; padding-right:6px;}
  body.vm-page-profil .user-actions{gap:4px; flex-wrap:nowrap; align-items:center; justify-content:flex-end;}
  body.vm-page-profil .user-actions a i{font-size:16px!important; line-height:1!important;}
}

body.vm-page-profil .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-profil .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-profil .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-profil .page-title{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }
body.vm-page-profil .page-title h1{ margin:0; font-size:28px; font-weight:800; letter-spacing:.2px; }
body.vm-page-profil .cards-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:1100px){ body.vm-page-profil .cards-grid{ grid-template-columns: 1.2fr .8fr; } }

body.vm-page-profil .profile-grid{ display:grid; grid-template-columns:1fr; gap:22px; }
@media (min-width:900px){ body.vm-page-profil .profile-grid{ grid-template-columns: 1.2fr .8fr; } }

body.vm-page-profil .form-group{ display:grid; gap:8px; margin-bottom:14px; }
body.vm-page-profil .form-row-2{ display:grid; grid-template-columns:1fr; gap:40px; }
@media (min-width:720px){ body.vm-page-profil .form-row-2{ grid-template-columns:1fr 1fr; } }

body.vm-page-profil label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; }

body.vm-page-profil input[type="text"], body.vm-page-profil input[type="email"], body.vm-page-profil input[type="password"], body.vm-page-profil input[type="url"], body.vm-page-profil textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  font-size:15px;
  font-family:inherit;
  transition:box-shadow .2s, border-color .2s, background .2s;
}

body.vm-page-profil textarea{
  min-height:110px;
  resize:vertical;
}
body.vm-page-profil input:focus, body.vm-page-profil textarea:focus{
  border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12);
}

body.vm-page-profil .avatar-panel{ text-align:center; }
body.vm-page-profil .avatar-ring{
  width:205px; height:205px; border-radius:50%; margin:0 auto 12px; padding:6px; margin-bottom:30px;
  background:#ff7b00; box-shadow:0 6px 16px rgba(0,0,0,.4); display:grid; place-items:center;
}
body.vm-page-profil .avatar-wrap{
  width:200px; height:200px; border-radius:50%; overflow:hidden; background:rgba(255,255,255,.12);
  display:grid; place-items:center;
}
body.vm-page-profil .avatar-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
body.vm-page-profil .avatar-placeholder{ color:#ddd; font-size:15px; }

body.vm-page-profil .helper-muted{ color:#d9e6ff; opacity:.85; font-size:13px; }

body.vm-page-profil .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-profil .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-profil .btn:active{ transform:translateY(1px); }
body.vm-page-profil .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 200px; }
body.vm-page-profil .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-profil .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
body.vm-page-profil .btn-ghost:hover{ background:rgba(255,255,255,.08); }

body.vm-page-profil .form-row-3{ display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); gap: 16px; align-items: center; }
body.vm-page-profil .form-row-3 .form-group{ display: flex; flex-direction: column; min-width:0; }

@media (max-width: 820px) {
  body.vm-page-profil .form-row-3{ grid-template-columns: 1fr; }
}
body.vm-page-profil .form-group textarea[name="interests"]{ font-family: inherit; }

body.vm-page-profil .btn-avatar{
  background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:14px;
  border:1px solid #016FDE; padding:10px 15px; border-radius:10px; width:120px;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all 0.25s ease;
}
body.vm-page-profil .btn-avatar:hover{
  background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.9);
  box-shadow:0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}

@media (max-width: 1200px) {
  body.vm-page-profil .avatar-ring{ width: calc(205px * .7) !important; height: calc(205px * .7) !important; margin-bottom: calc(30px * .7) !important; }
  body.vm-page-profil .avatar-wrap{ width: calc(200px * .7) !important; height: calc(200px * .7) !important; }
  body.vm-page-profil .avatar-placeholder{ font-size: calc(15px * .7) !important; }
}

body.vm-page-profil .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-profil .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-profil .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-profil .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-profil .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-profil .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-profil .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-profil .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-profil .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-profil .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-profil .online-header{ color: var(--vm-text) !important; }
body.vm-page-profil .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-profil .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-profil .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-profil .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-profil .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-profil .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-profil .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-profil .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-profil .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-profil .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-profil .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-profil .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-profil .online-users .nickname{ margin-right: 8px; }
body.vm-page-profil .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-profil .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-profil .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-profil .card h1, body.vm-page-profil .card h2, body.vm-page-profil .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-profil .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-profil .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-profil .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-profil .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-profil .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-profil .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-profil .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-profil .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-profil .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-profil .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-profil .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-profil .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-profil .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-profil .online-users .nickname, body.vm-page-profil .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-profil .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-profil .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-profil .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-profil .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-profil .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-profil .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-profil #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-profil .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-profil .nav-btn{ display:none; }
  body.vm-page-profil .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-profil .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-profil .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-profil .nav-btn{ display: none !important; }
}

body.vm-page-profil a.nav-btn, body.vm-page-profil a.nav-btn:link, body.vm-page-profil a.nav-btn:visited, body.vm-page-profil a.nav-btn:hover, body.vm-page-profil a.nav-btn:active, body.vm-page-profil a.nav-btn:focus, body.vm-page-profil a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-profil a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-profil a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

:root{
  --bg:#02040b;
  --glass:rgba(8,14,28,.62);
  --glass2:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.18);
  --txt:#fff;
  --mut:#cbd5e1;
  --acc:#ff7b00;
  --acc2:#ffb347;
  --blue:#00b7ff;
}

body.vm-page-public_live_embed *{box-sizing:border-box}

html, body.vm-page-public_live_embed{
  margin:0;
  height:100%;
  background:#000;
  color:var(--txt);
  font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;
}

body.vm-page-public_live_embed .stage{
  position:relative;
  width:100%;
  height:100vh;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,123,0,.20),transparent 32%),
    radial-gradient(circle at 80% 80%,rgba(0,183,255,.18),transparent 34%),
    #000;
  overflow:hidden;
}

body.vm-page-public_live_embed video#v{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
}

body.vm-page-public_live_embed .stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.12),transparent 35%,rgba(0,0,0,.62)),
    radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.38));
  z-index:1;
}

body.vm-page-public_live_embed .controls{
  position:absolute;
  left:50%;
  bottom:24px;
  transform:translate(-50%, calc(100% + 40px)) scale(.96);
  opacity:0;
  z-index:10;

  width:min(940px,calc(100% - 28px));
  min-height:82px;
  padding:14px 16px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055)),
    rgba(5,8,18,.72);
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  box-shadow:
    0 28px 80px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(24px) saturate(160%);
  -webkit-backdrop-filter:blur(24px) saturate(160%);

  transition:.28s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}

body.vm-page-public_live_embed .stage.showui .controls{
  transform:translate(-50%,0) scale(1);
  opacity:1;
  pointer-events:auto;
}

body.vm-page-public_live_embed .left, body.vm-page-public_live_embed .right{
  display:flex;
  align-items:center;
  gap:12px;
}

body.vm-page-public_live_embed .left{min-width:0}
body.vm-page-public_live_embed .right{flex-shrink:0}

body.vm-page-public_live_embed .btn{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.20);
  background:
    linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  color:#fff;
  cursor:pointer;
  outline:none;
  transition:.18s ease;
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.22);
}

body.vm-page-public_live_embed .btn i{
  font-size:18px;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));
}

body.vm-page-public_live_embed .btn:hover{
  transform:translateY(-2px);
  background:
    linear-gradient(145deg,rgba(255,123,0,.96),rgba(255,179,71,.88));
  border-color:rgba(255,255,255,.36);
  box-shadow:
    0 18px 40px rgba(255,123,0,.28),
    0 10px 28px rgba(0,0,0,.35);
}

body.vm-page-public_live_embed .btn:active{
  transform:translateY(0) scale(.96);
}

body.vm-page-public_live_embed #btn-play{
  width:64px;
  height:64px;
  border-radius:24px;
  background:
    linear-gradient(135deg,var(--acc),var(--acc2));
  border-color:rgba(255,255,255,.32);
  box-shadow:
    0 18px 46px rgba(255,123,0,.42),
    inset 0 1px 0 rgba(255,255,255,.32);
}

body.vm-page-public_live_embed #btn-stop{
  background:rgba(255,255,255,.08);
}

body.vm-page-public_live_embed .volume{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 14px 8px 8px;
  border-radius:24px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}

body.vm-page-public_live_embed input[type="range"]{
  -webkit-appearance:none;
  appearance:none;
  width:230px;
  height:8px;
  border-radius:999px;
  background:
    linear-gradient(90deg,var(--acc),var(--blue)),
    rgba(255,255,255,.16);
  outline:none;
  cursor:pointer;
}

body.vm-page-public_live_embed input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  border:3px solid rgba(255,123,0,.95);
  box-shadow:
    0 0 0 6px rgba(255,123,0,.18),
    0 8px 18px rgba(0,0,0,.35);
}

body.vm-page-public_live_embed input[type="range"]::-moz-range-thumb{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  border:3px solid rgba(255,123,0,.95);
  box-shadow:0 0 0 6px rgba(255,123,0,.18);
}

body.vm-page-public_live_embed .status{
  position:absolute;
  inset:0;
  z-index:8;
  display:none;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  pointer-events:none;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.35;
}

body.vm-page-public_live_embed .status.show{display:flex}

body.vm-page-public_live_embed .status::before{
  content:"";
  position:absolute;
  width:min(92vw,680px);
  min-height:110px;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055)),
    rgba(5,8,18,.74);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(26px) saturate(170%);
  -webkit-backdrop-filter:blur(26px) saturate(170%);
  box-shadow:
    0 28px 90px rgba(0,0,0,.62),
    0 0 60px rgba(255,123,0,.16);
  z-index:-1;
}

@media(max-width:700px){
  body.vm-page-public_live_embed .controls{
    bottom:14px;
    width:calc(100% - 18px);
    border-radius:24px;
    padding:12px;
    gap:10px;
  }

  body.vm-page-public_live_embed .btn{
    width:46px;
    height:46px;
    border-radius:18px;
  }

  body.vm-page-public_live_embed #btn-play{
    width:54px;
    height:54px;
    border-radius:20px;
  }

  body.vm-page-public_live_embed .volume{
    padding:6px 10px 6px 6px;
  }

  body.vm-page-public_live_embed input[type="range"]{
    width:115px;
  }
}

@media(max-width:480px){
  body.vm-page-public_live_embed .controls{
    flex-wrap:wrap;
    justify-content:center;
  }

  body.vm-page-public_live_embed .left, body.vm-page-public_live_embed .right{
    width:100%;
    justify-content:center;
  }

  body.vm-page-public_live_embed input[type="range"]{
    width:130px;
  }
}
body.vm-page-ramowka{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-ramowka::before{ content: ""; position: fixed; inset: 0; z-index: -1; background:
  radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
  radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
  radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
  #FF7B00; background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0); }
body.vm-page-ramowka .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
body.vm-page-ramowka .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-ramowka .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-ramowka .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-ramowka .topbar .menu-top a:hover{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ramowka .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px; border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3); transition: all 0.25s ease; }
body.vm-page-ramowka .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9); box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00; }

body.vm-page-ramowka .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto; background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45); border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white); }
body.vm-page-ramowka .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px; background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00; border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4); }
body.vm-page-ramowka .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-ramowka .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px; transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden; }
body.vm-page-ramowka .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-ramowka .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-ramowka .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ramowka .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-ramowka .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-ramowka .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ramowka .sidebar::-webkit-scrollbar{ width:10px; } body.vm-page-ramowka .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-ramowka .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-ramowka .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }
body.vm-page-ramowka .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }
body.vm-page-ramowka .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-ramowka .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-ramowka .online-users .nickname{ font-weight:bold; }
body.vm-page-ramowka .online-users .time{ font-size:13px; }
body.vm-page-ramowka .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-ramowka .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }
body.vm-page-ramowka .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-ramowka .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-ramowka .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-ramowka .footer-top .label{ flex:0 0 auto; }
body.vm-page-ramowka .footer-top .marquee-box{
  position:relative;
  flex:1 1 0;
  min-width:0;
  max-width:140px;
  overflow:hidden;
  white-space:nowrap;
}

body.vm-page-ramowka .footer-top .marquee-content{
  display:inline-block;
  will-change:transform;
}

body.vm-page-ramowka .footer-top .marquee-content.marquee{
  animation:marquee 12s linear infinite;
  padding-left:40px;
}

body.vm-page-ramowka .vm-marquee-inline{
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 1.34em;
  line-height: 1.34;
  vertical-align: middle;
  text-align: left;
}

body.vm-page-ramowka .vm-marquee-inline__item{
  position: absolute;
  left: 100%;
  top: 0;
  white-space: nowrap;
  padding: 0 15px;
  line-height: 1.34;
  will-change: transform;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
}

body.vm-page-ramowka .vm-marquee-inline.is-static{
  height: auto;
  overflow: visible;
  white-space: normal;
}

body.vm-page-ramowka .vm-marquee-inline.is-static .vm-marquee-inline__item{
  position: static;
  left: auto;
  padding: 0;
  transform: none !important;
  animation: none !important;
}

body.vm-page-ramowka .vm-marquee-inline.is-static{
  overflow: visible;
}

body.vm-page-ramowka .vm-marquee-inline.is-static .vm-marquee-inline__item{
  position: static !important;
  left: auto !important;
  top: auto !important;
  padding: 0 !important;
  transform: none !important;
}

@media (min-width: 992px){
  body.vm-page-ramowka .footer-top .marquee-box{
    flex:1 1 0;
    min-width:0;
    max-width:180px;
    overflow:hidden;
  }
}
body.vm-page-ramowka .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-ramowka .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }
@media (min-width: 992px){
  body.vm-page-ramowka{ zoom:.89; }
body.vm-page-ramowka .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; } body.vm-page-ramowka .sidebar h3{ padding:10px 16px; margin:6px 0; } body.vm-page-ramowka .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; } body.vm-page-ramowka .sidebar ul li a i{ font-size:16px; width:18px; } body.vm-page-ramowka .footer-bar{ height:25px; flex-direction:row; align-items:center; } body.vm-page-ramowka .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; } body.vm-page-ramowka .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; } body.vm-page-ramowka .footer-top img{ height:26px; width:26px; } }
body.vm-page-ramowka .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-ramowka table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-ramowka thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-ramowka tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-ramowka tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-ramowka tbody tr:hover td{ background:rgba(255,255,255,.12); }
body.vm-page-ramowka .users-table{ table-layout:fixed; }
body.vm-page-ramowka .users-table th{ height:20px; padding:10px; text-align:left; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:18px; }
body.vm-page-ramowka .users-table th:last-child, body.vm-page-ramowka .users-table td:last-child{ border-right:none; }
body.vm-page-ramowka .header-buttons{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
@media (min-width: 992px){ body.vm-page-ramowka .header-buttons{ justify-content:flex-start; } }
body.vm-page-ramowka .btn{ display:inline-block; padding:10px 15px; margin:5px 5px 5px 0; background:#fff; color:#016FDE; text-decoration:none; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.3); transition:all .25s, transform .1s; cursor:pointer; }
body.vm-page-ramowka .btn:hover{ background:#016FDE; color:#fff; text-shadow:0 0 4px rgba(0,0,0,.9); box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00; }
body.vm-page-ramowka .user-actions{ display:flex; align-items:center; justify-content:left; gap:8px; flex-wrap:nowrap; }
body.vm-page-ramowka .user-actions a{ font-size:0!important; padding:0!important; }
body.vm-page-ramowka .user-actions a i{ font-size:20px!important; line-height:1!important; }
body.vm-page-ramowka .user-actions.is-disabled{ opacity:.5; filter:grayscale(100%); }
body.vm-page-ramowka .user-actions.is-disabled a{ pointer-events:none; cursor:not-allowed; }
body.vm-page-ramowka .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-ramowka .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-ramowka .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-ramowka .user-actions a[aria-disabled="true"]{ opacity:.5; filter:grayscale(100%); pointer-events:none; cursor:not-allowed; }
body.vm-page-ramowka .cmodal-overlay[hidden]{display:none;}
body.vm-page-ramowka .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}
body.vm-page-ramowka .cmodal-modal{width:min(92vw,520px); background:rgba(0,90,190,.98); color:#fff; border-radius:14px; box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset; overflow:hidden; transform:translateY(10px); animation:cmodalIn .18s ease-out both;}
body.vm-page-ramowka .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-ramowka .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-ramowka .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-ramowka .cmodal-close:hover{opacity:1;}
body.vm-page-ramowka .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-ramowka .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-ramowka .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-ramowka .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-ramowka .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-ramowka .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-ramowka .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-ramowka .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-ramowka #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-ramowka #menu-mail{ position: relative; }
body.vm-page-ramowka .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-ramowka .is-canceled td{ background: rgba(255,255,255,.03); }
body.vm-page-ramowka .is-canceled .cxl{ text-decoration: line-through; opacity: .75; }
body.vm-page-ramowka .is-canceled img{ filter: grayscale(100%); opacity: .7; }

body.vm-page-ramowka .badge{ position:absolute; font-weight:bold; font-size:11px; border-radius:50px;
         box-shadow:0 1px 4px rgba(0,0,0,0.6); line-height:1; user-select:none; }
body.vm-page-ramowka .badge-C{   top: 31px;
  left: 26px; padding:2px 6px; background:#c0392b; color:#fff; border:1px solid rgba(255,255,255,.25); }

body.vm-page-ramowka .badge-P{
  top: -8px;
  left: -7px;
  padding:2px 7px;
  background: #27ae60;
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
}

body.vm-page-ramowka .badge2{ font-weight:bold; font-size:11px; border-radius:50px;
         box-shadow:0 1px 4px rgba(0,0,0,0.6); line-height:1; user-select:none; }
body.vm-page-ramowka .badge2-Co{ padding:2px 6px; background:#c0392b; color:#fff; border:1px solid rgba(255,255,255,.25); }

body.vm-page-ramowka .badge2-Ps{
  padding:2px 7px;
  background: #27ae60;
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
}

body.vm-page-ramowka .contact-icons a:link, body.vm-page-ramowka .contact-icons a:visited, body.vm-page-ramowka .contact-icons a:hover, body.vm-page-ramowka .contact-icons a:active, body.vm-page-ramowka .contact-icons a:focus{ text-decoration:none !important; outline:none; }
body.vm-page-ramowka .contact-icons a:hover{ transform:translateY(-1px); background:rgba(255,255,255,.22); box-shadow:0 4px 12px rgba(0,0,0,.5); }
body.vm-page-ramowka .contact-icons a[aria-disabled="true"]{ opacity:.4; filter:grayscale(100%); pointer-events:none; cursor:not-allowed; }

body.vm-page-ramowka .users-table td:last-child{ white-space: normal !important; }
body.vm-page-ramowka .users-table td:last-child *{ white-space: normal !important; }

body.vm-page-ramowka .contact-icons a, body.vm-page-ramowka .user-actions a{
  display: grid !important;
  place-items: center;
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px;
  background: rgba(255,255,255,.12);
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  text-decoration: none !important;
}

body.vm-page-ramowka .contact-icons a{ transition: all .25s; }

body.vm-page-ramowka .user-actions a i, body.vm-page-ramowka .contact-icons a i{
  font-size: 20px !important;
  line-height: 1 !important;
}

@media (min-width: 992px){
  body.vm-page-ramowka .users-table td:last-child{ white-space: normal !important; }
  body.vm-page-ramowka .users-table td:last-child *{ white-space: normal !important; }
  body.vm-page-ramowka .user-actions{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 30px);
    gap: 6px;
    justify-content: end;
    max-width: 100% !important;
  }
}

body.vm-page-ramowka .users-table tbody td{
  font-size: 18px;
}

body.vm-page-ramowka .users-table tbody td:nth-child(3), body.vm-page-ramowka .users-table tbody td:nth-child(3) .cxl, body.vm-page-ramowka .users-table tbody td:nth-child(3) .vm-marquee-inline, body.vm-page-ramowka .users-table tbody td:nth-child(3) .vm-marquee-inline__item{
  font-size: 22px;
  line-height: 1.2;
}

:root{
  --strike-thick: 2px;
  --strike-color: rgba(255,255,255,.92);
  --strike-shadow: rgba(0,0,0,.45);
  --strike-y: 0px;
}

body.vm-page-ramowka .show-title-animated{
  display: block;
  width: 100%;
  animation: colorRotate 6s linear infinite;
  will-change: color;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
  font-weight: bold;
  font-size: 22px;
  overflow: hidden;
}

body.vm-page-ramowka .is-canceled td:nth-child(3) .cxl, body.vm-page-ramowka .is-canceled td:nth-child(3) .vm-marquee-inline, body.vm-page-ramowka .is-canceled td:nth-child(3) .vm-marquee-inline *{
  text-decoration: line-through !important;
}

body.vm-page-ramowka .is-canceled td:nth-child(3) .show-title-animated{
  animation: none !important;
  opacity: .75;
}

body.vm-page-ramowka tr.is-canceled td:nth-child(3) .cxl, body.vm-page-ramowka tr.is-canceled td:nth-child(3) .vm-marquee-inline, body.vm-page-ramowka tr.is-canceled td:nth-child(3) .vm-marquee-inline *{
  text-decoration: line-through !important;
}

body.vm-page-ramowka .title-img-wrap{
  position: relative;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
body.vm-page-ramowka .title-img-wrap > img{ display:block; }

body.vm-page-ramowka tr.is-canceled td:nth-child(3) .title-img-wrap::after{
  content:"";
  position:absolute;
  left:0; right:0;
  top:50%;
  height: var(--strike-thick);
  background: var(--strike-color);
  transform: translateY(calc(-50% + var(--strike-y)));
  pointer-events:none;

  box-shadow: 0 1px 0 var(--strike-shadow);

}

body.vm-page-ramowka .is-canceled .cxl{
  text-decoration: line-through;
  text-decoration-color: var(--strike-color);
  text-decoration-thickness: var(--strike-thick);
}

body.vm-page-ramowka .main .card h3{ margin-bottom: -6px; }

:root{
  --row-h: 54px;
  --cell-vpad: 10px;
}

body.vm-page-ramowka .users-table tbody tr{
  height: var(--row-h);
}

body.vm-page-ramowka .users-table tbody td{
  padding-top: var(--cell-vpad);
  padding-bottom: var(--cell-vpad);
  overflow: hidden;
  vertical-align: middle;
}

body.vm-page-ramowka .users-table tbody td:not(:first-child) img, body.vm-page-ramowka .users-table tbody td:nth-child(3) .vm-marquee-inline img{
  max-height: calc(var(--row-h) - 2 * var(--cell-vpad) - 2px);
  height: auto !important;
  width: auto !important;
  vertical-align: middle;
  transform: translateY(1px);
}

body.vm-page-ramowka .users-table tbody td:nth-child(3){
  padding-top: calc(var(--cell-vpad) + 2px);
  padding-bottom: max(0px, calc(var(--cell-vpad) - 2px));
}

:root{

  --opts-w: 132px;
}

body.vm-page-ramowka .users-table th:nth-child(5), body.vm-page-ramowka .users-table td:nth-child(5){
  width: var(--opts-w);
  min-width: var(--opts-w);
  max-width: var(--opts-w);
  text-align: right;
  white-space: nowrap;
}

body.vm-page-ramowka .user-actions{
  margin-left: 0 !important;
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: 34px;
  gap: 6px;
  justify-content: end;
}

body.vm-page-ramowka .users-table td:nth-child(5) .contact-icons{
  display: flex;
  justify-content: flex-end;
}

body.vm-page-ramowka .user-actions a{
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}

:root{

  --col-opts: 132px;
  --col-prez: 18%;
  --col-time: 12%;
}

body.vm-page-ramowka .users-table th:nth-child(2), body.vm-page-ramowka .users-table td:nth-child(2){ width: var(--col-prez); }

body.vm-page-ramowka .users-table th:nth-child(4), body.vm-page-ramowka .users-table td:nth-child(4){ width: var(--col-time); }

body.vm-page-ramowka .users-table th:nth-child(5), body.vm-page-ramowka .users-table td:nth-child(5){
  width: var(--col-opts);
  min-width: var(--col-opts);
  max-width: var(--col-opts);
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}

body.vm-page-ramowka .users-table th:nth-child(3), body.vm-page-ramowka .users-table td:nth-child(3){ width: auto; }

body.vm-page-ramowka .user-actions{
  margin-left: 0 !important;
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: 34px;
  gap: 6px;
  justify-content: center;
}
body.vm-page-ramowka .users-table td:nth-child(5) .contact-icons{
  display: flex;
  justify-content: center;
}

@media (max-width: 1280px){
  :root{ --col-prez: 16%; --col-time: 11%; }
}
@media (max-width: 1024px){
  :root{ --col-prez: 15%; --col-time: 10%; }
}

body.vm-page-ramowka .users-table th:nth-child(5), body.vm-page-ramowka .users-table td:nth-child(5){
  width: 132px;
  min-width: 132px;
  max-width: 132px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  text-align: center;
}

body.vm-page-ramowka .users-table td:nth-child(5) > .contact-icons{
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
}

body.vm-page-ramowka .user-actions{
  margin-left: 0 !important;
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: 34px;
  gap: 6px;
  justify-content: center !important;
}

:root{
  --col-opts: 136px;
  --col-prez: 15%;
  --col-time: 11%;
}

body.vm-page-ramowka .users-table th:nth-child(2), body.vm-page-ramowka .users-table td:nth-child(2){ width: var(--col-prez) !important; }

body.vm-page-ramowka .users-table th:nth-child(4), body.vm-page-ramowka .users-table td:nth-child(4){ width: var(--col-time) !important; }

body.vm-page-ramowka .users-table th:nth-child(5), body.vm-page-ramowka .users-table td:nth-child(5){
  width: var(--col-opts) !important;
  min-width: var(--col-opts) !important;
  max-width: var(--col-opts) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body.vm-page-ramowka .users-table td:nth-child(5) .contact-icons{
  grid-column: 2 !important;
  display: block !important;
  margin: 0 !important;
}

body.vm-page-ramowka .users-table td:nth-child(5) .user-actions{
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 34px !important;
  gap: 6px !important;
  justify-content: start !important;
  margin: 0 !important;
}

body.vm-page-ramowka .users-table td:nth-child(5) .user-actions a{
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}

body.vm-page-ramowka .users-table th:nth-child(5), body.vm-page-ramowka .users-table td:nth-child(5){
  text-align: center !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.vm-page-ramowka .users-table td:nth-child(5) .contact-icons{
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 100% !important;
}

body.vm-page-ramowka .users-table td:nth-child(5) .user-actions{
  display: inline-flex !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.vm-page-ramowka .users-table td:nth-child(5) .user-actions a{
  width: 34px !important;
  height: 34px !important;
}

body.vm-page-ramowka .users-table tbody td:nth-child(3) .vm-marquee-inline{
  line-height: 1.34;
  vertical-align: middle;
  transform: translateY(-3px);
}

body.vm-page-ramowka .users-table tbody td:nth-child(3) .vm-marquee-inline img{
  max-height: calc(var(--row-h) - 2 * var(--cell-vpad) - 4px);
  height: auto !important;
  width: auto !important;
  vertical-align: middle;
}

body.vm-page-ramowka .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-ramowka .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-ramowka .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-ramowka .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-ramowka .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-ramowka .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-ramowka .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-ramowka .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-ramowka .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-ramowka .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-ramowka .online-header{ color: var(--vm-text) !important; }
body.vm-page-ramowka .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-ramowka .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-ramowka .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-ramowka .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-ramowka .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-ramowka .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-ramowka .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-ramowka .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-ramowka .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-ramowka .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-ramowka .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-ramowka .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-ramowka .online-users .nickname{ margin-right: 8px; }
body.vm-page-ramowka .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-ramowka .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-ramowka .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-ramowka .card h1, body.vm-page-ramowka .card h2, body.vm-page-ramowka .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-ramowka .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-ramowka .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-ramowka .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-ramowka .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-ramowka .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-ramowka .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-ramowka .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-ramowka .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-ramowka .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-ramowka .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-ramowka .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-ramowka .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-ramowka .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-ramowka .online-users .nickname, body.vm-page-ramowka .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-ramowka .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-ramowka .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-ramowka .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-ramowka .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-ramowka .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-ramowka .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-ramowka #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-ramowka .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-ramowka .nav-btn{ display:none; }
  body.vm-page-ramowka .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-ramowka .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-ramowka .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-ramowka .nav-btn{ display: none !important; }
}

body.vm-page-ramowka a.nav-btn, body.vm-page-ramowka a.nav-btn:link, body.vm-page-ramowka a.nav-btn:visited, body.vm-page-ramowka a.nav-btn:hover, body.vm-page-ramowka a.nav-btn:active, body.vm-page-ramowka a.nav-btn:focus, body.vm-page-ramowka a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-ramowka a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-ramowka a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
body.vm-page-rekrutacja{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-rekrutacja::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-rekrutacja .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-rekrutacja .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-rekrutacja .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-rekrutacja .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-rekrutacja .topbar .menu-top a:hover, body.vm-page-rekrutacja .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-rekrutacja .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-rekrutacja .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-rekrutacja .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-rekrutacja .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-rekrutacja .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-rekrutacja .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-rekrutacja .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-rekrutacja .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-rekrutacja .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-rekrutacja .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-rekrutacja .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-rekrutacja .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-rekrutacja .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-rekrutacja .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-rekrutacja .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-rekrutacja .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-rekrutacja .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-rekrutacja .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-rekrutacja .card-welcome h2{ text-align:center; }

body.vm-page-rekrutacja .app-card{
  position:relative;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04);
  padding:16px 18px 42px;
}
body.vm-page-rekrutacja .app-footer{
  display:flex; align-items:center; justify-content:flex-start; gap:14px;
  margin-top:10px; padding-top:10px;
  padding-right:60px;
  border-top:1px dashed rgba(255,255,255,.25);
  color:rgba(255,255,255,.85); font-size:14px;
}
body.vm-page-rekrutacja .app-del{
  position:absolute; right:16px; bottom:16px;
  display:inline-grid; place-items:center;
  width:40px; height:40px; border-radius:10px;
  border:0; background:rgba(255,255,255,.10); color:#fff; cursor:pointer;
  transition:transform .15s, box-shadow .2s, background .2s, color .2s;
}
body.vm-page-rekrutacja .app-del:hover{ transform:translateY(-1px); background:rgba(255,255,255,.18); color:#ff7b00; box-shadow:0 4px 12px rgba(0,0,0,.45); }
@media (max-width: 480px){
  body.vm-page-rekrutacja .app-card{ padding-bottom:68px; }
  body.vm-page-rekrutacja .app-footer{ padding-right:52px; }
  body.vm-page-rekrutacja .app-del{ width:36px; height:36px; right:12px; bottom:12px;}
}
body.vm-page-rekrutacja .apps-wrap{ display:flex; flex-direction:column; gap:14px; }
body.vm-page-rekrutacja .app-row{ margin:6px 0; font-size:18px; line-height:1.35; }
body.vm-page-rekrutacja .app-row b{ font-weight:800; }

body.vm-page-rekrutacja .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-rekrutacja .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-rekrutacja .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-rekrutacja .subnote .badge{
  color: #fff; text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px; margin-left: auto; padding: 6px 10px; border-radius: 999px;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.30);
  font-weight: 800; box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-rekrutacja .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-rekrutacja .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-rekrutacja .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-rekrutacja .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-rekrutacja .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-rekrutacja .top-flash{ transition:none; } }

body.vm-page-rekrutacja #menu-mail.has-unread i{ color:#ff4444 !important; animation:pulseUnread 1s infinite; }
body.vm-page-rekrutacja #menu-mail{ position: relative; }
body.vm-page-rekrutacja .mail-badge{ position: absolute; top:-6px; right:-10px; min-width:18px; height:18px; padding:0 5px; font-size:12px; line-height:18px;
  text-align:center; border-radius:999px; background:#ff3b30; color:#fff; box-shadow:0 0 0 2px rgba(1,111,222,1); }

body.vm-page-rekrutacja .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-rekrutacja .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-rekrutacja .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-rekrutacja .footer-top .label{ flex:0 0 auto; }
body.vm-page-rekrutacja .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-rekrutacja .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-rekrutacja .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-rekrutacja .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-rekrutacja .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

body.vm-page-rekrutacja .g-empty{margin-top:12px;opacity:.9}
body.vm-page-rekrutacja #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow:
    0 4px 12px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

@media (min-width: 992px){
  body.vm-page-rekrutacja{ zoom:.89; }
  body.vm-page-rekrutacja .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-rekrutacja .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-rekrutacja .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-rekrutacja .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-rekrutacja .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-rekrutacja .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-rekrutacja .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-rekrutacja .footer-top img{ height:26px; width:26px; }
  body.vm-page-rekrutacja .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-rekrutacja .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-rekrutacja .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-rekrutacja .btn:active{ transform:translateY(1px); }
body.vm-page-rekrutacja .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-rekrutacja .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-rekrutacja .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-rekrutacja .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-rekrutacja .online-users .nickname{ font-weight:bold; }
body.vm-page-rekrutacja .online-users .time{ font-size:13px; }
body.vm-page-rekrutacja .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-rekrutacja .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-rekrutacja .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-rekrutacja .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-rekrutacja .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-rekrutacja .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-rekrutacja .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-rekrutacja .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-rekrutacja .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-rekrutacja .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-rekrutacja .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-rekrutacja .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-rekrutacja .online-header{ color: var(--vm-text) !important; }
body.vm-page-rekrutacja .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-rekrutacja .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-rekrutacja .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-rekrutacja .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-rekrutacja .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-rekrutacja .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-rekrutacja .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-rekrutacja .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-rekrutacja .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-rekrutacja .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-rekrutacja .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-rekrutacja .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-rekrutacja .online-users .nickname{ margin-right: 8px; }
body.vm-page-rekrutacja .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-rekrutacja .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-rekrutacja .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-rekrutacja .card h1, body.vm-page-rekrutacja .card h2, body.vm-page-rekrutacja .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-rekrutacja .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-rekrutacja .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-rekrutacja .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-rekrutacja .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-rekrutacja .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-rekrutacja .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-rekrutacja .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-rekrutacja .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-rekrutacja .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-rekrutacja .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-rekrutacja .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-rekrutacja .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-rekrutacja .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-rekrutacja .online-users .nickname, body.vm-page-rekrutacja .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-rekrutacja .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-rekrutacja .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-rekrutacja .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-rekrutacja .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-rekrutacja .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-rekrutacja .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-rekrutacja #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-rekrutacja .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-rekrutacja .nav-btn{ display:none; }
  body.vm-page-rekrutacja .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-rekrutacja .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-rekrutacja .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-rekrutacja .nav-btn{ display: none !important; }
}

body.vm-page-rekrutacja a.nav-btn, body.vm-page-rekrutacja a.nav-btn:link, body.vm-page-rekrutacja a.nav-btn:visited, body.vm-page-rekrutacja a.nav-btn:hover, body.vm-page-rekrutacja a.nav-btn:active, body.vm-page-rekrutacja a.nav-btn:focus, body.vm-page-rekrutacja a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-rekrutacja a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-rekrutacja a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

    body.vm-page-rekrutacja_form{
      margin:0; font-family:"Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
      color:#fff; position:relative; background:none;
    }
    body.vm-page-rekrutacja_form::before{
      content:""; position:fixed; inset:0; z-index:-1;
      background:
        radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
        radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
        #FF7B00;
      background-size:cover; will-change:transform; backface-visibility:hidden; transform:translateZ(0);
    }

    body.vm-page-rekrutacja_form .fake-topbar{
      height:60px; background-color:var(--blue); display:flex; align-items:center; justify-content:center;
      position:fixed; top:0; left:0; right:0; z-index:10; box-shadow:0 4px 12px rgba(0,0,0,0.5);
    }
    body.vm-page-rekrutacja_form .fake-topbar .brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px; }
    body.vm-page-rekrutacja_form .fake-topbar .brand img{ height:40px; border-radius:8px; }

    body.vm-page-rekrutacja_form .wrap{ padding:24px; }
    body.vm-page-rekrutacja_form .card{
      max-width:820px; margin:100px auto 40px; background:rgba(0, 90, 190, .95); border-radius:12px; padding:20px; color:#fff;
      backdrop-filter:blur(3px);
      box-shadow:0 6px 16px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12) inset;
      overflow:hidden;
    }

    body.vm-page-rekrutacja_form h1{ margin:0 0 12px; font-size:28px; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; }
    body.vm-page-rekrutacja_form h1 i{ font-size:24px; }

    body.vm-page-rekrutacja_form .grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:14px; }
    @media (max-width: 640px){ body.vm-page-rekrutacja_form .grid{ grid-template-columns:1fr; } }

    body.vm-page-rekrutacja_form label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; font-weight:700; }

    body.vm-page-rekrutacja_form input[type="text"], body.vm-page-rekrutacja_form input[type="number"], body.vm-page-rekrutacja_form input[type="email"], body.vm-page-rekrutacja_form textarea{
      width:100%; box-sizing:border-box; padding:12px 12px; border-radius:10px;
      border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; outline:none;
      transition: box-shadow .2s, border-color .2s, background .2s;
    }
    body.vm-page-rekrutacja_form textarea{ min-height:130px; resize:vertical; font-size:15px; }
    body.vm-page-rekrutacja_form input:hover, body.vm-page-rekrutacja_form textarea:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.30); }
    body.vm-page-rekrutacja_form input:focus, body.vm-page-rekrutacja_form textarea:focus{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,123,0,.25); background:rgba(255,255,255,.12); }

    body.vm-page-rekrutacja_form .hint{ color:#ffffff; opacity:.7; font-size:13px; }

    body.vm-page-rekrutacja_form .actions{ margin-top:6px; display:flex; gap:10px; flex-wrap:wrap; }

    body.vm-page-rekrutacja_form .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      padding:12px 16px; border-radius:12px;
      border:1px solid var(--blue); background:#fff; font-weight:700; text-decoration:none; cursor:pointer;
      box-shadow:0 2px 6px rgba(0,0,0,.3);
      transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
      color: var(--blue);
    }
    body.vm-page-rekrutacja_form .btn:hover{
      background:var(--blue); color:#fff;
      text-shadow:0 0 4px rgba(0,0,0,.9);
      box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px var(--orange);
    }
    body.vm-page-rekrutacja_form .btn:active{ transform:translateY(1px); }
    body.vm-page-rekrutacja_form .btn-primary{
      background:linear-gradient(180deg, var(--orange) 0%, #e86a00 100%);
      border-color:var(--orange); color:#fff; font-weight:800;
    }
    body.vm-page-rekrutacja_form .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

    body.vm-page-rekrutacja_form .msg{
      margin-top:12px; font-weight:700; letter-spacing:.2px; padding:10px 12px; border-radius:10px;
      display:inline-block;
      opacity:0;
      display:none;
      will-change:opacity;
    }
    body.vm-page-rekrutacja_form .msg.is-visible{
      display:inline-block;
      opacity:1;
      transition:none;
    }
    body.vm-page-rekrutacja_form .msg.fading-out{
      transition:opacity .5s ease;
    }
    body.vm-page-rekrutacja_form .ok{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }
    body.vm-page-rekrutacja_form .err{ background:#c0392b; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.35); }

    body.vm-page-rekrutacja_form .hp{ position:absolute; left:-9999px; visibility:hidden; }

body.vm-page-rekrutacja_form #about{ font-family: inherit; }

    body.vm-page-rekrutacja_form input::placeholder, body.vm-page-rekrutacja_form textarea::placeholder{ color: rgba(255,255,255,0.6); opacity:1; }

body.vm-page-rekrutacja_form .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-rekrutacja_form .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-rekrutacja_form .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-rekrutacja_form .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-rekrutacja_form .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-rekrutacja_form .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-rekrutacja_form .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-rekrutacja_form .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-rekrutacja_form .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-rekrutacja_form .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-rekrutacja_form .online-header{ color: var(--vm-text) !important; }
body.vm-page-rekrutacja_form .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-rekrutacja_form .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-rekrutacja_form .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-rekrutacja_form .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-rekrutacja_form .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-rekrutacja_form .online-users .time{ color: var(--vm-muted) !important; }

body.vm-page-rekrutacja_form .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-rekrutacja_form .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-rekrutacja_form .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-rekrutacja_form .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-rekrutacja_form .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-rekrutacja_form .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-rekrutacja_form .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-rekrutacja_form .online-users .nickname{ margin-right: 8px; }
body.vm-page-rekrutacja_form .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-rekrutacja_form .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-rekrutacja_form .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-rekrutacja_form .card h1, body.vm-page-rekrutacja_form .card h2, body.vm-page-rekrutacja_form .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-rekrutacja_form .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-rekrutacja_form .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-rekrutacja_form .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-rekrutacja_form .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-rekrutacja_form .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-rekrutacja_form .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-rekrutacja_form .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-rekrutacja_form .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-rekrutacja_form .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-rekrutacja_form .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-rekrutacja_form .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-rekrutacja_form .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-rekrutacja_form .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}
body.vm-page-statystyki{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-statystyki::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00; background-size: cover;
}
body.vm-page-statystyki .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-statystyki .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-statystyki .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-statystyki .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-statystyki .topbar .menu-top a:hover, body.vm-page-statystyki .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-statystyki .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3); transition: all 0.25s ease;
}
body.vm-page-statystyki .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9); box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00; }
body.vm-page-statystyki .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-statystyki .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-statystyki .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-statystyki .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-statystyki .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-statystyki .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-statystyki .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-statystyki .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-statystyki .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-statystyki .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-statystyki .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-statystyki .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-statystyki .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-statystyki .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-statystyki .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-statystyki .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1);}
body.vm-page-statystyki .online-users .nickname{ font-weight:bold; }
body.vm-page-statystyki .online-users .time{ font-size:13px; }
body.vm-page-statystyki .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-statystyki .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-statystyki .chart-box{ position:relative; height:300px; }
body.vm-page-statystyki .chart-box--sm{ position:relative; height:220px; }
body.vm-page-statystyki .chart-box canvas{ position:absolute; inset:0; width:100% !important; height:100% !important; }

body.vm-page-statystyki .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-statystyki .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-statystyki .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-statystyki .footer-top .label{ flex:0 0 auto; }
body.vm-page-statystyki .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-statystyki .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-statystyki .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-statystyki .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-statystyki .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-statystyki{ zoom:.89; }
  body.vm-page-statystyki .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-statystyki .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-statystyki .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-statystyki .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-statystyki .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-statystyki .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-statystyki .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-statystyki .footer-top img{ height:26px; width:26px; }
  body.vm-page-statystyki .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-statystyki .subnote{ position: relative; display: flex; align-items: center; gap: 10px; margin: 6px 0 18px; padding: 14px 16px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22); box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-statystyki .subnote::before{ content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px; border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%); box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-statystyki .subnote i{ font-size: 18px; color: #ff8c00; text-shadow: 0 0 6px rgba(0,0,0,.5); }
body.vm-page-statystyki .subnote .badge{ color:#fff; text-shadow:0 0 6px rgba(0,0,0,.5); font-size:20px; margin-left:auto; padding:6px 10px; border-radius:999px;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.30); font-weight:800; box-shadow:0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-statystyki .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }

body.vm-page-statystyki table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-statystyki thead th{
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  text-transform: uppercase; color:#fff; font-weight:bold; padding:12px 10px; text-align:center; font-size:20px !important;
  text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px;
}
body.vm-page-statystyki table th:first-child, body.vm-page-statystyki table td:first-child{ width: 15px !important; text-align: center; }
body.vm-page-statystyki tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; font-size:14px; }
body.vm-page-statystyki tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-statystyki tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-statystyki .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-statystyki .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-statystyki .btn:active{ transform:translateY(1px); }
body.vm-page-statystyki .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff;}
body.vm-page-statystyki .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }
body.vm-page-statystyki .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
body.vm-page-statystyki .btn-ghost:hover{ background:rgba(255,255,255,.08); }

body.vm-page-statystyki .grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; justify-content: center; }
@media(max-width:1000px){ body.vm-page-statystyki .grid-2{ grid-template-columns:1fr; } }

body.vm-page-statystyki .stat-box{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:8px; }
body.vm-page-statystyki .stat{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:10px; text-align:center; font-size:14px; }
body.vm-page-statystyki .stat .label{ display:block; opacity:.8; font-size:12px; margin-bottom:4px; }

body.vm-page-statystyki .kicker{
  display:flex;
  gap:50px;
  align-items:center;
  flex-wrap:nowrap;
  white-space:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}

body.vm-page-statystyki #menu-mail.has-unread i{ color: #ff4444 !important; animation: pulseUnread 1s infinite; }
body.vm-page-statystyki #menu-mail{ position: relative; }
body.vm-page-statystyki .mail-badge{
  position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 12px;
  line-height: 18px; text-align: center; border-radius: 999px; background: #ff3b30; color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-statystyki .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-statystyki .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-statystyki .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-statystyki .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-statystyki .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-statystyki .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-statystyki .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-statystyki .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-statystyki .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-statystyki .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-statystyki .online-header{ color: var(--vm-text) !important; }
body.vm-page-statystyki .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-statystyki .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-statystyki .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-statystyki .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-statystyki .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-statystyki .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-statystyki .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-statystyki .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-statystyki .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-statystyki .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-statystyki .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-statystyki .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-statystyki .online-users .nickname{ margin-right: 8px; }
body.vm-page-statystyki .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-statystyki .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-statystyki .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-statystyki .card h1, body.vm-page-statystyki .card h2, body.vm-page-statystyki .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-statystyki .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-statystyki .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-statystyki .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-statystyki .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-statystyki .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-statystyki .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-statystyki .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-statystyki .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-statystyki .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-statystyki .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-statystyki .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-statystyki .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-statystyki .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-statystyki .online-users .nickname, body.vm-page-statystyki .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-statystyki .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-statystyki .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-statystyki .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-statystyki .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-statystyki .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-statystyki .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-statystyki #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-statystyki .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-statystyki .nav-btn{ display:none; }
  body.vm-page-statystyki .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-statystyki .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-statystyki .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-statystyki .nav-btn{ display: none !important; }
}

body.vm-page-statystyki a.nav-btn, body.vm-page-statystyki a.nav-btn:link, body.vm-page-statystyki a.nav-btn:visited, body.vm-page-statystyki a.nav-btn:hover, body.vm-page-statystyki a.nav-btn:active, body.vm-page-statystyki a.nav-btn:focus, body.vm-page-statystyki a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-statystyki a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-statystyki a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}
body.vm-page-ustawienia-glowne{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-ustawienia-glowne::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-ustawienia-glowne .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-ustawienia-glowne .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-ustawienia-glowne .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-ustawienia-glowne .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-ustawienia-glowne .topbar .menu-top a:hover, body.vm-page-ustawienia-glowne .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ustawienia-glowne .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-ustawienia-glowne .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-ustawienia-glowne .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-ustawienia-glowne .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-ustawienia-glowne .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-ustawienia-glowne .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-ustawienia-glowne .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-ustawienia-glowne .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-ustawienia-glowne .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-ustawienia-glowne .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-ustawienia-glowne .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-ustawienia-glowne .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-ustawienia-glowne .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-ustawienia-glowne .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-ustawienia-glowne .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-ustawienia-glowne .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-ustawienia-glowne .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-ustawienia-glowne .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-ustawienia-glowne .card-welcome h2{ text-align:center; }

body.vm-page-ustawienia-glowne table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-ustawienia-glowne thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-ustawienia-glowne tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-ustawienia-glowne tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-ustawienia-glowne tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-ustawienia-glowne .users-table{ table-layout: auto !important; }
body.vm-page-ustawienia-glowne .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-ustawienia-glowne .users-table th:last-child, body.vm-page-ustawienia-glowne .users-table td:last-child{ border-right:none; }
body.vm-page-ustawienia-glowne .users-table td{ text-align:center; }

body.vm-page-ustawienia-glowne .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-ustawienia-glowne .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-ustawienia-glowne .online-users .nickname{ font-weight:bold; }
body.vm-page-ustawienia-glowne .online-users .time{ font-size:13px; }
body.vm-page-ustawienia-glowne .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-ustawienia-glowne .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-ustawienia-glowne .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-ustawienia-glowne .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-ustawienia-glowne .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-ustawienia-glowne .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-ustawienia-glowne .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-ustawienia-glowne .top-flash{ transition:none; } }

body.vm-page-ustawienia-glowne #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-ustawienia-glowne #chat-table th:nth-child(1), body.vm-page-ustawienia-glowne #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-ustawienia-glowne #chat-table th:nth-child(2), body.vm-page-ustawienia-glowne #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-ustawienia-glowne #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-ustawienia-glowne #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-ustawienia-glowne #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-ustawienia-glowne #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-ustawienia-glowne .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-ustawienia-glowne .cmodal-overlay[hidden]{display:none;}
body.vm-page-ustawienia-glowne .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}

body.vm-page-ustawienia-glowne .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-ustawienia-glowne .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-ustawienia-glowne .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-ustawienia-glowne .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-ustawienia-glowne .cmodal-close:hover{opacity:1;}
body.vm-page-ustawienia-glowne .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-ustawienia-glowne .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-ustawienia-glowne .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-ustawienia-glowne .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-ustawienia-glowne #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-ustawienia-glowne #menu-mail{ position: relative; }
body.vm-page-ustawienia-glowne .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-ustawienia-glowne #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-ustawienia-glowne #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-ustawienia-glowne .chat-form{
  display:flex; gap:10px; margin:10px 0;
}
body.vm-page-ustawienia-glowne .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-ustawienia-glowne .chat-input::placeholder{
  color: rgba(255,255,255,.75);
}
body.vm-page-ustawienia-glowne .chat-input:hover{
  background: rgba(255,255,255,.10);
}
body.vm-page-ustawienia-glowne .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-ustawienia-glowne .chat-form:focus-within{
  filter: drop-shadow(0 0 8px rgba(255,123,0,.20));
}

body.vm-page-ustawienia-glowne .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-ustawienia-glowne .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-ustawienia-glowne .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-ustawienia-glowne .footer-top .label{ flex:0 0 auto; }
body.vm-page-ustawienia-glowne .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-ustawienia-glowne .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-ustawienia-glowne .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-ustawienia-glowne .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-ustawienia-glowne .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-ustawienia-glowne{ zoom:.89; }
  body.vm-page-ustawienia-glowne .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-ustawienia-glowne .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-ustawienia-glowne .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-ustawienia-glowne .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-ustawienia-glowne .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-ustawienia-glowne .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-ustawienia-glowne .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-ustawienia-glowne .footer-top img{ height:26px; width:26px; }
  body.vm-page-ustawienia-glowne .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-ustawienia-glowne .chat-ops button[disabled]{
  opacity:.35;
  cursor:not-allowed !important;
}
body.vm-page-ustawienia-glowne .chat-ops button[disabled]:hover{
  color:inherit;
}

body.vm-page-ustawienia-glowne .role-admin{
  font-weight:800;
  font-size: 18px;
  color:#ff4d4f;
  text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-ustawienia-glowne .role-prez{
  font-weight:800;
  font-size: 18px;
  color:#2ecc71;
  text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-ustawienia-glowne #chat-table td.chat-ops{
  white-space:nowrap;
  text-align:center;
  padding:8px 6px;
}
body.vm-page-ustawienia-glowne #chat-table td.chat-ops .ops{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}

body.vm-page-ustawienia-glowne #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}

body.vm-page-ustawienia-glowne #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}

body.vm-page-ustawienia-glowne #chat-table td.chat-ops .ico[disabled]{
  opacity:.4; filter:grayscale(100%);
  pointer-events:none; cursor:not-allowed;
}

body.vm-page-ustawienia-glowne .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-ustawienia-glowne .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-ustawienia-glowne .btn:active{ transform:translateY(1px); }
body.vm-page-ustawienia-glowne .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-ustawienia-glowne .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-ustawienia-glowne .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-ustawienia-glowne .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-ustawienia-glowne .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-ustawienia-glowne .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-ustawienia-glowne .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-ustawienia-glowne .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-ustawienia-glowne .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-ustawienia-glowne .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-ustawienia-glowne .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-ustawienia-glowne .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-ustawienia-glowne .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-ustawienia-glowne .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-ustawienia-glowne .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-ustawienia-glowne .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-ustawienia-glowne .online-header{ color: var(--vm-text) !important; }
body.vm-page-ustawienia-glowne .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-ustawienia-glowne .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-ustawienia-glowne .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-ustawienia-glowne .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-ustawienia-glowne .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-ustawienia-glowne .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-ustawienia-glowne .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-ustawienia-glowne .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-ustawienia-glowne .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-ustawienia-glowne .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-ustawienia-glowne .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-ustawienia-glowne .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-ustawienia-glowne .online-users .nickname{ margin-right: 8px; }
body.vm-page-ustawienia-glowne .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-ustawienia-glowne .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-ustawienia-glowne .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-ustawienia-glowne .card h1, body.vm-page-ustawienia-glowne .card h2, body.vm-page-ustawienia-glowne .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-ustawienia-glowne .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-ustawienia-glowne .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-ustawienia-glowne .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-ustawienia-glowne .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-ustawienia-glowne .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-ustawienia-glowne .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-ustawienia-glowne .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-ustawienia-glowne .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-ustawienia-glowne .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-ustawienia-glowne .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-ustawienia-glowne .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-ustawienia-glowne .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-ustawienia-glowne .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-ustawienia-glowne .vm-tabs{
  display:flex; gap:6px; align-items:flex-end;
  border-bottom:1px solid rgba(255,255,255,.18);
  margin:10px 0 0;
  overflow:auto; padding-bottom:4px;
}
body.vm-page-ustawienia-glowne .vm-tabs::-webkit-scrollbar{ height:8px; }
body.vm-page-ustawienia-glowne .vm-tabs::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}

body.vm-page-ustawienia-glowne .vm-tab{
  position:relative;
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px 8px;
  font-weight:700; font-size:14.5px; line-height:1;
  color:#fff;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  border-bottom:none;
  border-top-left-radius:10px; border-top-right-radius:10px;
  cursor:pointer; user-select:none;
  transition: filter .2s, background .2s, box-shadow .2s, transform .08s;
}
body.vm-page-ustawienia-glowne .vm-tab .fa-solid{ font-size:15px; opacity:.95; }

body.vm-page-ustawienia-glowne .vm-tab:not(.is-active):hover{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05)),
    linear-gradient(180deg, rgba(255,123,0,.10), rgba(255,123,0,.04));
  box-shadow: 0 2px 8px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
@media (prefers-reduced-motion: no-preference){
  body.vm-page-ustawienia-glowne .vm-tab:active{ transform: translateY(1px); }
}

body.vm-page-ustawienia-glowne .vm-tab.is-active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    linear-gradient(180deg, var(--vm-orange, #ff7b00) 0%, var(--vm-orange2, #ff8f2b) 100%);
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 -1px 0 rgba(255,255,255,.25) inset,
    0 4px 14px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,123,0,.25);
  color:#fff;
  z-index:2;
  position:relative;
}

body.vm-page-ustawienia-glowne .vm-tab.is-active::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background: var(--vm-orange, #ff7b00);
  opacity:.9;
}

body.vm-page-ustawienia-glowne .vm-tab.is-active i{
  color:#fff;
  text-shadow: 0 0 6px rgba(0,0,0,.35);
}

body.vm-page-ustawienia-glowne .vm-tabpanels{
  margin-top:-1px;
  border:1px solid rgba(255,255,255,.22);
  border-top:none;
  border-bottom-left-radius:12px; border-bottom-right-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a, #0a4799) 0%, var(--vm-blue-b, #063574) 100%);
  box-shadow: 0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35);
  padding:16px;
}
body.vm-page-ustawienia-glowne .vm-panel{ display:none; }
body.vm-page-ustawienia-glowne .vm-panel.is-active{ display:block; }

@media (max-width:700px){
  body.vm-page-ustawienia-glowne .vm-tab{ padding:10px 12px 8px; font-size:14px; }
}

body.vm-page-ustawienia-glowne .vm-tabpanels{
  margin-top:0;
  border:1px solid rgba(255,255,255,.22);
  border-top:none;
  border-bottom-left-radius:12px; border-bottom-right-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a, #0a4799) 0%, var(--vm-blue-b, #063574) 100%);
  box-shadow: 0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35);
  padding:16px;
}

@media (max-width: 700px){
}

body.vm-page-ustawienia-glowne .vm-panel[data-tabpanel="urodziny"], body.vm-page-ustawienia-glowne .vm-panel[data-tabpanel="oplaty"], body.vm-page-ustawienia-glowne .vm-tabpanels, body.vm-page-ustawienia-glowne .card{
  overflow: visible !important;
}

body.vm-page-ustawienia-glowne #birthday-grid, body.vm-page-ustawienia-glowne #fees-grid{
  position: relative;
  border-radius: 10px;
  margin-top: 0 !important;
}

body.vm-page-ustawienia-glowne #birthday-grid::before, body.vm-page-ustawienia-glowne #fees-grid::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  box-shadow: 0 8px 22px rgba(0,0,0,.45);
  z-index: 0;
  pointer-events: none;
  will-change: transform;
}

body.vm-page-ustawienia-glowne #birthday-grid .tabulator, body.vm-page-ustawienia-glowne #fees-grid .tabulator, body.vm-page-ustawienia-glowne #birthday-grid .bday-table, body.vm-page-ustawienia-glowne #fees-grid   .fees-table{
  position: relative;
  z-index: 1;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
  overflow: hidden;
  width: 100%;
}

body.vm-page-ustawienia-glowne #birthday-grid .tabulator .tabulator-header, body.vm-page-ustawienia-glowne #fees-grid .tabulator .tabulator-header, body.vm-page-ustawienia-glowne #birthday-grid .bday-table th, body.vm-page-ustawienia-glowne #fees-grid   .fees-table th{
  background: linear-gradient(180deg,#ff7b00 0%,#e86a00 100%) !important;
  color:#fff; font-weight:800; text-align:center;
  border-bottom:1px solid rgba(255,255,255,.22);
  margin:0 !important;
}

body.vm-page-ustawienia-glowne #birthday-grid .bday-table th, body.vm-page-ustawienia-glowne #fees-grid   .fees-table th{
  position: sticky; top: 0; z-index: 2;
}

body.vm-page-ustawienia-glowne #birthday-grid .tabulator .tabulator-tableholder, body.vm-page-ustawienia-glowne #fees-grid .tabulator .tabulator-tableholder{
  background: rgba(255,255,255,.02);
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

body.vm-page-ustawienia-glowne #birthday-grid .bday-table, body.vm-page-ustawienia-glowne #fees-grid   .fees-table{
  table-layout: fixed;
  border-collapse: collapse;
  color:#fff;
}
body.vm-page-ustawienia-glowne #birthday-grid .bday-table td, body.vm-page-ustawienia-glowne #birthday-grid .bday-table th, body.vm-page-ustawienia-glowne #fees-grid   .fees-table td, body.vm-page-ustawienia-glowne #fees-grid   .fees-table th{
  border:1px solid rgba(255,255,255,.18);
  padding:8px; font-size:18px; vertical-align:middle;
}

body.vm-page-ustawienia-glowne #birthday-grid .bday-table td:first-child, body.vm-page-ustawienia-glowne #birthday-grid .bday-table th:first-child{ width:64px; text-align:center; }
body.vm-page-ustawienia-glowne #fees-grid   .fees-table td:first-child, body.vm-page-ustawienia-glowne #fees-grid   .fees-table th:first-child{ width:70px; text-align:center; }

body.vm-page-ustawienia-glowne #birthday-grid .bday-table td[contenteditable], body.vm-page-ustawienia-glowne #fees-grid   .fees-table td[contenteditable]{ background: rgba(255,255,255,.06); }
body.vm-page-ustawienia-glowne #birthday-grid .bday-table td[contenteditable]:focus, body.vm-page-ustawienia-glowne #fees-grid   .fees-table td[contenteditable]:focus{
  outline:2px solid rgba(255,123,0,.65);
  background: rgba(255,255,255,.10);
}

body.vm-page-ustawienia-glowne .birthday-toolbar, body.vm-page-ustawienia-glowne .fees-toolbar{ margin-bottom:10px !important; }

body.vm-page-ustawienia-glowne .due-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:4px 10px; border-radius:999px; font-weight:800; font-size:12.5px;
  box-shadow:0 1px 3px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  text-transform:uppercase; letter-spacing:.2px;
}
body.vm-page-ustawienia-glowne .due-green{ background:linear-gradient(180deg,#2ecc71,#27ae60); color:#fff; }
body.vm-page-ustawienia-glowne .due-orange{ background:linear-gradient(180deg,#ffb84d,#ff8c00); color:#0b0b0b; }
body.vm-page-ustawienia-glowne .due-red{ background:linear-gradient(180deg,#ff6b6b,#c0392b); color:#fff; }
body.vm-page-ustawienia-glowne .due-muted{ background:rgba(255,255,255,.15); color:#fff; }

body.vm-page-ustawienia-glowne #fees-grid{ min-height:260px; }
body.vm-page-ustawienia-glowne #birthday-grid{ min-height:260px; }

body.vm-page-ustawienia-glowne #birthday-grid, body.vm-page-ustawienia-glowne #birthday-grid .tabulator, body.vm-page-ustawienia-glowne #birthday-grid .bday-table, body.vm-page-ustawienia-glowne #fees-grid, body.vm-page-ustawienia-glowne #fees-grid .tabulator, body.vm-page-ustawienia-glowne #fees-grid .fees-table{ margin-top:0 !important; }

body.vm-page-ustawienia-glowne .vm-panel[data-tabpanel="lista-xat"]{ overflow: visible !important; }

body.vm-page-ustawienia-glowne #xat-admins-grid, body.vm-page-ustawienia-glowne #xat-mods-grid, body.vm-page-ustawienia-glowne #xat-users-grid, body.vm-page-ustawienia-glowne #xat-bans-grid{
  position: relative;
  border-radius: 10px;
  margin-top: 0 !important;
}

body.vm-page-ustawienia-glowne #xat-admins-grid::before, body.vm-page-ustawienia-glowne #xat-mods-grid::before, body.vm-page-ustawienia-glowne #xat-users-grid::before, body.vm-page-ustawienia-glowne #xat-bans-grid::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  box-shadow: 0 8px 22px rgba(0,0,0,.45);
  z-index: 0;
  pointer-events: none;
  will-change: transform;
}

body.vm-page-ustawienia-glowne #xat-admins-grid .tabulator, body.vm-page-ustawienia-glowne #xat-mods-grid  .tabulator, body.vm-page-ustawienia-glowne #xat-users-grid .tabulator, body.vm-page-ustawienia-glowne #xat-bans-grid  .tabulator, body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table{
  position: relative;
  z-index: 1;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
  overflow: hidden;
  width: 100%;
}

body.vm-page-ustawienia-glowne #xat-admins-grid .tabulator .tabulator-header, body.vm-page-ustawienia-glowne #xat-mods-grid  .tabulator .tabulator-header, body.vm-page-ustawienia-glowne #xat-users-grid .tabulator .tabulator-header, body.vm-page-ustawienia-glowne #xat-bans-grid  .tabulator .tabulator-header, body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table th, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table th, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table th, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table th{
  background: linear-gradient(180deg,#ff7b00 0%,#e86a00 100%) !important;
  color:#fff; font-weight:800; text-align:center;
  border-bottom:1px solid rgba(255,255,255,.22);
  margin:0 !important;
  position: sticky; top: 0; z-index: 2;
}

body.vm-page-ustawienia-glowne #xat-admins-grid .tabulator .tabulator-tableholder, body.vm-page-ustawienia-glowne #xat-mods-grid  .tabulator .tabulator-tableholder, body.vm-page-ustawienia-glowne #xat-users-grid .tabulator .tabulator-tableholder, body.vm-page-ustawienia-glowne #xat-bans-grid  .tabulator .tabulator-tableholder{
  background: rgba(255,255,255,.02);
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table{
  table-layout: fixed;
  border-collapse: collapse;
  color:#fff;
}
body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table td, body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table th, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table td, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table th, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table td, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table th, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table td, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table th{
  border:1px solid rgba(255,255,255,.18);
  padding:8px; font-size:18px; vertical-align:middle;
}

body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table td:first-child, body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table th:first-child, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table td:first-child, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table th:first-child, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table td:first-child, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table th:first-child, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table td:first-child, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table th:first-child{
  width:70px; text-align:center;
}

body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table td[contenteditable], body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table td[contenteditable], body.vm-page-ustawienia-glowne #xat-users-grid .xat-table td[contenteditable], body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table td[contenteditable]{ background: rgba(255,255,255,.06); }
body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table td[contenteditable]:focus, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table td[contenteditable]:focus, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table td[contenteditable]:focus, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table td[contenteditable]:focus{
  outline:2px solid rgba(255,123,0,.65);
  background: rgba(255,255,255,.10);
}

body.vm-page-ustawienia-glowne .xat-toolbar{ margin-bottom:10px !important; }

body.vm-page-ustawienia-glowne #xat-admins-grid, body.vm-page-ustawienia-glowne #xat-mods-grid, body.vm-page-ustawienia-glowne #xat-users-grid, body.vm-page-ustawienia-glowne #xat-bans-grid{ min-height:260px; }

body.vm-page-ustawienia-glowne #xat-admins-grid, body.vm-page-ustawienia-glowne #xat-admins-grid .tabulator, body.vm-page-ustawienia-glowne #xat-admins-grid .xat-table, body.vm-page-ustawienia-glowne #xat-mods-grid, body.vm-page-ustawienia-glowne #xat-mods-grid  .tabulator, body.vm-page-ustawienia-glowne #xat-mods-grid  .xat-table, body.vm-page-ustawienia-glowne #xat-users-grid, body.vm-page-ustawienia-glowne #xat-users-grid .tabulator, body.vm-page-ustawienia-glowne #xat-users-grid .xat-table, body.vm-page-ustawienia-glowne #xat-bans-grid, body.vm-page-ustawienia-glowne #xat-bans-grid  .tabulator, body.vm-page-ustawienia-glowne #xat-bans-grid  .xat-table{
  margin-top:0 !important;
}

body.vm-page-ustawienia-glowne .xat-actions{
  display:flex;
  justify-content:center;
  align-items:center;
}

body.vm-page-ustawienia-glowne .xat-actions .xat-move{
  min-width: 160px;
  padding: 6px 30px 6px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-weight: 600;
  letter-spacing: .2px;
  cursor: pointer;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E");
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body.vm-page-ustawienia-glowne .xat-actions .xat-move:hover{
  background: rgba(255,255,255,.12);
}
body.vm-page-ustawienia-glowne .xat-actions .xat-move:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.20);
}

body.vm-page-ustawienia-glowne .xat-actions{ position:relative; display:flex; justify-content:center; align-items:center }
body.vm-page-ustawienia-glowne .xat-move{ min-width:160px; padding:6px 36px 6px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.08); color:#fff; font-weight:600; letter-spacing:.2px; }
body.vm-page-ustawienia-glowne .xat-move:focus{ outline:none; box-shadow:0 0 0 3px rgba(255,255,255,.20) }
body.vm-page-ustawienia-glowne .xat-caret{ position:absolute; right:12px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid rgba(255,255,255,.9) }
body.vm-page-ustawienia-glowne .xat-disabled{ opacity:.5 }
body.vm-page-ustawienia-glowne .tc{ text-align:center }

body.vm-page-ustawienia-glowne .online-users .nickname, body.vm-page-ustawienia-glowne .online-users .nickname:hover{
  cursor: default !important;
}

body.vm-page-ustawienia-glowne .xat-actions .xat-move, body.vm-page-ustawienia-glowne .tabulator .xat-actions .xat-move{
  color:#000 !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.25);
  border-radius:8px;
  padding:4px 8px;
  min-height:30px;
}

body.vm-page-ustawienia-glowne .xat-actions .xat-move option{
  color:#000;
  background:#fff;
}

body.vm-page-ustawienia-glowne .btn.xat-del{
  padding: 2px 8px;
  line-height: 1.1;
  font-size: 12px;
  height: 24px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
}

body.vm-page-ustawienia-glowne .tabulator .tabulator-cell[data-field="_del"]{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

body.vm-page-ustawienia-glowne .xat-table td[data-field="_del"]{
  padding-top: 2px;
  padding-bottom: 2px;
}

@media (max-width: 991.98px){

  body.vm-page-ustawienia-glowne .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-ustawienia-glowne .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-ustawienia-glowne .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-ustawienia-glowne .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-ustawienia-glowne .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-ustawienia-glowne .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-ustawienia-glowne #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-ustawienia-glowne .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-ustawienia-glowne .nav-btn{ display:none; }
  body.vm-page-ustawienia-glowne .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-ustawienia-glowne .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-ustawienia-glowne .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-ustawienia-glowne .nav-btn{ display: none !important; }
}

body.vm-page-ustawienia-glowne a.nav-btn, body.vm-page-ustawienia-glowne a.nav-btn:link, body.vm-page-ustawienia-glowne a.nav-btn:visited, body.vm-page-ustawienia-glowne a.nav-btn:hover, body.vm-page-ustawienia-glowne a.nav-btn:active, body.vm-page-ustawienia-glowne a.nav-btn:focus, body.vm-page-ustawienia-glowne a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-ustawienia-glowne a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-ustawienia-glowne a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

  body.vm-page-ustawienia-glowne .ogolne-embeds-row{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;

    gap: 0;
  }

  body.vm-page-ustawienia-glowne .ogolne-col{
    flex: 1 1 100%;
    min-width: 0;
  }

  @media (min-width: 1100px) {

    body.vm-page-ustawienia-glowne .ogolne-col-sluchacze{
      flex: 0 0 36%;
      max-width: 36%;
      margin-right: 16px;
    }

    body.vm-page-ustawienia-glowne .ogolne-col-glosy{
      flex: 1;
      max-width: calc(64% - 0px);
    }
  }

  @media (max-width: 1099.98px) {
    body.vm-page-ustawienia-glowne .ogolne-col-sluchacze, body.vm-page-ustawienia-glowne .ogolne-col-glosy{
      flex: 1 1 100%;
      max-width: 100%;
      margin-right: 0;
    }
  }

:root{
  --color-white: #fff;
  --color-text: rgba(255, 255, 255, 0.92);
  --color-muted: rgba(255, 255, 255, 0.7);

  --color-orange: #ff7b00;
  --color-orange-dark: #e86a00;
  --color-orange-light: #ff8f2b;
  --color-orange-deep: #ff6a00;

  --color-blue: #016fde;
  --color-blue-deep: #0a4799;
  --color-blue-darker: #063574;

  --color-green: #27ae60;
  --color-green-light: #2ecc71;
  --color-red: #c0392b;
  --color-red-bright: #ff3b30;
  --color-yellow: #ffd600;
  --color-purple: #a78bfa;

  --surface-1: rgba(255, 255, 255, 0.04);
  --surface-2: rgba(255, 255, 255, 0.06);
  --surface-3: rgba(255, 255, 255, 0.08);
  --surface-4: rgba(255, 255, 255, 0.12);

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 10px 18px -6px rgba(0, 0, 0, 0.42);
  --shadow-xl: 0 18px 48px rgba(0, 0, 0, 0.55);

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  --topbar-height: 80px;
  --sidebar-width: 350px;
}

body.vm-page-uzytkownicy{
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  color: var(--color-white);
  background: none;
  position: relative;
}

body.vm-page-uzytkownicy::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #ff8c00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #ff6a00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #ff9e2c 0%, transparent 60%),
    #ff7b00;
  background-size: cover;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

body.vm-page-uzytkownicy .topbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--topbar-height);
  width: 100%;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  color: var(--color-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, var(--color-blue-deep), var(--color-blue-darker));
}

body.vm-page-uzytkownicy .topbar img{
  height: 60px;
  margin-left: -12px;
  border-radius: 10px;
}

body.vm-page-uzytkownicy .topbar .menu-top{
  display: flex;
  justify-content: center;
  flex: 1;
  gap: 30px;
  font-size: 30px;
}

body.vm-page-uzytkownicy .topbar .menu-top a{
  color: var(--color-white);
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

body.vm-page-uzytkownicy .topbar .menu-top a:hover{
  color: var(--color-orange);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
}

body.vm-page-uzytkownicy .topbar a.logout{
  margin-left: auto;
  padding: 10px 15px;
  border: 1px solid var(--color-blue);
  border-radius: 10px;
  background: var(--color-white);
  color: var(--color-blue);
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: var(--shadow-sm);
  transition: all 0.25s ease;
}

body.vm-page-uzytkownicy .topbar a.logout:hover{
  background: var(--color-blue);
  color: var(--color-white);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 6px var(--color-orange);
}

body.vm-page-uzytkownicy .sidebar{
  position: fixed;
  top: var(--topbar-height);
  bottom: 30px;
  left: 0;
  width: var(--sidebar-width);
  padding-top: 10px;
  overflow-y: auto;
  color: var(--color-text);
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow:
    6px 0 16px -6px rgba(0, 0, 0, 0.45),
    inset 1px 0 0 rgba(255, 255, 255, 0.06) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
    linear-gradient(180deg, var(--color-blue-deep) 0%, var(--color-blue-darker) 100%) !important;
}

body.vm-page-uzytkownicy .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 2px 4px rgba(0, 0, 0, 0.35);
  background: linear-gradient(
    90deg,
    var(--color-orange-deep) 20%,
    var(--color-orange) 50%,
    var(--color-orange-light) 80%
  ) !important;
}

body.vm-page-uzytkownicy .sidebar ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

body.vm-page-uzytkownicy .sidebar ul li a{
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 2px 10px;
  padding: 15px 10px;
  overflow: hidden;
  border-radius: 10px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
}

body.vm-page-uzytkownicy .sidebar ul li a::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg, var(--color-orange), var(--color-orange-light));
}

body.vm-page-uzytkownicy .sidebar ul li a i{
  width: 20px;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 18px;
  text-align: center;
  text-shadow: none;
  transition: color 0.25s ease, text-shadow 0.25s ease, transform 0.25s ease;
}

body.vm-page-uzytkownicy .sidebar ul li a span{
  color: var(--color-text) !important;
  opacity: 0.98;
}

body.vm-page-uzytkownicy .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255, 123, 0, 0.12), rgba(255, 255, 255, 0.02)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 0 0 1px rgba(255, 123, 0, 0.18);
}

body.vm-page-uzytkownicy .sidebar ul li a:hover::before{
  opacity: 1;
}

body.vm-page-uzytkownicy .sidebar ul li a:hover i{
  color: var(--color-orange) !important;
  transform: scale(1.1);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

body.vm-page-uzytkownicy .sidebar ul li a.active{
  font-weight: 700 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
    linear-gradient(180deg, rgba(74, 168, 255, 0.22), rgba(74, 168, 255, 0.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(74, 168, 255, 0.45);
}

body.vm-page-uzytkownicy .sidebar ul li a.active::before{
  opacity: 1;
}

body.vm-page-uzytkownicy .sidebar ul li a.active i{
  color: var(--color-orange) !important;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
}

body.vm-page-uzytkownicy .sidebar::-webkit-scrollbar{
  width: 10px;
}

body.vm-page-uzytkownicy .sidebar::-webkit-scrollbar-track{
  background: transparent;
}

body.vm-page-uzytkownicy .sidebar::-webkit-scrollbar-thumb{
  border: 2px solid transparent;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.22);
  background-clip: padding-box;
}

body.vm-page-uzytkownicy .sidebar:hover::-webkit-scrollbar-thumb{
  background: rgba(255, 255, 255, 0.34);
}

body.vm-page-uzytkownicy .main{
  margin-left: var(--sidebar-width);
  padding: 100px 20px 50px;
}

body.vm-page-uzytkownicy .online-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 10px;
  color: var(--color-text) !important;
}

body.vm-page-uzytkownicy .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--color-green-light) 0%, var(--color-green) 100%) !important;
  color: var(--color-white) !important;
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
  box-shadow:
    0 0 6px rgba(46, 204, 113, 0.6),
    0 0 0 2px rgba(46, 204, 113, 0.3);
}

body.vm-page-uzytkownicy .online-users{
  margin: 0;
  padding: 0 20px;
  list-style: none;
}

body.vm-page-uzytkownicy .online-users li{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  padding: 5px;
  background: var(--surface-1) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.vm-page-uzytkownicy .online-users li:hover{
  background: var(--surface-2) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

body.vm-page-uzytkownicy .online-users .nickname{
  position: relative;
  margin-right: 8px;
  padding-left: 16px;
  font-weight: 800;
  cursor: default !important;
}

body.vm-page-uzytkownicy .online-users .nickname::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-green-light);
  box-shadow: 0 0 6px rgba(46, 204, 113, 0.7);
  transform: translateY(-50%);
}

body.vm-page-uzytkownicy .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  padding: 2px 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-muted) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1 !important;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-uzytkownicy .card{
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px;
  color: var(--color-white) !important;
  backdrop-filter: blur(4px);
  box-shadow:
    0 10px 18px -6px rgba(0, 0, 0, 0.42),
    0 3px 8px -3px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    linear-gradient(200deg, var(--color-blue-deep) 0%, var(--color-blue-darker) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255, 123, 0, 0.08), transparent 60%) !important;
}

body.vm-page-uzytkownicy .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0, 0, 0, 0.44),
    0 3px 8px -3px rgba(0, 0, 0, 0.36),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
}

body.vm-page-uzytkownicy .card h1, body.vm-page-uzytkownicy .card h2, body.vm-page-uzytkownicy .card h3{
  color: rgba(255, 255, 255, 0.98) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.vm-page-uzytkownicy .card.card-welcome{
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    linear-gradient(200deg, var(--color-blue-deep) 0%, var(--color-blue-darker) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255, 123, 0, 0.08), transparent 60%) !important;
}

body.vm-page-uzytkownicy .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.vm-page-uzytkownicy .subnote::before{
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, var(--color-orange-dark) 100%);
  box-shadow: 0 0 10px rgba(255, 123, 0, 0.45);
}

body.vm-page-uzytkownicy .subnote i{
  color: #ff8c00;
  font-size: 18px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

body.vm-page-uzytkownicy .subnote .badge{
  margin-left: auto;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  color: var(--color-white);
  font-size: 20px;
  font-weight: 800;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.25),
    inset 0 0 0 2px rgba(255, 123, 0, 0.2);
}

body.vm-page-uzytkownicy table{
  width: 100%;
  margin-top: 15px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

body.vm-page-uzytkownicy thead th{
  padding: 12px 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, var(--color-orange) 0%, var(--color-orange-dark) 100%);
  color: var(--color-white);
  font-size: 20px !important;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

body.vm-page-uzytkownicy tbody td{
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.04);
  transition: background 0.25s;
}

body.vm-page-uzytkownicy tbody tr:nth-child(even) td{
  background: rgba(255, 255, 255, 0.07);
}

body.vm-page-uzytkownicy tbody tr:hover td{
  background: rgba(255, 255, 255, 0.12);
}

body.vm-page-uzytkownicy .users-table{
  table-layout: fixed;
}

body.vm-page-uzytkownicy .users-table th{
  padding: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
  text-transform: uppercase;
}

body.vm-page-uzytkownicy .users-table th:last-child, body.vm-page-uzytkownicy .users-table td:last-child{
  border-right: none;
}

body.vm-page-uzytkownicy .header-buttons{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

body.vm-page-uzytkownicy .btn{
  display: inline-block;
  margin: 5px 5px 5px 0;
  padding: 10px 15px;
  border: 1px solid var(--color-blue);
  border-radius: 10px;
  background: var(--color-white);
  color: var(--color-blue);
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: all 0.25s, transform 0.1s;
}

body.vm-page-uzytkownicy .btn:hover{
  background: var(--color-blue);
  color: var(--color-white);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 6px var(--color-orange);
}

body.vm-page-uzytkownicy .top-flash{
  position: sticky;
  top: 90px;
  z-index: 1200;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.2px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

body.vm-page-uzytkownicy .top-flash.success{
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: linear-gradient(180deg, var(--color-green-light) 0%, var(--color-green) 100%);
  color: var(--color-white);
}

body.vm-page-uzytkownicy .top-flash.error{
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: var(--color-red);
  color: var(--color-white);
}

body.vm-page-uzytkownicy .contact-icons a{
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: inherit !important;
  font-size: 20px;
  text-decoration: none !important;
  outline: none;
  box-shadow: var(--shadow-sm);
  transition: all 0.25s;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-uzytkownicy .contact-icons a:link, body.vm-page-uzytkownicy .contact-icons a:visited, body.vm-page-uzytkownicy .contact-icons a:hover, body.vm-page-uzytkownicy .contact-icons a:active, body.vm-page-uzytkownicy .contact-icons a:focus{
  color: inherit !important;
  text-decoration: none !important;
  outline: none;
}

body.vm-page-uzytkownicy .contact-icons a:hover{
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.22);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

body.vm-page-uzytkownicy .contact-icons a[aria-disabled="true"]{
  opacity: 0.4;
  filter: grayscale(100%);
  pointer-events: none;
  cursor: not-allowed;
}

body.vm-page-uzytkownicy .user-actions{
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;
  flex-wrap: nowrap;
}

body.vm-page-uzytkownicy .user-actions a{
  padding: 0 !important;
  font-size: 0 !important;
}

body.vm-page-uzytkownicy .user-actions a i{
  font-size: 24px !important;
  line-height: 1 !important;
}

body.vm-page-uzytkownicy .user-actions.is-disabled{
  opacity: 0.5;
  filter: grayscale(100%);
}

body.vm-page-uzytkownicy .user-actions.is-disabled a, body.vm-page-uzytkownicy .user-actions a[aria-disabled="true"]{
  pointer-events: none;
  cursor: not-allowed;
}

body.vm-page-uzytkownicy .user-actions a[aria-disabled="true"]{
  opacity: 0.5;
  filter: grayscale(100%);
}

body.vm-page-uzytkownicy .note-btn{
  font-size: 24px;
  color: #ffffff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

body.vm-page-uzytkownicy .note-btn.has-note{
  color: #9b59b6 !important;
}

body.vm-page-uzytkownicy .badge{
  position: absolute;
  z-index: 2;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  user-select: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

body.vm-page-uzytkownicy .badge-U{
  right: -2px;
  bottom: -2px;
  padding: 2px 6px;
  border-radius: 50%;
  background: #ff0000;
  color: var(--color-white);
}

body.vm-page-uzytkownicy .badge-G{
  top: -2px;
  right: 21px;
  padding: 2px 6px;
  border-radius: 50%;
  background: var(--color-white);
  color: #000;
}

body.vm-page-uzytkownicy .badge-C{
  top: 31px;
  left: 26px;
  padding: 2px 6px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  background: var(--color-red);
  color: var(--color-white);
}

body.vm-page-uzytkownicy .badge-P{
  top: -7px;
  left: -7px;
  padding: 2px 6px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  background: var(--color-green);
  color: var(--color-white);
}

body.vm-page-uzytkownicy .avatar{
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.vm-page-uzytkownicy .avatar:hover{
  position: relative;
  z-index: 10;
  transform: scale(1.5);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);
}

body.vm-page-uzytkownicy .cmodal-overlay[hidden]{
  display: none;
}

body.vm-page-uzytkownicy .cmodal-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
}

body.vm-page-uzytkownicy .cmodal-modal{
  width: min(92vw, 520px);
  overflow: hidden;
  border-radius: 14px;
  color: var(--color-white);
  box-shadow:
    0 12px 38px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset;
  transform: translateY(10px);
  animation: cmodalIn 0.18s ease-out both;
  background: rgba(0, 90, 190, 0.98);
}

@keyframes cmodalIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body.vm-page-uzytkownicy .cmodal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: linear-gradient(180deg, var(--color-orange) 0%, var(--color-orange-dark) 100%);
}

body.vm-page-uzytkownicy .cmodal-header h3{
  margin: 0;
  font-size: 18px;
}

body.vm-page-uzytkownicy .cmodal-close{
  border: 0;
  background: transparent;
  color: var(--color-white);
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
}

body.vm-page-uzytkownicy .cmodal-close:hover{
  opacity: 1;
}

body.vm-page-uzytkownicy .cmodal-body{
  padding: 18px 16px;
  font-size: 16px;
}

body.vm-page-uzytkownicy .cmodal-body textarea{
  font: inherit;
}

body.vm-page-uzytkownicy .cmodal-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 16px 16px;
}

body.vm-page-uzytkownicy .cmodal-btn{
  padding: 10px 14px;
  border: 1px solid var(--color-blue);
  border-radius: 10px;
  background: var(--color-white);
  color: var(--color-blue);
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: all 0.25s, transform 0.1s;
}

body.vm-page-uzytkownicy .cmodal-btn:hover{
  background: var(--color-blue);
  color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 6px var(--color-orange);
}

body.vm-page-uzytkownicy #note-text{
  width: 95%;
  min-height: 140px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  resize: vertical;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-white);
  font-size: 16px;
  transition: box-shadow 0.2s, border-color 0.2s, background 0.2s;
}

body.vm-page-uzytkownicy #note-text:focus{
  outline: none;
  border-color: var(--color-orange);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 3px rgba(255, 123, 0, 0.25);
}

body.vm-page-uzytkownicy #note-text::placeholder{
  color: rgba(255, 255, 255, 0.7);
}

body.vm-page-uzytkownicy #note-username{
  color: #1f6fe5;
  font-weight: 800;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.6),
    0 0 8px rgba(31, 111, 229, 0.5);
}

body.vm-page-uzytkownicy .note-type-wrap{
  width: 100%;
  margin-top: 12px;
}

body.vm-page-uzytkownicy .note-type-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

body.vm-page-uzytkownicy .note-type-pill{
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

body.vm-page-uzytkownicy .note-type-pill input{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

body.vm-page-uzytkownicy .note-type-pill span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-white);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all 0.2s ease;
}

body.vm-page-uzytkownicy .note-type-pill:hover span{
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.14);
}

body.vm-page-uzytkownicy .note-type-pill input:checked + span{
  border-color: var(--color-orange);
  box-shadow: 0 0 0 3px rgba(255, 123, 0, 0.22);
}

body.vm-page-uzytkownicy .note-type-pill input[value="info"]:checked + span{
  color: var(--color-purple);
  text-shadow: 0 0 6px rgba(167, 139, 250, 0.35);
}

body.vm-page-uzytkownicy .note-type-pill input[value="warning"]:checked + span{
  color: var(--color-yellow);
  text-shadow: 0 0 6px rgba(255, 214, 0, 0.35);
}

body.vm-page-uzytkownicy .note-type-pill input[value="important"]:checked + span{
  color: var(--color-red-bright);
  text-shadow: 0 0 6px rgba(255, 59, 48, 0.35);
}

body.vm-page-uzytkownicy #menu-mail{
  position: relative;
}

body.vm-page-uzytkownicy #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-uzytkownicy .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff3b30;
  color: var(--color-white);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 0 0 2px rgba(1, 111, 222, 1);
}

@keyframes pulseUnread {
  0%,
  100% {
    text-shadow: 0 0 6px rgba(255, 0, 0, 0.9);
  }
  50% {
    text-shadow: 0 0 16px rgba(255, 0, 0, 1);
  }
}

body.vm-page-uzytkownicy #toast-wrap{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  pointer-events: none;
}

body.vm-page-uzytkownicy .toast{
  max-width: min(92vw, 560px);
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  background: rgba(0, 90, 190, 0.98);
  color: var(--color-white);
  font-weight: 700;
  letter-spacing: 0.2px;
  text-align: center;
  pointer-events: auto;
  opacity: 0;
  transform: translateY(8px) scale(0.98);
  box-shadow:
    var(--shadow-xl),
    0 0 0 1px rgba(255, 255, 255, 0.18) inset;
  animation: toastCenterIn 0.18s ease-out forwards;
}

body.vm-page-uzytkownicy .toast.success{
  background: linear-gradient(180deg, var(--color-green-light) 0%, var(--color-green) 100%);
}

body.vm-page-uzytkownicy .toast.error{
  background: linear-gradient(180deg, var(--color-red) 0%, #a83226 100%);
}

body.vm-page-uzytkownicy .toast.warn{
  background: linear-gradient(180deg, #ffb100 0%, var(--color-orange) 100%);
  color: #000;
  text-shadow: none;
}

body.vm-page-uzytkownicy .toast .x{
  margin-left: 10px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
}

body.vm-page-uzytkownicy .toast.is-closing{
  animation: toastCenterOut 0.18s ease-out forwards;
}

@keyframes toastCenterIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes toastCenterOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
}

body.vm-page-uzytkownicy .users-card-head{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 6px;
}

body.vm-page-uzytkownicy .users-card-head h2{
  flex: 1 1 auto;
  min-width: 220px;
  margin: 0;
}

body.vm-page-uzytkownicy .presenters-tools{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  margin-left: auto;
}

body.vm-page-uzytkownicy .presenters-filters{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: auto !important;
}

body.vm-page-uzytkownicy .presenter-filter-btn{
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-white);
  font-size: 18px;
  cursor: pointer;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  transition: all 0.2s ease;
}

body.vm-page-uzytkownicy .presenter-filter-btn:hover{
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

body.vm-page-uzytkownicy .presenter-filter-btn.is-active{
  border-color: var(--color-orange);
  background: rgba(255, 123, 0, 0.18);
  box-shadow:
    0 0 0 3px rgba(255, 123, 0, 0.18),
    0 6px 14px rgba(0, 0, 0, 0.35);
}

body.vm-page-uzytkownicy .presenter-filter-btn[data-filter="notes"] i{
  color: var(--color-purple);
}

body.vm-page-uzytkownicy .presenter-filter-btn[data-filter="guest"] i{
  color: #1cd100;
}

body.vm-page-uzytkownicy .presenter-filter-btn[data-filter="team"] i{
  color: #ff8c00;
}

body.vm-page-uzytkownicy .presenter-filter-btn[data-filter="vacation"] i{
  color: #9c130b;
}

body.vm-page-uzytkownicy .presenter-filter-btn[data-filter="suspended"] i{
  color: #ff4d4d;
}

body.vm-page-uzytkownicy .presenters-reset-filter{
  height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-white);
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
}

body.vm-page-uzytkownicy .presenters-reset-filter:hover{
  background: rgba(255, 255, 255, 0.16);
}

body.vm-page-uzytkownicy .users-searchbar{
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto !important;
  margin: 0 0 0 10px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(2px);
}

body.vm-page-uzytkownicy .users-searchbar i{
  color: #ff8c00;
  font-size: 18px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

body.vm-page-uzytkownicy .users-searchbar input{
  flex: 1 1 auto;
  padding: 4px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

body.vm-page-uzytkownicy .users-searchbar input::placeholder{
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
}

body.vm-page-uzytkownicy .users-search-clear{
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-white);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
}

body.vm-page-uzytkownicy .users-search-clear:hover{
  background: rgba(255, 123, 0, 0.25);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}

body.vm-page-uzytkownicy .users-search-empty{
  margin: 8px 0 0;
  padding: 10px 12px;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.18);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 700;
  text-align: center;
}

body.vm-page-uzytkownicy .footer-bar{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 15px;
  color: var(--color-white);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.4);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02)),
    linear-gradient(180deg, var(--color-blue-deep), var(--color-blue-darker)) !important;
}

body.vm-page-uzytkownicy .footer-top{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 5px;
  font-size: 24px;
  white-space: nowrap;
}

body.vm-page-uzytkownicy .footer-top span{
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

body.vm-page-uzytkownicy .footer-top .label{
  flex: 0 0 auto;
}

body.vm-page-uzytkownicy .footer-top .marquee-box{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
}

body.vm-page-uzytkownicy .footer-top .marquee-content{
  display: inline-block;
  will-change: transform;
}

body.vm-page-uzytkownicy .footer-top .marquee-content.marquee{
  padding-left: 40px;
  animation: marquee 12s linear infinite;
}

body.vm-page-uzytkownicy .footer-top img{
  width: 34px;
  height: 34px;
  border-radius: 6px;
  object-fit: cover;
}

body.vm-page-uzytkownicy .footer-bottom{
  padding-bottom: 5px;
  font-size: 20px;
  text-align: center;
}

body.vm-page-uzytkownicy a.nav-btn, body.vm-page-uzytkownicy a.nav-btn:link, body.vm-page-uzytkownicy a.nav-btn:visited, body.vm-page-uzytkownicy a.nav-btn:hover, body.vm-page-uzytkownicy a.nav-btn:active, body.vm-page-uzytkownicy a.nav-btn:focus, body.vm-page-uzytkownicy a.nav-btn:focus-visible{
  color: var(--color-white) !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-uzytkownicy a.nav-btn i{
  color: inherit !important;
}

body.vm-page-uzytkownicy .nav-backdrop{
  position: fixed;
  inset: 80px 0 0 0;
  z-index: 1600;
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
  transition: opacity 0.18s ease;
}

@media (min-width: 992px) {
  body.vm-page-uzytkownicy{
    zoom: 0.89;
  }

  body.vm-page-uzytkownicy .topbar .menu-top{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    flex: unset;
  }

  body.vm-page-uzytkownicy .sidebar h3{
    padding: 8px 14px;
    margin: 10px 0;
  }

  body.vm-page-uzytkownicy .sidebar ul li a{
    gap: 10px;
    margin: 2px 8px;
    padding: 8px 10px;
    border-radius: 6px;
  }

  body.vm-page-uzytkownicy .sidebar ul li a i{
    width: 18px;
    font-size: 16px;
  }

  body.vm-page-uzytkownicy .main{
    margin-left: var(--sidebar-width);
  }

  body.vm-page-uzytkownicy .header-buttons{
    justify-content: flex-start;
  }

  body.vm-page-uzytkownicy .footer-bar{
    height: 25px;
    flex-direction: row;
    align-items: center;
  }

  body.vm-page-uzytkownicy .footer-top{
    justify-content: flex-start;
    gap: 200px;
    padding-top: 0;
    padding-bottom: 2px;
    font-size: 20px;
  }

  body.vm-page-uzytkownicy .footer-top img{
    width: 26px;
    height: 26px;
  }

  body.vm-page-uzytkownicy .footer-top .marquee-box{
    max-width: 180px;
  }

  body.vm-page-uzytkownicy .footer-bottom{
    padding-bottom: 2px;
    font-size: 16px;
    text-align: right;
    justify-content: flex-end;
  }

  body.vm-page-uzytkownicy .nav-btn{
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  body.vm-page-uzytkownicy .main{
    margin-left: 0 !important;
    padding-top: 100px;
  }

  body.vm-page-uzytkownicy .users-table{
    table-layout: auto !important;
  }

  body.vm-page-uzytkownicy .sidebar{
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform 0.22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
  }

  body.vm-page-uzytkownicy .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-uzytkownicy #menu:target ~ .nav-backdrop{
    opacity: 1;
    pointer-events: auto;
  }

  body.vm-page-uzytkownicy .sidebar ul li a{
    margin: 4px 8px;
    padding: 14px;
    border-radius: 12px;
  }

  body.vm-page-uzytkownicy .nav-btn{
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-right: 10px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    color: var(--color-white);
    font-size: 20px;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
  }

  body.vm-page-uzytkownicy .nav-btn:active{
    transform: translateY(1px);
  }

  body.vm-page-uzytkownicy .topbar a.logout{
    padding: 10px !important;
    font-size: 0 !important;
  }

  body.vm-page-uzytkownicy .topbar a.logout i{
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1;
  }

  body.vm-page-uzytkownicy .users-card-head{
    align-items: stretch;
  }

  body.vm-page-uzytkownicy .presenters-tools{
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 0;
  }

  body.vm-page-uzytkownicy .presenters-filters{
    width: 100%;
    flex-wrap: wrap;
  }

  body.vm-page-uzytkownicy .users-searchbar, body.vm-page-uzytkownicy .users-card-head .users-searchbar{
    width: 100% !important;
    margin-left: 0;
  }
}

@media (hover: hover) {
  body.vm-page-uzytkownicy a.nav-btn:hover{
    color: var(--color-white) !important;
    background: rgba(255, 255, 255, 0.2);
  }
}

  body.vm-page-uzytkownicy .presenter-filter-btn i{
    color: #ffffff !important;
}
body.vm-page-wiadomosci{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-wiadomosci::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-wiadomosci .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-wiadomosci .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-wiadomosci .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-wiadomosci .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-wiadomosci .topbar .menu-top a:hover, body.vm-page-wiadomosci .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-wiadomosci .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-wiadomosci .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-wiadomosci .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-wiadomosci .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-wiadomosci .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-wiadomosci .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-wiadomosci .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-wiadomosci .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-wiadomosci .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-wiadomosci .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-wiadomosci .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-wiadomosci .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-wiadomosci .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-wiadomosci .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-wiadomosci .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-wiadomosci .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-wiadomosci .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-wiadomosci #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-wiadomosci #menu-mail{ position: relative; }
body.vm-page-wiadomosci .mail-badge{
  position:absolute; top:-6px; right:-10px;
  min-width:18px; height:18px; padding:0 5px;
  font-size:12px; line-height:18px; text-align:center;
  border-radius:999px; background:#ff3b30; color:#fff;
  box-shadow:0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-wiadomosci .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-wiadomosci .card-welcome h2{ text-align:center; }

body.vm-page-wiadomosci table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-wiadomosci thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-wiadomosci tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-wiadomosci tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-wiadomosci tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-wiadomosci .users-table{ table-layout: auto !important; }
body.vm-page-wiadomosci .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-wiadomosci .users-table th:last-child, body.vm-page-wiadomosci .users-table td:last-child{ border-right:none; }
body.vm-page-wiadomosci .users-table td{ text-align:center; }

body.vm-page-wiadomosci .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-wiadomosci .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-wiadomosci .online-users .nickname{ font-weight:bold; }
body.vm-page-wiadomosci .online-users .time{ font-size:13px; }
body.vm-page-wiadomosci .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-wiadomosci .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-wiadomosci .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-wiadomosci .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-wiadomosci .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-wiadomosci .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-wiadomosci .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-wiadomosci .top-flash{ transition:none; } }

body.vm-page-wiadomosci #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-wiadomosci #chat-table th:nth-child(1), body.vm-page-wiadomosci #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-wiadomosci #chat-table th:nth-child(2), body.vm-page-wiadomosci #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-wiadomosci #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-wiadomosci #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-wiadomosci #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-wiadomosci #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-wiadomosci .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-wiadomosci .cmodal-overlay[hidden]{display:none;}
body.vm-page-wiadomosci .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}

body.vm-page-wiadomosci .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-wiadomosci .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-wiadomosci .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-wiadomosci .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-wiadomosci .cmodal-close:hover{opacity:1;}
body.vm-page-wiadomosci .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-wiadomosci .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-wiadomosci .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-wiadomosci .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-wiadomosci #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-wiadomosci #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-wiadomosci .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-wiadomosci .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-wiadomosci .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-wiadomosci .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-wiadomosci .chat-form{
  display:flex; gap:10px; margin:10px 0;
}
body.vm-page-wiadomosci .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-wiadomosci .chat-input::placeholder{
  color: rgba(255,255,255,.75);
}
body.vm-page-wiadomosci .chat-input:hover{
  background: rgba(255,255,255,.10);
}
body.vm-page-wiadomosci .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

    body.vm-page-wiadomosci input::placeholder, body.vm-page-wiadomosci textarea::placeholder{ color: rgba(255,255,255,0.6); opacity:1; }

body.vm-page-wiadomosci .chat-form:focus-within{
  filter: drop-shadow(0 0 8px rgba(255,123,0,.20));
}

body.vm-page-wiadomosci table{ width:100%; border-collapse:collapse; margin-top:10px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-wiadomosci thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:10px; text-align:left; }
body.vm-page-wiadomosci tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px; background:rgba(255,255,255,.04); }

body.vm-page-wiadomosci .form-row{ display:flex; gap:10px; margin:10px 0; }
body.vm-page-wiadomosci .form-col{ flex:1; }
body.vm-page-wiadomosci .input, body.vm-page-wiadomosci select, body.vm-page-wiadomosci textarea{
  width:100%; border-radius:10px; border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08); color:#fff; padding:10px; outline:none;
}
body.vm-page-wiadomosci textarea{ min-height:160px; resize:vertical; font-size: 15px; }
body.vm-page-wiadomosci .input:focus, body.vm-page-wiadomosci select:focus, body.vm-page-wiadomosci textarea:focus{
  border-color:#ff7b00; box-shadow:0 0 0 3px rgba(255,123,0,.25);
}

body.vm-page-wiadomosci .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-wiadomosci .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-wiadomosci .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-wiadomosci .footer-top .label{ flex:0 0 auto; }
body.vm-page-wiadomosci .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-wiadomosci .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-wiadomosci .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-wiadomosci .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-wiadomosci .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

body.vm-page-wiadomosci .psel{ position:relative; display:inline-block; }
body.vm-page-wiadomosci .psel .psel-toggle{
  cursor:pointer; user-select:none;
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 16px; min-width:160px;
  border-radius:12px;
  background:#fff; color:#016FDE;
  border:1px solid #016FDE;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:box-shadow .2s, background .2s, color .2s, border-color .2s, transform .05s;
}
body.vm-page-wiadomosci .psel .psel-toggle:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-wiadomosci .psel .psel-toggle:active{ transform:translateY(1px); }
body.vm-page-wiadomosci .psel .psel-toggle:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(1,111,222,.35),0 2px 6px rgba(0,0,0,.3);
  border-color:#016FDE;
}

body.vm-page-wiadomosci .psel .psel-toggle::after{
  content:"";
  font-family:"Font Awesome 6 Free"; font-weight:900;
  margin-left:10px; font-size:16px; opacity:.9;
}

body.vm-page-wiadomosci .psel .psel-list{
  position:absolute; left:0; top:calc(100% + 6px); min-width:100%;
  z-index:100000;
  padding:8px; border-radius:12px;
  background:rgba(8,20,45,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  max-height:260px; overflow:auto; display:none;
}
body.vm-page-wiadomosci .psel.open .psel-list{ display:block; }
body.vm-page-wiadomosci .psel .psel-item{
  padding:10px 12px; border-radius:10px; color:#fff; cursor:pointer;
}
body.vm-page-wiadomosci .psel .psel-item:hover, body.vm-page-wiadomosci .psel .psel-item[aria-selected="true"], body.vm-page-wiadomosci .psel .psel-item.active{
  background:rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

body.vm-page-wiadomosci select.select-native{
  position:absolute !important; left:-99999px !important; width:1px; height:1px; overflow:hidden;
}

@media (min-width: 992px){
  body.vm-page-wiadomosci{ zoom:.89; }
  body.vm-page-wiadomosci .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-wiadomosci .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-wiadomosci .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-wiadomosci .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-wiadomosci .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-wiadomosci .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-wiadomosci .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-wiadomosci .footer-top img{ height:26px; width:26px; }
  body.vm-page-wiadomosci .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-wiadomosci input[type="text"], body.vm-page-wiadomosci input[type="email"], body.vm-page-wiadomosci input[type="password"], body.vm-page-wiadomosci input[type="url"], body.vm-page-wiadomosci textarea, body.vm-page-wiadomosci select.form-input, body.vm-page-wiadomosci input.form-input{
  width:100%;
  box-sizing:border-box;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-wiadomosci input:focus, body.vm-page-wiadomosci textarea:focus, body.vm-page-wiadomosci select:focus, body.vm-page-wiadomosci .form-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-wiadomosci .select-wrap{
  position:relative;
  display:inline-block;
  width:100%;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  overflow:hidden;
}

body.vm-page-wiadomosci .select-wrap select.form-input{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  border:0 !important;
  border-radius:12px !important;
  width:100%;
  background:transparent !important;
  color:#fff;
  padding:12px 42px 12px 12px;
  line-height:1.25;
  outline:none;
}
body.vm-page-wiadomosci .select-wrap select.form-input:focus{
  box-shadow:none;
}

body.vm-page-wiadomosci .select-wrap:has(select.form-input:focus){
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25), 0 6px 14px rgba(0,0,0,.4);
}

body.vm-page-wiadomosci .select-wrap::after{
  content:"";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  right:12px; top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.9;
  font-size:16px;
  color:#fff;
}

body.vm-page-wiadomosci select.form-input option{ background:#0b1e3a; color:#fff; }
body.vm-page-wiadomosci select.form-input option:checked{ background:#184a9a linear-gradient(#184a9a,#184a9a); }

body.vm-page-wiadomosci select.form-input::-ms-expand{ display:none; }

body.vm-page-wiadomosci .select-wrap .select-s{ min-width:72px; }
body.vm-page-wiadomosci .select-wrap .select-xs{ min-width:68px; }

body.vm-page-wiadomosci .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:16px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
body.vm-page-wiadomosci .msg-tabs{
  gap:10px;
}

body.vm-page-wiadomosci .butn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:16px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
body.vm-page-wiadomosci .butn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-wiadomosci .butn:active{ transform:translateY(1px); }

body.vm-page-wiadomosci .btn-ghosts, body.vm-page-wiadomosci .butn-ghosts{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.35);
  box-shadow:0 2px 6px rgba(0,0,0,.3);
}

body.vm-page-wiadomosci .btn-ghosts:hover, body.vm-page-wiadomosci .butn-ghosts:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  text-shadow:none;
}

body.vm-page-wiadomosci .btn-ghosts:active, body.vm-page-wiadomosci .butn-ghosts:active{
  transform:translateY(1px);
}

body.vm-page-wiadomosci .btn-primary, body.vm-page-wiadomosci .msg-tabs .btn.active{
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  border-color:#ff7b00;
  color:#fff;
  box-shadow:0 4px 12px rgba(232,106,0,.35);
}
body.vm-page-wiadomosci .btn-primary{
  width: 250px;
}

body.vm-page-wiadomosci .btn-danger{
  background:#c0392b;
  border-color:#c0392b;
    color:#fff;
}
body.vm-page-wiadomosci .btn-danger:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(217,54,62,.35); }

body.vm-page-wiadomosci .butn-ghosts:hover, body.vm-page-wiadomosci .btn.btn-ghosts:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  text-shadow:none;
}

body.vm-page-wiadomosci .btn:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}

body.vm-page-wiadomosci .btn:active, body.vm-page-wiadomosci .btn-primary:active{
  transform:translateY(1px);
}

body.vm-page-wiadomosci .msg-tabs .btn.active{
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%) !important;
  border-color:#ff7b00 !important;
  color:#fff !important;
}
body.vm-page-wiadomosci .msg-tabs .btn.active:hover{
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(255,123,0,.35);
}

body.vm-page-wiadomosci .butt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:16px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
body.vm-page-wiadomosci .butt:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}
body.vm-page-wiadomosci .butt:active{ transform:translateY(1px); }

body.vm-page-wiadomosci .butt--active{
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  border-color:#ff7b00;
  color:#fff;
}
body.vm-page-wiadomosci .butt--active:hover{
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(255,123,0,.35);
}

body.vm-page-wiadomosci .msg-tabs .btn.active{
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  border-color:#ff7b00;
  color:#fff;
}

body.vm-page-wiadomosci .msg-tabs{ display:flex; flex-wrap:wrap; gap:10px; }

body.vm-page-wiadomosci label{ font-size:13px; text-transform:uppercase; letter-spacing:.4px; opacity:.9; }

body.vm-page-wiadomosci .select-wrap{ position:relative; display:inline-block; width:100%; }
body.vm-page-wiadomosci .select-wrap select.form-input{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding-right:42px; border:1px solid rgba(255,255,255,.18);
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  background-color:rgba(255,255,255,.08);
}
body.vm-page-wiadomosci .select-wrap::after{
  content:"";
  font-family:"Font Awesome 6 Free"; font-weight:900;
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  pointer-events:none; opacity:.85; font-size:16px; color:#fff;
}

body.vm-page-wiadomosci .chat-ops button[disabled]{
  opacity:.35;
  cursor:not-allowed !important;
}
body.vm-page-wiadomosci .chat-ops button[disabled]:hover{
  color:inherit;
}

body.vm-page-wiadomosci .role-admin{
  font-weight:800;
  font-size: 18px;
  color:#ff4d4f;
  text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-wiadomosci .role-prez{
  font-weight:800;
  font-size: 18px;
  color:#2ecc71;
  text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-wiadomosci #chat-table td.chat-ops{
  white-space:nowrap;
  text-align:center;
  padding:8px 6px;
}
body.vm-page-wiadomosci #chat-table td.chat-ops .ops{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}

body.vm-page-wiadomosci #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}

body.vm-page-wiadomosci #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}

body.vm-page-wiadomosci #chat-table td.chat-ops .ico[disabled]{
  opacity:.4; filter:grayscale(100%);
  pointer-events:none; cursor:not-allowed;
}

body.vm-page-wiadomosci .menu-top a.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-wiadomosci .table-messages{ width:100%; border-collapse:collapse; }
body.vm-page-wiadomosci .table-messages .nowrap{ white-space: nowrap; text-align:center; }

body.vm-page-wiadomosci col.c-user{ width:320px; }
body.vm-page-wiadomosci col.c-subj{ width:350px; }
body.vm-page-wiadomosci col.c-time{ width:70px; }
body.vm-page-wiadomosci col.c-date{ width:110px; }
body.vm-page-wiadomosci col.c-ops{ width:140px; }

body.vm-page-wiadomosci col.c-body{ width:auto;}

body.vm-page-wiadomosci .vmx-select{position:relative; display:inline-block; width:100%;}
body.vm-page-wiadomosci .vmx-hidden-select{position:absolute !important; opacity:0 !important; pointer-events:none !important; height:0 !important; width:0 !important; margin:0 !important; padding:0 !important; border:0 !important;}

body.vm-page-wiadomosci .vmx-select__button{
  position:relative; width:100%; text-align:left;
  padding:12px 42px 12px 12px; border-radius:12px;
  background:rgba(10,35,80,.96); color:#fff;
  font-size:15px; line-height:1.25;
  border:1px solid rgba(255,255,255,.22);
  cursor:pointer;
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-wiadomosci .vmx-select__button:hover{
  background:rgba(14,45,100,.98);
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4);
}
body.vm-page-wiadomosci .vmx-select__button:focus{
  outline:none;
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4);
}
body.vm-page-wiadomosci .vmx-select__button::after{
  content:"";
  position:absolute; right:12px; top:50%;
  width:18px; height:18px; transform:translateY(-50%);
  pointer-events:none; backface-visibility:hidden;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  background:#ff7b00;
  transition: transform .18s ease;
}
body.vm-page-wiadomosci .vmx-select.is-open .vmx-select__button::after{ transform:translateY(-50%) rotate(180deg); }

body.vm-page-wiadomosci .vmx-select__list{
  position:absolute; left:0; right:0; top:calc(100% + 6px); display:none;
  max-height:260px; overflow:auto; padding:6px; border-radius:12px;
  background:rgba(6,16,38,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  z-index:3000;
}
body.vm-page-wiadomosci .vmx-select.is-open .vmx-select__list{ display:block; }

body.vm-page-wiadomosci .vmx-option{
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:10px; color:#fff; cursor:pointer;
  transition: background .12s ease, box-shadow .12s ease, color .12s ease;
}
body.vm-page-wiadomosci .vmx-option:hover, body.vm-page-wiadomosci .vmx-option.is-active{
  background:linear-gradient(180deg, rgba(255,123,0,.22) 0%, rgba(232,106,0,.22) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,123,0,.25);
  color:#fff;
}
body.vm-page-wiadomosci .vmx-option[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow:none; color:#fff;
}
body.vm-page-wiadomosci .vmx-option__dot{ display:none !important; }

body.vm-page-wiadomosci #dow{ width:150px !important; min-width:150px !important; max-width:150px !important; }
body.vm-page-wiadomosci .vmx-select select#dow + .vmx-select__button{
  width:150px !important; min-width:150px !important; max-width:150px !important;
  justify-content:center; padding-left:6px; padding-right:26px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

body.vm-page-wiadomosci .time-inline .inline-wrap select.form-input, body.vm-page-wiadomosci .time-inline .inline-wrap .vmx-select__button{
  background:rgba(8,20,45,.96); color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 4px 10px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.05);
}
body.vm-page-wiadomosci .time-inline .inline-wrap select.form-input:hover, body.vm-page-wiadomosci .time-inline .inline-wrap .vmx-select__button:hover{
  background:rgba(14,45,100,.98);
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4);
}
body.vm-page-wiadomosci .time-inline .inline-wrap select.form-input:focus, body.vm-page-wiadomosci .time-inline .inline-wrap .vmx-select__button:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4);
  outline:none;
}

body.vm-page-wiadomosci .combo-list{ background:rgba(6,16,38,.98); border:1px solid rgba(255,255,255,.18); }
body.vm-page-wiadomosci .combo-item{
  padding:10px 12px; border-radius:10px;
  transition: background .12s ease, box-shadow .12s ease, color .12s ease;
}
body.vm-page-wiadomosci .combo-item:hover, body.vm-page-wiadomosci .combo-item.active{
  background:linear-gradient(180deg, rgba(255,123,0,.22) 0%, rgba(232,106,0,.22) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,123,0,.25);
  color:#fff;
}
body.vm-page-wiadomosci .combo-item[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow:none; color:#fff;
}

body.vm-page-wiadomosci .select-wrap::after{ content:none !important; }

body.vm-page-wiadomosci textarea.form-input[name="body"]{
  font-size:15px !important;
  font-family:inherit !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}
body.vm-page-wiadomosci textarea.form-input[name="body"]::placeholder{
  font-size:15px !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}
body.vm-page-wiadomosci #g-empty.g-empty{
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  padding: 60px 20px;
  margin: 20px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  box-shadow:
    0 4px 12px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.1);
  backdrop-filter: blur(2px);
}

body.vm-page-wiadomosci td.msg-body{
  position: relative;
  padding-bottom: 0;
}
body.vm-page-wiadomosci .msg-body__inner{
  position: relative;
  max-height: 50px;
  overflow: hidden;
}

body.vm-page-wiadomosci td.msg-body.is-clipped:not(.is-expanded) .msg-body__inner::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:36px;
  pointer-events:none;
  background: linear-gradient(180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.04) 60%,
    rgba(0,0,0,0.12) 100%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

body.vm-page-wiadomosci .msg-body__foot{
  display: none;
  padding: 8px 8px 10px 8px;
  display: none;
  justify-content: flex-end;
}
body.vm-page-wiadomosci td.msg-body.is-clipped .msg-body__foot{ display:flex; }

body.vm-page-wiadomosci .msg-toggle{
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 10px;
}

body.vm-page-wiadomosci td.msg-body.is-expanded .msg-body__inner{
  max-height: none;
  overflow: visible;
}
body.vm-page-wiadomosci td.msg-body.is-expanded .msg-body__inner::after{ content:none; }

body.vm-page-wiadomosci .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-wiadomosci .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-wiadomosci .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-wiadomosci .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-wiadomosci .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-wiadomosci .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-wiadomosci .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-wiadomosci .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-wiadomosci .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-wiadomosci .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-wiadomosci .online-header{ color: var(--vm-text) !important; }
body.vm-page-wiadomosci .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-wiadomosci .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-wiadomosci .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-wiadomosci .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-wiadomosci .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-wiadomosci .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-wiadomosci .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-wiadomosci .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-wiadomosci .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-wiadomosci .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-wiadomosci .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-wiadomosci .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-wiadomosci .online-users .nickname{ margin-right: 8px; }
body.vm-page-wiadomosci .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-wiadomosci .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-wiadomosci .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-wiadomosci .card h1, body.vm-page-wiadomosci .card h2, body.vm-page-wiadomosci .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-wiadomosci .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-wiadomosci .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-wiadomosci .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-wiadomosci .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-wiadomosci .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-wiadomosci .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-wiadomosci .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-wiadomosci .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-wiadomosci .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-wiadomosci .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-wiadomosci .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-wiadomosci .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-wiadomosci .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-wiadomosci .online-users .nickname, body.vm-page-wiadomosci .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-wiadomosci .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-wiadomosci .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-wiadomosci .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-wiadomosci .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-wiadomosci .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-wiadomosci .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-wiadomosci #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-wiadomosci .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-wiadomosci .nav-btn{ display:none; }
  body.vm-page-wiadomosci .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-wiadomosci .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-wiadomosci .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-wiadomosci .nav-btn{ display: none !important; }
}

body.vm-page-wiadomosci a.nav-btn, body.vm-page-wiadomosci a.nav-btn:link, body.vm-page-wiadomosci a.nav-btn:visited, body.vm-page-wiadomosci a.nav-btn:hover, body.vm-page-wiadomosci a.nav-btn:active, body.vm-page-wiadomosci a.nav-btn:focus, body.vm-page-wiadomosci a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-wiadomosci a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-wiadomosci a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

@media (max-width:2048px){
  body.vm-page-wiadomosci .table-messages{ table-layout:fixed; width:100%; }

  body.vm-page-wiadomosci .table-messages{
    --w-user: clamp(140px, 18vw, 220px);
    --w-subj: clamp(160px, 22vw, 280px);
    --w-time: clamp( 100px,  6.5vw, 120px);
    --w-date: clamp(100px, 10vw, 120px);
    --w-ops:  clamp(150px, 12vw, 190px);
  }

  body.vm-page-wiadomosci .table-messages col.c-user, body.vm-page-wiadomosci .table-messages colgroup col:nth-child(1){ width:var(--w-user) !important; }
  body.vm-page-wiadomosci .table-messages col.c-subj, body.vm-page-wiadomosci .table-messages colgroup col:nth-child(2){ width:var(--w-subj) !important; }

  body.vm-page-wiadomosci .table-messages col.c-time, body.vm-page-wiadomosci .table-messages colgroup col:nth-child(4){ width:var(--w-time) !important; }
  body.vm-page-wiadomosci .table-messages col.c-date, body.vm-page-wiadomosci .table-messages colgroup col:nth-child(5){ width:var(--w-date) !important; }
  body.vm-page-wiadomosci .table-messages col.c-ops, body.vm-page-wiadomosci .table-messages colgroup col:nth-child(6){ width:var(--w-ops)  !important; }

  body.vm-page-wiadomosci .table-messages thead th:nth-child(1), body.vm-page-wiadomosci .table-messages tbody td:nth-child(1){ width:var(--w-user) !important; max-width:var(--w-user) !important; }
  body.vm-page-wiadomosci .table-messages thead th:nth-child(2), body.vm-page-wiadomosci .table-messages tbody td:nth-child(2){ width:var(--w-subj) !important; max-width:var(--w-subj) !important; }
  body.vm-page-wiadomosci .table-messages thead th:nth-child(4), body.vm-page-wiadomosci .table-messages tbody td:nth-child(4){ width:var(--w-time) !important; }
  body.vm-page-wiadomosci .table-messages thead th:nth-child(5), body.vm-page-wiadomosci .table-messages tbody td:nth-child(5){ width:var(--w-date) !important; }
  body.vm-page-wiadomosci .table-messages thead th:nth-child(6), body.vm-page-wiadomosci .table-messages tbody td:nth-child(6){ width:var(--w-ops)  !important; }

  body.vm-page-wiadomosci .table-messages td:nth-child(1), body.vm-page-wiadomosci .table-messages td:nth-child(2), body.vm-page-wiadomosci .table-messages td:nth-child(4), body.vm-page-wiadomosci .table-messages td:nth-child(5){
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;
  }

  body.vm-page-wiadomosci .table-messages td:nth-child(6){
    white-space:nowrap; text-align:center;
  }
  body.vm-page-wiadomosci .table-messages td:nth-child(6) .btn{
    padding:0 !important; width:34px; height:34px; border-radius:8px;
    display:inline-grid; place-items:center; margin:2px; line-height:1;
  }
  body.vm-page-wiadomosci .table-messages td:nth-child(6) .btn i{ font-size:17px; }
}

@media (min-width:2049px){
  body.vm-page-wiadomosci .table-messages{ table-layout:auto !important; }
}
body.vm-page-widgety{ margin: 0; font-family: "Segoe UI", sans-serif; background: none; color: #fff; position: relative; }
body.vm-page-widgety::before{ content: ""; position: fixed; inset: 0; z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size: cover; will-change: transform; backface-visibility: hidden; transform: translateZ(0);
}
body.vm-page-widgety .topbar{ height: 80px; background-color: #016FDE; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; box-sizing: border-box;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
body.vm-page-widgety .topbar img{ height: 60px; border-radius: 10px; margin-left: -12px; }
body.vm-page-widgety .topbar .menu-top{ display: flex; justify-content: center; flex: 1; gap: 30px; font-size: 30px; }
body.vm-page-widgety .topbar .menu-top a{ color: #fff; transition: color .25s ease, text-shadow .25s ease; }
body.vm-page-widgety .topbar .menu-top a:hover, body.vm-page-widgety .topbar .menu-top a.active{ color: #ff7b00; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
body.vm-page-widgety .topbar a.logout{ background: #fff; color: #016FDE; text-decoration: none; font-weight: bold; font-size: 18px;
  border: 1px solid #016FDE; padding: 10px 15px; border-radius: 10px; margin-left: auto; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.25s ease;
}
body.vm-page-widgety .topbar a.logout:hover{ background: #016FDE; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 6px #ff7b00;
}
body.vm-page-widgety .sidebar{ width: 350px; position: fixed; top: 80px; bottom: 30px; left: 0; padding-top: 10px; overflow-y: auto;
  background: linear-gradient(180deg, var(--sb-blue1) 0%, var(--sb-blue2) 100%); box-shadow: 4px 0 15px rgba(0,0,0,0.45);
  border-right: 2px solid rgba(255,255,255,0.15); color: var(--sb-white);
}
body.vm-page-widgety .sidebar h3{ font-size: 16px; text-transform: uppercase; padding: 14px 20px; margin: 12px 0; color: #fff; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(90deg, rgba(0, 50, 120) 0%, rgba(255,165,0,0.25) 100%); border-left: 5px solid #ff7b00;
  border-bottom: 2px solid rgba(255,255,255,0.25); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.4);
}
body.vm-page-widgety .sidebar ul{list-style:none; padding:0; margin:0;}
body.vm-page-widgety .sidebar ul li a{ display:flex; align-items:center; gap:15px; padding:15px 10px; color:var(--sb-white); text-decoration:none; border-radius:10px; margin:2px 10px;
  transition:all .25s ease; font-size:15px; font-weight:500; position:relative; overflow:hidden;
}
body.vm-page-widgety .sidebar ul li a i{ width:20px; text-align:center; font-size:18px; transition:color .25s, transform .25s, text-shadow .25s; }
body.vm-page-widgety .sidebar ul li a:hover{ background:rgba(255,255,255,0.12); transform:translateX(3px); box-shadow:0 4px 12px rgba(0,0,0,0.3); }
body.vm-page-widgety .sidebar ul li a:hover i{ color:#ff7b00; transform:scale(1.1); text-shadow:0 0 4px rgba(0,0,0,0.9); }
body.vm-page-widgety .sidebar ul li a:hover::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#ff7b00; }
body.vm-page-widgety .sidebar ul li a.active{ background:rgba(255,255,255,0.2); box-shadow: inset 0 0 12px rgba(255,165,0,0.4); font-weight:600; }
body.vm-page-widgety .sidebar ul li a.active i{ color:#ff7b00; text-shadow:0 0 4px rgba(0,0,0,0.9); }

body.vm-page-widgety .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-widgety .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-widgety .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3); border-radius:5px; }
body.vm-page-widgety .sidebar:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); }

body.vm-page-widgety .main{ margin-left:350px; padding:20px; padding-top:100px; padding-bottom:50px; }

body.vm-page-widgety .card{ background:rgba(0, 90, 190, .95); padding:20px; border-radius:12px; margin-bottom:20px; backdrop-filter:blur(3px); color:#fff; }
body.vm-page-widgety .card-welcome h2{ text-align:center; }

body.vm-page-widgety table{ width:100%; border-collapse: collapse; margin-top:15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,.4); }
body.vm-page-widgety thead th{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); color:#fff; font-weight:bold; padding:12px 10px; text-align:left; font-size:20px !important; text-shadow:0 1px 2px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.2); letter-spacing:.5px; }
body.vm-page-widgety tbody td{ border:1px solid rgba(255,255,255,.15); padding:10px 15px; background:rgba(255,255,255,.04); transition:background .25s; }
body.vm-page-widgety tbody tr:nth-child(even) td{ background:rgba(255,255,255,.07); }
body.vm-page-widgety tbody tr:hover td{ background:rgba(255,255,255,.12); }

body.vm-page-widgety .users-table{ table-layout: auto !important; }
body.vm-page-widgety .users-table th{ height:30px; padding:10px; text-align:center; border-right:1px solid rgba(255,255,255,.2); text-transform:uppercase; font-size:14px; }
body.vm-page-widgety .users-table th:last-child, body.vm-page-widgety .users-table td:last-child{ border-right:none; }
body.vm-page-widgety .users-table td{ text-align:center; }

body.vm-page-widgety .online-users{ list-style:none; padding:0 20px; margin:0; }
body.vm-page-widgety .online-users li{ display:flex; padding:5px; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,0.1); }
body.vm-page-widgety .online-users .nickname{ font-weight:bold; }
body.vm-page-widgety .online-users .time{ font-size:13px; }
body.vm-page-widgety .online-header{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding:0 10px; }
body.vm-page-widgety .online-header .count{ display:inline-block; font-weight:700; color:#FFA500; font-size:20px; line-height:1; text-shadow:1px 1px 2px #000; }

body.vm-page-widgety .top-flash{ position: sticky; top: 90px; z-index: 1200; margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; font-weight: 700; letter-spacing: .2px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
body.vm-page-widgety .top-flash.success{ background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%); border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-widgety .top-flash.error{ background:#c0392b; border:1px solid rgba(255,255,255,.25); color:#fff; }
body.vm-page-widgety .top-flash{ opacity:1; transition: opacity .3s ease, transform .3s ease; }
body.vm-page-widgety .top-flash.is-hiding{ opacity:0; transform: translateY(-6px); }
@media (prefers-reduced-motion: reduce){ body.vm-page-widgety .top-flash{ transition:none; } }

body.vm-page-widgety #chat-table.users-table{ table-layout: auto !important; width:100%; }
body.vm-page-widgety #chat-table th:nth-child(1), body.vm-page-widgety #chat-table td:nth-child(1){ min-width:160px; text-align:center; }
body.vm-page-widgety #chat-table th:nth-child(2), body.vm-page-widgety #chat-table td:nth-child(2){ min-width:200px; text-align:center; }
body.vm-page-widgety #chat-table td:nth-child(3){ width:100%; text-align:left; white-space:normal; word-break:break-word; }
body.vm-page-widgety #chat-table td.chat-ops{ white-space:nowrap; text-align:center; }
body.vm-page-widgety #chat-table td.chat-ops button{ cursor:pointer; border:0; background:none; color:#fff; padding:6px; border-radius:8px; margin:2px; font-size:18px; transition:color .2s; }
body.vm-page-widgety #chat-table td.chat-ops button:hover{ color:#ff7b00; }

body.vm-page-widgety .chat-pinned-row td{ background: rgba(255, 215, 0, 0.12) !important; }

body.vm-page-widgety .cmodal-overlay[hidden]{display:none;}
body.vm-page-widgety .cmodal-overlay{position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.55); display:grid; place-items:center; backdrop-filter:blur(2px);}

body.vm-page-widgety .cmodal-modal{
  width:min(90vw,500px);
  background:rgba(0,90,190,.98);
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 38px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.12) inset;
  overflow:hidden;
  transform:translateY(10px);
  animation:cmodalIn .18s ease-out both;
}
body.vm-page-widgety .cmodal-header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);}
body.vm-page-widgety .cmodal-header h3{margin:0; font-size:18px;}
body.vm-page-widgety .cmodal-close{border:0; background:transparent; color:#fff; font-size:40px; line-height:1; cursor:pointer; opacity:.9;}
body.vm-page-widgety .cmodal-close:hover{opacity:1;}
body.vm-page-widgety .cmodal-body{padding:18px 16px; font-size:16px;}
body.vm-page-widgety .cmodal-actions{display:flex; gap:10px; justify-content:flex-end; padding:12px 16px 16px;}
body.vm-page-widgety .cmodal-btn{background:#fff; color:#016FDE; font-weight:bold; font-size:16px; border:1px solid #016FDE; border-radius:10px; padding:10px 14px; box-shadow:0 2px 6px rgba(0,0,0,.3); transition:all .25s, transform .1s; cursor:pointer;}
body.vm-page-widgety .cmodal-btn:hover{background:#016FDE; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;}

body.vm-page-widgety .subnote{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 14px 16px 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
body.vm-page-widgety .subnote::before{
  content: "";
  position: absolute; left: -1px; top: -1px; bottom: -1px; width: 6px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, #ff8c00 0%, #e86a00 100%);
  box-shadow: 0 0 10px rgba(255,123,0,.45);
}
body.vm-page-widgety .subnote i{
  font-size: 18px;
  color: #ff8c00;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-widgety .subnote .badge{
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.5);
  font-size: 20px;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.30);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,123,0,.20);
}

body.vm-page-widgety #menu-mail.has-unread i{
  color: #ff4444 !important;
  animation: pulseUnread 1s infinite;
}

body.vm-page-widgety #menu-mail{ position: relative; }
body.vm-page-widgety .mail-badge{
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 999px;
  background: #ff3b30;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-widgety #edit-textarea{
  width:95%;
  min-height:140px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:12px;
  font-size:16px;
  resize:vertical;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-widgety #edit-textarea:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-widgety .chat-form{
  display:flex; gap:10px; margin:10px 0;
}
body.vm-page-widgety .chat-input{
  flex:1;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition: box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-widgety .chat-input::placeholder{
  color: rgba(255,255,255,.75);
}
body.vm-page-widgety .chat-input:hover{
  background: rgba(255,255,255,.10);
}
body.vm-page-widgety .chat-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
}

body.vm-page-widgety .chat-form:focus-within{
  filter: drop-shadow(0 0 8px rgba(255,123,0,.20));
}

body.vm-page-widgety .footer-bar{ position:fixed; bottom:0; left:0; right:0; height:70px; background-color:rgba(1,111,222,1); display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 -2px 6px rgba(0,0,0,0.4); color:#fff; padding:5px 15px; }
body.vm-page-widgety .footer-top{ display:flex; padding-top:5px; align-items:center; justify-content:center; gap:20px; font-size:24px; white-space:nowrap; }
body.vm-page-widgety .footer-top span{ display:flex; align-items:center; gap:6px; min-width:0; }
body.vm-page-widgety .footer-top .label{ flex:0 0 auto; }
body.vm-page-widgety .footer-top .marquee-box{ position:relative; flex:1 1 0; min-width:0; max-width:140px; overflow:hidden; white-space:nowrap; }
body.vm-page-widgety .footer-top .marquee-content{ display:inline-block; will-change:transform; }
body.vm-page-widgety .footer-top .marquee-content.marquee{ animation:marquee 12s linear infinite; padding-left:40px; }
body.vm-page-widgety .footer-top img{ height:34px; width:34px; object-fit:cover; border-radius:6px; }
body.vm-page-widgety .footer-bottom{ text-align:center; padding-bottom:5px; font-size:20px; }

@media (min-width: 992px){
  body.vm-page-widgety{ zoom:.89; }
  body.vm-page-widgety .topbar .menu-top{ position:absolute; left:50%; transform:translateX(-50%); justify-content:center; flex:unset; }
  body.vm-page-widgety .sidebar h3{ padding:10px 16px; margin:6px 0; }
  body.vm-page-widgety .sidebar ul li a{ gap:10px; padding:8px 10px; border-radius:6px; margin:2px 8px; }
  body.vm-page-widgety .sidebar ul li a i{ font-size:16px; width:18px; }
  body.vm-page-widgety .footer-bar{ height:25px; flex-direction:row; align-items:center; }
  body.vm-page-widgety .footer-top{ justify-content:flex-start; font-size:20px; gap:200px; padding-top:0; padding-bottom:2px; }
  body.vm-page-widgety .footer-bottom{ justify-content:flex-end; text-align:right; padding-bottom:2px; font-size:16px; }
  body.vm-page-widgety .footer-top img{ height:26px; width:26px; }
  body.vm-page-widgety .footer-top .marquee-box{ flex:1 1 0; min-width:0; max-width:180px; overflow:hidden; }
}

body.vm-page-widgety .chat-ops button[disabled]{
  opacity:.35;
  cursor:not-allowed !important;
}
body.vm-page-widgety .chat-ops button[disabled]:hover{
  color:inherit;
}

body.vm-page-widgety .role-admin{
  font-weight:800;
  font-size: 18px;
  color:#ff4d4f;
  text-shadow:0 0 4px rgba(255,0,0,.6), 0 0 6px rgba(0,0,0,.5);
}
body.vm-page-widgety .role-prez{
  font-weight:800;
  font-size: 18px;
  color:#2ecc71;
  text-shadow:0 0 4px rgba(0,255,100,.6), 0 0 6px rgba(0,0,0,.5);
}

body.vm-page-widgety #chat-table td.chat-ops{
  white-space:nowrap;
  text-align:center;
  padding:8px 6px;
}
body.vm-page-widgety #chat-table td.chat-ops .ops{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}

body.vm-page-widgety #chat-table td.chat-ops .ico{
  display:inline-grid; place-items:center;
  width:34px; height:34px; border-radius:8px;
  font-size:18px; line-height:1;
  border:0; background:rgba(255,255,255,.12); color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  cursor:pointer;
}

body.vm-page-widgety #chat-table td.chat-ops .ico:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  color:#ff7b00;
}

body.vm-page-widgety #chat-table td.chat-ops .ico[disabled]{
  opacity:.4; filter:grayscale(100%);
  pointer-events:none; cursor:not-allowed;
}

body.vm-page-widgety .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:12px; font-size: 16px;
  border:1px solid #016FDE; background:#fff; color:#016FDE; font-weight:700; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.3); transition: transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s; }
body.vm-page-widgety .btn:hover{ background:#016FDE; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4); }
body.vm-page-widgety .btn:active{ transform:translateY(1px); }
body.vm-page-widgety .btn-primary{ background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%); border-color:#ff7b00; color:#fff; width: 170px; }
body.vm-page-widgety .btn-primary:hover{ filter:brightness(1.05); box-shadow:0 8px 20px rgba(255,123,0,.35); }

body.vm-page-widgety .sidebar{
  color: var(--vm-text) !important;
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 6px 0 24px rgba(0,0,0,.32);
}

body.vm-page-widgety .sidebar ul li a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0;
  width:3px; pointer-events:none;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}

body.vm-page-widgety .sidebar ul li a i{
  color: rgba(255,255,255,.9) !important;
  text-shadow: none;
}

body.vm-page-widgety .sidebar ul li a:hover{
  background: linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-widgety .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-widgety .sidebar ul li a:hover i{ color: var(--vm-orange) !important; text-shadow: 0 0 4px rgba(0,0,0,.5); }

body.vm-page-widgety .sidebar ul li a.active{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(1,111,222,.35);
  font-weight: 700 !important;
}
body.vm-page-widgety .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-widgety .sidebar ul li a.active i{ color: var(--vm-orange) !important; }

body.vm-page-widgety .sidebar ul li a span{
  color: var(--vm-text) !important;
  opacity: .98;
}

body.vm-page-widgety .online-header{ color: var(--vm-text) !important; }
body.vm-page-widgety .online-header .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 20px; padding: 0 8px;
  font-size: 12.5px; font-weight: 900; line-height: 1;
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(255,123,0,.28), 0 0 0 2px rgba(255,123,0,.18);
}

body.vm-page-widgety .online-users li{
  background: var(--vm-surface) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-widgety .online-users li:hover{
  background: var(--vm-surface2) !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.vm-page-widgety .online-users .nickname{
  font-weight: 800;
  position: relative;
  padding-left: 16px;
}

body.vm-page-widgety .online-users .nickname::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  box-shadow: 0 0 6px rgba(46,204,113,.7);
  transform: translateY(-50%);
}

body.vm-page-widgety .online-users .time{ color: var(--vm-muted) !important; }
body.vm-page-widgety .sidebar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.22);
  border-radius:8px; border:2px solid transparent; background-clip:padding-box;
}
body.vm-page-widgety .sidebar:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.34); }

body.vm-page-widgety .topbar{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.vm-page-widgety .footer-bar{
  border-top: 1px solid rgba(255,255,255,.10);
}

body.vm-page-widgety .online-header .count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;

  font-size: 12.5px;
  font-weight: 900;
  line-height: 1;
  color: #fff !important;

  background: linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius: 999px;
  box-shadow:
    0 0 6px rgba(46, 204, 113, .6),
    0 0 0 2px rgba(46, 204, 113, .3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45) !important;
}

body.vm-page-widgety .online-users li{
  display: flex !important;
  align-items: center !important;
}
body.vm-page-widgety .online-users .nickname{ margin-right: 8px; }
body.vm-page-widgety .online-users .time{
  margin-left: auto !important;
  align-self: center !important;
  line-height: 1 !important;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--vm-muted) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.vm-page-widgety .sidebar{
  box-shadow:
    10px 0 28px rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,255,255,.06)
    !important;
}

body.vm-page-widgety .card{
  color: #fff !important;

  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(4px);
}

body.vm-page-widgety .card h1, body.vm-page-widgety .card h2, body.vm-page-widgety .card h3{
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

body.vm-page-widgety .card thead th{
  background:
    linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.vm-page-widgety .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    linear-gradient(200deg, #0d2748 0%, #0a1e38 100%),
    radial-gradient(700px 380px at 96% -10%, rgba(255,123,0,.10), transparent 60%);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

body.vm-page-widgety .sidebar{
  box-shadow:
    8px 0 18px -8px rgba(0,0,0,.48),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-widgety .card{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-widgety .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.vm-page-widgety .sidebar{
  border-right: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}

body.vm-page-widgety .sidebar ul li a.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}

body.vm-page-widgety .sidebar h3{
  margin: 10px 0;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;

background: linear-gradient(
  90deg,
  #ff6a00 20%,
  #ff7b00 50%,
  #ff8f2b 80%
) !important;

  border: none;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.4);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);

  border-radius: 4px;
}

body.vm-page-widgety .sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
}

body.vm-page-widgety .topbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-widgety .footer-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}

body.vm-page-widgety .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-widgety .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}

body.vm-page-widgety .online-users .nickname, body.vm-page-widgety .online-users .nickname:hover{
  cursor: default !important;
}

@media (max-width: 991.98px){

  body.vm-page-widgety .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-widgety .sidebar{
    position: fixed; z-index: 2000;
    top:80px; bottom:0; left:0;
    width: min(86vw, 320px);
    transform: translateX(-100%);
    transition: transform .22s ease;
    will-change: transform;
    border-right: 1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width: 991.98px){

  body.vm-page-widgety .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px; height:42px;
    margin-right:10px;
    border:0; border-radius:10px;
    background: rgba(255,255,255,.15);
    color:#fff; font-size:20px; text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-widgety .nav-btn:active{ transform: translateY(1px); }

  body.vm-page-widgety .sidebar:target{
    transform: translateX(0);
  }

  body.vm-page-widgety .nav-backdrop{
    position: fixed; inset:80px 0 0 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index: 1600;
    opacity:0; pointer-events:none;
    transition: opacity .18s ease;
  }

  body.vm-page-widgety #menu:target ~ .nav-backdrop{
    opacity:1; pointer-events:auto;
  }

  body.vm-page-widgety .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }
}

@media (min-width: 992px){
  body.vm-page-widgety .nav-btn{ display:none; }
  body.vm-page-widgety .main{ margin-left:350px; }
}

@media (max-width: 991.98px){
  body.vm-page-widgety .topbar a.logout{
    font-size: 0 !important;
    padding: 10px !important;
  }
  body.vm-page-widgety .topbar a.logout i{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
}

@media (min-width: 992px){
  body.vm-page-widgety .nav-btn{ display: none !important; }
}

body.vm-page-widgety a.nav-btn, body.vm-page-widgety a.nav-btn:link, body.vm-page-widgety a.nav-btn:visited, body.vm-page-widgety a.nav-btn:hover, body.vm-page-widgety a.nav-btn:active, body.vm-page-widgety a.nav-btn:focus, body.vm-page-widgety a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background: rgba(255,255,255,.15);
  outline: none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color: transparent;
}

body.vm-page-widgety a.nav-btn i{
  color:inherit !important;
}

@media (hover:hover){
  body.vm-page-widgety a.nav-btn:hover{
    color:#fff !important;
    background: rgba(255,255,255,.20);
  }
}

body.vm-page-widgety #ramowka-form{
  display:flex !important;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
  overflow:visible;
  padding:8px 6px;
  margin:10px 0 16px;
}

body.vm-page-widgety #ramowka-form > div{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  white-space:nowrap;
}

body.vm-page-widgety #ramowka-form > div:last-child{
  margin-left:0 !important;
}

body.vm-page-widgety #ramowka-form input[type="color"]{
  width:40px; height:34px;
  padding:0;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  cursor:pointer;
}
body.vm-page-widgety #ramowka-form input[type="number"]{
  width:84px; height:34px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:6px 10px;
  outline:none;
}

body.vm-page-widgety #ramowka-form label{
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,.92);
  line-height:1;
}

body.vm-page-widgety #ramowka-form .btn{
  white-space:nowrap;
  min-height:36px;
  padding:10px 14px;
  font-size:14.5px;
}
body.vm-page-widgety #ramowka-form .btn i{ font-size:14px; }
body.vm-page-widgety #ramowka-form .btn-primary{ width:auto !important; }

@media (max-width: 1700px){
  body.vm-page-widgety #ramowka-form{ gap:10px; }
  body.vm-page-widgety #ramowka-form label{ font-size:12.5px; }
  body.vm-page-widgety #ramowka-form .btn{ padding:9px 12px; font-size:14px; }
  body.vm-page-widgety #ramowka-form input[type="color"]{ width:36px; height:32px; }
  body.vm-page-widgety #ramowka-form input[type="number"]{ width:76px; height:32px; padding:5px 8px; }
}

@media (max-width: 1540px){
  body.vm-page-widgety #ramowka-form{ gap:8px; }
  body.vm-page-widgety #ramowka-form label{ font-size:12px; }
  body.vm-page-widgety #ramowka-form .btn{ padding:8px 10px; font-size:13.5px; }
  body.vm-page-widgety #ramowka-form .btn i{ font-size:13px; }
  body.vm-page-widgety #ramowka-form input[type="color"]{ width:32px; height:30px; }
  body.vm-page-widgety #ramowka-form input[type="number"]{ width:70px; height:30px; padding:4px 8px; }
}

@media (max-width: 1460px){
  body.vm-page-widgety #ramowka-form label{ display:none; }
  body.vm-page-widgety #ramowka-form{ gap:10px; }
}

body.vm-page-widgety #ramowka-form input{
  box-sizing: border-box;
  font-size: 14.5px;
}

body.vm-page-widgety #ramowka-form input[type="color"]{
  width: 40px; height: 34px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
}

body.vm-page-widgety #ramowka-form input[type="number"]{
  width: 84px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  color: #fff;
  outline: none;
  appearance: textfield;
}

body.vm-page-widgety #ramowka-form input[type="number"]::-webkit-outer-spin-button, body.vm-page-widgety #ramowka-form input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

body.vm-page-widgety #ramowka-form{
  display: flex !important;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}
body.vm-page-widgety #ramowka-form > div:last-child{
  margin-left: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.vm-page-widgety #ramowka-form .btn{
  min-height: 36px;
  padding: 10px 14px;
  white-space: nowrap;
  font-size: 14.5px;
}
body.vm-page-widgety #ramowka-form .btn.btn-primary{ width: auto !important; }

body.vm-page-audycja{
  --sb-blue1:#016fde;
  --sb-blue2:#005ab4;
  --sb-white:#fff;

  --vm-bg:#0b0f18;
  --vm-surface:rgba(255,255,255,.04);
  --vm-surface2:rgba(255,255,255,.06);
  --vm-text:rgba(255,255,255,.92);
  --vm-muted:rgba(255,255,255,.70);
  --vm-orange:#ff7b00;
  --vm-orange2:#ff8f2b;
  --vm-blue:#016FDE;

  --vm-blue-a:#0a4799;
  --vm-blue-b:#063574;

  --footer-h:70px;
}

body.vm-page-audycja{
  margin:0;
  font-family:"Segoe UI",sans-serif;
  background:none;
  color:#fff;
  position:relative;
}
body.vm-page-audycja::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 20% 30%, #FF8C00 0%, transparent 60%),
    radial-gradient(circle at 80% 20%, #FF6A00 0%, transparent 50%),
    radial-gradient(circle at 40% 80%, #FF9E2C 0%, transparent 60%),
    #FF7B00;
  background-size:cover;
  will-change:transform;
  backface-visibility:hidden;
  transform:translateZ(0);
}

body.vm-page-audycja
#menu-mail{ position:relative; }
body.vm-page-audycja #menu-mail.has-unread i{
  color:#ff4444 !important;
  animation:pulseUnread 1s infinite;
}
body.vm-page-audycja .mail-badge{
  position:absolute;
  top:-6px;
  right:-10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  font-size:12px;
  line-height:18px;
  text-align:center;
  border-radius:999px;
  background:#ff3b30;
  color:#fff;
  box-shadow:0 0 0 2px rgba(1,111,222,1);
}

body.vm-page-audycja
.topbar{
  height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  position:fixed;
  top:0; left:0; right:0;
  width:100%;
  z-index:1000;
  box-sizing:border-box;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}
body.vm-page-audycja .topbar img{
  height:60px;
  border-radius:10px;
  margin-left:-12px;
}
body.vm-page-audycja .topbar .menu-top{
  display:flex;
  justify-content:center;
  flex:1;
  gap:30px;
  font-size:30px;
}
body.vm-page-audycja .topbar .menu-top a{
  color:#fff;
  transition:color .25s ease, text-shadow .25s ease;
}
body.vm-page-audycja .topbar .menu-top a:hover, body.vm-page-audycja .topbar .menu-top a.active{
  color:#ff7b00;
  text-shadow:0 0 4px rgba(0,0,0,.9);
}
body.vm-page-audycja .topbar a.logout{
  background:#fff;
  color:#016FDE;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  border:1px solid #016FDE;
  padding:10px 15px;
  border-radius:10px;
  margin-left:auto;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:all .25s ease;
}
body.vm-page-audycja .topbar a.logout:hover{
  background:#016FDE;
  color:#fff;
  text-shadow:0 0 4px rgba(0,0,0,.9);
  box-shadow:0 4px 12px rgba(0,0,0,.5), 0 0 6px #ff7b00;
}

body.vm-page-audycja
.sidebar{
  width:350px;
  position:fixed;
  top:80px;
  bottom:30px;
  left:0;
  padding-top:10px;
  overflow-y:auto;
  color:var(--vm-text) !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    linear-gradient(180deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%) !important;
  box-shadow:
    6px 0 16px -6px rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,255,255,.06) !important;
}
body.vm-page-audycja .sidebar h3{
  margin:10px 0;
  padding:8px 14px;
  font-size:18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#fff;
  background:linear-gradient(90deg, #ff6a00 20%, #ff7b00 50%, #ff8f2b 80%) !important;
  border:none;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(0,0,0,.4);
  border-radius:4px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 2px 4px rgba(0,0,0,.35);
}
body.vm-page-audycja .sidebar ul{
  list-style:none;
  padding:0;
  margin:0;
}
body.vm-page-audycja .sidebar ul li a{
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 10px;
  color:var(--sb-white);
  text-decoration:none;
  border-radius:10px;
  margin:2px 10px;
  transition:all .25s ease;
  font-size:15px;
  font-weight:500;
  position:relative;
  overflow:hidden;
}
body.vm-page-audycja .sidebar ul li a::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  pointer-events:none;
  background:linear-gradient(180deg, var(--vm-orange), var(--vm-orange2));
  opacity:0;
}
body.vm-page-audycja .sidebar ul li a i{
  width:20px;
  text-align:center;
  font-size:18px;
  color:rgba(255,255,255,.9) !important;
  text-shadow:none;
  transition:color .25s, transform .25s, text-shadow .25s;
}
body.vm-page-audycja .sidebar ul li a span{
  color:var(--vm-text) !important;
  opacity:.98;
}
body.vm-page-audycja .sidebar ul li a:hover{
  background:linear-gradient(180deg, rgba(255,123,0,.12), rgba(255,255,255,.02)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(255,123,0,.18);
}
body.vm-page-audycja .sidebar ul li a:hover::before{ opacity:1; }
body.vm-page-audycja .sidebar ul li a:hover i{
  color:var(--vm-orange) !important;
  text-shadow:0 0 4px rgba(0,0,0,.5);
}
body.vm-page-audycja .sidebar ul li a.active{
  font-weight:700 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(74,168,255,.22), rgba(74,168,255,.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(74,168,255,.45);
}
body.vm-page-audycja .sidebar ul li a.active::before{ opacity:1; }
body.vm-page-audycja .sidebar ul li a.active i{ color:var(--vm-orange) !important; }

body.vm-page-audycja .sidebar::-webkit-scrollbar{ width:10px; }
body.vm-page-audycja .sidebar::-webkit-scrollbar-track{ background:transparent; }
body.vm-page-audycja .sidebar::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);
  border-radius:8px;
  border:2px solid transparent;
  background-clip:padding-box;
}
body.vm-page-audycja .sidebar:hover::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.34);
}

body.vm-page-audycja
.online-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
  padding:0 10px;
  color:var(--vm-text) !important;
}
body.vm-page-audycja .online-header .count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:20px;
  padding:0 8px;
  font-size:12.5px;
  font-weight:900;
  line-height:1;
  color:#fff !important;
  background:linear-gradient(180deg, #2ecc71 0%, #27ae60 100%) !important;
  border-radius:999px;
  box-shadow:
    0 0 6px rgba(46,204,113,.6),
    0 0 0 2px rgba(46,204,113,.3);
  text-shadow:0 1px 1px rgba(0,0,0,.45) !important;
}
body.vm-page-audycja .online-users{
  list-style:none;
  padding:0 20px;
  margin:0;
}
body.vm-page-audycja .online-users li{
  display:flex !important;
  align-items:center !important;
  padding:5px;
  justify-content:space-between;
  background:var(--vm-surface) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
body.vm-page-audycja .online-users li:hover{
  background:var(--vm-surface2) !important;
  border-color:rgba(255,255,255,.14) !important;
}
body.vm-page-audycja .online-users .nickname{
  font-weight:800;
  position:relative;
  padding-left:16px;
  margin-right:8px;
  cursor:default !important;
}
body.vm-page-audycja .online-users .nickname:hover{
  cursor:default !important;
}
body.vm-page-audycja .online-users .nickname::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2ecc71;
  box-shadow:0 0 6px rgba(46,204,113,.7);
  transform:translateY(-50%);
}
body.vm-page-audycja .online-users .time{
  margin-left:auto !important;
  align-self:center !important;
  line-height:1 !important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  color:var(--vm-muted) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.05);
}

body.vm-page-audycja
.main{
  margin-left:350px;
  padding:20px;
  padding-top:100px;
  padding-bottom:calc(var(--footer-h) + 20px) !important;
}
body.vm-page-audycja .card{
  margin-bottom:20px;
  padding:20px;
  border-radius:12px;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(4px);
  overflow:visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(600px 320px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.42),
    0 3px 8px -3px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}
body.vm-page-audycja .card:hover{
  box-shadow:
    0 10px 18px -6px rgba(0,0,0,.44),
    0 3px 8px -3px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}
body.vm-page-audycja .card h1, body.vm-page-audycja .card h2, body.vm-page-audycja .card h3{
  color:rgba(255,255,255,.98) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
body.vm-page-audycja .card thead th{
  background:linear-gradient(180deg, #ff7b00 0%, #e86a00 100%) !important;
  border-color:rgba(255,255,255,.2) !important;
}
body.vm-page-audycja .card.card-welcome{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(200deg, var(--vm-blue-a) 0%, var(--vm-blue-b) 100%),
    radial-gradient(650px 340px at 96% -10%, rgba(255,123,0,.08), transparent 60%) !important;
}
body.vm-page-audycja .main > .card:first-of-type{
  position:relative;
  z-index:3;
}
body.vm-page-audycja .card.card-embed{
  position:relative;
  z-index:1;
  margin-top:16px;
}

body.vm-page-audycja
.form-group{ display:grid; gap:8px; margin-bottom:14px; }
body.vm-page-audycja .form-row-2{ display:grid; grid-template-columns:1fr; gap:40px; }
body.vm-page-audycja label{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.4px;
  opacity:.9;
}
body.vm-page-audycja input[type="text"], body.vm-page-audycja input[type="email"], body.vm-page-audycja input[type="password"], body.vm-page-audycja input[type="url"], body.vm-page-audycja textarea, body.vm-page-audycja select.form-input, body.vm-page-audycja input.form-input, body.vm-page-audycja .form-input{
  width:100%;
  box-sizing:border-box;
  padding:12px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  transition:box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-audycja input:focus, body.vm-page-audycja textarea:focus, body.vm-page-audycja select:focus, body.vm-page-audycja .form-input:focus, body.vm-page-audycja label + .form-input:focus{
  border-color:#ff7b00;
  box-shadow:0 0 0 3px rgba(255,123,0,.25);
  background:rgba(255,255,255,.12);
  outline:none;
}

body.vm-page-audycja
.header-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
body.vm-page-audycja .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:16px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid #016FDE;
  background:#fff;
  color:#016FDE;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  transition:transform .05s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
body.vm-page-audycja .btn:hover{
  background:#016FDE;
  color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}
body.vm-page-audycja .btn:active{ transform:translateY(1px); }
body.vm-page-audycja .btn-ghost{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.35);
}
body.vm-page-audycja .btn-ghost:hover{ background:rgba(255,255,255,.08); }
body.vm-page-audycja .btn-primary{
  width:300px;
  background:linear-gradient(180deg,#ff7b00 0%,#e86a00 100%);
  border-color:#ff7b00;
  color:#fff;
}
body.vm-page-audycja .btn-primary:hover{
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(255,123,0,.35);
}

body.vm-page-audycja
.vacation-inline{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
}
body.vm-page-audycja .vacation-inline input[type="checkbox"]{
  transform:scale(1.3);
  cursor:pointer;
}
body.vm-page-audycja .vacation-inline label{
  font-size:16px;
  text-transform:none;
  letter-spacing:0;
  margin-top:-2px;
}
body.vm-page-audycja .top-flash{
  position:sticky;
  top:90px;
  z-index:1200;
  margin:0 0 16px;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
body.vm-page-audycja .top-flash.success{
  background:linear-gradient(180deg,#2ecc71 0%, #27ae60 100%);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
}
body.vm-page-audycja .top-flash.error{
  background:#c0392b;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
}

body.vm-page-audycja
.time-row{ display:flex; gap:8px; }
body.vm-page-audycja .time-inline, body.vm-page-audycja .time-inline .inline-wrap{ overflow:visible !important; }
body.vm-page-audycja .time-inline .inline-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  align-items:center;
}
body.vm-page-audycja .time-inline .time-label{
  font-size:14px;
  font-weight:700;
  opacity:.95;
  margin:0 4px;
}
body.vm-page-audycja .time-inline select.form-input{
  width:auto;
  min-width:60px;
}

body.vm-page-audycja
select.form-input{
  appearance:auto;
  background:rgba(255,255,255,.08);
  color:#fff;
}
body.vm-page-audycja select.form-input option{
  background:#0b1e3a;
  color:#fff;
}
body.vm-page-audycja select.form-input option:checked{
  background:#184a9a linear-gradient(#184a9a,#184a9a);
}

body.vm-page-audycja
.time-inline .inline-wrap select.form-input, body.vm-page-audycja .time-inline .inline-wrap .form-input[type="text"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  border-radius:12px !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  padding-right:42px !important;
  transition:box-shadow .2s, border-color .2s, background .2s, transform .05s !important;
}
body.vm-page-audycja .time-inline .inline-wrap .select-s{ min-width:72px; }
body.vm-page-audycja .time-inline .inline-wrap .select-xs{ min-width:68px; }

body.vm-page-audycja
.time-inline .inline-wrap select.form-input{
  background:rgba(8,20,45,.95) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  background-image:none !important;
}
body.vm-page-audycja .time-inline .inline-wrap select.form-input:hover{
  background:rgba(14,45,100,.98) !important;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-audycja .time-inline .inline-wrap select.form-input:focus{
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4) !important;
  outline:none !important;
}
body.vm-page-audycja .time-inline .inline-wrap select.form-input::-ms-expand{ display:none; }

body.vm-page-audycja
input[list]{
  background:rgba(255,255,255,.08);
  color:#fff;
}
body.vm-page-audycja .combo-wrap{ position:relative; }
body.vm-page-audycja .combo-wrap input[list]{
  background-image:linear-gradient(45deg, transparent 50%, #fff 50%),
                   linear-gradient(135deg, #fff 50%, transparent 50%),
                   linear-gradient(to right, transparent, transparent);
  background-position:calc(100% - 18px) calc(50% - 3px),
                      calc(100% - 12px) calc(50% - 3px),
                      calc(100% - 2.2em) 50%;
  background-size:6px 6px, 6px 6px, 1px 1.8em;
  background-repeat:no-repeat;
}
body.vm-page-audycja .combo-list{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 4px);
  font-size:15px;
  line-height:1.35;
  padding:8px;
  border-radius:12px;
  background:rgba(8,20,45,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
  max-height:290px !important;
  overflow:auto;
  z-index:99999;
  display:none;
}
body.vm-page-audycja .combo-item{
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
}
body.vm-page-audycja .combo-item:hover, body.vm-page-audycja .combo-item.active{
  background:rgba(255,123,0,.14);
  box-shadow:inset 0 0 0 1px rgba(255,123,0,.20);
}
body.vm-page-audycja .combo-item[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%);
  box-shadow:none;
}

body.vm-page-audycja #presenter:hover, body.vm-page-audycja #presenter:focus{
  background-image:none !important;
}
body.vm-page-audycja #presenter::-webkit-calendar-picker-indicator{
  display:none !important;
  -webkit-appearance:none;
}
body.vm-page-audycja .combo-wrap input[list]#presenter{
  padding-right:40px;
  background-image:none !important;
}

body.vm-page-audycja
.psel{
  position:relative;
  display:inline-block;
}
body.vm-page-audycja .psel .psel-toggle{
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  min-width:90px;
  padding-right:42px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  transition:box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-audycja .psel .psel-toggle:hover{
  background-color:rgba(255,255,255,.12) !important;
}
body.vm-page-audycja .psel .psel-toggle:focus{
  outline:none;
  background-color:rgba(255,255,255,.12) !important;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.25), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-audycja .psel .psel-toggle.select-s{ min-width:72px; }
body.vm-page-audycja .psel .psel-toggle.select-xs{ min-width:68px; }

body.vm-page-audycja .psel .psel-list{
  position:absolute;
  left:0;
  top:calc(100% + 4px);
  min-width:100%;
  display:none;
  z-index:100000;
}
body.vm-page-audycja .psel.open .psel-list{ display:block; }
body.vm-page-audycja .psel .combo-list{ max-height:290px !important; }

body.vm-page-audycja
.vmx-select{ position:relative; display:inline-block; }
body.vm-page-audycja .time-inline .vmx-select{ position:relative; }
body.vm-page-audycja .vmx-select.is-open, body.vm-page-audycja .time-inline .vmx-select.is-open{ z-index:2147483647; }

body.vm-page-audycja .vmx-select__button{
  position:relative;
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  width:auto;
  min-width:90px;
  padding:12px 16px;
  padding-right:42px;
  border-radius:12px;
  background:rgba(8,20,45,.95) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  transition:box-shadow .2s, border-color .2s, background .2s;
}
body.vm-page-audycja .vmx-select__button:hover{
  background:rgba(14,45,100,.98) !important;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.22), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-audycja .vmx-select__button:focus{
  outline:none;
  border-color:#ff7b00 !important;
  box-shadow:0 0 0 3px rgba(255,123,0,.28), 0 6px 14px rgba(0,0,0,.4) !important;
}
body.vm-page-audycja .vmx-select__button.select-s{ min-width:72px; }
body.vm-page-audycja .vmx-select__button.select-xs{ min-width:68px; }

body.vm-page-audycja .vmx-select__button::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%) rotate(0deg) translateZ(0);
  backface-visibility:hidden;
  pointer-events:none;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='6,9 12,15 18,9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  background:#ff7b00;
  transition:transform .18s ease;
}
body.vm-page-audycja .vmx-select.is-open .vmx-select__button::after{
  transform:translateY(-50%) rotate(180deg) translateZ(0);
}

body.vm-page-audycja .vmx-select__list, body.vm-page-audycja .time-inline .vmx-select__list{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  min-width:100%;
  display:none;
  padding:8px;
  border-radius:12px;
  background:rgba(8,20,45,.98);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 32px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06);
  max-height:290px !important;
  overflow:auto;
}
body.vm-page-audycja .vmx-select.is-open .vmx-select__list{ display:block; }

body.vm-page-audycja .vmx-select__item{
  padding:10px 12px;
  border-radius:10px;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  transition:background .12s ease, box-shadow .12s ease;
}
body.vm-page-audycja .vmx-select__item:hover, body.vm-page-audycja .vmx-select__item.active{
  background:linear-gradient(180deg, rgba(255,123,0,.25) 0%, rgba(232,106,0,.25) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,123,0,.20);
}
body.vm-page-audycja .vmx-select__item[aria-selected="true"]{
  background:linear-gradient(180deg,#ff7b00 0%, #e86a00 100%) !important;
  color:#fff !important;
  box-shadow:none;
}
body.vm-page-audycja .vmx-select select.form-input, body.vm-page-audycja .time-inline .inline-wrap select.form-input{
  position:absolute;
  left:-99999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

body.vm-page-audycja
#dow, body.vm-page-audycja .vmx-select select#dow, body.vm-page-audycja .vmx-select select#dow + .vmx-select__button{
  min-width:150px !important;
  max-width:150px !important;
  width:150px !important;
  text-align:left !important;
}
body.vm-page-audycja .vmx-select__button#dow, body.vm-page-audycja .vmx-select select#dow + .vmx-select__button{
  justify-content:flex-start !important;
  padding-left:12px !important;
  padding-right:24px !important;
}

body.vm-page-audycja
.footer-bar{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:9999;
  height:70px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  padding:5px 15px;
  box-shadow:0 -2px 6px rgba(0,0,0,.4);
  border-top:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--vm-blue-a), var(--vm-blue-b)) !important;
}
body.vm-page-audycja .footer-top{
  display:flex;
  padding-top:5px;
  align-items:center;
  justify-content:center;
  gap:20px;
  font-size:24px;
  white-space:nowrap;
}
body.vm-page-audycja .footer-top span{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
body.vm-page-audycja .footer-top .label{ flex:0 0 auto; }
body.vm-page-audycja .footer-top .marquee-box{
  position:relative;
  flex:1 1 0;
  min-width:0;
  max-width:140px;
  overflow:hidden;
  white-space:nowrap;
}
body.vm-page-audycja .footer-top .marquee-content{
  display:inline-block;
  will-change:transform;
}
body.vm-page-audycja .footer-top .marquee-content.marquee{
  animation:marquee 12s linear infinite;
  padding-left:40px;
}
body.vm-page-audycja .footer-top img{
  height:34px;
  width:34px;
  object-fit:cover;
  border-radius:6px;
}
body.vm-page-audycja .footer-bottom{
  text-align:center;
  padding-bottom:5px;
  font-size:20px;
}

body.vm-page-audycja
.embed-wrap{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 18px -6px rgba(0,0,0,.42), 0 3px 8px -3px rgba(0,0,0,.35);
  background:rgba(255,255,255,.02);
}
body.vm-page-audycja .embed-wrap iframe{
  display:block;
  width:100%;
  height:450px;
  border:0;
  background:#0b0f18;
}
body.vm-page-audycja .embed-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
body.vm-page-audycja .embed-actions .note{
  font-size:13px;
  opacity:.9;
}
body.vm-page-audycja .embed-actions .btn-open{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  cursor:pointer;
  background:#fff;
  color:#016FDE;
  border:1px solid #016FDE;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
}
body.vm-page-audycja .embed-actions .btn-open:hover{
  background:#016FDE;
  color:#fff;
}

body.vm-page-audycja
@media (min-width:720px){
  .form-row-2{ grid-template-columns:1fr 1fr; }
}

@media (max-width:1700px){
  body.vm-page-audycja .embed-wrap iframe{ height:700px; }
}
@media (max-width:1500px){
  body.vm-page-audycja .embed-wrap iframe{ height:640px; }
}

@media (max-width:991.98px){
  body.vm-page-audycja .main{
    margin-left:0 !important;
    padding-top:100px;
  }

  body.vm-page-audycja .sidebar{
    position:fixed;
    z-index:2000;
    top:80px;
    bottom:0;
    left:0;
    width:min(86vw, 320px);
    transform:translateX(-100%);
    transition:transform .22s ease;
    will-change:transform;
    border-right:1px solid rgba(255,255,255,.15) !important;
  }
  body.vm-page-audycja .sidebar:target{
    transform:translateX(0);
  }
  body.vm-page-audycja .sidebar ul li a{
    padding:14px 14px;
    margin:4px 8px;
    border-radius:12px;
  }

  body.vm-page-audycja .nav-btn{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-right:10px;
    border:0;
    border-radius:10px;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-size:20px;
    text-decoration:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
  }
  body.vm-page-audycja .nav-btn:active{ transform:translateY(1px); }

  body.vm-page-audycja .nav-backdrop{
    position:fixed;
    inset:80px 0 0 0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(2px);
    z-index:1600;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  body.vm-page-audycja #menu:target ~ .nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.vm-page-audycja .topbar a.logout{
    font-size:0 !important;
    padding:10px !important;
  }
  body.vm-page-audycja .topbar a.logout i{
    font-size:18px !important;
    line-height:1;
    margin:0 !important;
  }

  body.vm-page-audycja .embed-wrap iframe{ height:520px; }
}

@media (min-width:992px){
  body.vm-page-audycja{ zoom:.89; }
  body.vm-page-audycja{ --footer-h:25px; }

  body.vm-page-audycja .topbar .menu-top{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    justify-content:center;
    flex:unset;
  }

  body.vm-page-audycja .sidebar h3{
    padding:8px 14px;
    margin:10px 0;
    font-size:18px;
  }
  body.vm-page-audycja .sidebar ul li a{
    gap:10px;
    padding:8px 10px;
    border-radius:6px;
    margin:2px 8px;
  }
  body.vm-page-audycja .sidebar ul li a i{
    font-size:16px;
    width:18px;
  }

  body.vm-page-audycja .footer-bar{
    height:25px;
    flex-direction:row;
    align-items:center;
  }
  body.vm-page-audycja .footer-top{
    justify-content:flex-start;
    font-size:20px;
    gap:200px;
    padding-top:0;
    padding-bottom:2px;
  }
  body.vm-page-audycja .footer-bottom{
    justify-content:flex-end;
    text-align:right;
    padding-bottom:2px;
    font-size:16px;
  }
  body.vm-page-audycja .footer-top img{
    height:26px;
    width:26px;
  }
  body.vm-page-audycja .footer-top .marquee-box{
    max-width:180px;
  }

  body.vm-page-audycja .nav-btn{ display:none !important; }
}

body.vm-page-audycja a.nav-btn, body.vm-page-audycja a.nav-btn:link, body.vm-page-audycja a.nav-btn:visited, body.vm-page-audycja a.nav-btn:hover, body.vm-page-audycja a.nav-btn:active, body.vm-page-audycja a.nav-btn:focus, body.vm-page-audycja a.nav-btn:focus-visible{
  color:#fff !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.15);
  outline:none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:transparent;
}
body.vm-page-audycja a.nav-btn i{ color:inherit !important; }

@media (hover:hover){
  body.vm-page-audycja a.nav-btn:hover{
    color:#fff !important;
    background:rgba(255,255,255,.20);
  }
}