@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-yellow: #ffd018;--color-yellow-hover: #ffdd52;--color-yellow-tint: rgba(255, 208, 24, .12);--color-yellow-tint-border: rgba(255, 208, 24, .35);--color-bg-footer: #100f0a;--color-bg-page: #16150f;--color-bg-section-alt: #1a1812;--color-bg-card: #1e1c14;--color-bg-card-hover: #221f16;--color-bg-input: #211e16;--color-text-primary: #f3f0e6;--color-text-body: #e8e4d8;--color-text-body-light: #d8d3c5;--color-text-body-lighter: #c3beb0;--color-text-muted: #aba593;--color-text-faint: #8c887a;--color-text-faintest: #6f6b5c;--color-border-hairline: rgba(240, 235, 210, .08);--color-border-card: rgba(240, 235, 210, .1);--color-border-strong: rgba(240, 235, 210, .16);--color-border-stronger: rgba(240, 235, 210, .25);--color-success: #7fd18a;--color-error: #e8896b;--shadow-float: 0 18px 40px rgba(0, 0, 0, .45)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--content-max-width: 1180px;--content-padding-x: clamp(20px, 5vw, 40px)}:root{--font-display: "Space Grotesk", sans-serif;--font-body: "Figtree", system-ui, sans-serif}:root{--radius-button: 11px;--radius-card: 16px;--radius-panel: 18px;--radius-pill: 100px;--ease-standard: ease-in-out;--duration-pulse: 2.4s}@keyframes s4u-pulse{0%,to{box-shadow:0 0 #ffd01873}50%{box-shadow:0 0 0 7px #ffd01800}}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}.s4u-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-button);padding:10px 18px;font-family:var(--font-display);font-weight:650;font-size:14px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.s4u-button:hover:not(:disabled){transform:translateY(-1px)}.s4u-button:focus-visible,.s4u-field__control:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-yellow-tint-border);outline-offset:2px}.s4u-button:disabled{opacity:.55;cursor:not-allowed}.s4u-button--primary{background:var(--color-yellow);color:#18150a}.s4u-button--primary:hover:not(:disabled){background:var(--color-yellow-hover)}.s4u-button--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.s4u-button--secondary:hover:not(:disabled),.s4u-button--quiet:hover:not(:disabled){background:var(--color-bg-card-hover)}.s4u-button--quiet{background:transparent;color:var(--color-text-body-light)}.s4u-button--full{width:100%}.s4u-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:s4u-spin .7s linear infinite}@keyframes s4u-spin{to{transform:rotate(360deg)}}.s4u-card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-card);padding:var(--space-5)}.s4u-card--accent{background:var(--color-yellow-tint);border-color:var(--color-yellow-tint-border)}.s4u-card--danger{border-color:color-mix(in srgb,var(--color-error) 45%,transparent)}.s4u-chip{display:inline-flex;align-items:center;width:fit-content;min-height:25px;border-radius:var(--radius-pill);padding:4px 10px;border:1px solid var(--color-border-strong);font-size:12px;line-height:1;font-weight:600;color:var(--color-text-body-light)}.s4u-chip--accent{background:var(--color-yellow);border-color:var(--color-yellow);color:#18150a}.s4u-chip--pulse{border-color:var(--color-yellow-tint-border);color:var(--color-yellow);animation:s4u-pulse var(--duration-pulse) var(--ease-standard) infinite}.s4u-chip--danger{border-color:color-mix(in srgb,var(--color-error) 60%,transparent);color:var(--color-error)}.s4u-field{display:grid;gap:7px;color:var(--color-text-body-lighter)}.s4u-field__label{font-size:13px;font-weight:600}.s4u-field__control{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-bg-input);color:var(--color-text-primary)}textarea.s4u-field__control{min-height:112px;resize:vertical}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.s4u-field__control--error{border-color:var(--color-error)}.s4u-field__hint,.s4u-field__error{font-size:12px;color:var(--color-text-muted)}.s4u-field__error{color:var(--color-error)}:root{color-scheme:dark;font-family:var(--font-body);color:var(--color-text-body);background:var(--color-bg-page);font-synthesis:none}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(100% 70% at 100% 0%,#211e14 0,var(--color-bg-page) 50%)}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;border-radius:var(--radius-button);background:var(--color-yellow);color:#18150a;font-weight:700;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.content:focus{outline:none}.connectivity-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px var(--content-padding-x);border-bottom:1px solid var(--color-yellow-tint-border);background:var(--color-yellow-tint);font-size:13px}.connectivity-banner--offline{border-color:var(--color-error)}.fatal-error{min-height:100vh;display:grid;place-items:center;padding:24px}.fatal-error .s4u-card{display:grid;gap:16px;width:min(100%,560px)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-family:var(--font-display)}code{font-size:.9em;color:var(--color-yellow)}.eyebrow,.topbar__eyebrow{display:block;margin-bottom:6px;color:var(--color-yellow);font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.app-shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:240px;height:100vh;flex:0 0 240px;display:flex;flex-direction:column;padding:24px 16px 16px;background:var(--color-bg-footer);border-right:1px solid var(--color-border-hairline)}.sidebar__logo{width:auto;height:26px;object-fit:contain;object-position:left;align-self:flex-start;margin:0 8px 32px}.primary-nav{display:grid;gap:2px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:11px;color:var(--color-text-body-light);font:500 14px var(--font-display)}.nav-item>span:first-child{width:18px;text-align:center;color:var(--color-text-faint)}.nav-item:hover{background:var(--color-bg-card-hover)}.nav-item--active{background:var(--color-yellow-tint);color:var(--color-yellow);font-weight:650}.nav-item--active>span:first-child{color:var(--color-yellow)}.sidebar__account{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-hairline);display:grid;gap:6px}.sidebar__email{padding:0 12px;color:var(--color-text-faint);font-size:12px;overflow:hidden;text-overflow:ellipsis}.sidebar__account .s4u-button{justify-content:flex-start;padding-inline:12px;min-height:36px}.app-main{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px var(--content-padding-x);background:#16150fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-hairline)}.topbar h1{font-size:18px;line-height:1.2}.topbar__actions{display:flex;align-items:center;gap:12px}.new-job{min-height:38px;padding:8px 16px;font-size:13.5px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--color-yellow-tint);border:1px solid var(--color-yellow-tint-border);color:var(--color-yellow);font:700 14px var(--font-display)}.notification-badge{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-muted)}.notification-badge>span{color:var(--color-yellow);font-size:10px}.notification-badge>strong{position:absolute;top:-6px;right:-7px;min-width:18px;padding:2px 5px;border-radius:var(--radius-pill);background:var(--color-yellow);color:var(--color-bg-footer);font:700 10px var(--font-display);text-align:center}.content{width:100%;max-width:calc(var(--content-max-width) + 2 * 40px);margin:auto;padding:32px var(--content-padding-x) 112px}.bottom-nav{display:none}.page-stack{display:grid;gap:28px}.page-intro{max-width:650px;display:grid;gap:9px}.page-intro h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.page-intro>p:last-child{color:var(--color-text-muted);line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-grid .s4u-card{min-height:158px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.stat-grid strong{font-size:25px;text-transform:capitalize}.stat-label{color:var(--color-text-muted);font-size:13px}.stat-grid .s4u-chip{margin-top:auto}.empty-card{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;border-style:dashed}.empty-card__mark{color:var(--color-yellow);font-size:40px}.empty-card h3{font-size:18px}.empty-card p{max-width:480px;color:var(--color-text-muted);line-height:1.5}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(120% 90% at 85% 0%,#211e14,#16150f 55%)}.login-wrap{width:min(100%,420px)}.login-logo{display:block;width:auto;height:44px;max-width:100%;object-fit:contain;margin:0 auto 32px}.login-card{padding:28px;border-radius:var(--radius-panel);box-shadow:var(--shadow-float)}.login-card h1{font-size:24px;margin-bottom:8px}.login-card>div>p:last-child,.login-help{color:var(--color-text-muted);font-size:14px;line-height:1.5}.login-card form{display:grid;gap:16px;margin-top:24px}.login-help{margin-top:18px;text-align:center;font-size:12.5px}.config-notice{display:grid;gap:4px;margin-top:20px;padding:12px;border-radius:10px;background:var(--color-yellow-tint);border:1px solid var(--color-yellow-tint-border);font-size:12.5px;line-height:1.4}.config-notice strong{color:var(--color-yellow)}.form-error{color:var(--color-error);font-size:13px}.centered-state{min-height:100vh;display:grid;place-items:center;padding:24px}.state-panel{width:min(100%,560px);display:flex;align-items:center;gap:18px}.state-panel__icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-yellow);font:700 20px var(--font-display)}.state-panel__icon .s4u-spinner{width:18px;height:18px}.state-panel div{flex:1}.state-panel h2{margin-bottom:5px;font-size:17px}.state-panel p{color:var(--color-text-muted);font-size:14px;line-height:1.45}.state-panel__icon--error{color:var(--color-error)}.support-banner{display:flex;gap:12px;align-items:center;padding:8px var(--content-padding-x);background:var(--color-yellow-tint);border-bottom:1px solid var(--color-yellow-tint-border);font-size:13px}.support-banner .s4u-button{min-height:32px;margin-left:auto}.support-banner__error{color:var(--color-error)}@media(max-width:899px){.sidebar{display:none}.topbar{min-height:68px}.new-job{width:38px;overflow:hidden;white-space:nowrap;padding-inline:12px}.content{padding-top:24px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:20;inset:auto 0 0;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-footer);border-top:1px solid var(--color-border-hairline)}.bottom-nav .nav-item{flex:1;min-width:0;flex-direction:column;gap:3px;padding:10px 4px 8px;border-radius:0;font-size:11px}.bottom-nav .nav-item>span:first-child{font-size:16px}.stat-grid{grid-template-columns:1fr}.stat-grid .s4u-card{min-height:132px}}@media(max-width:520px){.connectivity-banner{align-items:flex-start;flex-direction:column}.login-card{padding:24px 20px}.state-panel{align-items:flex-start;flex-wrap:wrap}.state-panel .s4u-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
