[hidden] { display: none !important; }
.logout-button { background: transparent; border: 0; color: #8995a4; font-size: 18px; padding: 5px; }
.global-search { text-decoration: none; }
.global-search input { flex: 1; }
.global-search kbd { font: 9px "DM Sans",sans-serif; }
.resource-panel { overflow: hidden; }
.resource-form-grid { padding: 0 20px 18px; }
.form-panel { margin: 0 auto; max-width: 920px; overflow: hidden; }
.form-intro { border-bottom: 1px solid #edf0f4; margin: 0 20px 17px; padding: 19px 0 14px; }
.form-intro h2 { color: #29374c; font: 700 14px "Manrope",sans-serif; margin: 6px 0 4px; }
.form-intro p { color: #929dac; font-size: 9px; margin: 0; }
.form-step { color: #78869a; font-size: 8px; font-weight: 700; letter-spacing: 1.2px; }
.required-mark { color: #d76c62; }
.form-field textarea { background: #fff; border: 1px solid #e4e9ef; border-radius: 6px; color: #46556a; font: 10px "DM Sans",sans-serif; outline: none; padding: 9px 10px; resize: vertical; width: 100%; }
.form-field textarea:focus { border-color: #89a5f2; box-shadow: 0 0 0 3px #eaf0ff; }
.field-error { color: #ca615b; font-size: 9px; }.field-help { color: #8793a2; font-size: 9px; }.field-help a { color: #4b76e8; }
.form-errors { background: #fff1ef; border: 1px solid #f4d6d2; border-radius: 6px; color: #ad5952; font-size: 10px; margin: 14px 20px; padding: 10px 12px; }.form-errors ul { margin: 5px 0 0; padding-left: 18px; }
.form-footer { align-items: center; border-top: 1px solid #edf0f4; display: flex; gap: 8px; justify-content: flex-end; margin: 0 20px; padding: 14px 0 18px; }
.flash-message { align-items: center; border: 1px solid; border-radius: 7px; display: flex; font-size: 10px; gap: 8px; margin-bottom: 16px; padding: 10px 12px; }.flash-message button { background: transparent; border: 0; color: inherit; font-size: 16px; margin-left: auto; }.flash-success { background: #edf8f3; border-color: #d2eee2; color: #267c61; }.flash-error { background: #fff1ef; border-color: #f4d6d2; color: #ad5952; }
.form-intro + .resource-form-grid { padding-top: 0; }
.manage-cell { align-items: center; display: flex; gap: 8px; }.inline-action { display: inline-flex; margin: 0; }.row-edit, .mini-action, .row-delete { background: transparent; border: 0; color: #5577d5; font: 600 8px "DM Sans",sans-serif; padding: 4px 2px; text-decoration: none; white-space: nowrap; }.row-delete { color: #cc7169; }.mini-action { color: #2c896b; }
.dashboard-main-panel { overflow: hidden; }.dashboard-activity-panel { align-self: stretch; }.dashboard-inline-stats { align-items: center; border-top: 1px solid #edf0f4; color: #8490a0; display: flex; flex-wrap: wrap; font-size: 9px; gap: 18px; padding: 12px 18px; }.dashboard-inline-stats b { color: #334259; font-size: 10px; }.empty-activity { color: #969fac; font-size: 9px; line-height: 1.6; padding: 20px 0; }.activity-finance { border-top: 1px solid #edf0f4; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; padding: 13px 0 2px; }.activity-finance div { display: grid; gap: 5px; }.activity-finance small { color: #919cab; font-size: 8px; }.activity-finance b { color: #344158; font: 700 13px "Manrope",sans-serif; }
.status-running, .status-started, .status-in-transit { background: #eaf1ff; color: #4d75dc; }.status-scheduled, .status-pending, .status-assigned, .status-partial, .status-partially-delivered, .status-on-hold { background: #fff4e6; color: #c68638; }.status-completed, .status-delivered, .status-paid, .status-active, .status-available, .status-approved { background: #eaf7f1; color: #288b6a; }.status-delayed, .status-overdue, .status-damaged, .status-rejected, .status-failed { background: #fff0ed; color: #cf7066; }.status-paused, .status-cancelled, .status-inactive, .status-maintenance, .status-on-leave, .status-in-progress { background: #f1f3f6; color: #778398; }
.tracking-panel-live { overflow: hidden; }.coordinate-link { color: #4c74df; font-size: 9px; text-decoration: none; }.coordinate-link:hover { text-decoration: underline; }.text-muted { color: #969fac; }.api-info-panel { align-items: flex-start; display: flex; gap: 12px; margin-top: 15px; padding: 15px 17px; }.api-info-icon { align-items: center; background: #edf2ff; border-radius: 8px; color: #4e76e5; display: flex; flex: 0 0 32px; height: 32px; justify-content: center; }.api-info-panel b { color: #344158; font-size: 10px; }.api-info-panel p { color: #8490a0; font-size: 9px; line-height: 1.55; margin: 5px 0 7px; max-width: 760px; }.api-info-panel code { background: #f4f6fa; border-radius: 4px; color: #536a9f; font-size: 9px; padding: 4px 6px; }
.report-filters { align-items: end; display: flex; gap: 12px; margin-bottom: 14px; padding: 13px; }.report-filters label { color: #8290a1; display: grid; font-size: 9px; gap: 5px; }.report-filters input { border: 1px solid #e5eaf0; border-radius: 6px; color: #48566a; height: 32px; padding: 0 8px; }.report-summary { grid-template-columns: repeat(4,minmax(0,1fr)); }.report-summary .summary-card { min-height: 84px; }.report-summary .summary-card strong { font-size: 17px; }.report-summary .summary-card em { display: block; margin: 5px 0 0; }
.pagination-nav { align-items: center; display: flex; gap: 10px; }.page-link { color: #5577d5; font-size: 8px; text-decoration: none; }.page-link.disabled, .page-count { color: #9aa4b1; font-size: 8px; }
.auth-page { align-items: center; background: radial-gradient(ellipse at 15% 15%, #ebf1ff, transparent 35%), #f5f7fb; display: flex; justify-content: center; min-height: 100vh; padding: 22px; }.auth-card { background: white; border: 1px solid #e9edf2; border-radius: 13px; box-shadow: 0 14px 45px #1c2e4b12; max-width: 420px; padding: 30px; width: 100%; }.auth-brand { margin: 0 0 27px; }.auth-kicker { color: #8d9aab; font-size: 8px; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 7px; }.auth-card h1 { font-size: 21px; margin: 0 0 6px; }.auth-subtitle { color: #8591a0; font-size: 10px; margin: 0 0 21px; }.auth-form { display: grid; gap: 8px; }.auth-form > label:not(.remember-row) { color: #68768a; font-size: 9px; font-weight: 600; margin-top: 5px; }.auth-form > input { border: 1px solid #e3e8ef; border-radius: 6px; height: 37px; padding: 0 10px; }.auth-form > input:focus { border-color: #89a5f2; outline: 0; box-shadow: 0 0 0 3px #eaf0ff; }.remember-row { align-items: center; color: #758194; display: flex; font-size: 9px; gap: 7px; margin: 5px 0 8px; }.auth-submit { width: 100%; }.auth-foot { border-top: 1px solid #edf0f4; color: #99a3b1; font-size: 8px; margin-top: 18px; padding-top: 13px; text-align: center; }
@media (max-width: 680px) { .report-filters { align-items: stretch; flex-wrap: wrap; }.report-filters label { flex: 1; min-width: 120px; }.report-filters button { flex: 1 1 100%; }.report-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.manage-cell { min-width: 120px; }.dashboard-inline-stats { gap: 10px; }.form-panel .form-footer { margin-left: 14px; margin-right: 14px; }.resource-form-grid { padding-left: 14px; padding-right: 14px; }.form-intro { margin-left: 14px; margin-right: 14px; } }