:root{--background:#fbf6ee;--foreground:#0b1530;--card:#fff;--brand-blue:#2f6bff;--primary:#2359dc;--primary-foreground:#fff;--secondary:color-mix(in srgb, var(--background) 94%, var(--foreground));--muted-foreground:#5b6478;--accent:#e8f0ff;--border:#0b15303d;--highlight:#ffb020;--highlight-ink:#c87400;--overlay:#0b1530a3;--destructive:#c53e3e;--success:#15803d;--olive:color-mix(in srgb, var(--highlight) 14%, var(--card));--olive-ink:var(--highlight-ink);--peach:color-mix(in srgb, var(--highlight) 20%, var(--card));--peach-ink:var(--highlight-ink);--sky:var(--accent);--sky-ink:var(--primary);--pink:color-mix(in srgb, var(--brand-blue) 8%, var(--card));--pink-ink:var(--primary);--photo-shade:linear-gradient(90deg, #0b1530d1, #0b153029);--photo-card-shade:linear-gradient(0deg, #0b1530db, transparent 80%);--card-shadow:0 3px 14px #0b15300f}.brand-mark{color:#0000;background:url(/favicon.svg) 50%/contain no-repeat;border-radius:0;transform:none}.brand-mark svg{opacity:0}.brand-word{color:var(--foreground)}.brand-word span{color:var(--brand-blue)}.job-pay strong,.money-stat strong{color:#c87400}.tourism-banner .banner-content h2 span{color:var(--highlight)}.region-dot{background:var(--brand-blue)}.captcha-message,.text-destructive{color:var(--destructive)}.border-amber-200{border-color:color-mix(in srgb, var(--highlight) 38%, transparent)!important}.bg-amber-50{background:color-mix(in srgb, var(--highlight) 10%, var(--card))!important}.bg-black\/50{background:var(--overlay)!important}.bg-\[\#fbf7ef\]{background:var(--background)!important}.bg-emerald-50\/60{background:color-mix(in srgb, var(--success) 10%, var(--card))!important}.modal-form>.grid>.form-field{align-self:start}.modal-form>.grid>.form-field select{min-height:48px}.app-header{background:var(--foreground);border-bottom-color:color-mix(in srgb, var(--card) 12%, transparent);box-shadow:0 8px 26px color-mix(in srgb, var(--foreground) 18%, transparent)}.app-header .brand-mark{background:var(--card) url(/favicon.svg) center / 82% no-repeat;box-shadow:0 5px 14px color-mix(in srgb, var(--foreground) 24%, transparent);border-radius:14px}.app-header .brand-word{color:var(--card)}.app-header .brand-word span{color:var(--highlight)}.app-header .header-location,.app-header .header-location a,.app-header .header-location button,.app-header .announce-header,.app-header .header-actions>button{color:var(--card)}.app-header .header-location svg{color:var(--highlight)}.app-header .location-caption{color:color-mix(in srgb, var(--card) 70%, transparent)!important}.app-header .announce-header:hover,.app-header .header-actions>button:hover{background:color-mix(in srgb, var(--card) 10%, transparent);color:var(--card)}.left-sidebar{background:color-mix(in srgb, var(--card) 88%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:20px;padding:12px}.sidebar-nav>button,.sidebar-nav>a{border-radius:14px}.app-layout .welcome{background:var(--foreground);color:var(--card);border:1px solid color-mix(in srgb, var(--card) 10%, transparent);box-shadow:0 14px 32px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:20px;padding:20px 22px}.app-layout .welcome p{color:color-mix(in srgb, var(--card) 72%, transparent)}.app-layout .welcome-icon{background:var(--highlight);color:var(--foreground);box-shadow:0 8px 18px color-mix(in srgb, var(--highlight) 24%, transparent)}.job-card,.admin-card,.admin-help-card,.account-action-card,.role-choice,.search-box,.modal-form,.empty-state{border-radius:18px}.job-card{border-color:color-mix(in srgb, var(--foreground) 12%, transparent);box-shadow:0 12px 30px color-mix(in srgb, var(--foreground) 7%, transparent);position:relative;overflow:hidden}.job-card:before{content:"";background:linear-gradient(180deg, var(--brand-blue), var(--highlight));width:4px;position:absolute;inset:0 auto 0 0}.job-type,.admin-status{border-radius:999px}.form-field input,.form-field select,.form-field textarea,.admin-response,.help-textarea{border-color:color-mix(in srgb, var(--foreground) 16%, transparent);background:color-mix(in srgb, var(--card) 94%, var(--background));border-radius:12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.admin-response:focus,.help-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.money-panel{background:var(--foreground);color:var(--card);border:1px solid color-mix(in srgb, var(--card) 10%, transparent);box-shadow:0 14px 34px color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:20px}.money-panel .eyebrow,.money-panel .eyebrow svg{color:var(--highlight)}.money-panel p,.money-panel .money-stat span{color:color-mix(in srgb, var(--card) 70%, transparent)}.money-panel .money-stat{border-top-color:color-mix(in srgb, var(--highlight) 26%, transparent)}.money-panel .money-stat strong{color:var(--highlight)}.admin-card,.admin-help-card,.account-action-card{border-color:color-mix(in srgb, var(--foreground) 12%, transparent);box-shadow:0 10px 26px color-mix(in srgb, var(--foreground) 6%, transparent)}.admin-card{box-shadow:inset 0 3px 0 var(--brand-blue), 0 10px 26px color-mix(in srgb, var(--foreground) 6%, transparent)}.summary-strip strong,.admin-card strong{color:var(--primary)}.destination{box-shadow:0 10px 24px color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:18px}@media (width<=1023px){.app-header{box-shadow:0 6px 20px color-mix(in srgb, var(--foreground) 16%, transparent)}.app-header .brand-mark{border-radius:11px}.app-layout .welcome{border-radius:18px;padding:17px 18px}.job-card,.admin-card,.admin-help-card,.account-action-card,.role-choice,.search-box,.modal-form,.empty-state{border-radius:16px}}
