html,body,#root{min-height:100%;margin:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:#f4f6f8;color:#313638}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#111827;color:#fff;padding:24px;display:flex;flex-direction:column;height:100vh;flex-shrink:0;overflow:hidden}.logo-img{width:100%;height:auto;margin-bottom:24px}.heading{font-size:20px;font-weight:700;margin-bottom:24px}.menu-card{background:#1e293b;border-radius:20px;padding:16px;color:#fff;margin-top:2vh}.menu-card:hover{cursor:pointer;background-color:#263246}.menu-left{display:flex;align-items:center;gap:18px}.menu-left h2{font-size:14px}.vehicle-select-container{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.vehicle-label{color:#fff;font-size:18px;font-weight:600}.vehicle-select{background:#1e293b;color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;outline:none;cursor:pointer}.vehicle-select:focus{border:2px solid #3b82f6}.main-content{flex:1;height:100vh;background:#f3f4f6;padding:40px;overflow-y:auto;display:flex;flex-direction:column}.credit-page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:34px;margin-bottom:6px}.page-header p{color:#6b7280}.primary-button{background:#111827;color:#fff;border:none;border-radius:12px;padding:12px 18px;cursor:pointer;font-size:15px}.credit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.credit-stat-card{background:#fff;border-radius:18px;padding:22px}.credit-stat-card h3{color:#6b7280;font-size:15px;margin-bottom:10px}.credit-stat-card span{font-size:34px;font-weight:700}.credit-table-card{background:#fff;border-radius:20px;padding:24px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.search-input{border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font-size:15px;width:260px}.credit-table{width:100%;border-collapse:collapse}.credit-table th{text-align:left;color:#6b7280;font-size:14px;padding:14px;border-bottom:1px solid #e5e7eb}.credit-table td{padding:16px 14px;border-bottom:1px solid #f1f5f9}.status-pill{padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600;text-transform:capitalize}.status-pill.reviewed{background:#dcfce7;color:#166534}.empty-state{text-align:center;padding:40px;color:#6b7280}.clickable-row{cursor:pointer;transition:.2s}.clickable-row:hover{background:#f8fafc}.credit-detail-page{display:flex;flex-direction:column;gap:24px}.back-button{width:fit-content;border:none;background:#111827;color:#fff;padding:10px 16px;border-radius:12px;cursor:pointer}.detail-header{display:flex;justify-content:space-between;align-items:center}.detail-header h1{font-size:32px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-card{background:#fff;border-radius:18px;padding:24px}.detail-card h3{margin-bottom:18px}.detail-card p{margin-bottom:10px}.credit-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.credit-filters input,.credit-filters select{padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;background:#fff}.secondary-button{border:none;border-radius:12px;padding:12px 16px;background:#e5e7eb;color:#111827;font-weight:700;cursor:pointer}.status-pill.completed{background:#dcfce7;color:#166534}.complete-credit-button{border:none;border-radius:12px;padding:12px 16px;background:#10b981;color:#fff;font-weight:700;cursor:pointer}.pagination-controls{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:16px}.pagination-controls button{min-width:120px;height:44px;border:none;border-radius:14px;background:#1e293b;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.pagination-controls button:hover:not(:disabled){background:#263246;transform:translateY(-1px)}.pagination-controls button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.pagination-controls span{min-width:120px;text-align:center;font-size:15px;font-weight:700;color:#374151}.status-pill.flagged{background:#fee2e2;color:#991b1b}.status-pill.submitted{background:#dbeafe;color:#1d4ed8}.driver-log-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.driver-log-photos img{width:100%;height:140px;object-fit:cover;border-radius:14px;border:1px solid #e5e7eb;cursor:pointer;transition:.2s}.driver-log-photos img:hover{transform:scale(1.03)}.complete-credit-button{width:fit-content;border:none;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}.approve-button:hover{background:#15803d}.flag-button:hover{background:#b91c1c}.detail-actions{display:flex;gap:12px}.approve-button{border:none;background:#166534;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}.flag-button{border:none;background:#991b1b;color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}.status-pill.approved{background:#dcfce7;color:#166534}#root.scroll-page{overflow-y:auto}.login-page{min-height:100vh;background:#e8dccb;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;padding-top:40px;padding-bottom:20px;overflow-y:auto}.login-card{width:420px;padding:38px;border-radius:28px;background:#f7f2ec;box-shadow:0 12px 35px #2d2a261a;display:flex;flex-direction:column;gap:18px}.login-logo{width:190px;align-self:center;margin-bottom:8px}.login-card h1{margin:0;color:#2d2a26;font-size:34px}.login-card p{margin:0 0 8px;color:#7a7067;font-weight:600}.portal-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px;background:#efe3d6;border-radius:18px}.portal-selector button{border:none;border-radius:14px;padding:12px;background:transparent;color:#2d2a26;font-weight:800;cursor:pointer}.portal-selector button.active{background:#c96c4a;color:#fff}.login-card input{padding:16px;border-radius:14px;border:1px solid #d7c7b8;background:#fff;font-size:16px;outline:none}.login-card input:focus{border-color:#c96c4a}.login-button{margin-top:6px;padding:16px;border:none;border-radius:16px;background:#c96c4a;color:#fff;font-size:17px;font-weight:800;cursor:pointer}.google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px;border:1px solid #D7C7B8;border-radius:16px;background:#fff;color:#2d2a26;font-size:16px;font-weight:700;cursor:pointer;transition:all .18s ease}.google-login-button:hover{background:#f5eee7;transform:translateY(-1px);box-shadow:0 6px 18px #2d2a260f}:root{--cream: #E8DCCB;--card: #F7F2EC;--soft-card: #F3EEE7;--terracotta: #C96C4A;--blue: #355070;--text: #2D2A26;--muted: #7A7067;--border: #D7C7B8;--hover: #EFE3D6;--danger-bg: #E9D2C7;--danger-text: #7A2E1C}.employee-page{height:100vh;display:flex;overflow:hidden;background:var(--cream);color:var(--text);font-family:Inter,system-ui,sans-serif}.employee-sidebar{width:300px;height:100vh;flex-shrink:0;padding:28px 24px;background:var(--card);display:flex;flex-direction:column;box-sizing:border-box}.employee-sidebar h1{font-size:24px;line-height:1.12;margin:0 0 34px}.employee-main{flex:1;height:100vh;overflow-y:auto;padding:36px;box-sizing:border-box}.employee-tab,.logout-button,.admin-site-button,.primary-button,.manager-action-button,.resource-card a,.resource-add-button,.resource-delete-button,.admin-tools-banner button{border:none;border-radius:14px;font-weight:700;cursor:pointer}.employee-tab{width:100%;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:14px;background:transparent;color:var(--text);font-size:16px;text-align:left;transition:.18s ease}.employee-tab svg{flex-shrink:0}.employee-tab:hover{background:var(--hover);transform:translate(2px)}.employee-tab.active{background:var(--terracotta);color:#fff;box-shadow:0 6px 18px #c96c4a38}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}.admin-site-button,.logout-button,.admin-toggle,.sidebar-profile{border-radius:18px}.admin-site-button,.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.admin-site-button{padding:11px 14px;border:1px solid var(--border);background:#f7f2ecb3;color:var(--blue);font-size:14px;transition:.18s ease}.admin-site-button:hover{background:var(--hover);transform:translateY(-1px)}.admin-toggle{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:var(--hover)}.admin-toggle-left{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.toggle-switch{width:48px;height:28px;border:none;border-radius:999px;background:#d2c0b4;position:relative;cursor:pointer;transition:.2s ease}.toggle-switch.active{background:var(--blue)}.toggle-knob{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:.2s ease}.toggle-switch.active .toggle-knob{left:23px}.logout-button{width:100%;padding:13px 14px;display:flex;align-items:center;justify-content:center;gap:12px;border:none;border-radius:18px;background:var(--danger-bg);color:var(--danger-text);font-size:15px;font-weight:800;cursor:pointer}.sidebar-profile{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--soft-card);border:1px solid var(--border);border-radius:18px;cursor:pointer;transition:.18s ease;text-align:left}.sidebar-profile:hover{background:var(--hover);cursor:pointer}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;flex-shrink:0}.profile-info h3{margin:0;font-size:14px;line-height:1.1}.profile-info p{margin:3px 0 0;font-size:12px;color:var(--muted)}.section-title{font-size:34px;margin-bottom:24px}.muted,.admin-tools-banner p{color:var(--muted)}.primary-button,.manager-action-button,.resource-card a,.resource-add-button,.admin-tools-banner button{background:var(--blue);color:#fff}.primary-button{padding:14px 18px}.manager-action-button,.resource-card a,.resource-add-button,.resource-delete-button{padding:12px 16px}.employee-card,.resource-card,.resource-form-card,.resource-modal{background:var(--card);border:1px solid var(--border);border-radius:20px}.employee-card,.resource-card,.resource-form-card{padding:24px}.employee-card h2,.resource-card h2{margin-top:0;font-size:22px}.manager-tools-card{padding:14px;border-radius:20px;background:var(--hover)}.manager-toggle-row{display:flex;align-items:center;justify-content:space-between}.admin-site-link{width:100%;margin-top:10px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:14px;background:#f7f2ecbf;color:var(--blue);font-size:13px;font-weight:800;cursor:pointer}.admin-tools-banner{position:sticky;top:0;z-index:10;margin-bottom:24px;padding:18px 22px;display:flex;align-items:center;gap:14px;background:#f7f2ecd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(215,199,184,.8);border-radius:22px;box-shadow:0 8px 24px #2d2a2614}.admin-tools-banner h2{margin:0;font-size:20px}.admin-tools-banner p{margin:4px 24px 0 0}.resources-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.resources-grid,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px}.resource-card{position:relative;background:var(--soft-card);border-radius:24px;padding:28px;min-height:240px;display:flex;flex-direction:column}.resource-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.resource-card-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}.resource-description{color:var(--text);font-size:15px;line-height:1.4}.resource-category{align-self:flex-start;display:inline-block;padding:6px 10px;border-radius:999px;background:var(--hover);font-weight:700;font-size:13px}.resource-actions{margin-top:auto;padding-top:20px}.resource-card a{display:inline-block;text-decoration:none}.resource-delete-button{margin-left:10px;background:var(--danger-bg);color:var(--danger-text)}.resource-menu-wrapper{position:relative}.resource-menu-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:transparent;cursor:pointer;transition:.18s ease}.resource-menu-button:hover{background:#0000000f}.resource-menu{position:absolute;top:42px;right:0;width:140px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 30px #0000001f;z-index:50}.resource-menu button{width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;text-align:left;font-weight:700;cursor:pointer;transition:.15s ease}.resource-menu button:hover{background:#f5eee7}.resource-menu button:last-child{color:#8b2e1b}.resource-form-card,.resource-modal{display:flex;flex-direction:column;gap:14px}.resource-form-card{margin-bottom:24px}.resource-form-card input,.resource-modal input,.announcement-textarea,.announcement-select{padding:14px 16px;border-radius:14px;border:1px solid var(--border);font-size:15px;outline:none}.resource-form-card input:focus,.resource-modal input:focus,.announcement-textarea:focus,.announcement-select:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c96c4a1f}.resource-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.resource-modal{width:520px;padding:28px;box-shadow:0 18px 40px #0000002e}.resource-modal-header{display:flex;align-items:center;justify-content:space-between}.modal-close-button{border:none;background:transparent;font-size:24px;cursor:pointer}.announcements-list{display:flex;flex-direction:column;gap:18px}.announcement-card{position:relative;background:var(--soft-card);border:1px solid var(--border);border-radius:24px;padding:28px}.announcement-card.urgent{border-color:var(--terracotta)}.announcement-section-label{margin:10px 0 16px;font-size:22px}.announcement-meta{display:flex;gap:8px;flex-wrap:wrap}.announcement-urgent,.announcement-pinned{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}.announcement-urgent{background:var(--danger-bg);color:var(--danger-text)}.announcement-pinned{background:var(--hover);color:var(--blue)}.announcement-message{margin-top:18px;color:var(--text);line-height:1.5}.announcement-textarea{min-height:130px;resize:vertical}.announcement-checkbox{display:flex;align-items:center;gap:10px;font-weight:700}.announcement-thumbnail{width:180px;height:120px;object-fit:cover;margin-top:16px;border-radius:16px;border:1px solid var(--border);cursor:pointer;transition:.18s ease}.announcement-thumbnail:hover{transform:scale(1.02);opacity:.92}.image-expanded-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1200}.image-expanded-overlay img{max-width:88vw;max-height:88vh;border-radius:18px;box-shadow:0 18px 50px #00000059}.image-expanded-close{position:fixed;top:24px;right:28px;width:42px;height:42px;border:none;border-radius:999px;background:#fff;font-size:22px;font-weight:800;cursor:pointer}.profile-actions{display:flex;gap:12px;margin-top:18px}.profile-actions .primary-button,.profile-actions .logout-button{flex:1}.margin-top{margin-top:14px}.profile-page-card{margin:auto;background:var(--soft-card);border:1px solid var(--border);border-radius:24px;padding:28px;max-width:900px}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.profile-form-grid input,.profile-notes{padding:14px 16px;border-radius:14px;border:1px solid var(--border);font-size:15px;outline:none}.profile-form-grid input:focus,.profile-notes:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #c96c4a1f}.profile-notes{width:100%;min-height:120px;margin:14px 0;resize:vertical;box-sizing:border-box}.training-card-actions{display:flex;gap:12px;margin-top:18px}.training-card-actions a,.training-card-actions button{flex:1;height:42px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:none;border-radius:12px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;box-sizing:border-box}.training-open-button{background:var(--blue);color:#fff}.large-modal{max-width:900px}.completion-users{margin-top:12px;display:flex;flex-direction:column;gap:6px}.training-filters{display:flex;gap:12px;margin-bottom:24px}.training-filters select{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;font-weight:700}.training-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}.training-card{position:relative;background:var(--soft-card);border:1px solid var(--border);border-radius:24px;padding:28px}.training-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.training-tags span{padding:6px 10px;border-radius:999px;background:var(--hover);font-size:12px;font-weight:800;color:var(--muted)}.training-complete-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;font-size:13px;background:#dcead7;color:#2f6b3f}.training-manager-count{margin-top:14px;color:var(--muted);font-size:13px;font-weight:700}.training-card-actions{display:flex;gap:10px;margin-top:18px}.training-open-button,.training-complete-button{flex:1;height:42px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 12px;border:none;border-radius:12px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;box-sizing:border-box}.training-open-button{background:var(--blue);color:#fff;cursor:pointer}.training-complete-button{background:var(--terracotta);color:#fff;cursor:pointer}.training-complete-button:disabled{opacity:.55;cursor:not-allowed}.training-video-modal{width:760px;max-width:92vw;background:var(--card);border-radius:24px;padding:28px}.training-video-player{width:100%;max-height:420px;margin-top:16px;border-radius:18px;background:#000}.training-watch-progress{margin-top:14px;font-weight:800}.video-complete-button{width:100%;margin-top:12px}.large-modal{width:900px;max-width:92vw}.completion-report-list{display:flex;flex-direction:column;gap:18px;margin-top:18px}.completion-report-card h3{margin:0 0 8px}.completion-users{margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}.custom-video-controls{display:flex;align-items:center;gap:12px;margin-top:14px}.custom-video-controls button{padding:10px 14px;border:none;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.completion-report-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.completion-report-card{padding:18px;border-radius:18px;background:var(--hover)}.completion-report-summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.completion-report-summary h3{margin:0 0 6px}.completion-report-summary p{margin:0 0 8px;color:var(--muted);font-weight:700}.completion-expand-button{border:none;border-radius:12px;padding:10px 14px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.completion-expanded-content{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.completion-expanded-content h4{margin:0 0 10px}.completion-user{padding:10px 12px;border-radius:12px;margin-bottom:8px;font-weight:700;background:#fff}.completion-user.completed{color:#2f6b3f}.completion-user.incomplete{color:var(--danger-text)}