:root{--deep-navy: #0B1F35;--charcoal: #121820;--teal: #00A8AB;--teal-bright: #2FD1D4;--slate: #2A313A;--steel: #6B747C;--ice: #F2F5F7;--red: #D64545;--yellow: #E0A800;--green: #2E9E4D;--white-cat: #B8B8B8}:root,[data-theme=dark]{--bg-page: var(--deep-navy);--surface: var(--charcoal);--surface-alt: var(--slate);--text-primary: var(--ice);--text-muted: var(--steel);--border-color: #23303f;--accent: var(--teal-bright);--accent-contrast: #001225;--body-diagram-fill: #7C8896}[data-theme=light]{--bg-page: var(--ice);--surface: #ffffff;--surface-alt: #eef0f2;--text-primary: var(--charcoal);--text-muted: var(--steel);--border-color: #e2e6e9;--accent: var(--teal);--accent-contrast: #ffffff;--body-diagram-fill: #C9A57E}:root,[data-theme=dark]{--blue-light: var(--teal-bright);--blue-dark: var(--teal-bright)}[data-theme=light]{--blue-light: var(--teal);--blue-dark: var(--teal)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;max-width:100%;min-width:0}html,body{overflow-x:clip;overscroll-behavior-x:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text-primary);transition:background .15s ease,color .15s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--bg-page);z-index:2999;pointer-events:none}.btn{padding:10px 16px;border-radius:8px;font-weight:700;font-size:13px;border:none;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-danger{background:transparent;color:var(--red);border:1.5px solid var(--red)}.panel{background:var(--surface);border-radius:10px;border:1px solid var(--border-color);box-shadow:0 4px 14px #0000000f;overflow:hidden;color:var(--text-primary)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-color)}.panel-header h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.skeleton-diagram svg{width:100%;height:100%;display:block}.skeleton-diagram path{stroke:var(--text-muted)!important}input:not([type=checkbox]):not([type=radio]),select,textarea{padding:9px 11px;border-radius:8px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);font-size:13px;font-family:inherit}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{width:420px;background:var(--surface);border-radius:12px;box-shadow:0 12px 40px #00000040;overflow:hidden;color:var(--text-primary)}@media(max-width:1024px){.mobile-page{width:100%!important;max-width:100%!important;padding:16px!important}.mobile-page-header{align-items:stretch!important;flex-direction:column!important;gap:14px!important}.mobile-page-actions{width:100%;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));align-items:stretch!important}.mobile-page-actions>*{min-width:0;width:100%}.modal-backdrop{align-items:flex-end;padding-top:calc(env(safe-area-inset-top) + 8px)}.modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top) - 8px);overflow-y:auto;border-radius:14px 14px 0 0}}.capacitor-native,.capacitor-native body,.capacitor-native #root{width:100%;max-width:100%;overflow-x:clip}.capacitor-native .mobile-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:16px!important;overflow-x:clip}.capacitor-native .mobile-page>*,.capacitor-native .mobile-page-header>*,.capacitor-native .mobile-event-card>*{min-width:0;max-width:100%}.capacitor-native .mobile-page-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.capacitor-native .mobile-page-actions{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.capacitor-native .mobile-page-actions>*{width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important}.capacitor-native .mobile-event-card{width:100%;max-width:100%;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch}.capacitor-native .mobile-event-card-actions{width:100%;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;justify-content:stretch!important}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--surface-alt);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer}.page-loading{min-height:100vh;display:grid;place-items:center;background:var(--bg-page);color:var(--text-muted);font-weight:700;letter-spacing:.02em}@keyframes job-pulse{0%,to{background-color:var(--surface);box-shadow:0 0 0 0 var(--pulse-color, transparent);transform:scale(1)}50%{background-color:var(--pulse-color, var(--surface));box-shadow:0 0 0 6px var(--pulse-color, transparent),0 0 22px 4px var(--pulse-color, transparent);transform:scale(1.015)}}.job-pulse-card{animation:job-pulse 1s ease-in-out infinite;border-color:transparent!important}@keyframes job-card-pulse{0%,to{background-color:var(--surface);box-shadow:0 0 0 0 var(--flash-color)}50%{background-color:var(--flash-color);box-shadow:0 0 0 8px color-mix(in srgb,var(--flash-color) 35%,transparent)}}.job-card-pulse{animation:job-card-pulse 1.1s ease-in-out infinite}.job-card-pulse .job-id,.job-card-pulse .job-location-lg,.job-card-pulse .job-sub,.job-card-pulse .job-timer{position:relative;z-index:1}
