*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}:root{
    --bg-primary: #0d1321;
    --bg-secondary: #162235;
    --bg-tertiary: #22324b;
    --accent-color: #14b8a6;
    --accent-hover: #0d9488;
    --accent-light: #5eead4;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #2b3d5b;
    --shadow: rgba(0, 0, 0, 0.3);
    --shadow-lg: rgba(0, 0, 0, 0.5);
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 30px;
    --radius-xl: 40px;
    --tracksy-scrollbar-track: #0b1120;
    --tracksy-scrollbar-thumb: rgba(100, 116, 139, 0.42);
    --tracksy-scrollbar-thumb-hover: rgba(20, 184, 166, 0.38);
    --bento-framed-max-height: min(350px, 52vh);
}html{
    scroll-behavior: smooth;

    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--tracksy-scrollbar-thumb) var(--tracksy-scrollbar-track);
}body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
}body.nav-open{
    overflow: hidden;
}.container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}:root{
    --header-height: 96px;
}body.has-sidebar{
    --header-height: 72px;
}.app-with-sidebar{
    display: block;
    min-height: calc(100vh - var(--header-height));
}.app-with-sidebar .main-content{
    margin-left: 260px;
    min-height: calc(100vh - var(--header-height));
}.app-sidebar{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 260px;
    background: var(--bg-secondary);
    border-right: 1px solid var(--border-color);
    padding: 0;
    overflow-y: auto;
    z-index: 90;
}.sidebar-brand{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1rem 1.25rem;
    text-decoration: none;
    color: var(--text-primary);
    transition: background 0.2s, color 0.2s;
}.sidebar-brand:hover{
    background: var(--bg-tertiary);
    color: var(--text-primary);
}.sidebar-brand-logo{
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}.sidebar-brand-text{
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}.sidebar-nav{
    padding: 1rem 0.5rem;
}.sidebar-category{
    margin-bottom: 0.25rem;
}.sidebar-category-title{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.6rem 0.75rem;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}.sidebar-category-title:hover{
    background: var(--bg-tertiary);
    color: var(--text-primary);
}.sidebar-category-title i:first-child{
    font-size: 0.9rem;
    opacity: 0.9;
}.sidebar-category-chevron{
    margin-left: auto;
    font-size: 0.65rem;
    transition: transform 0.2s;
}.sidebar-category[data-collapsed="true"] .sidebar-category-chevron{
    transform: rotate(-90deg);
}.sidebar-category[data-collapsed="true"] .sidebar-category-list{
    display: none;
}.sidebar-category-list{
    list-style: none;
    padding: 0.25rem 0 0.5rem;
    margin: 0;
}.sidebar-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.5rem 0.75rem 0.5rem 2rem;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: var(--radius-sm);
    transition: background 0.2s, color 0.2s;
}.sidebar-link:hover{
    background: var(--bg-tertiary);
    color: var(--text-primary);
}.sidebar-link.active{
    background: rgba(20, 184, 166, 0.15);
    color: var(--accent-light);
    font-weight: 500;
}.sidebar-link i{
    font-size: 0.9rem;
    width: 1.2em;
    text-align: center;
}.sidebar-link.sidebar-link--with-badge .sidebar-link__label{
    flex: 1;
    min-width: 0;
}.admin-nav-pending-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    min-height: 1.4rem;
    padding: 2px 8px;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    border-radius: 6px;
    background: #dc2626;
    color: #fff;
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.35);
}.admin-nav-pending-badge--muted{
    background: #475569;
    color: #f1f5f9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.28);
}@media (max-width: 900px) {.app-with-sidebar .main-content{
        margin-left: 0;
    }.app-sidebar{
        top: 0;
        transform: translateX(-100%);
        transition: transform 0.2s;
    }.app-with-sidebar.sidebar-open .app-sidebar{
        transform: translateX(0);
    }body.has-sidebar .sidebar-open-btn{
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin-right: 8px;
        background: transparent;
        border: none;
        color: var(--text-primary);
        cursor: pointer;
        border-radius: var(--radius-sm);
    }body.has-sidebar .sidebar-open-btn:hover{
        background: var(--bg-tertiary);
    }.app-with-sidebar + .main-footer{
        margin-left: 0;
    }}.btn-hub{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--accent-color);
    color: white;
    text-decoration: none;
    border-radius: var(--radius-md);
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}.btn-hub:hover{
    background: var(--accent-hover);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(20, 184, 166, 0.4);
}.main-content{
    min-height: calc(100vh - 200px);
    padding-top: 1.25rem;
    padding-bottom: 3rem;
}body.has-sidebar .main-content{
    position: relative;
    overflow: hidden;
}body.has-sidebar .main-content::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(13, 19, 33, 0.34) 0%, rgba(22, 34, 53, 0.5) 100%),
        radial-gradient(ellipse 120% 80% at 50% -15%, rgba(59, 130, 246, 0.16), transparent 52%),
        radial-gradient(ellipse 70% 55% at 95% 35%, rgba(37, 99, 235, 0.12), transparent 50%),
        radial-gradient(ellipse 55% 45% at 0% 85%, rgba(30, 64, 175, 0.1), transparent 48%);
}body.has-sidebar .vtc-form-card,
body.has-sidebar .vtc-search-card,
body.has-sidebar .vtc-card,
body.has-sidebar .vtc-view-header,
body.has-sidebar .vtc-view-card,
body.has-sidebar .ban-card,
body.has-sidebar .profile-history-modal-box,
body.has-sidebar .profile-ban-modal-content,
body.has-sidebar .settings-card,
body.has-sidebar .table-wrap{
    background: rgba(22, 34, 53, 0.5);
    border-color: rgba(71, 85, 105, 0.45);
    backdrop-filter: blur(12px);
}@media (prefers-reduced-transparency: reduce) {body.has-sidebar .vtc-form-card,
    body.has-sidebar .vtc-search-card,
    body.has-sidebar .vtc-card,
    body.has-sidebar .vtc-view-header,
    body.has-sidebar .vtc-view-card,
    body.has-sidebar .ban-card,
    body.has-sidebar .profile-history-modal-box,
    body.has-sidebar .profile-ban-modal-content,
    body.has-sidebar .settings-card,
    body.has-sidebar .table-wrap{
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: var(--bg-secondary);
        border-color: var(--border-color);
    }}.hero-section{
    position: relative;
    padding: 0 0 60px;
    margin-top: -1.25rem;
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}.hero-content{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}.hero-title{
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(135deg, var(--text-primary), var(--accent-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}.hero-subtitle{
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    color: var(--text-secondary);
    margin-bottom: 40px;
}.btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 40px;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
    color: white;
    text-decoration: none;
    border-radius: var(--radius-lg);
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 6px 25px rgba(20, 184, 166, 0.4);
    border: none;
    cursor: pointer;
}.btn-primary:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 35px rgba(20, 184, 166, 0.6);
}.stats-section{
    padding: 60px 0;
    background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
}.stats-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}.stat-card{
    background: var(--bg-tertiary);
    padding: 24px 20px;
    border-radius: var(--radius-md);
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}.stat-card:hover{
    transform: translateY(-4px);
    border-color: var(--accent-color);
}.stat-icon{
    font-size: 32px;
    margin-bottom: 12px;
    display: block;
    color: var(--accent-color);
}.stat-number{
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}.stat-label{
    font-size: 0.875rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}.technology-section{
    padding: 60px 0;
}.technology-content{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: center;
}.technology-title{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 8px;
}.technology-subtitle{
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--accent-light);
    margin-bottom: 16px;
}.technology-description{
    font-size: 1rem;
    line-height: 1.8;
    color: var(--text-secondary);
    margin-bottom: 20px;
}.technology-features{
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}.technology-features li{
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
}.technology-features li i{
    color: var(--accent-color);
}.technology-image-display{
    display: flex;
    align-items: center;
    justify-content: center;
}.main-footer{
    position: relative;
    margin-top: auto;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, var(--bg-secondary) 38%);
    border-top: 1px solid rgba(94, 234, 212, 0.12);
    padding: 2rem 0 1rem;
    overflow: hidden;
}.main-footer__accent{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent-color), var(--accent-light), transparent);
    opacity: 0.85;
    pointer-events: none;
}.main-footer__inner{
    position: relative;
    z-index: 1;
}.app-with-sidebar + .main-footer{
    margin-left: 260px;
}.footer-grid{
    display: grid;
    grid-template-columns: minmax(200px, 1.2fr) minmax(260px, 1fr);
    gap: 1.25rem 2rem;
    margin-bottom: 1.25rem;
    align-items: start;
}.footer-brand-block{
    max-width: 22rem;
}.footer-brand-link{
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: var(--text-primary);
    transition: color 0.2s ease, filter 0.2s ease;
}.footer-brand-link:hover{
    color: var(--accent-light);
}.footer-brand-name{
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: lowercase;
}.footer-logo-img{
    width: 48px;
    height: 48px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 12px rgba(20, 184, 166, 0.25));
}.footer-description{
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.55;
    margin: 0.85rem 0 0;
}.footer-col .footer-title{
    margin-top: 0;
}.footer-title{
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.85rem;
    color: var(--accent-light);
}.footer-col:has(.footer-links--inline) .footer-title{
    margin-bottom: 0.5rem;
}.footer-links{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}.footer-links--inline{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0;
    row-gap: 0.4rem;
}.footer-links--inline li{
    display: inline-flex;
    align-items: center;
}.footer-links--inline li .footer-link-dot{
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-left: 0.65rem;
    margin-right: 0.65rem;
    background: rgba(94, 234, 212, 0.35);
    flex-shrink: 0;
    align-self: center;
}.footer-links a{
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.2s ease, transform 0.2s ease;
}.footer-links a:hover{
    color: var(--accent-light);
}.footer-bottom{
    text-align: center;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    color: var(--text-muted);
    font-size: 0.82rem;
}.main-footer--map-dock{
    margin: 0;
    padding: 0.55rem 0.75rem;
    background: rgba(11, 19, 26, 0.96);
    border-top: 1px solid rgba(94, 234, 212, 0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}.main-footer-map-dock-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem 0.5rem;
    max-width: 1120px;
    margin: 0 auto;
    font-size: 0.8rem;
    font-weight: 600;
}.main-footer--map-dock a{
    color: rgba(226, 232, 240, 0.92);
    text-decoration: none;
    padding: 0.2rem 0.45rem;
    border-radius: var(--radius-sm);
    transition: color 0.2s ease, background 0.2s ease;
}.main-footer--map-dock a:hover{
    color: var(--accent-light);
    background: rgba(20, 184, 166, 0.12);
}.main-footer-map-dock-sep{
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(94, 234, 212, 0.35);
    vertical-align: middle;
}.alert{
    padding: 15px 20px;
    border-radius: var(--radius-md);
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}.alert > i:first-child{
    flex-shrink: 0;
    margin-top: 0.15em;
}.alert-message{
    flex: 1;
    min-width: 0;
    line-height: 1.5;
}.alert-error{
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}.alert-success{
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #86efac;
}.settings-main{
    background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);
    min-height: calc(100vh - 200px);
    font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
}.settings-page{
    padding: 48px 0 80px;
}.settings-layout{
    display: block;
}.settings-sidebar{
    display: none;
}.settings-sidebar-title{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 16px;
    background: linear-gradient(135deg, var(--accent-light), var(--accent-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}.settings-topbar{
    margin: 0 auto 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}.settings-nav{
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}.settings-nav-horizontal{
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 8px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.92));
    box-shadow: 0 8px 24px rgba(2, 8, 23, 0.28);
}.settings-nav-item{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: transparent;
    border: none;
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: left;
    width: auto;
    white-space: nowrap;
}.settings-nav-item i{
    font-size: 1.2rem;
    width: 24px;
    opacity: 0.8;
}.settings-nav-item:hover{
    background: rgba(20, 184, 166, 0.08);
    color: var(--accent-light);
}.settings-nav-item.active{
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(20, 184, 166, 0.1));
    color: var(--accent-light);
    border: 1px solid rgba(20, 184, 166, 0.3);
}#tab-connections .settings-card + .settings-card{
    margin-top: 24px;
}.settings-panel{
    min-width: 0;
}.settings-toast{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    margin-bottom: 24px;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.08));
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: var(--radius-md);
    color: #86efac;
    font-weight: 500;
    animation: slideDown 0.4s ease;
}.settings-toast i{
    font-size: 1.3rem;
}@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}.settings-tab-content{
    display: none;
}.settings-tab-content.active{
    display: block;
    animation: fadeIn 0.3s ease;
}@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}.settings-form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}.settings-card{
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.95));
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}.settings-card-header{
    padding: 24px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.15);
}.settings-card-title{
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}.settings-card-desc{
    font-size: 0.9rem;
    color: var(--text-muted);
    margin: 8px 0 0 0;
}.settings-card-body{
    padding: 28px;
}.settings-profile-hero{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}.settings-avatar-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}.settings-avatar-sync-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(20, 184, 166, 0.1));
    border: 1px solid rgba(20, 184, 166, 0.4);
    border-radius: var(--radius-md);
    color: var(--accent-light);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}.settings-avatar-sync-btn:hover{
    background: var(--accent-color);
    color: white;
    border-color: var(--accent-color);
    transform: translateY(-2px);
}.settings-avatar-sync-btn:disabled{
    opacity: 0.6;
    cursor: not-allowed;
}.settings-avatar-sync-btn .fa-spin{
    animation: fa-spin 1s infinite linear;
}.settings-profile-fields-grid{
    flex: 1;
    min-width: 280px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}@media (max-width: 640px) {.settings-profile-fields-grid{
        grid-template-columns: 1fr;
    }}.settings-field-hint{
    display: block;
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 6px;
}.settings-inline-error{
    display: block;
    margin-top: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fca5a5;
}#security-form-error[hidden]{
    display: none !important;
}.settings-avatar-ring{
    position: relative;
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    padding: 4px;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-light));
    border-radius: 50%;
}.settings-avatar,
.settings-avatar-placeholder{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--bg-secondary);
}.settings-avatar-placeholder{
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    color: white;
}.settings-profile-meta{
    flex: 1;
}.settings-label{
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}.settings-label-bio{ color: var(--accent-light); }.settings-field-group-bio .settings-field-hint{ color: rgba(94, 234, 212, 0.85); }.settings-readonly-field{
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-primary);
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.06);
}.settings-field-group{
    margin-bottom: 24px;
}.settings-textarea{
    width: 100%;
    padding: 16px 20px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.6;
    resize: vertical;
    min-height: 140px;
    transition: all 0.25s ease;
}.profile-bio-editor-block .vtc-md-toolbar{ margin-bottom: 0; }.profile-bio-editor-block .vtc-input.vtc-md-editor-textarea{ border-radius: 0 0 var(--radius-md) var(--radius-md); border-top: none; }.settings-textarea::placeholder{
    color: var(--text-muted);
}.settings-textarea:focus{
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15);
}.settings-field-footer{
    margin-top: 10px;
}.settings-char-count{
    font-size: 0.85rem;
    color: var(--text-muted);
}.settings-save-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
    color: white;
    border: none;
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 20px rgba(20, 184, 166, 0.35);
}.settings-save-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(20, 184, 166, 0.45);
}.settings-connected-accounts{
    display: flex;
    flex-direction: column;
    gap: 12px;
}.settings-connected-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.25s ease;
}.settings-connected-item:hover{
    border-color: rgba(20, 184, 166, 0.2);
}.settings-connected-icon{
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}.settings-connected-icon.steam{
    background: linear-gradient(135deg, #1b2838, #2a475e);
    color: #c7d5e0;
}.settings-connected-detail{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}.settings-connected-name{
    font-weight: 600;
    color: var(--text-primary);
}.settings-connected-user{
    font-size: 0.9rem;
    color: var(--text-muted);
}.settings-connected-badge{
    font-size: 0.75rem;
    font-weight: 600;
    padding: 6px 12px;
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}.settings-token-display{ margin-top: 1rem; padding: 1rem; background: rgba(0,0,0,0.2); border-radius: var(--radius-md); }.settings-token-warning{ color: var(--warning, #f59e0b); margin-bottom: 0.75rem; font-size: 0.9rem; }.settings-token-row{ display: flex; gap: 8px; align-items: center; }.settings-token-row .settings-input{ flex: 1; font-family: monospace; }.settings-copy-btn{ padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: var(--text-primary); cursor: pointer; }.settings-copy-btn:hover{ background: rgba(255,255,255,0.1); }.settings-token-list{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }.settings-token-item{ display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: rgba(0,0,0,0.2); border-radius: var(--radius-sm); }.settings-token-label{ flex: 1; font-family: monospace; font-size: 0.9rem; }.settings-token-meta{ font-size: 0.8rem; color: var(--text-muted); }.settings-revoke-btn{ padding: 8px 12px; border: none; border-radius: var(--radius-sm); background: rgba(239,68,68,0.2); color: #f87171; cursor: pointer; }.settings-revoke-btn:hover{ background: rgba(239,68,68,0.3); }.settings-muted{ color: var(--text-muted); font-size: 0.9rem; margin: 0; }.settings-social-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}.settings-social-row{
    display: flex;
    align-items: center;
    gap: 16px;
}.settings-social-icon-wrap{
    width: 44px;
    height: 44px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}.settings-social-icon-wrap.twitch{
    background: rgba(145, 70, 255, 0.2);
    color: #a78bfa;
}.settings-social-icon-wrap.youtube{
    background: rgba(255, 0, 0, 0.2);
    color: #f87171;
}.settings-social-icon-wrap.tiktok{
    background: rgba(0, 0, 0, 0.2);
    color: #25f4ee;
}.settings-social-icon-wrap.instagram{
    background: linear-gradient(135deg, rgba(225, 48, 108, 0.2), rgba(253, 29, 29, 0.2));
    color: #f472b6;
}.settings-social-icon-wrap.discord{
    background: rgba(88, 101, 242, 0.2);
    color: #818cf8;
}.settings-social-icon-wrap.truckersmp{
    background: rgba(249, 115, 22, 0.2);
    color: #fb923c;
}.settings-input{
    flex: 1;
    padding: 14px 20px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 1rem;
    transition: all 0.25s ease;
}.settings-input::placeholder{
    color: var(--text-muted);
}.settings-input:focus{
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15);
}.settings-input:read-only{
    opacity: 0.9;
    cursor: default;
}.settings-refresh-btn{
    width: 44px;
    height: 44px;
    border-radius: var(--radius-sm);
    background: rgba(20, 184, 166, 0.15);
    border: 1px solid rgba(20, 184, 166, 0.3);
    color: var(--accent-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}.settings-refresh-btn:hover{
    background: var(--accent-color);
    color: white;
    transform: scale(1.05);
}.settings-refresh-btn:disabled{
    opacity: 0.6;
    cursor: not-allowed;
}.settings-link-btn{
    width: 44px;
    height: 44px;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}.settings-link-btn:hover{
    background: var(--accent-color);
    color: white;
    border-color: var(--accent-color);
}.settings-info-box{
    display: flex;
    gap: 14px;
    padding: 18px 22px;
    margin-bottom: 24px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(20, 184, 166, 0.04));
    border: 1px solid rgba(20, 184, 166, 0.2);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--accent-color);
}.settings-info-box i{
    font-size: 1.2rem;
    color: var(--accent-color);
    flex-shrink: 0;
    margin-top: 2px;
}.settings-info-box p{
    margin: 0;
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
}.settings-info-box strong{
    color: var(--accent-light);
}@media (max-width: 968px) {.settings-layout{
        grid-template-columns: 1fr;
    }.settings-sidebar{
        position: static;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
    }.settings-sidebar-title{
        margin-bottom: 0;
    }.settings-nav{
        flex-direction: row;
        flex-wrap: wrap;
    }.settings-nav-item{
        flex: 1;
        min-width: 120px;
    }.settings-nav-horizontal{
        width: 100%;
        border-radius: var(--radius-md);
        justify-content: flex-start;
    }}#profile-history-modal{ position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; pointer-events: none; }#profile-history-modal[hidden]{ display: none !important; }#tab-statistics a{
    display: none !important;
}.pill{
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}.pill-accent{
    background: rgba(20, 184, 166, 0.2);
    color: var(--accent-light);
    border: 1px solid var(--accent-color);
}.settings-linked-dlc-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}.settings-linked-dlc-header .settings-card-title{
    margin-bottom: 0;
}.jobs-table-wrap{
    overflow-x: auto;
    overflow-y: visible;
}.jobs-table{
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.8125rem;
}.jobs-table th,
.jobs-table td{
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
    line-height: 1.4;
}.jobs-table th{
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}.jobs-cell-ellipsis{
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}.jobs-cell-nowrap{
    white-space: nowrap;
}.jobs-table th:nth-child(1),
.jobs-table td:nth-child(1){
    width: 3rem;
    max-width: 3rem;
}.jobs-table th:nth-child(2),
.jobs-table td:nth-child(2){
    width: 18%;
}.jobs-table th:nth-child(3),
.jobs-table td:nth-child(3){
    width: 18%;
}.jobs-table th:nth-child(4),
.jobs-table td:nth-child(4){
    width: 20%;
}.jobs-table th:nth-child(5),
.jobs-table td:nth-child(5){
    width: 4.5rem;
}.jobs-table th:nth-child(6),
.jobs-table td:nth-child(6){
    width: 7.5rem;
}.jobs-table th:nth-child(7),
.jobs-table td:nth-child(7){
    width: 3rem;
    min-width: 3rem;
    text-align: right;
    padding-left: 12px;
    padding-right: 10px;
}.jobs-table tbody tr:hover{
    background: rgba(20, 184, 166, 0.06);
}.jobs-id{
    font-weight: 600;
    color: var(--accent-light);
    white-space: nowrap;
}.jobs-cell-actions{
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
}.jobs-detail-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0;
    background: rgba(20, 184, 166, 0.2);
    border: 1px solid rgba(20, 184, 166, 0.4);
    border-radius: 4px;
    color: var(--accent-light);
    font-size: 0;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}.jobs-detail-btn i{
    font-size: 0.9rem;
}.jobs-detail-btn:hover{
    background: var(--accent-color);
    color: white;
    border-color: var(--accent-color);
}.jobs-pagination{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
}.jobs-pagination-info{
    font-size: 0.875rem;
    color: var(--text-muted);
}.jobs-pagination-links{
    display: flex;
    gap: 8px;
}.jobs-pagination-btn{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 0.875rem;
    color: var(--text-color);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
}.jobs-pagination-btn:hover{
    background: var(--hover-bg);
    border-color: var(--accent-color);
    color: var(--accent-color);
}.page-title{
    margin-bottom: 1rem;
    font-size: 1.75rem;
    font-weight: 700;
}.tamper-log-table-wrap{
    overflow-x: auto;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
}.tamper-log-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}.tamper-log-table th,
.tamper-log-table td{
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}.tamper-log-table th{
    font-weight: 600;
    color: var(--text-muted);
    background: var(--bg-secondary);
}.tamper-log-table tbody tr:hover{
    background: rgba(20, 184, 166, 0.05);
}.tamper-log-table a{
    color: var(--accent-light);
    text-decoration: none;
}.tamper-log-table a:hover{
    text-decoration: underline;
}.tamper-log-player{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    min-width: 180px;
}.tamper-log-player:hover .tamper-log-player-name{
    color: var(--accent-light);
    text-decoration: underline;
}.tamper-log-player--plain{
    display: flex;
    align-items: center;
    gap: 10px;
}.tamper-log-player-avatar{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--border-color);
}.tamper-log-player-meta{
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}.tamper-log-player-name{
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.2;
    color: var(--text-primary);
}.tamper-log-player-steam{
    font-size: 0.75rem;
    color: var(--text-muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}.tamper-endpoint-badge{
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: lowercase;
    background: rgba(148, 163, 184, 0.15);
    color: var(--text-muted);
}.tamper-endpoint-badge--teslimat{
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
}.tamper-endpoint-badge--live{
    background: rgba(59, 130, 246, 0.12);
    color: #60a5fa;
}.tamper-endpoint-badge--route{
    background: rgba(245, 158, 11, 0.14);
    color: #fbbf24;
}.tamper-log-summary-cell{
    max-width: 260px;
    font-size: 0.85rem;
    line-height: 1.35;
}.tamper-log-actions-cell{
    white-space: nowrap;
}.tamper-detail-modal-content{
    max-width: min(920px, 96vw);
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}.tamper-detail-modal-body{
    overflow-y: auto;
    padding: 0 1.25rem 1rem;
    flex: 1;
}.tamper-detail-section{
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}.tamper-detail-section:last-child{
    border-bottom: none;
    margin-bottom: 0;
}.tamper-detail-section-title{
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary);
}.tamper-detail-kv{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}.tamper-detail-kv th,
.tamper-detail-fields th{
    text-align: left;
    padding: 6px 10px 6px 0;
    vertical-align: top;
    color: var(--text-muted);
    font-weight: 500;
    width: 34%;
    white-space: nowrap;
}.tamper-detail-kv td,
.tamper-detail-fields td{
    padding: 6px 0;
    vertical-align: top;
    word-break: break-word;
}.tamper-detail-fields{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}.tamper-detail-fields thead th{
    width: auto;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 8px;
}.tamper-detail-scroll{
    max-height: 280px;
    overflow: auto;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 8px 12px;
}.tamper-detail-json{
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 12px;
    font-size: 0.75rem;
    line-height: 1.45;
    overflow: auto;
    max-height: 240px;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}.tamper-detail-hint{
    font-size: 0.8rem;
    margin: 0 0 0.75rem;
}.tamper-detail-hint-warn{
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.25);
    border-radius: 8px;
    padding: 8px 10px;
}.tamper-detail-profile-link{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0.75rem;
    color: var(--accent-light);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.88rem;
}.tamper-detail-profile-link:hover{
    text-decoration: underline;
}.audit-log-category-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}.audit-log-category-card{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.35);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}.audit-log-category-card:hover{
    border-color: rgba(20, 184, 166, 0.45);
    background: rgba(20, 184, 166, 0.06);
}.audit-log-category-card__icon{
    font-size: 1.35rem;
    color: var(--accent-light);
}.audit-log-category-card__title{
    font-weight: 600;
    font-size: 1.05rem;
}.audit-log-category-card__desc{
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.45;
}.audit-log-filters{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: flex-end;
    margin-bottom: 1.25rem;
}.audit-log-filter-field{
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 160px;
}.audit-log-filter-field--grow{
    flex: 1 1 220px;
}.audit-log-filter-field select,
.audit-log-filter-field input{
    padding: 0.5rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(15, 23, 42, 0.5);
    color: inherit;
}.audit-log-back-link{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none;
}.audit-log-back-link:hover{
    color: var(--accent-light);
}.audit-log-datetime{
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}.audit-log-action-badge{
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    border: 1px solid transparent;
}.audit-log-action--default{
    color: #5eead4;
    background: rgba(20, 184, 166, 0.12);
    border-color: rgba(20, 184, 166, 0.25);
}.audit-log-action--role{
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
}.audit-log-action--danger{
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.25);
}.audit-log-action--success{
    color: #86efac;
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.25);
}.audit-log-col-view{
    width: 56px;
    text-align: center;
    white-space: nowrap;
}.audit-log-open-btn{
    min-width: 2.25rem;
}.audit-log-modal-body{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 0.5rem;
}.audit-log-modal-section__title{
    margin: 0 0 0.65rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted);
}.audit-log-modal-summary{
    margin: 0;
    line-height: 1.55;
    color: var(--text-primary);
}.audit-log-modal-summary a,
.audit-log-info-list a,
.audit-log-detail-modal a.audit-log-profile-link,
.audit-log-detail-modal .audit-log-modal-summary a,
.audit-log-detail-modal .audit-log-info-list a{
    color: var(--accent-light);
    font-weight: 600;
    text-decoration: none;
}.audit-log-modal-summary a:hover,
.audit-log-info-list a:hover,
.audit-log-detail-modal a.audit-log-profile-link:hover,
.audit-log-detail-modal .audit-log-modal-summary a:hover,
.audit-log-detail-modal .audit-log-info-list a:hover{
    color: var(--accent-color);
    text-decoration: underline;
}.audit-log-changes-table-wrap{
    overflow-x: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
}.audit-log-changes-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}.audit-log-changes-table th,
.audit-log-changes-table td{
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--border-color);
    vertical-align: top;
    text-align: left;
}.audit-log-changes-table thead th{
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-muted);
    background: var(--bg-secondary);
}.audit-log-changes-table tbody th[scope="row"]{
    width: 28%;
    font-weight: 600;
    color: var(--text-primary);
    background: rgba(15, 23, 42, 0.35);
}.audit-log-value{
    word-break: break-word;
    white-space: pre-wrap;
}.audit-log-value--old{
    color: #fca5a5;
}.audit-log-value--new{
    color: #86efac;
}.audit-log-info-list{
    margin: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    overflow: hidden;
}.audit-log-info-list__row{
    display: grid;
    grid-template-columns: minmax(120px, 34%) 1fr;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--border-color);
}.audit-log-info-list__row:last-child{
    border-bottom: 0;
}.audit-log-info-list dt{
    margin: 0;
    font-weight: 600;
    color: var(--text-muted);
}.audit-log-info-list dd{
    margin: 0;
    color: var(--text-primary);
}.audit-log-pagination{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.25rem;
}.audit-log-detail-modal{
    z-index: 10060;
}.audit-log-detail-modal .vtc-modal-overlay{
    background: rgba(2, 6, 23, 0.88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}.audit-log-detail-modal .audit-log-detail-modal__panel{
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(760px, calc(100vw - 2rem));
    max-width: min(760px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 0;
    overflow: hidden;
    background: var(--bg-primary);
    border: 1px solid rgba(148, 163, 184, 0.28);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}.audit-log-detail-modal .vtc-modal-close{
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 2;
}.audit-log-detail-modal__header{
    flex: 0 0 auto;
    padding: 1.25rem 3rem 0.85rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--bg-primary);
}.audit-log-detail-modal__header .vtc-modal-title{
    margin: 0;
}.audit-log-detail-modal__body{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding: 1rem 1.5rem;
    background: var(--bg-primary);
}.audit-log-detail-modal__footer{
    flex: 0 0 auto;
    margin: 0;
    padding: 0.85rem 1.5rem 1.15rem;
    border-top: 1px solid var(--border-color);
    background: var(--bg-primary);
}body.vtc-modal-open{
    overflow: hidden;
}.audit-log-detail-modal .audit-log-changes-table-wrap,
.audit-log-detail-modal .audit-log-info-list{
    background: var(--bg-secondary);
}.audit-log-detail-modal .audit-log-modal-body{
    margin-top: 0;
    gap: 1rem;
}.audit-log-detail-modal .vtc-modal-content--wide{
    max-width: none;
}.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}.tamper-log-ua{
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-muted);
}.job-detail-invalid-wrap{
    position: relative;
}.job-detail-invalid-wrap.is-invalid-job .job-detail-layout,
.job-detail-invalid-wrap.is-invalid-job .job-manifest__shell{
    filter: blur(10px);
    pointer-events: none;
    user-select: none;
}.job-invalid-overlay{
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    box-sizing: border-box;
    background: rgba(15, 23, 42, 0.35);
}.job-invalid-overlay-inner{
    max-width: 420px;
    text-align: center;
    padding: 1.75rem 1.5rem;
    border-radius: 12px;
    background: var(--card-bg, #1e293b);
    border: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.2));
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
}.job-invalid-overlay-icon{
    font-size: 2rem;
    color: var(--accent, #f97316);
    margin-bottom: 0.75rem;
}.job-invalid-overlay-title{
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
}.job-invalid-overlay-text{
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--text-secondary, #94a3b8);
}.job-invalid-admin-banner{
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(251, 191, 36, 0.35);
    background: rgba(251, 191, 36, 0.1);
    color: #fcd34d;
    font-size: 0.88rem;
    line-height: 1.45;
}.job-invalid-admin-banner i{
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: #fbbf24;
}.job-detail-layout{
    padding: 40px 0 60px;
}.job-back-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.2s;
}.job-back-link:hover{
    color: var(--accent-light);
}.job-detail-top--bar .job-back-link{
    margin-bottom: 0;
}.job-detail-top-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 24px;
}.job-detail-top-actions{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}.job-report-done-label{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9rem;
}.job-report-done-label--compact{
    font-size: 0.78rem;
    font-weight: 500;
    max-width: min(220px, 55vw);
    line-height: 1.3;
    text-align: right;
    justify-content: flex-end;
}.job-detail-header{
    margin-bottom: 32px;
}.job-detail-title{
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}.job-detail-route{
    font-size: 1.1rem;
    color: var(--accent-light);
}.job-detail-grid{
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
}@media (max-width: 900px) {.job-detail-grid{
        grid-template-columns: 1fr;
    }}.job-detail-left{
    display: flex;
    flex-direction: column;
    gap: 24px;
}.job-detail-right{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    align-content: start;
}@media (max-width: 600px) {.job-detail-right{
        grid-template-columns: 1fr;
    }}.job-detail-card{
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 24px;
    border: 1px solid var(--border-color);
}.job-detail-card h3{
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--accent-color);
    text-transform: capitalize;
}.job-detail-card h3 i{
    margin-right: 8px;
    color: var(--accent-color);
}.job-user-card{
    text-align: center;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    color: inherit;
}.job-user-avatar{
    width: 80px;
    height: 80px;
    margin: 0 auto 14px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(20, 184, 166, 0.5);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}.job-user-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}.job-avatar-placeholder{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-primary);
    color: var(--text-muted);
    font-size: 1.75rem;
}.job-username{
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--text-primary);
    letter-spacing: 0.01em;
}.job-user-tags{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 14px;
}.job-user-tag{
    display: inline-block;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}.job-user-tag-game{
    background: rgba(30, 58, 138, 0.25);
    color: #93c5fd;
    border: 1px solid rgba(59, 130, 246, 0.35);
}.job-user-tag-park{
    background: rgba(120, 53, 15, 0.2);
    color: #fcd34d;
    border: 1px solid rgba(180, 83, 9, 0.35);
}.job-user-tag-mode{
    background: rgba(20, 184, 166, 0.15);
    color: var(--accent-light);
    border: 1px solid rgba(20, 184, 166, 0.4);
}.job-user-tag-warp{
    background: rgba(127, 29, 29, 0.2);
    color: #fca5a5;
    border: 1px solid rgba(248, 113, 113, 0.45);
}.job-user-tag-version{
    background: rgba(71, 85, 105, 0.28);
    color: #e2e8f0;
    border: 1px solid rgba(148, 163, 184, 0.45);
}.job-detail-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}.job-detail-row:last-child{
    border-bottom: none;
}.job-label{
    font-size: 0.85rem;
    color: var(--text-muted);
    text-transform: capitalize;
}.job-stats-list{
    display: flex;
    flex-direction: column;
    gap: 0;
}.job-stat-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}.job-stat-row:last-child{
    border-bottom: none;
}.job-stat-label{
    font-size: 0.8rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: capitalize;
}.job-stat-label i{
    width: 16px;
    color: var(--accent-color);
    opacity: 0.9;
}.job-stat-value{
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}.job-stat-row-cargo{
    align-items: flex-start;
    gap: 12px;
}.job-stat-value-cargo{
    font-size: 0.88rem;
    line-height: 1.35;
    max-width: 60%;
    text-align: right;
    word-break: break-word;
    overflow-wrap: anywhere;
}.job-more-info{
    grid-column: 1 / -1;
}.job-plates{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px 32px;
    align-items: flex-start;
}.job-plate-item{
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 140px;
}.job-plate-label{
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}.job-plate-value{
    font-family: monospace;
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 2px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    text-align: center;
}.job-route-card{
    margin-top: 24px;
}.job-route-map-wrap{
    position: relative;
    width: 100%;
    height: 460px;
    background: #0b131a;
    border-radius: var(--radius-sm);
    overflow: hidden;
    margin-bottom: 12px;
}#job-route-map{
    width: 100%;
    height: 100%;
}.job-route-map-wrap .leaflet-container,
.job-route-map-wrap .leaflet-tile-pane,
.job-route-map-wrap .leaflet-map-pane{
    background: #0b131a !important;
}.job-route-marker-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #1caca0;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.35);
}.job-route-marker-wrap i{
    color: #fff;
    font-size: 12px;
    line-height: 1;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    transform: translate(1px, 5px);
}.job-route-playback{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}.job-route-play-btn{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--accent-color);
    color: #fff;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: background 0.2s;
}.job-route-play-btn:hover{
    background: var(--accent-hover, #0d9488);
}.job-route-slider{
    flex: 1;
    min-width: 120px;
    height: 8px;
    accent-color: var(--accent-color);
}.job-route-point-info,
.job-route-speed{
    font-size: 0.85rem;
    color: var(--text-muted);
}.job-route-no-data{
    color: var(--text-muted);
    font-size: 0.95rem;
    margin: 0;
}.job-timeline-card{
    margin-top: 24px;
}.job-timeline{
    position: relative;
    padding: 4px 0 8px 0;
    max-height: 420px;
    overflow-y: auto;
}.job-timeline-row{
    display: flex;
    gap: 14px;
    align-items: flex-start;
    min-height: 48px;
}.job-timeline-axis{
    position: relative;
    flex: 0 0 36px;
    display: flex;
    justify-content: center;
    padding-top: 2px;
}.job-timeline-axis::before{
    content: '';
    position: absolute;
    top: 22px;
    bottom: -8px;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 1px;
}.job-timeline-row:last-child .job-timeline-axis::before{
    bottom: 0;
}.job-timeline-dot{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 0.75rem;
    color: #fff;
    flex-shrink: 0;
}.job-timeline-dot--blue{ background: #2563eb; }.job-timeline-dot--yellow{ background: #ca8a04; }.job-timeline-dot--orange{ background: #ea580c; }.job-timeline-dot--red{ background: #dc2626; }.job-timeline-dot--green{ background: #16a34a; }.job-timeline-dot--collision{ background: #ea580c; }.job-timeline-dot--muted{ background: #475569; }.job-timeline-body{
    flex: 1;
    min-width: 0;
    padding-bottom: 12px;
}.job-timeline-label{
    font-weight: 600;
    color: var(--text-color, #e2e8f0);
    font-size: 0.95rem;
}.job-timeline-sub{
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-top: 2px;
    line-height: 1.35;
}.job-timeline-time{
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-top: 4px;
    font-variant-numeric: tabular-nums;
}.job-route-map-wrap .job-route-timeline-marker{
    background: transparent !important;
    border: none !important;
}.job-route-map-wrap .job-route-timeline-marker-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.92);
    border: 2px solid rgba(251, 191, 36, 0.5);
    color: #fbbf24;
    font-size: 11px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}.job-route-map-wrap .job-route-timeline-marker-inner--collision{
    border-color: rgba(249, 115, 22, 0.75);
    color: #fb923c;
}@media (max-width: 900px) {.job-route-map-wrap{
        height: 340px;
    }}.license-plate{
    display: inline-flex;
    align-items: stretch;
    min-width: 140px;
    height: 36px;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}.license-plate-eu{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    padding: 0 6px;
    background: linear-gradient(135deg, #003399 0%, #0044bb 100%);
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}.license-plate-num{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0 12px;
    background: #fff;
    color: #000;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
}.license-plate-trailer .license-plate-num{
    background: #f5e642;
    color: #000;
}.license-plate-plain .license-plate-num{
    border-radius: 2px;
}.license-plate-img{
    display: block;
    max-width: 200px;
    height: auto;
    border-radius: 4px;
}.license-plate-fallback{
    font-family: monospace;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1px;
}.login-main{
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);
}.login-container{
    width: 100%;
    max-width: 420px;
}.login-card{
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.98));
    border-radius: var(--radius-lg);
    padding: 40px 36px;
    border: 1px solid rgba(20, 184, 166, 0.2);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}.login-title{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 8px 0;
    text-align: center;
}.login-subtitle{
    font-size: 0.95rem;
    color: var(--text-muted);
    margin: 0 0 28px 0;
    text-align: center;
    line-height: 1.5;
}.connect-tracker-success-card{
    text-align: center;
}.connect-tracker-pending-icon{
    font-size: 2.75rem;
    color: var(--accent-color);
    margin: 0 0 20px 0;
    line-height: 1;
}.connect-tracker-success-icon{
    font-size: 3.25rem;
    color: var(--accent-color);
    margin: 0 0 20px 0;
    line-height: 1;
}.connect-tracker-success-hint{
    margin-bottom: 32px;
}a.login-btn.connect-tracker-go-site{
    text-decoration: none;
    color: #fff;
}.login-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}.login-field-group{
    display: flex;
    flex-direction: column;
    gap: 8px;
}.login-label{
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
}.login-label-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}.login-forgot{
    font-size: 0.85rem;
    color: var(--accent-color);
    text-decoration: none;
    transition: color 0.2s;
}.login-forgot:hover{
    color: var(--accent-light);
}.login-remember-row{
    margin-top: -4px;
}.login-remember-label{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--text-secondary);
    cursor: pointer;
}.login-remember-label input[type="checkbox"]{
    width: 1rem;
    height: 1rem;
    accent-color: var(--accent-color);
}.login-remember-hint{
    margin: 4px 0 0 1.5rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}.login-input{
    width: 100%;
    padding: 14px 18px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 1rem;
    transition: all 0.2s;
}.login-input::placeholder{
    color: var(--text-muted);
}.login-input:focus{
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15);
}.login-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
    color: white;
    border: none;
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 20px rgba(20, 184, 166, 0.35);
}.login-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px rgba(20, 184, 166, 0.45);
}.login-btn:disabled{
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}.login-divider{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
}.login-divider::before,
.login-divider::after{
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}.login-divider span{
    font-size: 0.85rem;
    color: var(--text-muted);
}.login-steam-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 14px 24px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}.login-steam-btn:hover{
    background: linear-gradient(135deg, #1b2838, #2a475e);
    border-color: rgba(199, 213, 224, 0.3);
    color: #c7d5e0;
    transform: translateY(-2px);
}.login-steam-btn i{
    font-size: 1.4rem;
}.login-footer{
    margin-top: 24px;
    font-size: 0.9rem;
    color: var(--text-muted);
    text-align: center;
}.login-link{
    color: var(--accent-color);
    text-decoration: none;
}.login-link:hover{
    color: var(--accent-light);
}.auth-reset-modal{
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}.auth-reset-modal.is-open{
    visibility: visible;
    opacity: 1;
}.auth-reset-modal[hidden]{
    display: none !important;
}.auth-reset-modal-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    cursor: pointer;
}.auth-reset-modal-dialog{
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.5rem 1.35rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}.auth-reset-modal-title{
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 0.65rem;
    color: var(--text-primary);
}.auth-reset-modal-body{
    margin: 0 0 1.25rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--text-secondary);
}.auth-reset-modal-actions{
    margin: 0;
}.auth-reset-modal-actions .login-btn{
    width: 100%;
    justify-content: center;
}body.page-http-error{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}body.page-http-error .main-content.http-error-main{
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.25rem 3.5rem;
    min-height: calc(100vh - var(--header-height) - 220px);
}body.page-http-error .main-content.http-error-main::before{
    content: none !important;
}body.page-http-error .main-footer{
    margin-top: auto;
    flex-shrink: 0;
}.http-error{
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}.http-error__card{
    position: relative;
    text-align: center;
    padding: 2.75rem 2rem 2.5rem;
    border-radius: 24px;
    border: 1px solid rgba(94, 234, 212, 0.16);
    background:
        linear-gradient(165deg, rgba(22, 34, 53, 0.92) 0%, rgba(13, 19, 33, 0.88) 100%);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
}.http-error__card::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(20, 184, 166, 0.14), transparent 70%);
}.http-error__badge{
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(148, 163, 184, 0.75);
}.http-error__icon-wrap{
    position: relative;
    z-index: 1;
    width: 88px;
    height: 88px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--accent-light);
    background: rgba(20, 184, 166, 0.12);
    border: 1px solid rgba(94, 234, 212, 0.22);
    box-shadow: 0 0 32px rgba(20, 184, 166, 0.18);
}.http-error__title{
    position: relative;
    z-index: 1;
    margin: 0 0 0.85rem;
    font-size: clamp(1.65rem, 4vw, 2.15rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}.http-error__message{
    position: relative;
    z-index: 1;
    margin: 0 auto 2rem;
    max-width: 34rem;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--text-secondary);
}.http-error__actions{
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}.http-error__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.65rem 1.15rem;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}.http-error__btn.btn-primary{
    box-shadow: 0 8px 24px rgba(20, 184, 166, 0.28);
}.http-error__btn.btn-secondary{
    background: rgba(148, 163, 184, 0.08);
    color: var(--text-primary);
    border-color: rgba(71, 85, 105, 0.55);
}.http-error__btn.btn-secondary:hover{
    background: rgba(20, 184, 166, 0.12);
    border-color: rgba(94, 234, 212, 0.28);
    color: var(--text-primary);
}.http-error__btn:active{
    transform: translateY(1px);
}@media (max-width: 560px) {.http-error__card{
        padding: 2.25rem 1.25rem 2rem;
    }.http-error__actions{
        flex-direction: column;
        align-items: stretch;
    }.http-error__btn{
        width: 100%;
    }}.error-page-content,
.error-container{
    text-align: center;
    padding: 80px 20px;
}.error-icon{
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    font-size: 50px;
    color: white;
}.error-code{
    font-size: 48px;
    font-weight: 700;
    color: var(--accent-color);
    margin: 20px 0;
}.error-title{
    font-size: 28px;
    margin-bottom: 15px;
}.error-message{
    font-size: 16px;
    color: var(--text-secondary);
    margin-bottom: 30px;
}@media (max-width: 968px) {.technology-content{
        grid-template-columns: 1fr;
    }.technology-features{
        grid-template-columns: 1fr;
    }}@media (max-width: 768px) {.footer-grid{
        grid-template-columns: 1fr 1fr;
    }}@media (max-width: 520px) {.footer-grid{
        grid-template-columns: 1fr;
    }}.site-roles-intro{ margin-bottom: 1.25rem; color: var(--text-muted); font-size: 0.95rem; line-height: 1.5; }.site-roles-intro code{ background: var(--bg-tertiary); padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.9em; }body.tracksy-admin-page{
    --admin-bg-gradient:
        linear-gradient(180deg, rgba(13, 19, 33, 0.34) 0%, rgba(22, 34, 53, 0.5) 100%),
        radial-gradient(ellipse 120% 80% at 50% -15%, rgba(59, 130, 246, 0.16), transparent 52%),
        radial-gradient(ellipse 70% 55% at 95% 35%, rgba(37, 99, 235, 0.12), transparent 50%),
        radial-gradient(ellipse 55% 45% at 0% 85%, rgba(30, 64, 175, 0.1), transparent 48%);
    --admin-header-bg: rgba(22, 34, 53, 0.52);
    --admin-header-border: rgba(100, 116, 139, 0.38);
    --admin-card-bg: rgba(22, 34, 53, 0.5);
    --admin-card-border: rgba(71, 85, 105, 0.45);
    --admin-eyebrow: #7dd3fc;
    --admin-title: #f8fafc;
    --admin-intro: #cbd5e1;
    --admin-table-text: #e2e8f0;
    --admin-pagination-muted: #94a3b8;
    --admin-row-hover: rgba(20, 184, 166, 0.1);
}body.tracksy-admin-page.has-sidebar .main-content{
    position: relative;
    overflow: hidden;
}body.tracksy-admin-page.has-sidebar .main-content::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: var(--admin-bg-gradient);
}body.tracksy-admin-page .site-header-l3{
    background: var(--admin-header-bg) !important;
    border-bottom: 1px solid var(--admin-header-border);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}.admin-users-main{ position: relative; z-index: 1; }body.admin-users-page .admin-users-main.container{
    max-width: min(1520px, 100%);
    padding-left: clamp(14px, 2vw, 28px);
    padding-right: clamp(14px, 2vw, 28px);
}body.admin-users-page .admin-users-card{
    padding: 1.65rem 1.75rem;
}body.admin-online-users-page .admin-online-users-main.container{
    max-width: min(1400px, 100%);
    padding-left: clamp(14px, 2vw, 28px);
    padding-right: clamp(14px, 2vw, 28px);
}.admin-online-users-hero{
    margin-bottom: 1.25rem;
}.admin-online-users-toolbar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    margin-top: 1rem;
}.admin-online-users-count{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--admin-title, #f1f5f9);
}.admin-online-users-count-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
    animation: admin-online-pulse 2s ease-in-out infinite;
}@keyframes admin-online-pulse{
    0%, 100%{ opacity: 1; transform: scale(1); }
    50%{ opacity: 0.75; transform: scale(0.92); }
}.admin-online-users-updated{
    font-size: 0.85rem;
}.admin-online-users-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}.admin-online-users-empty,
.admin-online-users-placeholder{
    grid-column: 1 / -1;
    text-align: center;
    padding: 2.5rem 1rem;
}.admin-online-card{
    background: var(--admin-card-bg, rgba(30, 41, 59, 0.85));
    border: 1px solid var(--admin-card-border, rgba(148, 163, 184, 0.2));
    border-radius: 14px;
    padding: 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    height: 100%;
    min-height: 100%;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}.admin-online-card:hover{
    border-color: rgba(20, 184, 166, 0.45);
    box-shadow: 0 8px 28px rgba(2, 6, 23, 0.35);
}.admin-online-card__head{
    display: flex;
    align-items: center;
    gap: 0.85rem;
}.admin-online-card__avatar-link{
    flex-shrink: 0;
}.admin-online-card__avatar{
    width: 52px;
    height: 52px;
    border-radius: 12px;
    object-fit: cover;
    border: 2px solid rgba(20, 184, 166, 0.35);
}.admin-online-card__identity{
    min-width: 0;
    flex: 1;
}.admin-online-card__name{
    display: block;
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--accent-light, #5eead4);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.admin-online-card__name:hover{
    color: #fff;
    text-decoration: underline;
}.admin-online-card__pulse{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    color: var(--text-muted, #94a3b8);
    margin-top: 0.2rem;
}.admin-online-card__pulse-dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
}.admin-online-card__location{
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    background: rgba(15, 23, 42, 0.55);
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.12);
}.admin-online-card__location-icon{
    color: #14b8a6;
    font-size: 1.1rem;
    margin-top: 0.15rem;
    flex-shrink: 0;
}.admin-online-card__location-text{
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.45;
    color: #e2e8f0;
}.admin-online-card__chips{
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}.admin-online-card__chip{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    padding: 0.25rem 0.55rem;
    border-radius: 6px;
    background: rgba(51, 65, 85, 0.6);
    color: #cbd5e1;
}.admin-online-card__chip--map{
    background: rgba(20, 184, 166, 0.15);
    color: #99f6e4;
}.admin-online-card__row{
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: #94a3b8;
}.admin-online-card__label{
    color: #64748b;
    flex-shrink: 0;
}.admin-online-card__vtc-link{
    color: #2dd4bf;
    font-weight: 600;
    text-decoration: none;
}.admin-online-card__vtc-link:hover{
    color: #5eead4;
    text-decoration: underline;
}.admin-online-card__footer{
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}.admin-online-card__map-btn{
    width: 100%;
    justify-content: center;
}.live-driver-marker.is-map-focus .live-driver-circle{
    box-shadow: 0 0 0 3px #14b8a6, 0 0 14px rgba(20, 184, 166, 0.9);
}.admin-users-hero{ margin-bottom: 1rem; }.admin-users-eyebrow{
    margin: 0 0 0.45rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}body.tracksy-admin-page .admin-users-eyebrow{
    color: var(--admin-eyebrow);
}body.tracksy-admin-page .page-title{
    color: var(--admin-title);
    margin-bottom: 0.4rem;
}body.tracksy-admin-page .site-roles-intro{
    color: var(--admin-intro);
}body.tracksy-admin-page.has-sidebar .vtc-form-card,
body.tracksy-admin-page.has-sidebar .vtc-search-card,
body.tracksy-admin-page.has-sidebar .vtc-card,
body.tracksy-admin-page.has-sidebar .vtc-view-header,
body.tracksy-admin-page.has-sidebar .vtc-view-card,
body.tracksy-admin-page.has-sidebar .ban-card,
body.tracksy-admin-page.has-sidebar .settings-card,
body.tracksy-admin-page.has-sidebar .table-wrap{
    background: var(--admin-card-bg) !important;
    border-color: var(--admin-card-border) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}body.tracksy-admin-page .manage-users-pagination-info{
    color: var(--admin-pagination-muted);
}.admin-jobs-game-pill{
    white-space: nowrap;
}.steam-access-page .steam-access-id-cell{ min-width: 230px; }.steam-access-page .steam-access-link{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  color: var(--accent-light);
  text-decoration: none;
}.steam-access-page .steam-access-link:hover{
  color: #7dd3fc;
  text-decoration: underline;
  text-underline-offset: 2px;
}.steam-access-page .steam-access-id-text{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: 0.01em;
}.steam-access-page .steam-access-nick{ font-weight: 600; }.steam-access-page .steam-access-link-icon{
  font-size: 0.72rem;
  opacity: 0.75;
  transform: translateY(-1px);
}.steam-access-page .steam-access-empty{
  color: var(--text-muted);
  font-size: 0.92rem;
}.manage-users-avatar{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover; display: block; }.manage-users-avatar-placeholder{ width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--bg-tertiary); color: var(--text-muted); font-size: 0.85rem; }.manage-users-role-pill{ border: 1px solid; background: var(--bg-primary); padding: 0.18rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; line-height: 1.15; }.manage-users-status{ font-size: 0.85rem; display: inline-flex; align-items: center; gap: 0.35rem; }.manage-users-status-dot{ width: 8px; height: 8px; border-radius: 999px; background: #4ade80; box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.25); }.manage-users-status--online{ color: #4ade80; }.manage-users-status--offline{ color: var(--text-muted); }.manage-users-pagination{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding-top: 1rem; }.manage-users-pagination-info{ font-size: 0.9rem; color: var(--text-muted); }.manage-users-pagination-links{ display: flex; gap: 0.5rem; }.custom-select-wrap{ position: relative; width: 100%; }.custom-select-native{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; opacity: 0; pointer-events: none; }.custom-select-trigger{ display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 42px; padding: 10px 14px; text-align: left; cursor: pointer; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: rgba(0, 0, 0, 0.25); color: var(--text-primary); font-size: 1rem; }.custom-select-trigger:hover{ border-color: rgba(148, 163, 184, 0.4); }.custom-select-trigger:focus{ outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15); }.custom-select-trigger-icon{ color: var(--text-muted); font-size: 0.75rem; transition: transform 0.2s; }.custom-select-wrap.is-open .custom-select-trigger-icon{ transform: rotate(180deg); }.custom-select-wrap.is-open .custom-select-trigger{ border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15); }.custom-select-dropdown{ position: absolute; top: 100%; left: 0; right: 0; margin: 4px 0 0; padding: 4px; list-style: none; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); max-height: 260px; overflow-y: auto; z-index: 50; }.custom-select-option{ display: block; margin: 0; padding: 10px 12px; cursor: pointer; color: var(--text-primary); transition: background 0.2s ease, color 0.2s ease; border-radius: 4px; }.custom-select-option:hover{ background: rgba(20, 184, 166, 0.15); color: var(--accent-light); }.custom-select-option.is-selected{ background: rgba(20, 184, 166, 0.28); color: var(--accent-light); }.admin-notify-icon-preview{
    margin-top: 0.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(20, 184, 166, 0.12);
    border: 1px solid rgba(20, 184, 166, 0.3);
    color: var(--text-primary);
    font-size: 0.85rem;
}.admin-notify-icon-preview-icon{
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    background: rgba(15, 23, 42, 0.65);
}.site-role-color-swatch{ display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 1.5rem; padding: 0 0.35rem; border-radius: 4px; border: 1px solid var(--border-color); font-size: 0.7rem; font-weight: 600; }.site-role-color-swatch.manage-users-role-pill{
  height: auto;
  min-height: 1.2rem;
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  word-break: normal;
  text-align: center;
  line-height: 1.15;
  padding: 0.15rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 600;
  box-sizing: border-box;
  border-width: 1px;
}.manage-users-beta-row{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem;
}.manage-users-beta-form{
  display: inline-flex;
  margin: 0;
  align-items: center;
  flex-shrink: 0;
}.manage-users-name-cell{
  min-width: 10rem;
  max-width: none;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: middle;
}.manage-users-name-link{
  color: var(--accent-light);
  text-decoration: none;
  font-weight: 600;
  display: inline;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}.manage-users-name-link:hover{
  color: #7dd3fc;
  text-decoration: underline;
  text-underline-offset: 2px;
}body.admin-users-page .site-role-color-swatch.manage-users-role-pill{
  white-space: normal;
  max-width: 100%;
  font-size: 0.74rem;
  padding: 0.14rem 0.42rem;
  line-height: 1.3;
}body.admin-users-page .manage-users-beta-row{
  flex-wrap: wrap;
  gap: 0.3rem;
}body.admin-users-page .manage-users-avatar{
  width: 38px;
  height: 38px;
}body.admin-users-page .manage-users-avatar-placeholder{
  width: 38px;
  height: 38px;
  font-size: 0.95rem;
}.manage-users-search{
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color);
}.manage-users-search-label{
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 0.5rem;
}.manage-users-search-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}.manage-users-search-input{
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 420px;
  padding: 0.45rem 0.65rem;
  font-size: 0.9rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  background: var(--bg-primary);
  color: var(--text-primary);
}.manage-users-search-input:focus{
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}.manage-users-search-btn,
a.manage-users-search-clear{
  flex-shrink: 0;
}.manage-users-empty{
  text-align: center;
  padding: 2rem 1rem !important;
  color: var(--text-muted);
  font-size: 0.95rem;
}.admin-jobs-toolbar{ margin: 0 0 1rem 0; }.admin-jobs-flash{ margin: 0 0 1rem 0; color: var(--accent-light); }.admin-jobs-actions{
    white-space: nowrap;
}.admin-jobs-actions-inner{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}.admin-jobs-inline-form{
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}.admin-jobs-btn-invisible{
    visibility: hidden;
    pointer-events: none;
}.admin-jobs-btn-collapse{
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}.public-stats-filters-card{
    margin-bottom: 1.25rem;
}.public-stats-tabs{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}.public-stats-tab{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-muted);
    background: rgba(15, 23, 42, 0.45);
    border: 1px solid rgba(148, 163, 184, 0.25);
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}.public-stats-tab:hover{
    border-color: rgba(96, 165, 250, 0.6);
    color: var(--text-primary);
}.public-stats-tab.active{
    background: rgba(20, 184, 166, 0.18);
    border-color: rgba(20, 184, 166, 0.65);
    color: var(--accent-light);
}.public-stats-search-form{
    margin-top: 0.5rem;
}.public-stats-search-row{
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}.public-stats-search-field{
    flex: 1;
    min-width: 240px;
}.public-stats-search-actions{
    display: flex;
    gap: 10px;
    align-items: center;
}.public-stats-vtc-grid{
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}.public-stats-vtc-card .public-stats-vtc-meta{
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}.public-stats-vtc-card .public-stats-vtc-distance{
    margin: 0;
    color: var(--accent-light);
    font-weight: 700;
}.public-stats-vtc-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}.public-stats-vtc-distance-only{
    margin: 0.15rem 0 0 0;
    color: var(--accent-light);
    font-weight: 900;
    font-size: 1.35rem;
    line-height: 1.15;
}.public-stats-users-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}.public-stats-user-meta{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-top: 10px;
}.job-user-card .public-stats-user-meta span{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}.public-stats-user-distance{
    margin: 0.15rem 0 0 0;
    color: var(--accent-light);
    font-weight: 900;
    font-size: 1.35rem;
    line-height: 1.15;
}.public-stats-user-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 210px;
}.public-stats-user-card .job-username{

    font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    letter-spacing: 0;
    color: var(--text-primary);
}.public-stats-user-card .job-avatar-placeholder{
    font-size: 2rem;
}.public-stats-vtc-card,
.public-stats-users-grid .job-user-card{
    position: relative;
}.public-stats-rank{
    position: absolute;
    top: 12px;
    left: 12px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 0.85rem;
    color: var(--accent-light);
    background: rgba(20, 184, 166, 0.14);
    border: 1px solid rgba(20, 184, 166, 0.55);
    pointer-events: none;
    z-index: 2;
}.ban-page-container{ max-width: 720px; margin: 2rem auto; padding: 0 1.5rem; }.ban-card{
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 2.25rem 2rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}.ban-card--terminal{
    position: relative;
    border-color: rgba(239, 68, 68, 0.22);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255,255,255,0.03);
}.ban-card--terminal::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.85), rgba(248, 113, 113, 0.35));
}.ban-card-header{ margin-bottom: 1.75rem; }.ban-card-title{
    margin: 0 0 0.35rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.6rem;
}.ban-card-subtitle{ margin: 0; font-size: 1.05rem; color: var(--text-muted); }.ban-card-target-name{
    display: inline-block;
    font-size: clamp(1.6rem, 3.4vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fca5a5;
}.ban-alert{ padding: 0.85rem 1.1rem; border-radius: var(--radius-sm); margin-bottom: 1.25rem; font-size: 0.95rem; }.ban-alert-error{ background: rgba(239, 68, 68, 0.15); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.3); }.ban-section{
    border-top: 1px solid var(--border-color);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}.ban-section:first-of-type{ border-top: none; padding-top: 0; margin-top: 0; }.ban-section-title{
    margin: 0 0 0.75rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}.ban-section-desc{ margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--text-muted); }.ban-form .ban-section{ margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }.ban-form .ban-section:first-of-type{ border-top: none; padding-top: 0; margin-top: 0; }.ban-card--terminal .ban-section-title{
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.82rem;
    color: rgba(248, 250, 252, 0.74);
}.ban-type-toggle{
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}.ban-type-option{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.25rem;
    border: 2px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-secondary);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}.ban-type-option input{ position: absolute; opacity: 0; pointer-events: none; }.ban-type-option:hover{ border-color: var(--accent-color); color: var(--text-primary); }.ban-type-option--active{
    border-color: var(--accent-color);
    background: rgba(20, 184, 166, 0.12);
    color: var(--accent-light);
}.ban-mistake-form{ margin-top: 0.5rem; margin-bottom: 0; }.ban-mistake-below{ margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--border-color); }.ban-mistake-desc{ margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--text-muted); }.ban-btn{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}.ban-btn-mistake{ background: #7f1d1d; color: #fecaca; }.ban-btn-mistake:hover{ background: #991b1b; color: #fff; }.ban-btn-outline{ background: transparent; border-color: var(--accent-color); color: var(--accent-color); }.ban-btn-outline:hover{ background: var(--accent-color); color: var(--bg-primary); }.ban-btn-secondary{ background: var(--bg-tertiary); color: var(--text-primary); border-color: var(--border-color); }.ban-btn-secondary:hover{ background: var(--border-color); }.ban-btn-primary{ background: var(--accent-color); color: var(--bg-primary); }.ban-btn-primary:hover{ background: var(--accent-light); }.ban-btn-danger{ background: #b91c1c; color: #fff; }.ban-btn-danger:hover{ background: #991b1b; }.ban-checkbox-row{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 1rem;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
}.ban-checkbox-row input[type="checkbox"]{ accent-color: var(--accent-color); }.ban-duration-row{ margin-top: 1rem; transition: opacity 0.2s; }.ban-presets{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.85rem; }.ban-preset{
    padding: 0.5rem 0.9rem;
    font-size: 0.95rem;
    border-radius: var(--radius-md);
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}.ban-preset:hover{ background: var(--accent-color); border-color: var(--accent-color); color: var(--bg-primary); }.ban-slider-row{ margin-top: 0.5rem; }.ban-slider-label{ font-size: 1rem; color: var(--text-secondary); display: block; margin-bottom: 0.35rem; }.ban-slider{ width: 100%; height: 10px; accent-color: var(--accent-color); cursor: pointer; margin-top: 0.35rem; }.ban-duration-matrix{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}.ban-duration-btn{
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.72);
    color: rgba(226, 232, 240, 0.9);
    padding: 0.72rem 0.8rem;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .16s ease;
}.ban-duration-btn:hover{
    border-color: rgba(20, 184, 166, 0.45);
    color: #f8fafc;
    transform: translateY(-1px);
}.ban-duration-btn.is-active{
    border-color: rgba(20, 184, 166, 0.8);
    background: rgba(20, 184, 166, 0.18);
    color: #99f6e4;
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.25);
}.ban-duration-btn--permanent{
    grid-column: 1 / -1;
    border-color: rgba(248, 113, 113, 0.4);
    background: rgba(127, 29, 29, 0.35);
}.ban-duration-btn--permanent.is-active{
    border-color: rgba(248, 113, 113, 0.8);
    background: rgba(185, 28, 28, 0.45);
    color: #fee2e2;
    box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.35);
}.ban-section--reason{
    position: relative;
}.ban-section--reason .ban-textarea{
    min-height: 128px;
    width: 100%;
    padding: 0.8rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(2, 6, 23, 0.55);
    color: #e2e8f0;
    resize: vertical;
}.ban-section--reason .ban-textarea:focus{
    outline: none;
    border-color: rgba(20, 184, 166, 0.5);
    box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.16);
}.ban-section--reason .ban-char-count{
    position: absolute;
    right: 0.1rem;
    bottom: -1rem;
    font-size: 0.7rem;
    color: rgba(148, 163, 184, 0.7);
}.ban-card--terminal .ban-actions{
    margin-top: 2rem;
}.ban-card--terminal .ban-btn-secondary{
    background: transparent;
    border-color: rgba(148, 163, 184, 0.38);
    color: rgba(203, 213, 225, 0.9);
}.ban-card--terminal .ban-btn-secondary:hover{
    background: rgba(148, 163, 184, 0.12);
    color: #f8fafc;
}.ban-card--terminal .ban-btn-danger{
    background: linear-gradient(180deg, #dc2626, #b91c1c);
    border-color: #ef4444;
    color: #fff;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(185, 28, 28, 0.35);
}.ban-card--terminal .ban-btn-danger:hover{
    background: linear-gradient(180deg, #ef4444, #dc2626);
}.ban-utc-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}.ban-utc-now-display{
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex: 1;
    min-width: 200px;
}.ban-utc-now-label{ font-size: 0.95rem; color: var(--text-muted); }.ban-utc-now-value{ font-size: 1.1rem; font-family: ui-monospace, monospace; color: var(--accent-light); letter-spacing: 0.02em; }.ban-utc-expires{ font-size: 0.95rem; color: var(--text-secondary); }.ban-utc-expires strong{ color: var(--text-primary); margin-left: 0.25rem; }.ban-utc-label{ font-size: 0.95rem; color: var(--text-secondary); }.ban-label{ display: block; margin-bottom: 0.5rem; font-size: 1rem; font-weight: 500; color: var(--text-secondary); }.ban-textarea{
    width: 100%;
    padding: 0.85rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--bg-primary);
    color: var(--text-primary);
    resize: vertical;
    min-height: 120px;
}.ban-char-count{ font-size: 0.85rem; color: var(--text-muted); margin-top: 0.35rem; display: block; }.ban-actions{ display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }.ban-actions .ban-btn{ min-width: 120px; padding: 0.75rem 1.5rem; }body.job-report-modal-open{ overflow: hidden; }.job-report-modal{
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, visibility 0.2s;
}.job-report-modal[aria-hidden="false"]{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}.job-report-modal-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
}.job-report-modal-dialog{
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 480px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem 1.5rem 1.25rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}.job-report-modal-x{
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}.job-report-modal-x:hover{
    color: var(--text-primary);
    background: var(--bg-tertiary);
}.job-report-modal-title{
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 2rem 0.5rem 0;
}.job-report-modal-intro{
    margin: 0 0 1rem;
    font-size: 0.9rem;
}.job-report-modal-label{
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: var(--text-secondary);
}.job-report-modal-textarea{
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    line-height: 1.5;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--bg-primary);
    color: var(--text-primary);
    resize: vertical;
    min-height: 120px;
    margin-bottom: 0.5rem;
}.job-report-modal-error{
    color: #f87171;
    font-size: 0.875rem;
    margin: 0 0 0.75rem;
}.job-report-modal-actions{
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.5rem;
}.jr-reports-list{
    max-width: min(1480px, 100%);
    padding-left: clamp(8px, 1.5vw, 20px);
    padding-right: clamp(8px, 1.5vw, 20px);
}.jr-reports-list-head{
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}.jr-reports-list-title{
    margin: 0;
    font-weight: 700;
    letter-spacing: -0.02em;
}.jr-reports-filter-shell{
    margin-bottom: 1.15rem;
    padding: 0.85rem 1.1rem 1rem;
    border-radius: calc(var(--radius-md) + 4px);
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.88) 100%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
}.jr-reports-filter-panel{
    padding-top: 0;
}.jr-reports-filter-toolbar{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem 1.25rem;
    justify-content: space-between;
}.jr-reports-filter-toolbar-left{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1.25rem;
}.jr-reports-filter-field-label{
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.95);
}.jr-reports-filter-select{
    position: relative;
    min-width: min(100%, 13.5rem);
}.jr-reports-filter-select-btn{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.35rem;
    padding: 0.45rem 0.65rem;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    color: rgba(248, 250, 252, 0.95);
    text-align: left;
    cursor: pointer;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(15, 23, 42, 0.65);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}.jr-reports-filter-select-btn:hover{
    border-color: rgba(96, 165, 250, 0.45);
}.jr-reports-filter-select-btn:focus-visible{
    outline: 2px solid rgba(94, 234, 212, 0.65);
    outline-offset: 2px;
}.jr-reports-filter-select-btn .jr-reports-filter-select-chevron{
    font-size: 0.7rem;
    opacity: 0.75;
    flex-shrink: 0;
}.jr-reports-filter-select-panel{
    position: absolute;
    z-index: 40;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    min-width: 12rem;
    max-height: 18rem;
    display: flex;
    flex-direction: column;
    padding: 0.35rem 0;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.98);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}.jr-reports-filter-select-panel[hidden]{
    display: none !important;
}.jr-reports-filter-select-panel-body{
    max-height: 13rem;
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}.jr-reports-filter-option-search{
    box-sizing: border-box;
    width: calc(100% - 1rem);
    margin: 0.15rem 0.5rem 0.45rem;
    padding: 0.35rem 0.5rem;
    font-size: 0.78rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(30, 41, 59, 0.85);
    color: var(--text-primary);
}.jr-reports-filter-option-list{
    list-style: none;
    margin: 0;
    padding: 0.15rem 0;
}.jr-reports-filter-staff-block[hidden]{
    display: none !important;
}.jr-reports-filter-staff-empty{
    margin: 0 0.75rem 0.45rem;
    font-size: 0.78rem;
    color: rgba(148, 163, 184, 0.92);
}.jr-reports-filter-staff-group{
    padding: 0.35rem 0 0.15rem;
    margin-top: 0.15rem;
}.jr-reports-filter-staff-heading{
    padding: 0.2rem 0.75rem 0.35rem;
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.95);
}.jr-reports-filter-staff-list{
    list-style: none;
    margin: 0;
    padding: 0;
}.jr-reports-filter-staff-item{
    padding: 0.32rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(203, 213, 225, 0.95);
}.jr-reports-filter-staff-item a{
    color: inherit;
    text-decoration: none;
}.jr-reports-filter-staff-item a:hover{
    color: #7dd3fc;
    text-decoration: underline;
}.jr-reports-filter-staff-item[hidden]{
    display: none !important;
}.jr-reports-filter-option{
    padding: 0.45rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(226, 232, 240, 0.92);
    cursor: pointer;
    transition: background 0.1s ease;
}.jr-reports-filter-option:hover,
.jr-reports-filter-option.is-highlighted{
    background: rgba(59, 130, 246, 0.35);
    color: #fff;
}.jr-reports-filter-option.is-selected{
    background: rgba(37, 99, 235, 0.85);
    color: #fff;
}.jr-reports-filter-option[hidden]{
    display: none !important;
}.jr-reports-filter-option-count{
    opacity: 0.75;
    font-weight: 600;
}.jr-reports-filter-list-search-wrap{
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: min(100%, 14rem);
    padding: 0.35rem 0.55rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.55);
}.jr-reports-filter-list-search-wrap .fa-search{
    font-size: 0.75rem;
    color: rgba(148, 163, 184, 0.85);
    flex-shrink: 0;
}.jr-reports-filter-list-search{
    flex: 1 1 auto;
    min-width: 0;
    border: none;
    background: transparent;
    font: inherit;
    font-size: 0.82rem;
    color: var(--text-primary);
    padding: 0.2rem 0;
}.jr-reports-filter-list-search:focus{
    outline: none;
}.jr-reports-filter-list-search::placeholder{
    color: rgba(148, 163, 184, 0.65);
}.job-reports-table-wrap--board{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: calc(var(--radius-md) + 2px);
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.55) 0%, rgba(15, 23, 42, 0.72) 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 12px 40px rgba(0, 0, 0, 0.22);
}.job-reports-table{
    width: 100%;
    min-width: 820px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.9rem;
    line-height: 1.45;
}.job-reports-col-reporter{ width: 17%; min-width: 7.5rem; }.job-reports-col-subject{ width: 17%; min-width: 7.5rem; }.job-reports-col-claimed{ width: 16%; min-width: 6.5rem; }.job-reports-col-status{ width: 14%; min-width: 5.5rem; }.job-reports-col-updated{ width: 18%; min-width: 8.5rem; }.job-reports-col-actions{ width: 18%; min-width: 12rem; white-space: nowrap; }.job-reports-table thead th{
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.95rem 1rem;
    text-align: center;
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.95);
    background: rgba(15, 23, 42, 0.92);
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    vertical-align: middle;
    white-space: nowrap;
}.job-reports-table thead th:first-child{
    border-top-left-radius: calc(var(--radius-md) + 1px);
}.job-reports-table thead th:last-child{
    border-top-right-radius: calc(var(--radius-md) + 1px);
}.job-reports-th-actions{
    text-align: center;
}.job-reports-table tbody td{
    padding: 0.85rem 1rem;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    color: var(--text-primary);
}.job-reports-table tbody tr:last-child td{
    border-bottom: none;
}.job-reports-table tbody tr.job-reports-row:nth-child(even) td{
    background: rgba(255, 255, 255, 0.02);
}.job-reports-table tbody tr.job-reports-row:hover td{
    background: rgba(20, 184, 166, 0.06);
}.job-reports-user-cell{
    vertical-align: middle;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}.job-reports-user-cell a,
.job-reports-user-cell a:visited{
    color: #5eead4;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
    display: inline-block;
    max-width: 100%;
    text-align: center;
}.job-reports-user-cell a:hover{
    color: #99f6e4;
    border-bottom-color: rgba(94, 234, 212, 0.45);
}.job-reports-system-reporter{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.55rem 0.22rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.22);
    border: 1px solid rgba(96, 165, 250, 0.45);
    cursor: default;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.12);
}.job-reports-th-sort{
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    max-width: 100%;
}.job-reports-th-sort:hover{
    color: #99f6e4;
}.job-reports-th-sort.is-active{
    color: #5eead4;
}.job-reports-th-sort i{
    opacity: 0.45;
    font-size: 0.7rem;
}.job-reports-status-cell{
    vertical-align: middle;
}.job-reports-date-cell{
    vertical-align: middle;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    color: rgba(203, 213, 225, 0.9);
    white-space: nowrap;
}.job-reports-actions{
    vertical-align: middle;
    text-align: center;
}.job-reports-actions-inner{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
}.job-reports-claim-form{
    display: inline-flex;
    margin: 0;
}.job-reports-claim-placeholder{
    display: inline-flex;
    margin: 0;
    pointer-events: none;
}.job-reports-action-btn--phantom{
    visibility: hidden;
    pointer-events: none;
    user-select: none;
    cursor: default;
}.job-reports-action-btn{
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 6.5rem;
    min-height: 2.35rem;
    padding: 0.5rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 650;
    line-height: 1.2;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}.job-reports-action-btn--view{
    background: rgba(15, 23, 42, 0.5);
    border-color: rgba(148, 163, 184, 0.28);
    color: rgba(248, 250, 252, 0.95);
}.job-reports-action-btn--view:hover{
    background: rgba(51, 65, 85, 0.55);
    border-color: rgba(148, 163, 184, 0.45);
    color: #fff;
}.job-reports-action-btn--claim{
    background: linear-gradient(180deg, rgba(45, 212, 191, 0.95) 0%, rgba(13, 148, 136, 0.98) 100%);
    border-color: rgba(45, 212, 191, 0.35);
    color: #042f2e;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}.job-reports-action-btn--claim:hover{
    filter: brightness(1.06);
    box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.25);
}.job-reports-action-btn:focus-visible{
    outline: 2px solid rgba(94, 234, 212, 0.65);
    outline-offset: 2px;
}@media (max-width: 720px) {.job-reports-actions-inner{
        justify-content: center;
    }.job-reports-actions{
        text-align: center;
    }}.job-reports-status-pill{
    display: inline-block;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 650;
    background: var(--bg-tertiary);
}.job-reports-status-pill--new{ background: rgba(59, 130, 246, 0.2); color: #93c5fd; }.job-reports-status-pill--in_progress{ background: rgba(234, 179, 8, 0.2); color: #fcd34d; }.job-reports-status-pill--accepted{ background: rgba(34, 197, 94, 0.2); color: #86efac; }.job-reports-status-pill--declined{ background: rgba(239, 68, 68, 0.2); color: #fca5a5; }.job-reports-status-pill--job_invalidated{ background: rgba(180, 83, 9, 0.25); color: #fdba74; }.job-reports-search input[type="search"]{
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--bg-primary);
    color: var(--text-primary);
}.job-reports-detail-meta{
    display: grid;
    gap: 0.65rem;
    font-size: 0.95rem;
}.job-reports-detail-meta a,
.job-reports-detail-meta a:visited{
    color: var(--accent-light);
    text-decoration: none;
    font-weight: 600;
}.job-reports-detail-meta a:hover{
    color: #e0fbf7;
    text-decoration: underline;
}.job-reports-detail-reason{
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.55;
    color: var(--text-primary);
}.job-reports-detail-actions{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: 0.5rem;
    align-items: stretch;
}.job-reports-detail-actions form{
    margin: 0;
    min-width: 0;
}.job-reports-btn-warn{
    border-color: #b45309 !important;
    color: #fdba74 !important;
}.job-reports-btn-reactivate{
    border-color: #0d9488 !important;
    color: #5eead4 !important;
}.header-notifications{
    position: relative;
}.header-notif-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}.header-notif-btn:hover{
    background: var(--bg-tertiary);
    color: var(--accent-light);
}.header-notif-badge{
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 4px;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1.1rem;
    text-align: center;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
}.header-notif-panel{
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(360px, calc(100vw - 24px));
    max-height: 70vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: 0 16px 40px var(--shadow-lg);
    z-index: 2000;
}.header-notif-panel[hidden]{
    display: none !important;
}.header-notif-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--border-color);
    font-weight: 600;
    font-size: 0.9rem;
}.header-notif-markall{
    border: none;
    background: none;
    color: var(--accent-light);
    font-size: 0.8rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}.header-notif-list{
    overflow-y: auto;
    max-height: 55vh;
}.header-notif-empty{
    margin: 0;
    padding: 1rem 0.85rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}.header-notif-item{
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: background 0.15s;
}.header-notif-item:hover{
    background: rgba(255, 255, 255, 0.04);
}.header-notif-item.is-read{
    opacity: 0.65;
}.header-notif-item-title{
    font-weight: 600;
    font-size: 0.88rem;
    margin-bottom: 0.25rem;
}.header-notif-item-body{
    font-size: 0.82rem;
    color: var(--text-secondary);
    line-height: 1.45;
}.header-notif-item-meta{
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: var(--accent-light);
}.jr-admin-report{
    max-width: 1180px;
    padding-bottom: 1.5rem;
}.jr-admin-report-header{
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.35rem;
}.jr-admin-report-header-top{
    margin-bottom: 0.5rem;
}.jr-admin-report-title{
    margin: 0 0 0.35rem;
    font-size: 1.65rem;
}.jr-admin-report-sub{
    margin: 0;
    font-size: 0.9rem;
}.jr-admin-report-flash{
    margin-bottom: 1rem;
}.jr-admin-report-card{
    margin-bottom: 1.25rem;
    padding: 1.15rem 1.35rem;
    border: 1px solid rgba(45, 212, 191, 0.2);
}.jr-admin-report-card-title,
.jr-status-log-heading{
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-primary);
}.jr-admin-report-divider{
    height: 1px;
    background: linear-gradient(90deg, var(--accent, #2dd4bf), transparent);
    margin-bottom: 1rem;
    opacity: 0.5;
}.jr-admin-report-meta-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem 1.5rem;
}.jr-admin-report-meta-item{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}.jr-admin-report-meta-label{
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
}.jr-admin-report-meta-value{
    font-weight: 600;
    color: var(--accent-light);
    text-decoration: none;
}.jr-admin-report-meta-value:hover{
    text-decoration: underline;
}.jr-admin-report-meta-value--plain{
    color: var(--text-primary);
    font-weight: 500;
}.jr-admin-report-split{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}@media (max-width: 900px) {.jr-admin-report-split{
        grid-template-columns: 1fr;
    }}.jr-admin-report-reason{
    white-space: pre-wrap;
    line-height: 1.55;
    color: var(--text-primary);
}.jr-admin-report-reason-intro{
    margin: 0 0 0.85rem;
    color: var(--text-primary);
}.jr-admin-report-reason-list{
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.45rem;
}.jr-admin-report-reason-list li{
    color: var(--text-secondary);
    line-height: 1.5;
}.jr-admin-report-delivery-line{
    margin: 0 0 0.75rem;
}.jr-admin-report-actions-card .jr-admin-report-actions-grid{
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
}.jr-admin-report-hint{
    margin: 0.75rem 0 0;
}.jr-status-log-card{
    margin-bottom: 2rem;
}.jr-status-log-wrap{
    overflow-x: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}.jr-status-log-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}.jr-status-log-table th{
    text-align: left;
    padding: 0.65rem 0.85rem;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    color: var(--text-secondary);
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}.jr-status-log-table td{
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
}.jr-status-log-table tbody tr:last-child td{
    border-bottom: none;
}.jr-status-log-actor a{
    color: var(--accent-light);
    font-weight: 600;
    text-decoration: none;
}.jr-status-log-actor a:hover{
    text-decoration: underline;
}.jr-status-log-reason{
    color: var(--text-secondary);
    max-width: 280px;
    word-break: break-word;
}.jr-log-pill{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
}.jr-log-pill--submitted{ background: rgba(59, 130, 246, 0.2); color: #93c5fd; }.jr-log-pill--claimed{ background: rgba(234, 179, 8, 0.2); color: #fcd34d; }.jr-log-pill--unclaimed{ background: rgba(148, 163, 184, 0.2); color: #cbd5e1; }.jr-log-pill--accepted{ background: rgba(34, 197, 94, 0.2); color: #86efac; }.jr-log-pill--declined{ background: rgba(239, 68, 68, 0.2); color: #fca5a5; }.jr-log-pill--deactivated{ background: rgba(180, 83, 9, 0.25); color: #fdba74; }.jr-log-pill--reactivated{ background: rgba(13, 148, 136, 0.25); color: #5eead4; }.jr-log-pill--default{ background: var(--bg-tertiary); color: var(--text-secondary); }.jr-reports-flash{
    margin-bottom: 1rem;
}.jr-reports-toolbar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--bg-secondary);
}.jr-reports-search-label{
    color: var(--text-muted);
    display: flex;
    align-items: center;
}.jr-reports-search-input{
    flex: 1 1 220px;
    min-width: 180px;
    max-width: 400px;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    background: var(--bg-primary);
    color: var(--text-primary);
    font: inherit;
}.jr-reports-search-btn{
    flex: 0 0 auto;
}.jr-reports-empty{
    margin: 0;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted);
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
}.jr-report-dock{
    position: sticky;
    bottom: 0.75rem;
    z-index: 8;
    margin-top: 1.35rem;
    padding: 0.85rem 1rem 0.95rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(20, 184, 166, 0.28);
    background: var(--bg-secondary);
    backdrop-filter: blur(10px);
    box-shadow: 0 -6px 32px rgba(0, 0, 0, 0.28);
}.jr-report-dock-legend{
    margin: 0 0 0.8rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--text-muted);
    max-width: 70ch;
}.jr-report-dock-hint{
    margin: 0 0 0.7rem;
    width: 100%;
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--text-muted);
}.jr-report-dock-actions{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}.jr-action-form--dock{
    margin: 0;
    display: inline-flex;
    flex: 0 0 auto;
}.jr-dock-pill{
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 7.75rem;
    height: 2.45rem;
    padding: 0 1rem;
    margin: 0;
    font-size: 0.84rem;
    font-weight: 650;
    font-family: inherit;
    line-height: 1.2;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: filter 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}.jr-dock-pill:focus-visible{
    outline: 2px solid rgba(94, 234, 212, 0.75);
    outline-offset: 2px;
}.jr-dock-pill--claim,
.jr-dock-pill--accept{
    background: linear-gradient(180deg, rgba(45, 212, 191, 0.98) 0%, rgba(13, 148, 136, 0.99) 100%);
    border-color: rgba(45, 212, 191, 0.45);
    color: #042f2e;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset;
}.jr-dock-pill--claim:hover,
.jr-dock-pill--accept:hover{
    filter: brightness(1.05);
}.jr-dock-pill--unclaim{
    background: linear-gradient(180deg, #fde047 0%, #eab308 100%);
    border-color: rgba(202, 138, 4, 0.55);
    color: #422006;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}.jr-dock-pill--unclaim:hover{
    filter: brightness(1.04);
}.jr-dock-pill--decline{
    background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
    border-color: rgba(248, 113, 113, 0.45);
    color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
}.jr-dock-pill--decline:hover{
    filter: brightness(1.06);
}.jr-dock-pill--warn{
    background: rgba(30, 41, 59, 0.65);
    border-color: rgba(251, 191, 36, 0.45);
    color: #fde68a;
}.jr-dock-pill--warn:hover{
    background: rgba(51, 65, 85, 0.75);
}.jr-dock-pill--reactivate{
    background: rgba(30, 41, 59, 0.65);
    border-color: rgba(45, 212, 191, 0.35);
    color: #99f6e4;
}.jr-dock-pill--reactivate:hover{
    background: rgba(51, 65, 85, 0.75);
}@media (max-width: 380px) {.jr-dock-pill{
        min-width: 0;
        flex: 1 1 calc(50% - 0.25rem);
    }}.jr-report-hero{
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-color);
}.jr-report-back{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--accent-light);
    text-decoration: none;
    margin-bottom: 0.85rem;
}.jr-report-back:hover{
    color: var(--accent-color);
    text-decoration: underline;
}.jr-report-hero-badges{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.65rem;
}.jr-report-type-badge{
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}.jr-report-type-badge--system{
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
    border: 1px solid rgba(59, 130, 246, 0.35);
}.jr-report-type-badge--user{
    background: rgba(148, 163, 184, 0.15);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}.jr-report-hero-title{
    margin: 0 0 0.35rem;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}.jr-report-hero-lead{
    margin: 0;
    max-width: 56ch;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--text-muted);
}.jr-report-hero-meta{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}.jr-report-hero-meta-sep{
    opacity: 0.5;
}.jr-report-layout{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1.35rem;
    align-items: start;
}.jr-report-layout--single{
    grid-template-columns: 1fr;
}.jr-report-sidebar-col{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
    min-width: 0;
}.jr-report-sidebar-col .jr-report-dock{
    position: static;
    margin-top: 0;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2);
}.jr-report-sidebar-col .jr-report-dock-actions{
    gap: 0.5rem;
}.jr-report-sidebar-col .jr-action-form--dock{
    flex: 1 1 calc(33.333% - 0.35rem);
    min-width: 0;
    max-width: 100%;
}.jr-report-sidebar-col .jr-report-dock-actions:has(> :only-child) .jr-action-form--dock{
    flex: 0 0 auto;
}.jr-report-sidebar-col .jr-dock-pill{
    min-width: 0;
    width: 100%;
    height: 2.35rem;
    padding: 0 0.55rem;
    font-size: 0.8rem;
    gap: 0.3rem;
    white-space: nowrap;
    line-height: 1.2;
    text-align: center;
}.jr-report-sidebar-col .jr-report-dock-actions:has(> :only-child) .jr-dock-pill{
    width: auto;
    min-width: 7.25rem;
    white-space: nowrap;
}.jr-report-sidebar-col .jr-dock-pill i{
    font-size: 0.85em;
    flex-shrink: 0;
}@media (max-width: 960px) {.jr-report-layout{
        grid-template-columns: 1fr;
    }.jr-report-sidebar-col{
        order: -1;
    }}.jr-panel{
    margin-bottom: 1.15rem;
    padding: 1.15rem 1.25rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--bg-secondary);
}.jr-panel-title{
    margin: 0 0 0.9rem;
    font-size: 0.95rem;
    font-weight: 650;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-primary);
}.jr-panel-title i{
    opacity: 0.85;
    color: var(--accent-light);
}.jr-panel-hint{
    margin: 0 0 1rem;
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--text-muted);
}.jr-panel-footnote{
    margin: 0.85rem 0 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--text-muted);
}.jr-panel--reason{
    background: rgba(0, 0, 0, 0.15);
}.jr-panel--actions{
    border-color: rgba(20, 184, 166, 0.22);
}.jr-panel--log{
    margin-bottom: 0;
}.jr-panel--activity{
    padding: 0;
    margin-bottom: 1.15rem;
}.jr-activity-summary{
    list-style: none;
    cursor: pointer;
    padding: 1.15rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    user-select: none;
    color: var(--text-primary);
    border-radius: var(--radius-md);
    transition: background-color 0.22s ease;
}.jr-activity-summary:hover{
    background: rgba(255, 255, 255, 0.045);
}.jr-activity-summary:focus{
    outline: none;
}.jr-activity-summary:focus-visible{
    outline: 2px solid var(--accent-light);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}.jr-activity-summary::-webkit-details-marker{
    display: none;
}.jr-panel--activity summary::marker{
    content: '';
}.jr-activity-summary-main{
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}.jr-activity-title{
    font-size: 0.95rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-primary);
}.jr-activity-title i{
    opacity: 0.85;
    color: var(--accent-light);
}.jr-activity-count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    background: rgba(20, 184, 166, 0.18);
    color: var(--accent-light);
}.jr-activity-chevron{
    flex-shrink: 0;
    opacity: 0.65;
    transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease;
    font-size: 0.75rem;
}.jr-panel--activity[open] .jr-activity-chevron{
    transform: rotate(180deg);
    opacity: 0.9;
}.jr-activity-body{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.42s cubic-bezier(0.32, 0.72, 0, 1);
    padding: 0;
    overflow: hidden;
}.jr-panel--activity[open] .jr-activity-body{
    grid-template-rows: 1fr;
}.jr-panel--activity[open].jr-activity--closing .jr-activity-body{
    grid-template-rows: 0fr;
}.jr-activity-body-inner{
    min-height: 0;
    overflow: hidden;
    padding: 0.85rem 1.25rem 1.15rem;
    border-top: 1px solid var(--border-color);
    opacity: 0;
    transform: translateY(-8px);
    transition:
        opacity 0.34s cubic-bezier(0.32, 0.72, 0, 1) 0.05s,
        transform 0.4s cubic-bezier(0.32, 0.72, 0, 1) 0.04s;
}.jr-panel--activity[open]:not(.jr-activity--closing) .jr-activity-body-inner{
    opacity: 1;
    transform: translateY(0);
}.jr-panel--activity.jr-activity--closing .jr-activity-body-inner{
    opacity: 0;
    transform: translateY(-6px);
    transition:
        opacity 0.22s ease,
        transform 0.26s cubic-bezier(0.4, 0, 1, 1);
}@media (prefers-reduced-motion: reduce) {.jr-activity-body,
    .jr-activity-body-inner,
    .jr-activity-chevron{
        transition-duration: 0.01ms !important;
        transition-delay: 0s !important;
    }.jr-panel--activity[open] .jr-activity-chevron{
        transform: rotate(180deg);
    }}.jr-panel--aside{
    margin-bottom: 0;
}.jr-panel-title--compact{
    margin-bottom: 0.65rem;
}.jr-panel--delivery-link-only .jr-aside-btn{
    margin-top: 0;
}.jr-dl-row--outcome .jr-detail-dd-outcome{
    align-items: center;
}.jr-detail-dd-outcome{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}.jr-outcome-edit-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: var(--radius-sm);
    background: #2563eb;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.18s ease, transform 0.12s ease;
}.jr-outcome-edit-btn:hover{
    background: #1d4ed8;
}.jr-outcome-edit-btn:focus-visible{
    outline: 2px solid var(--accent-light);
    outline-offset: 2px;
}.jr-detail-delivery-actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
    margin-top: 0.95rem;
    padding-top: 0.95rem;
    border-top: 1px solid var(--border-color);
}.jr-outcome-modal .jr-outcome-modal-fieldset{
    border: 0;
    margin: 0 0 1.1rem;
    padding: 0;
    min-width: 0;
}.jr-outcome-modal-legend{
    padding: 0;
    margin: 0 0 0.55rem;
    font-size: 0.88rem;
    font-weight: 650;
    color: var(--text-primary);
}.jr-outcome-radio{
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.4rem 0 0;
    font-size: 0.9rem;
    color: var(--text-secondary);
    cursor: pointer;
}.jr-outcome-radio input{
    accent-color: var(--accent-color);
}.jr-aside-kicker{
    margin: -0.35rem 0 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.02em;
}.jr-aside-btn{
    width: 100%;
    margin-top: 0.5rem;
    justify-content: center;
}.jr-dl{
    margin: 0;
    display: grid;
    gap: 0.65rem 1rem;
}.jr-dl-row{
    display: grid;
    grid-template-columns: minmax(100px, 140px) minmax(0, 1fr);
    gap: 0.5rem 1rem;
    align-items: baseline;
}@media (max-width: 520px) {.jr-dl-row{
        grid-template-columns: 1fr;
    }}.jr-dl dt{
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}.jr-dl dd{
    margin: 0;
    font-size: 0.92rem;
    color: var(--text-primary);
    line-height: 1.45;
}.jr-dl dd a{
    color: var(--accent-light);
    font-weight: 600;
    text-decoration: none;
}.jr-dl dd a:hover{
    text-decoration: underline;
}.jr-dl--compact{
    gap: 0.5rem;
}.jr-admin-report-reason--formatted{
    white-space: normal;
    line-height: 1.55;
}.jr-reason-block{
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
}.jr-reason-block:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}.jr-admin-report-reason--formatted .jr-admin-report-reason-intro{
    margin: 0 0 0.65rem;
    font-size: 0.95rem;
    color: var(--text-primary);
}.jr-admin-report-reason--formatted .jr-admin-report-reason-list{
    margin: 0;
    padding-left: 1.15rem;
}.jr-admin-report-reason--formatted .jr-admin-report-reason-list li{
    margin-bottom: 0.35rem;
}.jr-action-bar{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}.jr-action-form{
    margin: 0;
}.jr-status-log-empty{
    margin: 0;
    font-size: 0.9rem;
    color: var(--text-muted);
}.jr-status-log-reason{
    max-width: min(360px, 40vw);
}@media (max-width: 700px) {.jr-status-log-reason{
        max-width: none;
    }}.jr-reports-list .sr-only,
.jr-admin-report .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}.header-notif-item-row{
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}.header-notif-item-icon{
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.06);
    color: var(--accent-light);
    font-size: 0.9rem;
}.header-notif-item-col{
    flex: 1;
    min-width: 0;
}.header-notif-item-time{
    font-size: 0.72rem;
    color: var(--text-secondary);
    margin-top: 0.2rem;
}.header-notif-footer{
    border-top: 1px solid var(--border-color);
    padding: 0.55rem 0.75rem;
    text-align: center;
}.header-notif-viewall{
    color: var(--accent-light);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
}.header-notif-viewall:hover{
    text-decoration: underline;
}.notifications-page{
    max-width: 720px;
}.notifications-page-summary{
    margin-top: -0.25rem;
    margin-bottom: 0.5rem;
}.notifications-page-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}.notifications-page-tab{
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    background: var(--bg-secondary);
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}.notifications-page-tab:hover{
    color: var(--accent-light);
    border-color: rgba(45, 212, 191, 0.35);
}.notifications-page-tab.is-active{
    background: rgba(20, 184, 166, 0.25);
    color: var(--accent-light);
    border-color: rgba(45, 212, 191, 0.45);
}.notifications-page-markall{
    margin-bottom: 1rem;
}.notifications-page-empty{
    padding: 2rem 0;
}.notifications-page-list{
    list-style: none;
    margin: 0;
    padding: 0;
}.notifications-page-item{
    display: flex;
    gap: 1rem;
    padding: 1rem 1.1rem;
    margin-bottom: 0.65rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    background: var(--bg-secondary);
}.notifications-page-item:not(.is-read){
    cursor: pointer;
}.notifications-page-item.is-read{
    opacity: 0.72;
}.notifications-page-item-icon{
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.06);
    color: var(--accent-light);
}.notifications-page-item-main{
    flex: 1;
    min-width: 0;
}.notifications-page-item-title{
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.35rem;
}.notifications-page-item-body{
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.5;
}.notifications-page-item-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.45rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}.notifications-page-item-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.65rem;
}.notifications-page-inline-form{
    display: inline;
    margin: 0;
}.notifications-page-linkbtn{
    border: none;
    background: none;
    padding: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--accent-light);
    cursor: pointer;
    text-decoration: underline;
}a.notifications-page-linkbtn{
    text-decoration: none;
}a.notifications-page-linkbtn:hover{
    text-decoration: underline;
}.admin-notify-send{
    max-width: min(880px, 100%);
    margin-left: auto;
    margin-right: auto;
}.admin-notify-send-card{
    max-width: none;
    width: 100%;
    padding: 1.35rem 1.5rem;
}.admin-notify-send-label{
    display: block;
    margin: 0.85rem 0 0.35rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-secondary);
}.login-container.site-rules-accept-wrap{
    max-width: min(1100px, 96vw);
}.site-rules-accept-wrap{
    max-width: min(1100px, 96vw);
}.site-rules-accept-card{
    max-width: 100%;
}.site-rules-accept-checks__grid{
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    width: 100%;
}.site-rules-accept-check.login-field-group{
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    cursor: pointer;
    text-align: left;
}.site-rules-accept-check > span{
    line-height: 1.45;
}.site-rules-accept-check .site-rules-accept-docname{
    font-weight: 600;
    color: var(--text-primary);
}.site-rules-accept-check input[type="checkbox"]{
    flex-shrink: 0;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    accent-color: var(--accent-color, #14b8a6);
}.site-rules-accept-checks .site-rules-accept-submit{
    margin-top: 1.25rem;
}.site-rules-accept-doclink{
    color: var(--accent-light);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}.site-rules-accept-doclink:hover{
    color: var(--accent-color);
}.site-rules-latest{
    margin-bottom: 1.35rem;
    text-align: left;
}.site-rules-latest__title{
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.65rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
    letter-spacing: 0.02em;
}.site-rules-latest__intro{
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin: 0 0 1rem;
    line-height: 1.55;
}.site-rules-latest__body{
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.65;
}.site-rules-latest__body ul{
    margin: 0.35rem 0 0;
    padding-left: 1.2rem;
}.site-rules-latest__body li{
    margin-bottom: 0.35rem;
}.site-rules-latest__body a{
    color: var(--accent-light);
    text-decoration: underline;
    font-weight: 500;
}.site-rules-latest__body a:hover{
    color: var(--accent-color);
}.site-rules-doc-title{
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.65rem;
    color: var(--text-primary);
    text-align: left;
}.site-rules-doc-card{
    margin-top: 0;
}.site-rules-public-intro{
    max-width: 52rem;
    line-height: 1.55;
    margin-bottom: 1.25rem;
}.site-rules-public-card .markdown-body{
    text-align: left;
}.markdown-body.site-rules-body{
    max-width: 100%;
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.72;
}.markdown-body.site-rules-body > :first-child{
    margin-top: 0;
}.markdown-body.site-rules-body > :last-child{
    margin-bottom: 0;
}.markdown-body.site-rules-body p{
    margin: 0 0 0.95rem;
}.markdown-body.site-rules-body h1,
.markdown-body.site-rules-body h2,
.markdown-body.site-rules-body h3{
    color: var(--text-primary);
    font-weight: 700;
    line-height: 1.35;
    margin: 1.75rem 0 0.65rem;
    padding: 0;
    border: none;
}.markdown-body.site-rules-body h1:first-child,
.markdown-body.site-rules-body h2:first-child,
.markdown-body.site-rules-body h3:first-child{
    margin-top: 0;
}.markdown-body.site-rules-body h1{
    font-size: 1.2rem;
}.markdown-body.site-rules-body h2{
    font-size: 1.05rem;
}.markdown-body.site-rules-body h3{
    font-size: 1rem;
    margin: 1.35rem 0 0.5rem;
}.markdown-body.site-rules-body hr{
    border: none;
    border-top: 1px solid var(--border-color);
    margin: 1.5rem 0;
    opacity: 0.8;
}.markdown-body.site-rules-body a{
    color: var(--accent-light);
    text-decoration: underline;
    font-weight: 500;
}.markdown-body.site-rules-body a:hover{
    color: var(--accent-color);
}.markdown-body.site-rules-body ul,
.markdown-body.site-rules-body ol{
    margin: 0.35rem 0 1rem;
    padding-left: 1.5rem;
    list-style-position: outside;
}.markdown-body.site-rules-body ul{
    list-style-type: disc;
}.markdown-body.site-rules-body ol{
    list-style-type: decimal;
}.markdown-body.site-rules-body ul ul{
    list-style-type: circle;
    margin: 0.4rem 0 0.5rem;
}.markdown-body.site-rules-body li{
    margin: 0 0 0.5rem;
    padding-left: 0.35rem;
    line-height: 1.68;
}.markdown-body.site-rules-body li:last-child{
    margin-bottom: 0;
}.markdown-body.site-rules-body li::marker{
    color: var(--text-primary);
    font-weight: 600;
}.markdown-body.site-rules-body h1 + ul,
.markdown-body.site-rules-body h2 + ul,
.markdown-body.site-rules-body h3 + ul,
.markdown-body.site-rules-body h1 + ol,
.markdown-body.site-rules-body h2 + ol,
.markdown-body.site-rules-body h3 + ol{
    margin-top: 0.2rem;
}body.has-sidebar .main-content.job-manifest-main::before{
    background: linear-gradient(165deg, #0b1120 0%, #0f172a 45%, #111827 100%) !important;
}.job-manifest{
    --jm-surface: #111827;
    --jm-surface-2: #151e2e;
    --jm-border: rgba(255, 255, 255, 0.06);
    --jm-muted: #94a3b8;
    --jm-accent-soft: rgba(20, 184, 166, 0.12);
}.job-manifest__shell.job-detail-layout{
    padding-top: 1rem;
    padding-bottom: 2.5rem;
}.job-manifest__toolbar.job-detail-top--bar .job-detail-top-row{
    margin-bottom: 1rem;
}.job-manifest__hero{
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.35rem;
    background: var(--jm-surface);
    border: 1px solid var(--jm-border);
    border-radius: 14px;
}.jm-eyebrow{
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #5eead4;
    margin: 0 0 0.35rem;
}.job-manifest__title{
    margin: 0 0 1rem;
    font-size: clamp(1.3rem, 3.2vw, 1.8rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #f8fafc;
}.job-manifest__driver{
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}.job-manifest__avatar-wrap img.job-manifest__avatar{
    width: 56px;
    height: 56px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid var(--jm-border);
    display: block;
}.job-manifest__avatar--placeholder{
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid var(--jm-border);
    color: var(--jm-muted);
    font-size: 1.2rem;
}.job-manifest__driver-name{
    font-size: 1.02rem;
    font-weight: 600;
    color: #e2e8f0;
    text-decoration: none;
}a.job-manifest__driver-name:hover{
    color: var(--accent-light);
}span.job-manifest__driver-name{
    cursor: default;
}.job-manifest__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}.jm-tag{
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--jm-border);
    color: #cbd5e1;
}.jm-tag--game{
    color: #5eead4;
    border-color: rgba(20, 184, 166, 0.35);
    background: var(--jm-accent-soft);
}.jm-tag--warn{
    color: #fcd34d;
    border-color: rgba(251, 191, 36, 0.35);
}.job-manifest__dashboard{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(252px, 296px);
    grid-template-areas:
        "stage metrics"
        "details details"
        "timeline timeline";
    gap: 1rem;
    align-items: start;
}@media (max-width: 960px) {.job-manifest__dashboard{
        grid-template-columns: 1fr;
        grid-template-areas:
            "stage"
            "metrics"
            "details"
            "timeline";
    }}.job-manifest__stage{
    grid-area: stage;
}.job-manifest__metrics{
    grid-area: metrics;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}.job-manifest__details{
    grid-area: details;
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}@media (max-width: 640px) {.job-manifest__details{
        grid-template-columns: 1fr;
    }}.jm-detail-card--transit{
    grid-column: 1 / -1;
}.job-manifest__timeline{
    grid-area: timeline;
}.job-manifest__timeline.job-timeline-card{
    margin-top: 0;
}.jm-surface{
    background: var(--jm-surface);
    border: 1px solid var(--jm-border);
    border-radius: 14px;
    padding: 1.1rem 1.15rem 1.2rem;
}.jm-route-ribbon{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.65rem 1rem;
    align-items: center;
    margin-bottom: 1rem;
}@media (max-width: 640px) {.jm-route-ribbon{
        grid-template-columns: 1fr;
    }.jm-route-flow{
        flex-direction: row;
        min-height: auto !important;
        padding: 0.35rem 0;
    }.jm-flow-line{
        flex: 1;
        min-height: 0 !important;
        width: auto;
        border-left: none !important;
        border-top: 2px dashed rgba(148, 163, 184, 0.35);
    }}.jm-route-node{
    padding: 0.8rem 0.95rem;
    background: var(--jm-surface-2);
    border: 1px solid var(--jm-border);
    border-radius: 10px;
    min-width: 0;
}.jm-route-node--dest{
    border-color: rgba(56, 189, 248, 0.22);
}.jm-node-label{
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--jm-muted);
    margin-bottom: 0.3rem;
}.jm-node-city{
    display: block;
    font-size: 1.02rem;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1.3;
    word-break: break-word;
}.jm-node-co{
    display: block;
    font-size: 0.8rem;
    color: var(--jm-muted);
    margin-top: 0.2rem;
    word-break: break-word;
}.jm-route-flow{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 108px;
    color: #14b8a6;
}.jm-flow-line{
    flex: 1;
    width: 0;
    min-height: 1.25rem;
    border-left: 2px dashed rgba(148, 163, 184, 0.38);
}.jm-flow-icon{
    font-size: 1.05rem;
    opacity: 0.95;
}.job-manifest .job-manifest-map-card.job-route-card{
    margin-top: 0.25rem;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid var(--jm-border) !important;
    background: #0b131a !important;
}.job-manifest-map-card__head{
    padding: 0.6rem 0.95rem;
    border-bottom: 1px solid var(--jm-border);
    background: rgba(15, 23, 42, 0.55);
}.job-manifest-map-card__head h3{
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    color: #cbd5e1 !important;
}.job-manifest-map-card__head h3 i{
    color: #14b8a6 !important;
    margin-right: 0.4rem;
}.job-manifest .job-manifest-map-card .job-route-map-wrap{
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    height: auto;
    min-height: min(50vh, 400px);
    background: #0b131a !important;
}.job-manifest .job-manifest-map-card .job-route-map-wrap .leaflet-container,
.job-manifest .job-manifest-map-card .job-route-map-wrap .leaflet-tile-pane,
.job-manifest .job-manifest-map-card .job-route-map-wrap .leaflet-map-pane{
    background: #0b131a !important;
}.job-manifest .job-manifest-map-card #job-route-map{
    min-height: min(50vh, 400px);
    background: #0b131a !important;
}.job-manifest .job-manifest-map-card .job-route-playback{
    padding: 0.6rem 0.95rem;
    margin: 0;
    border-top: 1px solid var(--jm-border);
    background: rgba(15, 23, 42, 0.72);
}.job-manifest .job-manifest-map-card .job-route-no-data{
    padding: 0.85rem 1rem 1.1rem;
    margin: 0;
    background: #0b131a;
    border-top: 1px solid var(--jm-border);
}.jm-metric-block{
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 0.95rem 1rem 1rem;
}.jm-metric-block--economy{
    background: linear-gradient(160deg, rgba(20, 184, 166, 0.08) 0%, rgba(255, 255, 255, 0.02) 48%);
    border-color: rgba(20, 184, 166, 0.12);
}.jm-metric-block--meta{
    padding: 0.65rem 0.85rem 0.75rem;
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.04);
}.jm-metric-block__title{
    margin: 0 0 0.65rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}.jm-metric-block__title i{
    color: #14b8a6;
    font-size: 0.75rem;
    opacity: 0.95;
}.jm-metric-block__title--meta{
    margin-bottom: 0.45rem;
    font-size: 0.62rem;
    color: #64748b;
}.jm-econ-cargo{
    margin: 0 0 0.65rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: #f1f5f9;
    line-height: 1.45;
    word-break: break-word;
}.jm-econ-subrow{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.8rem;
}.jm-econ-subrow--fuel{
    padding-top: 0.45rem;
    margin-top: 0.15rem;
    border-top-color: rgba(255, 255, 255, 0.05);
}.jm-econ-subrow__label{
    color: #94a3b8;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}.jm-econ-subrow__val{
    font-weight: 600;
    color: #e2e8f0;
    text-align: right;
}.jm-econ-earnings-wrap{
    margin: 0.5rem 0 0.35rem;
    padding: 0.75rem 0.65rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.45);
}.jm-econ-earnings__label{
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.2rem;
}.jm-econ-earnings{
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--accent-color);
    line-height: 1.15;
}.jm-trip-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem 1rem;
}.jm-trip-cell{
    padding: 0.5rem 0.15rem 0.55rem 0;
    min-width: 0;
}.jm-trip-cell--full{
    grid-column: 1 / -1;
    padding-top: 0.35rem;
    margin-top: 0.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}.jm-trip-cell--center{
    text-align: center;
}.jm-trip-cell__label{
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.2rem;
}.jm-trip-cell__value{
    font-size: 0.95rem;
    font-weight: 600;
    color: #f1f5f9;
    line-height: 1.3;
}.jm-meta-row{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
    padding: 0.28rem 0;
    font-size: 0.78rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}.jm-meta-row:first-of-type{
    border-top: none;
    padding-top: 0;
}.jm-meta-row__k{
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}.jm-meta-row__v{
    font-weight: 500;
    color: #cbd5e1;
    text-align: right;
}.jm-meta-row__v--mono{
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.72rem;
}.jm-detail-card.job-detail-card{
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 12px;
    padding: 1rem 1.1rem;
}.jm-detail-card.job-detail-card h3{
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #cbd5e1 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-bottom: 0.55rem !important;
    margin-bottom: 0.65rem !important;
}.jm-detail-card.job-detail-card h3 i{
    color: #14b8a6 !important;
}.jm-transit-split{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0 1.25rem;
    align-items: start;
}@media (max-width: 700px) {.jm-transit-split{
        grid-template-columns: 1fr;
    }.jm-transit-divider{
        width: 100%;
        height: 1px;
        min-height: 0;
        margin: 0.35rem 0;
    }}.jm-transit-col__heading{
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5eead4;
    margin-bottom: 0.45rem;
}.jm-transit-divider{
    width: 1px;
    min-height: 100%;
    align-self: stretch;
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 20%,
        rgba(255, 255, 255, 0.08) 80%,
        transparent 100%
    );
}.jm-transit-row.job-detail-row:last-child{
    border-bottom: none;
}.job-manifest .job-manifest__timeline.job-timeline-card{
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.045);
}.job-manifest .job-manifest__timeline.job-timeline-card h3{
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}.job-manifest .jm-detail-card .job-detail-row{
    border-bottom-color: rgba(255, 255, 255, 0.035);
}.enterprise-bento-wrap{
    padding-bottom: 2rem;
    width: 100%;
    max-width: 100%;
}.enterprise-bento-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
    align-items: start;
}.bento-card{
    background: #111827;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 14px;
    padding: 1.1rem 1.15rem 1.2rem;
    min-width: 0;
}.bento-card--span-4{
    grid-column: span 4;
}.bento-card--span-6{
    grid-column: span 6;
}.bento-card--span-8{
    grid-column: span 8;
}.bento-card--span-12{
    grid-column: span 12;
}@media (max-width: 960px) {.bento-card--span-4,
    .bento-card--span-6,
    .bento-card--span-8{
        grid-column: span 12;
    }}.enterprise-micro{
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.25rem;
}.enterprise-kpi-row{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}@media (max-width: 640px) {.enterprise-kpi-row{
        grid-template-columns: 1fr;
    }}.enterprise-kpi__value{
    font-size: clamp(1.35rem, 3.5vw, 1.85rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #f8fafc;
    line-height: 1.15;
}.enterprise-kpi__unit{
    font-size: 0.75em;
    font-weight: 700;
    color: #94a3b8;
}.bento-card--chart .bento-chart-canvas-wrap{
    position: relative;
    height: 220px;
    margin-top: 0.5rem;
}.bento-card--chart .bento-chart-canvas-wrap--tall{
    height: 236px;
}.bento-card--chart canvas{
    max-height: 220px;
}.bento-card--chart .bento-chart-canvas-wrap--tall canvas{
    max-height: 236px;
}.bento-jobs-list{
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0.75rem;
}#delivery-history-content{
    transition: opacity 0.2s ease;
}#delivery-history-content.delivery-history-loading{
    opacity: 0.5;
}.bento-job-row{
    display: grid;
    grid-template-columns: 50px minmax(0, 2.5fr) minmax(0, 1fr) 100px 30px;
    gap: 1rem;
    align-items: center;
    padding: 0.95rem 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: inherit;
    text-decoration: none;
    transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}.bento-job-row:hover{
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 2px 0 0 rgba(20, 184, 166, 0.75);
    border-color: rgba(255, 255, 255, 0.08);
}.bento-job-row.bento-job-row--invalid{
    box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.85);
    background: rgba(180, 83, 9, 0.06);
}.bento-job-row.bento-job-row--invalid:hover{
    box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.95);
    background: rgba(180, 83, 9, 0.09);
}.bento-job-row__id{
    color: rgba(148, 163, 184, 0.72);
    white-space: nowrap;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
}.bento-job-row__route{
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}.bento-job-row__endpoint{
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}.bento-job-row__endpoint--from{
    text-align: right;
}.bento-job-row__endpoint--to{
    text-align: left;
}.bento-job-row__arrow{
    color: var(--text-muted);
    text-align: center;
    justify-self: center;
    font-size: 0.9rem;
}.bento-job-row__city{
    white-space: normal;
    word-break: break-word;
    line-height: 1.2;
    font-size: 0.95rem;
    font-weight: 700;
    color: #f8fafc;
}.bento-job-row__company{
    white-space: normal;
    word-break: break-word;
    line-height: 1.2;
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.58);
}.bento-job-row__cargo{
    display: flex;
    align-items: center;
    min-width: 0;
}.bento-job-row__cargo-pill{
    display: inline-block;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.bento-job-row__meta{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.12rem;
    text-align: right;
}.bento-job-row__km{
    color: #2dd4bf;
    font-size: 0.9rem;
    font-weight: 700;
}.bento-job-row__date{
    color: rgba(148, 163, 184, 0.72);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}.bento-job-row__chev{
    color: rgba(100, 116, 139, 0.85);
    font-size: 0.85rem;
}@media (max-width: 900px) {.bento-job-row{
        grid-template-columns: 50px minmax(0, 1fr) auto;
        grid-template-areas:
            "id route chev"
            "id cargo meta";
        gap: 0.55rem 0.75rem;
        padding: 0.85rem 0.25rem;
    }.bento-job-row__id{
        grid-area: id;
        align-self: start;
    }.bento-job-row__route{
        grid-area: route;
    }.bento-job-row__cargo{
        grid-area: cargo;
    }.bento-job-row__meta{
        grid-area: meta;
        align-items: flex-end;
    }.bento-job-row__chev{
        grid-area: chev;
    }.bento-job-row__route{
        gap: 0.5rem;
    }.bento-job-row__city{
        font-size: 0.88rem;
    }.bento-job-row__company{
        font-size: 0.67rem;
    }}html::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}html::-webkit-scrollbar-track{
    background: var(--tracksy-scrollbar-track);
}html::-webkit-scrollbar-thumb{
    background: var(--tracksy-scrollbar-thumb);
    border-radius: 10px;
}html::-webkit-scrollbar-thumb:hover{
    background: var(--tracksy-scrollbar-thumb-hover);
}.profile-deliveries-bento .bento-jobs-list,
.bento-card-framed__scroll{
    scrollbar-width: thin;
    scrollbar-color: var(--tracksy-scrollbar-thumb) var(--tracksy-scrollbar-track);
}.bento-card-framed__scroll{
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;

    padding: 0.5rem 0.4rem 0.9rem 0.35rem;
    scrollbar-gutter: stable;
}.ban-list-scroll-area{
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
}.ban-list-scroll-area::-webkit-scrollbar{
    width: 6px;
}.ban-list-scroll-area::-webkit-scrollbar-track{
    background: transparent;
}.ban-list-scroll-area::-webkit-scrollbar-thumb{
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}.ban-list-scroll-area::-webkit-scrollbar-thumb:hover{
    background: rgba(255, 255, 255, 0.2);
}.profile-deliveries-bento .bento-jobs-list::-webkit-scrollbar,
.bento-card-framed__scroll::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}.profile-deliveries-bento .bento-jobs-list::-webkit-scrollbar-track,
.bento-card-framed__scroll::-webkit-scrollbar-track{
    background: var(--tracksy-scrollbar-track);
}.profile-deliveries-bento .bento-jobs-list::-webkit-scrollbar-thumb,
.bento-card-framed__scroll::-webkit-scrollbar-thumb{
    background: var(--tracksy-scrollbar-thumb);
    border-radius: 10px;
}.profile-deliveries-bento .bento-jobs-list::-webkit-scrollbar-thumb:hover,
.bento-card-framed__scroll::-webkit-scrollbar-thumb:hover{
    background: var(--tracksy-scrollbar-thumb-hover);
}.bento-card--framed{
    max-height: var(--bento-framed-max-height);
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-self: start;
}.bento-card-framed__head{
    flex-shrink: 0;
    background: #111827;
    position: relative;
    z-index: 2;
    padding: 0.35rem 0 0.2rem;
    overflow: visible;
}.bento-card--views.bento-card--framed{
    max-height: none;
    overflow: visible;
}.enterprise-pill-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.35rem 0 1.1rem;
    margin-top: 0.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 1.1rem;
}.enterprise-pill-tab{
    appearance: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(17, 24, 39, 0.85);
    color: #94a3b8;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.45rem 1.1rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    font-family: inherit;
}.enterprise-pill-tab:hover{
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(30, 41, 59, 0.9);
}.enterprise-pill-tab.is-active{
    color: #f8fafc;
    border-color: rgba(20, 184, 166, 0.45);
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.22), rgba(15, 23, 42, 0.95));
    box-shadow: 0 4px 18px rgba(20, 184, 166, 0.12);
}.enterprise-tab-panels{
    width: 100%;
}.enterprise-tab-panel[hidden]{
    display: none !important;
}.enterprise-bento-grid--tab{
    gap: 1.25rem;
}#vtc-apps .card-header,
#vtc-apps .bento-header,
#vtc-apps .vtc-apps-header{
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-block: 1.5rem;
    padding-inline: 0;
}#vtc-apps .card-header h1,
#vtc-apps .card-header h2,
#vtc-apps .card-header h3,
#vtc-apps .bento-header h1,
#vtc-apps .bento-header h2,
#vtc-apps .bento-header h3,
#vtc-apps .vtc-apps-header h1,
#vtc-apps .vtc-apps-header h2,
#vtc-apps .vtc-apps-header h3{
    color: #fff;
}.enterprise-deliveries-panel{
    padding-bottom: 1.5rem;
}

/* Shared utilities (used outside profile bundle) */
.profile-muted{
    color: var(--text-muted);
    font-size: 0.95rem;
}
.profile-client-version{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.22rem 0.5rem;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: rgba(2, 6, 23, 0.35);
    color: var(--text-secondary);
    border: 1px solid rgba(148, 163, 184, 0.35);
}
.profile-client-version::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.85);
    box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.18);
}
.profile-client-version--ok{
    border-color: rgba(34, 197, 94, 0.65);
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}
.profile-client-version--ok::before{
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
}
.profile-client-version--old{
    border-color: rgba(239, 68, 68, 0.65);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}
.profile-client-version--old::before{
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
}
body.admin-users-page .profile-client-version{
    font-size: 0.85rem;
    padding: 0.16rem 0.45rem;
}