body.has-sidebar .main-content > *:not(.vtc-modal){
    position: relative;
    z-index: 1;
}body.has-sidebar .main-content.vtc-list-main::before,
body.has-sidebar .main-content.vtc-view-main::before,
body.has-sidebar .main-content.vtc-create-main::before,
body.has-sidebar .main-content.vtc-stats-main::before{
    content: none !important;
}body.has-sidebar .main-content.vtc-list-main,
body.has-sidebar .main-content.vtc-view-main,
body.has-sidebar .main-content.vtc-create-main,
body.has-sidebar .main-content.vtc-stats-main{
    background: linear-gradient(180deg, rgba(13, 19, 33, 0.5) 0%, rgba(22, 34, 53, 0.62) 100%);
}body.has-sidebar .main-content.vtc-list-main .vtc-form-card,
body.has-sidebar .main-content.vtc-list-main .vtc-search-card,
body.has-sidebar .main-content.vtc-list-main .vtc-card,
body.has-sidebar .main-content.vtc-list-main .vtc-view-header,
body.has-sidebar .main-content.vtc-list-main .vtc-view-card,
body.has-sidebar .main-content.vtc-view-main .vtc-form-card,
body.has-sidebar .main-content.vtc-view-main .vtc-search-card,
body.has-sidebar .main-content.vtc-view-main .vtc-card,
body.has-sidebar .main-content.vtc-view-main .vtc-view-header,
body.has-sidebar .main-content.vtc-view-main .vtc-view-card,
body.has-sidebar .main-content.vtc-create-main .vtc-form-card,
body.has-sidebar .main-content.vtc-create-main .vtc-search-card,
body.has-sidebar .main-content.vtc-create-main .vtc-card,
body.has-sidebar .main-content.vtc-create-main .vtc-view-header,
body.has-sidebar .main-content.vtc-create-main .vtc-view-card,
body.has-sidebar .main-content.vtc-stats-main .vtc-form-card,
body.has-sidebar .main-content.vtc-stats-main .vtc-search-card,
body.has-sidebar .main-content.vtc-stats-main .vtc-card,
body.has-sidebar .main-content.vtc-stats-main .vtc-view-header,
body.has-sidebar .main-content.vtc-stats-main .vtc-view-card{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(22, 34, 53, 0.62);
    border-color: rgba(71, 85, 105, 0.52);
}.vtc-create-main .page-title,
.vtc-list-main .page-title{ margin-bottom: 0.5rem; }body.tracksy-admin-page.has-sidebar .main-content > *:not(.vtc-modal){
    position: relative;
    z-index: 1;
}body.tracksy-admin-page.has-sidebar .vtc-form-card.admin-users-card{
    background: var(--admin-card-bg);
    border: 1px solid var(--admin-card-border);
}body.tracksy-admin-page .vtc-members-table thead th,
body.tracksy-admin-page .vtc-members-table tbody td{
    color: var(--admin-table-text);
}body.tracksy-admin-page .vtc-members-table tbody tr:hover{
    background: var(--admin-row-hover);
}body.vtc-scroll-lite .site-header-l3{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}body.vtc-scroll-lite .vtc-search-card,
body.vtc-scroll-lite .vtc-card,
body.vtc-scroll-lite .vtc-view-banner-wrap,
body.vtc-scroll-lite .vtc-view-header,
body.vtc-scroll-lite .vtc-view-card{
    box-shadow: none !important;
}body.vtc-scroll-lite .vtc-card,
body.vtc-scroll-lite .vtc-member-card,
body.vtc-scroll-lite .vtc-view-social-link,
body.vtc-scroll-lite .vtc-view-admin-nav-link,
body.vtc-scroll-lite .vtc-btn{
    transition: none !important;
}body.vtc-scroll-lite .vtc-card:hover,
body.vtc-scroll-lite .vtc-member-card:hover{
    transform: none !important;
    box-shadow: none !important;
}body.vtc-scroll-lite.has-sidebar .main-content::before{
    content: none !important;
}body.vtc-scroll-lite.has-sidebar .main-content{
    background: #0f172a !important;
}body.vtc-scroll-lite .main-content,
body.vtc-scroll-lite .main-content *{
    animation: none !important;
    transition: none !important;
}body.vtc-scroll-lite .vtc-members-grid{
    content-visibility: auto;
    contain-intrinsic-size: 1px 1200px;
}body.vtc-scroll-lite .vtc-member-card{
    contain: layout paint;
    content-visibility: auto;
    contain-intrinsic-size: 120px 140px;
}.vtc-create-intro,
.vtc-list-intro{ color: var(--text-muted); margin-bottom: 1.5rem; }.vtc-breadcrumb{ display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; font-size: 0.95rem; }.vtc-breadcrumb .vtc-back-link{ display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.75rem; background: rgba(20, 184, 166, 0.2); border: 1px solid rgba(20, 184, 166, 0.4); border-radius: var(--radius-sm); color: var(--accent-light); text-decoration: none; font-weight: 500; transition: background 0.2s, border-color 0.2s, color 0.2s; }.vtc-breadcrumb .vtc-back-link:hover{ background: rgba(20, 184, 166, 0.3); border-color: var(--accent-color); color: #fff; }.vtc-breadcrumb .vtc-back-link i{ font-size: 0.85em; }.vtc-alert{ padding: 12px 16px; border-radius: var(--radius-sm); margin-bottom: 1rem; display: flex; align-items: center; gap: 10px; }.vtc-alert-error{ background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.4); color: #fca5a5; }.vtc-alert:not(.vtc-alert-error){ background: rgba(20, 184, 166, 0.15); border: 1px solid rgba(20, 184, 166, 0.4); color: var(--accent-light); }.vtc-alert i{ flex-shrink: 0; }.vtc-back-link{ color: var(--accent-light); text-decoration: none; }.vtc-back-link:hover{ text-decoration: underline; }.vtc-members-add-card{ margin-bottom: 1.5rem; }.vtc-members-add-row{ display: flex; gap: 0.75rem; flex-wrap: wrap; }.vtc-members-add-row .vtc-input{ flex: 1; min-width: 200px; }.vtc-members-list-header{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.vtc-members-search-wrap{ display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }.vtc-members-search-label{ font-size: 0.9rem; color: var(--text-muted); display: inline-flex; align-items: center; gap: 0.35rem; }.vtc-members-search-input{ width: 100%; max-width: 280px; padding: 0.5rem 0.75rem; font-size: 0.95rem; }.vtc-members-search-result{ font-size: 0.85rem; color: var(--text-muted); margin-left: 0.25rem; }.vtc-members-table-wrap{ overflow-x: auto; }.vtc-members-table{ width: 100%; border-collapse: collapse; font-size: 0.95rem; }.vtc-members-table th, .vtc-members-table td{ padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--border-color); }.vtc-members-table th{ color: var(--text-muted); font-weight: 600; }body.tracksy-admin-page.admin-users-page .vtc-members-table tbody tr,
body.tracksy-admin-page.admin-jobs-page .vtc-members-table tbody tr{
    content-visibility: auto;
    contain-intrinsic-size: auto 4rem;
}.vtc-roles-order-col{ width: 1%; white-space: nowrap; vertical-align: middle; }.vtc-role-reorder-form{ display: inline-flex; gap: 0.15rem; }.vtc-btn-icon{ padding: 0.35rem 0.5rem; min-width: auto; }.vtc-role-order-btn{ color: var(--text-muted); }.vtc-role-order-btn:hover{ color: var(--accent-color); }.vtc-members-pagination{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding-top: 1rem; }.vtc-members-pagination-info{ font-size: 0.9rem; color: var(--text-muted); }.vtc-members-pagination-links{ display: flex; gap: 0.5rem; }.vtc-member-row-link{ display: inline-flex; align-items: center; gap: 0.5rem; color: var(--text-primary); text-decoration: none; }.vtc-member-row-link:hover{ color: var(--accent-light); }.vtc-member-row-avatar{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }.vtc-member-row-avatar-placeholder{ display: inline-flex; align-items: center; justify-content: center; background: var(--bg-tertiary); color: var(--text-muted); font-size: 0.9rem; }.vtc-member-role-form{ margin: 0; display: inline-block; }.vtc-member-role-select{ width: auto; min-width: 100px; padding: 0.4rem 0.6rem; font-size: 0.9rem; }.vtc-btn-danger-inline{ padding: 0.4rem 0.65rem; background: rgba(239, 68, 68, 0.2); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.4); border-radius: var(--radius-sm); cursor: pointer; }.vtc-btn-danger-inline:hover{ background: rgba(239, 68, 68, 0.35); color: #fecaca; }.vtc-form-card{ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.5rem; margin-bottom: 1.5rem; }.vtc-form-title{ font-size: 1.1rem; margin-bottom: 1rem; color: var(--text-primary); }.vtc-tmp-sync-card .vtc-tmp-sync-desc{ font-size: 0.9rem; color: var(--text-muted); margin: 0 0 1.25rem; line-height: 1.5; }.vtc-tmp-sync-status{ display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; padding: 0.75rem 1rem; background: rgba(20, 184, 166, 0.1); border: 1px solid rgba(20, 184, 166, 0.25); border-radius: var(--radius-sm); }.vtc-tmp-sync-badge{ display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.9rem; font-weight: 600; color: var(--accent-light); }.vtc-tmp-sync-badge i{ font-size: 1em; }.vtc-tmp-sync-link{ font-size: 0.9rem; color: var(--text-secondary); text-decoration: none; display: inline-flex; align-items: center; gap: 0.35rem; transition: color 0.2s; }.vtc-tmp-sync-link:hover{ color: var(--accent-light); }.vtc-tmp-sync-link i{ font-size: 0.75em; opacity: 0.8; }.vtc-tmp-sync-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }.vtc-tmp-sync-msg{ font-size: 0.9rem; }.vtc-tmp-sync-msg-ok{ color: var(--accent-light); }.vtc-tmp-sync-msg-err{ color: #f87171; }.vtc-field{ margin-bottom: 1rem; }.vtc-field-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: start; margin-bottom: 1.25rem; }.vtc-field-row .vtc-label{ margin-bottom: 0; }.manage-role-edit-form .vtc-field-row{ margin-bottom: 1.25rem; }.vtc-field-row-right{ display: flex; flex-direction: column; gap: 0.25rem; }.vtc-field-row-right .vtc-input-color{ flex-shrink: 0; }.vtc-label{ display: block; font-weight: 600; margin-bottom: 0.35rem; color: var(--text-secondary); }.vtc-field.vtc-field-description .vtc-label{ font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--accent-light); margin-bottom: 8px; }.vtc-field.vtc-field-description .vtc-hint{ color: rgba(94, 234, 212, 0.85); font-size: 0.8rem; margin: 0 0 10px 0; }.vtc-required{ color: #f87171; }.vtc-hint{ font-size: 0.8rem; color: var(--text-muted); margin: 0.25rem 0 0.5rem; }.vtc-input, .vtc-textarea, .vtc-file{ width: 100%; padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background: rgba(0, 0, 0, 0.25); color: var(--text-primary); font-size: 1rem; }.vtc-input:focus, .vtc-textarea:focus{ outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15); }.vtc-input-select,
select.vtc-input{ min-height: 42px; cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px; }.vtc-input-select:focus,
select.vtc-input:focus{ outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15); }select.vtc-input option{
    background: #0f172a;
    color: #e2e8f0;
}select.vtc-input option:checked{
    background: #1e293b;
    color: #f8fafc;
}select.vtc-input optgroup{
    background: #0f172a;
    color: #94a3b8;
}.vtc-textarea{ min-height: 120px; resize: vertical; }.vtc-description{ min-height: 200px; font-family: inherit; }.vtc-md-toolbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 0 2px; padding: 8px 10px; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.08); border-bottom: none; border-radius: var(--radius-md) var(--radius-md) 0 0; }.vtc-md-toolbar-group{ display: flex; align-items: center; gap: 2px; }.vtc-md-toolbar-divider{ width: 1px; height: 22px; background: var(--border-color); margin: 0 6px; flex-shrink: 0; }.vtc-md-btn{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--accent-light); cursor: pointer; font-size: 1rem; transition: background 0.15s, color 0.15s; }.vtc-md-btn:hover{ background: var(--bg-tertiary); color: var(--text-primary); }.vtc-md-btn[aria-pressed="true"]{ background: rgba(20, 184, 166, 0.25); color: var(--accent-light); }.vtc-md-btn-label{ font-size: 0.85rem; }.vtc-md-editor-wrap{ border: 1px solid rgba(255, 255, 255, 0.08); border-top: none; border-radius: 0 0 var(--radius-md) var(--radius-md); background: rgba(0, 0, 0, 0.25); overflow: hidden; }.vtc-md-editor-wrap .vtc-textarea{ border: none; border-radius: 0; background: transparent; padding: 16px 20px; min-height: 200px; }.vtc-md-editor-wrap .vtc-textarea:focus{ box-shadow: none; }.vtc-file{ padding: 10px 14px; background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.08); color: var(--text-primary); cursor: pointer; }.vtc-file::file-selector-button{ padding: 6px 14px; margin-right: 12px; background: linear-gradient(135deg, rgba(20, 184, 166, 0.3), rgba(20, 184, 166, 0.2)); border: 1px solid rgba(20, 184, 166, 0.4); border-radius: var(--radius-sm); color: var(--accent-light); font-weight: 600; cursor: pointer; }.vtc-file:hover::file-selector-button{ background: var(--accent-color); color: #0f172a; }.vtc-markdown-preview-wrap{ margin-top: 0.75rem; }.vtc-field-description .vtc-markdown-preview-wrap{ margin-top: 0.5rem; }.vtc-preview-btn{ padding: 6px 12px; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background: var(--bg-tertiary); color: var(--text-secondary); cursor: pointer; font-size: 0.9rem; }.vtc-preview-btn:hover{ background: var(--border-color); color: var(--text-primary); }.vtc-md-help-dialog{ position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.85); padding: 1rem; }.vtc-md-help-dialog[hidden]{ display: none; }.vtc-md-help-content{ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.5rem; max-width: 420px; width: 100%; max-height: 85vh; overflow-y: auto; box-shadow: 0 10px 40px var(--shadow); }.vtc-md-help-content h3{ margin: 0 0 1rem; color: var(--text-primary); font-size: 1.1rem; }.vtc-md-help-content table{ width: 100%; border-collapse: collapse; font-size: 0.9rem; }.vtc-md-help-content th, .vtc-md-help-content td{ text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid var(--border-color); color: var(--text-secondary); }.vtc-md-help-content code{ background: var(--bg-tertiary); padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.85em; }.vtc-md-help-close{ margin-top: 1rem; padding: 0.5rem 1rem; background: var(--accent-color); color: #0f172a; border: none; border-radius: var(--radius-sm); cursor: pointer; font-weight: 600; }.vtc-md-help-close:hover{ filter: brightness(1.1); }.vtc-markdown-preview{ margin-top: 0.75rem; padding: 1rem; border-radius: var(--radius-sm); background: var(--bg-primary); border: 1px solid var(--border-color); min-height: 80px; color: var(--text-secondary); }.vtc-markdown-preview h1, .vtc-markdown-preview h2, .vtc-markdown-preview h3{ color: var(--text-primary); margin-top: 0.5rem; }.vtc-markdown-preview a{ color: var(--accent-light); }.vtc-social-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }.vtc-form-actions{ display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; margin-bottom: 3rem; }.vtc-btn{ display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: var(--radius-sm); font-weight: 600; text-decoration: none; border: none; cursor: pointer; font-size: 1rem; transition: all 0.2s; }.vtc-btn-primary{ background: var(--accent-color); color: #0f172a; }.vtc-btn-primary:hover{ background: var(--accent-hover); color: white; }.vtc-btn-secondary{ background: var(--bg-tertiary); color: var(--text-secondary); border: 1px solid var(--border-color); }.vtc-btn-secondary:hover{ background: var(--border-color); color: var(--text-primary); }.vtc-btn-accent{ background: rgba(20, 184, 166, 0.2); color: var(--accent-light); border: 1px solid rgba(20, 184, 166, 0.4); }.vtc-btn-accent:hover{ background: var(--accent-color); color: #0f172a; }.vtc-btn-disabled{ opacity: 0.6; cursor: not-allowed; pointer-events: none; }.vtc-current-file{ display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.35rem; font-size: 0.9rem; color: var(--text-muted); }.vtc-edit-thumb{ width: 56px; height: 56px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--border-color); flex-shrink: 0; }.vtc-edit-thumb-banner{ width: 120px; height: 22px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--border-color); flex-shrink: 0; }.vtc-search-card{ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.5rem 1.75rem; margin-bottom: 1.5rem; border-left: 4px solid var(--accent-color); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); }.vtc-search-card .vtc-search-title{ font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--accent-light); margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem; }.vtc-search-card .vtc-search-title i{ opacity: 0.9; }.vtc-search-form .vtc-search-row{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem 1.25rem; margin-bottom: 1.25rem; }@media (max-width: 768px) {.vtc-search-form .vtc-search-row{ grid-template-columns: 1fr 1fr; }}.vtc-search-field{ display: flex; flex-direction: column; gap: 0.35rem; }.vtc-search-field .vtc-label{ font-size: 0.8rem; font-weight: 600; color: var(--text-muted); margin: 0; }.vtc-search-field .vtc-input{ padding: 0.6rem 0.9rem; font-size: 0.95rem; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background: rgba(0, 0, 0, 0.2); transition: border-color 0.2s, box-shadow 0.2s; }.vtc-search-field .vtc-input:focus{ outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.2); }.vtc-search-field .vtc-input::placeholder{ color: var(--text-muted); opacity: 0.8; }.vtc-search-actions{ display: flex; gap: 0.75rem; align-items: center; }.vtc-search-actions .vtc-btn-primary{ padding: 0.6rem 1.25rem; }.vtc-search-actions .vtc-btn-secondary{ padding: 0.6rem 1rem; background: transparent; border: 1px solid var(--border-color); color: var(--text-secondary); }.vtc-search-actions .vtc-btn-secondary:hover{ background: var(--bg-tertiary); color: var(--text-primary); }.vtc-list-actions{ margin-bottom: 1rem; }.vtc-list-main .vtc-stats-bar{ display: flex; gap: 1.5rem; margin-bottom: 1.5rem; color: var(--text-muted); font-size: 0.95rem; }.vtc-list-main .vtc-stat strong{ color: var(--accent-light); }.vtc-empty{ text-align: center; padding: 3rem 1rem; color: var(--text-muted); }.vtc-empty i{ font-size: 3rem; opacity: 0.5; margin-bottom: 1rem; display: block; }.vtc-empty .vtc-btn{ margin-top: 1rem; }.vtc-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.25rem; }.vtc-card{ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; text-decoration: none; color: inherit; display: flex; flex-direction: column; transition: all 0.2s; }.vtc-card:hover{ border-color: var(--accent-color); box-shadow: 0 4px 20px var(--shadow); transform: translateY(-2px); }.vtc-card-media{ padding: 1.25rem; display: flex; justify-content: center; align-items: center; min-height: 120px; }.vtc-card-logo{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: contain;
    object-position: center;
    background: var(--bg-tertiary);
    border: 2px solid var(--border-color);
    box-sizing: border-box;
    image-rendering: auto;
}.vtc-card-logo-placeholder{ width: 80px; height: 80px; border-radius: 50%; background: var(--bg-tertiary); border: 2px solid var(--border-color); box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--text-muted); }.vtc-card-body{ padding: 0 1.25rem 1.25rem; flex: 1; }.vtc-card-name{ font-size: 1.15rem; margin: 0 0 0.5rem; color: var(--text-primary); }.vtc-card-meta{ display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; font-size: 0.85rem; color: var(--text-muted); }.vtc-card-km{ font-size: 0.9rem; color: var(--accent-light); margin: 0.5rem 0 0; }.vtc-view-main{ padding-top: 2.5rem; }.vtc-view-banner-wrap{ width: 100%; max-width: 960px; margin: 0 auto; aspect-ratio: 1920 / 350; max-height: 175px; overflow: hidden; background: var(--bg-secondary); border-radius: var(--radius-md); box-shadow: 0 4px 20px var(--shadow); }.vtc-view-banner{ width: 100%; height: 100%; object-fit: cover; display: block; }.vtc-view-banner-placeholder{ width: 100%; height: 100%; min-height: 100px; background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary)); }.vtc-view-container{ margin-top: 2rem; position: relative; z-index: 1; padding-bottom: 2rem; }.vtc-view-header{ display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 4px 20px var(--shadow); }.vtc-view-logo-wrap{
    flex-shrink: 0;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--border-color);
    background: var(--bg-tertiary);
    box-sizing: border-box;
}.vtc-view-logo{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    border: none;
    border-radius: 0;
    image-rendering: auto;
}.vtc-view-logo-placeholder{
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    color: var(--text-muted);
    border: 3px solid var(--border-color);
    box-sizing: border-box;
}.vtc-view-title-block{ padding: 0; flex: 1; min-width: 200px; }.vtc-view-admin-nav{ width: 100%; }.vtc-view-admin-nav-list{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.25rem; }.vtc-view-admin-nav-list li{ margin: 0; }.vtc-view-admin-nav-link{ display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0; font-size: 0.9rem; color: var(--text-secondary); text-decoration: none; transition: all 0.2s; background: transparent; border: none; cursor: pointer; width: 100%; text-align: left; border-radius: var(--radius-sm); font-family: inherit; }.vtc-view-admin-nav-link:hover{ color: var(--accent-light); background: rgba(148, 163, 184, 0.08); }.vtc-view-admin-nav-link-btn{ appearance: none; }.vtc-view-admin-nav-link i{ width: 1.1em; text-align: center; opacity: 0.9; }.vtc-view-admin-nav-badge{ margin-left: auto; min-width: 1.5rem; padding: 0.05rem 0.45rem; border-radius: 999px; background: var(--accent-color); color: #0f172a; font-size: 0.75rem; font-weight: 600; text-align: center; box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.35); }.vtc-view-admin-nav-link--danger{ color: #fecaca; background: rgba(248, 113, 113, 0.1); border: 1px solid rgba(248, 113, 113, 0.5); padding: 0.45rem 0.65rem; margin-top: 0.35rem; }.vtc-view-admin-nav-link--danger:hover{ color: #fee2e2; background: rgba(248, 113, 113, 0.2); border-color: rgba(248, 113, 113, 0.9); }.vtc-view-name{ font-size: 1.6rem; margin: 0 0 0.35rem; color: var(--text-primary); width: 100%; }.vtc-view-meta{ font-size: 0.9rem; color: var(--text-muted); margin: 0; width: 100%; }.vtc-btn-edit{ display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.9rem; font-size: 0.9rem; background: var(--bg-tertiary); color: var(--text-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); text-decoration: none; transition: all 0.2s; white-space: nowrap; }.vtc-btn-edit:hover{ background: var(--accent-color); color: #0f172a; border-color: var(--accent-color); }.vtc-view-layout{ display: grid; grid-template-columns: 280px 1fr; gap: 1.5rem; }.vtc-view-sidebar{ display: flex; flex-direction: column; gap: 1rem; }.vtc-view-card{ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.25rem; }.vtc-view-card-title{ font-size: 0.95rem; margin: 0 0 0.75rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }.vtc-view-content{ display: flex; flex-direction: column; gap: 1.5rem; }.vtc-view-description-card{ margin-bottom: 0; }.vtc-view-info{ margin: 0; font-size: 0.9rem; }.vtc-view-info dt{ color: var(--text-muted); margin-top: 0.5rem; margin-bottom: 0.2rem; }.vtc-view-info dd{ margin: 0; color: var(--text-primary); }.vtc-view-info dd:first-of-type{ margin-top: 0; }.vtc-view-info a{ color: var(--accent-light); text-decoration: none; }.vtc-owner-name{ display: inline-block; max-width: 100%; }.vtc-owner-name--medium{ font-size: 0.9rem; }.vtc-owner-name--long{ font-size: 0.8rem; }.vtc-view-info a:hover{ text-decoration: underline; }.vtc-view-socials{ display: flex; flex-wrap: wrap; gap: 0.5rem; }.vtc-view-social-link{ width: 40px; height: 40px; border-radius: var(--radius-sm); background: var(--bg-tertiary); color: var(--text-secondary); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.2s; }.vtc-view-social-link:hover{ background: var(--accent-color); color: #0f172a; }.vtc-view-social-link--truckersmp{ background: rgba(249, 115, 22, 0.18); color: #f97316; }.vtc-view-social-link--truckersmp:hover{ background: #f97316; color: #0f172a; }.vtc-view-section-title{ font-size: 1.1rem; margin: 0 0 1rem; color: var(--text-primary); }.vtc-description-content{ color: var(--text-secondary); line-height: 1.7; }.vtc-description-content p{ margin: 0 0 0.75rem; }.vtc-description-content h1, .vtc-description-content h2, .vtc-description-content h3{ margin: 1rem 0 0.5rem; color: var(--text-primary); }.vtc-description-content ul, .vtc-description-content ol{ margin: 0.5rem 0 1rem; padding-left: 1.5rem; }.vtc-description-content a{ color: var(--accent-light); }.vtc-description-content img{
    max-width: 100%;
    height: auto;
    max-height: 360px;
    object-fit: contain;
    border-radius: 0;
    display: block;
    margin: 0.75rem 0;
    box-sizing: border-box;
}.vtc-description-content hr{
    border: none;
    border-top: 1px solid var(--border-color);
    margin: 1rem 0;
    display: block;
}.vtc-members-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; }.vtc-member-card{ display: flex; flex-direction: column; align-items: center; padding: 1rem; background: var(--bg-primary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); text-decoration: none; color: inherit; transition: all 0.2s; }.vtc-member-card:hover{ border-color: var(--accent-color); background: rgba(20, 184, 166, 0.05); }.vtc-member-avatar{ width: 56px; height: 56px; border-radius: 50%; object-fit: cover; margin-bottom: 0.5rem; image-rendering: auto; }.vtc-member-avatar-placeholder{ width: 56px; height: 56px; border-radius: 50%; background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; color: var(--text-muted); margin-bottom: 0.5rem; }.vtc-member-name{ font-weight: 600; color: var(--text-primary); font-size: 0.95rem; }.vtc-member-name--medium{ font-size: 0.85rem; }.vtc-member-name--long{ font-size: 0.8rem; }.vtc-member-role{ font-size: 0.8rem; color: var(--accent-light); margin-top: 0.25rem; }.vtc-view-header-actions{ margin-left: auto; align-self: flex-start; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; }.vtc-view-header-actions .vtc-leave-form{ margin: 0; }.vtc-view-apply-wrap{ position: relative; display: flex; flex-direction: column; align-items: flex-end; }.vtc-view-apply-wrap .vtc-apply-form-wrap{ margin-top: 0.5rem; min-width: 260px; padding: 0.75rem; background: var(--bg-tertiary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); }.vtc-view-action-msg{ margin: 0; font-size: 0.9rem; }.vtc-view-action-success{ color: var(--accent-light); }.vtc-view-action-error{ color: #fca5a5; background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.4); border-radius: var(--radius-sm); padding: 0.5rem 0.75rem; }.vtc-leave-form{ margin: 0; }.vtc-apply-form-wrap{ margin-top: 0.75rem; }.vtc-apply-form .vtc-apply-label{ display: block; margin-bottom: 0.35rem; font-size: 0.85rem; color: var(--text-muted); }.vtc-apply-form .vtc-textarea{ width: 100%; margin-bottom: 0.5rem; resize: vertical; }.vtc-btn-block{ display: block; width: 100%; text-align: center; }.vtc-btn-danger{ background: rgba(239, 68, 68, 0.2); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.4); }.vtc-btn-danger:hover{ background: rgba(239, 68, 68, 0.35); color: #fecaca; }.vtc-member-role-badge{ font-weight: 500; }.vtc-modal{ position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1rem; }.vtc-modal[hidden]{ display: none; }.vtc-modal-overlay{ position: absolute; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); }.vtc-modal-content{ position: relative; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1.5rem; max-width: 420px; width: 100%; box-shadow: 0 20px 40px var(--shadow-lg); }.vtc-modal-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }.vtc-modal-title{ font-size: 1.15rem; margin: 0; color: var(--text-primary); }.vtc-modal-close{ background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 0.35rem; border-radius: var(--radius-sm); }.vtc-modal-close:hover{ color: var(--text-primary); background: var(--bg-tertiary); }.vtc-modal-actions{ display: flex; gap: 0.75rem; justify-content: flex-end; margin-top: 1rem; }.vtc-modal .vtc-apply-form .vtc-textarea{ margin-bottom: 0; }.vtc-modal-content--wide{ max-width: 480px; }.vtc-modal-confirm-icon{ width: 56px; height: 56px; margin: 0 auto 1rem; border-radius: 50%; border: 2px solid rgba(251, 191, 36, 0.5); display: flex; align-items: center; justify-content: center; font-size: 1.75rem; color: #fbbf24; }.vtc-modal-warning{ color: #f87171; font-weight: 500; }.vtc-modal-result-icon{ width: 48px; height: 48px; margin: 0 auto 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }.vtc-modal-result-icon--ok{ background: rgba(20, 184, 166, 0.2); color: var(--accent-light); }.vtc-modal-result-icon--err{ background: rgba(239, 68, 68, 0.2); color: #f87171; }.vtc-modal-loading-spinner{ border-color: rgba(20, 184, 166, 0.4); color: var(--accent-color); font-size: 2rem; }.vtc-transfer-confirm-check{
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0.75rem 0 0.9rem;
    font-size: 0.9rem;
    color: var(--text-secondary);
}.vtc-transfer-confirm-check input[type="checkbox"]{
    margin-top: 0.15rem;
    width: 1rem;
    height: 1rem;
    accent-color: var(--accent-color);
}.vtc-tmp-sync-to-remove-list{ list-style: none; margin: 0.75rem 0 0; padding: 0.75rem 1rem; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.2); border-radius: var(--radius-sm); max-height: 160px; overflow-y: auto; }.vtc-tmp-sync-to-remove-list li{ font-size: 0.9rem; color: var(--text-primary); padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.06); }.vtc-tmp-sync-to-remove-list li:last-child{ border-bottom: none; }.vtc-tmp-sync-list-label{ display: block; font-size: 0.85rem; font-weight: 600; margin: 0.75rem 0 0.35rem; }.vtc-tmp-sync-list-label--remove{ color: #f87171; }.vtc-tmp-sync-list-label--notes{ color: var(--accent-light); }.vtc-tmp-sync-notes-list{ list-style: none; margin: 0; padding: 0.75rem 1rem; background: rgba(20, 184, 166, 0.08); border: 1px solid rgba(20, 184, 166, 0.22); border-radius: var(--radius-sm); max-height: 160px; overflow-y: auto; }.vtc-tmp-sync-notes-list li{ font-size: 0.9rem; color: var(--text-primary); padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.06); }.vtc-tmp-sync-notes-list li:last-child{ border-bottom: none; }.vtc-tmp-sync-to-remove-link,.vtc-tmp-sync-note-link{ color: var(--accent-light); text-decoration: none; transition: color 0.2s; }.vtc-tmp-sync-to-remove-link:hover,.vtc-tmp-sync-note-link:hover{ color: var(--accent-color); text-decoration: underline; }.vtc-perms-list{ display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; }.vtc-perm-item{ display: flex; align-items: center; gap: 0.5rem; cursor: pointer; color: var(--text-secondary); min-height: 1.5rem; }.vtc-perm-item input[type="checkbox"]{ width: 1.1rem; height: 1.1rem; margin: 0; flex-shrink: 0; accent-color: var(--accent-color); }.vtc-perm-item span{ line-height: 1.4; }.vtc-btn-sm{ padding: 0.35rem 0.65rem; font-size: 0.85rem; }.vtc-role-color-swatch{ display: inline-block; width: 1.25rem; height: 1.25rem; border-radius: 4px; border: 1px solid var(--border-color); vertical-align: middle; }.manage-users-beta-form .vtc-btn-sm{
  padding: 0.15rem 0.4rem;
  font-size: 0.72rem;
  line-height: 1;
  min-height: 1.65rem;
}.admin-users-page .vtc-members-table tbody td:nth-child(5),
.admin-users-page .vtc-members-table tbody td:nth-child(8){
  vertical-align: middle;
  white-space: normal;
}body.admin-users-page .admin-users-card .vtc-members-table-wrap{
  overflow-x: auto;
  max-width: 100%;
}body.admin-users-page .admin-users-card .vtc-members-table{
  table-layout: auto;
  width: 100%;
  min-width: 720px;
  font-size: 1rem;
}body.admin-users-page .admin-users-card .vtc-members-table th,
body.admin-users-page .admin-users-card .vtc-members-table td{
  padding: 0.7rem 0.6rem;
  vertical-align: middle;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(1),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(1){
  width: 3.25rem;
  text-align: center;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(2),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(2){
  width: 3.35rem;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(3),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(3){
  width: auto;
  min-width: 11rem;
  max-width: none;
  white-space: normal;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(4),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(4){
  width: 21%;
}body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(4) code{
  display: block;
  font-size: 0.76rem;
  line-height: 1.3;
  word-break: break-all;
  white-space: normal;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(5),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(5){
  width: 12%;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(6),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(6){
  width: 5.5rem;
  font-size: 0.9rem;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(7),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(7){
  width: 5.25rem;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(8),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(8){
  width: 14%;
}body.admin-users-page .admin-users-card .vtc-members-table th:nth-child(9),
body.admin-users-page .admin-users-card .vtc-members-table td:nth-child(9){
  width: auto;
  min-width: 8.75rem;
  font-size: 0.9rem;
  line-height: 1.35;
  white-space: normal;
}.vtc-app-filters{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; }.vtc-app-filter-btn{ padding: 0.5rem 1rem; border-radius: var(--radius-sm); background: var(--bg-tertiary); color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; border: 1px solid var(--border-color); transition: all 0.2s; }.vtc-app-filter-btn:hover{ background: var(--bg-secondary); color: var(--text-primary); border-color: var(--accent-color); }.vtc-app-filter-btn.active{ background: var(--accent-color); color: #0f172a; border-color: var(--accent-color); }.vtc-app-table-wrap{ overflow-x: auto; }.vtc-app-table{ width: 100%; }.vtc-app-empty{ text-align: center; padding: 2rem; color: var(--text-muted); }.vtc-app-badge{ display: inline-block; padding: 0.25rem 0.6rem; border-radius: 6px; font-size: 0.8rem; font-weight: 500; }.vtc-app-status-pending{ background: rgba(245, 158, 11, 0.2); color: #fcd34d; }.vtc-app-status-accepted{ background: rgba(34, 197, 94, 0.2); color: #86efac; }.vtc-app-status-rejected{ background: rgba(239, 68, 68, 0.2); color: #fca5a5; }.vtc-app-status-canceled{ background: rgba(148, 163, 184, 0.2); color: var(--text-muted); }.vtc-app-detail-card{ max-width: 720px; }.vtc-app-detail-layout{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }.vtc-app-detail-user{ display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }.vtc-app-detail-profile-link{ display: flex; align-items: center; gap: 0.75rem; color: inherit; text-decoration: none; }.vtc-app-detail-profile-link:hover{ color: var(--accent-light); }.vtc-app-detail-avatar{ width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }.vtc-app-detail-avatar-placeholder{ background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 1.5rem; }.vtc-app-detail-name{ font-size: 1.15rem; font-weight: 600; color: var(--text-primary); }.vtc-app-detail-actions{ display: flex; flex-wrap: wrap; gap: 0.5rem; }.vtc-app-detail-dl{ margin: 0; font-size: 0.9rem; }.vtc-app-detail-dl dt{ color: var(--text-muted); margin-top: 0.5rem; margin-bottom: 0.2rem; }.vtc-app-detail-dl dd{ margin: 0; color: var(--text-primary); }.vtc-app-detail-desc{ border-top: 1px solid var(--border-color); padding-top: 1rem; }.vtc-app-detail-desc-title{ font-size: 0.95rem; margin: 0 0 0.5rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }.vtc-app-detail-desc-body{ color: var(--text-secondary); line-height: 1.6; white-space: pre-wrap; }.vtc-app-detail-log{ border-top: 1px solid var(--border-color); padding-top: 1rem; margin-top: 0.5rem; }.vtc-app-log-list{ list-style: none; margin: 0; padding: 0; }.vtc-app-log-item{ display: flex; align-items: center; gap: 0.5rem 1rem; flex-wrap: wrap; padding: 0.4rem 0; border-bottom: 1px solid var(--border-color); font-size: 0.9rem; }.vtc-app-log-item:last-child{ border-bottom: none; }.vtc-app-log-action{ font-weight: 600; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.8rem; }.vtc-app-log-action.vtc-app-log-accepted{ background: rgba(34, 197, 94, 0.2); color: var(--success, #22c55e); }.vtc-app-log-action.vtc-app-log-rejected{ background: rgba(239, 68, 68, 0.2); color: var(--danger, #ef4444); }.vtc-app-log-user{ color: var(--link-color, #60a5fa); }.vtc-app-log-date{ color: var(--text-muted); font-size: 0.85rem; }.vtc-roles-header{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.5rem; }.vtc-roles-header .vtc-form-title{ margin: 0; }.vtc-text-muted{ color: var(--text-muted); font-size: 0.9rem; }.vtc-input-color{ width: 60px; height: 38px; padding: 2px; border: 1px solid var(--border-color); border-radius: 6px; background: var(--bg-tertiary); cursor: pointer; }.vtc-role-members-box{ margin-top: 1.5rem; }.vtc-role-members-title{ font-size: 1rem; margin: 0 0 0.75rem 0; color: var(--text-primary); }.vtc-role-members-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }.vtc-role-member-item{ display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; background: var(--bg-tertiary); border-radius: var(--radius-sm); border: 1px solid var(--border-color); }.vtc-role-member-avatar{ width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }.vtc-role-member-avatar-placeholder{ display: inline-flex; align-items: center; justify-content: center; background: var(--bg-secondary); color: var(--text-muted); font-size: 0.9rem; }.vtc-role-member-name{ color: var(--accent-light); text-decoration: none; font-weight: 500; }.vtc-role-member-name:hover{ text-decoration: underline; }.vtc-role-member-meta{ margin-left: auto; font-size: 0.85rem; color: var(--text-muted); }.vtc-jobs-table-wrap{ overflow-x: auto; margin: 1rem 0; }.vtc-jobs-table{ width: 100%; border-collapse: collapse; font-size: 0.9rem; }.vtc-jobs-table th, .vtc-jobs-table td{ padding: 0.6rem 0.75rem; text-align: left; border-bottom: 1px solid var(--border-color); vertical-align: middle; }.vtc-jobs-table th{ color: var(--text-muted); font-weight: 600; }.vtc-jobs-table td{ color: var(--text-primary); }.vtc-jobs-table tbody tr:hover{ background: rgba(20, 184, 166, 0.06); }.vtc-jobs-table td:last-child{ text-align: right; padding-left: 12px; }tr.vtc-jobs-row--invalid td{
    background: rgba(180, 83, 9, 0.07);
}tr.vtc-jobs-row--invalid td:first-child{
    box-shadow: inset 5px 0 0 rgba(245, 158, 11, 0.95);
}tr.vtc-jobs-row--hidden td{
    opacity: 0.88;
}.vtc-jobs-id{ font-weight: 500; color: var(--text-muted); }.vtc-jobs-driver-link{ color: var(--accent-light); text-decoration: none; }.vtc-jobs-driver-link:hover{ text-decoration: underline; }.vtc-jobs-pagination{ display: flex; align-items: center; gap: 1rem; margin-top: 1rem; flex-wrap: wrap; }.vtc-jobs-page-info{ color: var(--text-muted); font-size: 0.9rem; }.vtc-stats-main .vtc-stats-header{ margin-bottom: 1.5rem; }.vtc-stats-vtc-badge{ display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; background: var(--bg-tertiary); border-radius: var(--radius-md); border: 1px solid var(--border-color); }.vtc-stats-logo{ width: 48px; height: 48px; border-radius: 50%; object-fit: contain; object-position: center; background: var(--bg-tertiary); border: 2px solid var(--border-color); box-sizing: border-box; }.vtc-stats-logo-placeholder{ width: 48px; height: 48px; border-radius: 50%; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; color: var(--text-muted); }.vtc-stats-vtc-name{ font-weight: 600; font-size: 1.1rem; color: var(--text-primary); }.vtc-stats-section-title{ font-size: 1rem; margin: 0 0 1rem 0; color: var(--text-primary); }.vtc-stats-card{ margin-bottom: 1.5rem; }.vtc-stats-bar-wrap{ margin-top: 0.5rem; }.vtc-stats-main .vtc-stats-bar{ display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: var(--bg-tertiary); }.vtc-stats-bar-seg{ transition: width 0.2s; }.vtc-stats-bar-auto{ background: #22c55e; }.vtc-stats-bar-manual{ background: #f59e0b; }.vtc-stats-bar-legend{ display: flex; gap: 1rem; margin-top: 0.5rem; font-size: 0.85rem; color: var(--text-muted); }.vtc-stats-legend-dot{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 0.35rem; vertical-align: middle; }.vtc-stats-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }.vtc-stats-kpi-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }.vtc-stats-kpi{ background: var(--bg-tertiary); border-radius: var(--radius-sm); padding: 0.75rem; text-align: center; border: 1px solid var(--border-color); }.vtc-stats-kpi-value{ display: block; font-size: 1.25rem; font-weight: 700; color: var(--accent-light); }.vtc-stats-kpi-label{ font-size: 0.8rem; color: var(--text-muted); }.vtc-stats-most-cards{ margin-bottom: 1.5rem; }.vtc-stats-most-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; }.vtc-stats-most-card{ background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1rem; }.vtc-stats-most-label{ font-size: 0.8rem; color: var(--text-muted); display: block; margin-bottom: 0.35rem; }.vtc-stats-most-value{ font-weight: 600; color: var(--text-primary); text-decoration: none; display: block; }.vtc-stats-most-value:hover{ color: var(--accent-light); }.vtc-stats-most-meta{ font-size: 0.9rem; color: var(--text-muted); }.vtc-stats-table-wrap{ overflow-x: auto; }.vtc-stats-table{ width: 100%; border-collapse: collapse; font-size: 0.9rem; }.vtc-stats-table th, .vtc-stats-table td{ padding: 0.6rem 0.75rem; text-align: left; border-bottom: 1px solid var(--border-color); }.vtc-stats-table th{ color: var(--text-muted); font-weight: 600; }.vtc-stats-driver-link{ color: var(--accent-light); text-decoration: none; }.vtc-stats-driver-link:hover{ text-decoration: underline; }.public-stats-search-field .vtc-input{
    height: 44px;
}@media (max-width: 768px) {.vtc-field-row{ grid-template-columns: 1fr; }.vtc-social-grid{ grid-template-columns: 1fr; }.vtc-search-form .vtc-search-row{ grid-template-columns: 1fr 1fr; }.vtc-view-layout{ grid-template-columns: 1fr; }.vtc-view-header{ flex-direction: column; align-items: flex-start; }.vtc-view-header-actions{ margin-left: 0; margin-top: 0.5rem; align-self: flex-end; }.vtc-app-detail-layout{ grid-template-columns: 1fr; }}.job-reports-detail-actions .vtc-btn{
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
}.jr-admin-report .jr-admin-report-flash.vtc-alert{
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.45;
    padding: 0.65rem 1rem;
    margin-bottom: 1rem;
}.jr-admin-report .jr-admin-report-flash.vtc-alert-success{
    background: rgba(20, 184, 166, 0.08);
    border-color: rgba(45, 212, 191, 0.22);
    color: var(--text-secondary);
}.jr-admin-report .jr-admin-report-flash.vtc-alert-success i{
    color: var(--accent-light);
}.jr-admin-report .jr-admin-report-flash.vtc-alert-error{
    font-size: 0.88rem;
}.jr-action-bar .vtc-btn{
    min-height: 2.45rem;
}.admin-notify-send-form .vtc-input:first-of-type{
    margin-top: 0;
}