@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e3e4e7;--sidebar:#d8d9dd;--card-glass:#f7f7f8f0;--surface-raised:#fff;--fill-1:#ecedef;--fill-2:#f1f2f3;--fill-3:#f8f8f9;--line-1:#14161a12;--line-2:#14161a1c;--line-3:#14161a2b;--line-4:#14161a3d;--text:#16171a;--text-2:#2e3136;--text-3:#3f4248;--text-muted:#50545a;--text-faint:#5e6268;--text-disabled:#a2a5aa;--accent:#1f3bd6;--accent-solid:#1f3bd6;--accent-solid-hover:#172eb3;--accent-soft:#1f3bd61a;--accent-line:#1f3bd647;--success:#1d7a47;--success-soft:#1d7a471a;--success-line:#1d7a4747;--success-solid:#1d7a47;--warning:#8f560a;--warning-soft:#c9821424;--warning-line:#8f560a4d;--danger:#bf3328;--danger-solid:#bf3328;--shadow-sm:0 1px 2px #14161a24;--shadow-card:0 12px 40px #14161a1a;--shadow-pop:0 8px 24px #14161a2e;--glow:radial-gradient(ellipse at 30% 20%, #ffffffbf 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #1f3bd612 0%, transparent 50%);--backdrop:#14161a66;--brand-bar:3px;--viewas-bg:#f0b44c;--viewas-fg:#1a1306;--viewas-line:#1a130647;--viewas-hover:#1a130614;--viewas-btn-bg:#1a1306;--viewas-btn-fg:#fff3da;--viewas-btn-hover:#33270f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141517;--sidebar:#1a1b1e;--card-glass:#1e1f22e0;--surface-raised:#2a2c30;--fill-1:#ffffff06;--fill-2:#ffffff09;--fill-3:#ffffff0d;--line-1:#ffffff0a;--line-2:#ffffff12;--line-3:#ffffff1c;--line-4:#ffffff29;--text:#ecedef;--text-2:#c4c7cb;--text-3:#a3a7ad;--text-muted:#8e9298;--text-faint:#7e8289;--text-disabled:#4a4d53;--accent:#7088ff;--accent-solid:#2f4df2;--accent-solid-hover:#4361ff;--accent-soft:#607cff26;--accent-line:#7088ff57;--success:#45c483;--success-soft:#45c4831f;--success-line:#45c48347;--success-solid:#1d7a47;--warning:#efa640;--warning-soft:#efa6401f;--warning-line:#efa64047;--danger:#f2685b;--danger-solid:#d63a2c;--shadow-sm:0 1px 2px #00000073;--shadow-card:0 12px 40px #00000059;--shadow-pop:0 8px 24px #00000080;--glow:radial-gradient(ellipse at 30% 20%, #ffffff0b 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #2f4df21a 0%, transparent 50%);--backdrop:#0000008c;--viewas-bg:#d99a35;--viewas-fg:#140e03;--viewas-line:#140e034d;--viewas-hover:#140e031a;--viewas-btn-bg:#140e03;--viewas-btn-fg:#ffe9c2;--viewas-btn-hover:#2e2410}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);max-width:100vw;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;overflow-x:hidden}body{transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}input::placeholder{color:var(--text-faint);opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-soft);outline:none;border-color:var(--accent-line)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-shell{background:var(--bg);min-height:100vh;display:flex}.admin-sidebar{width:220px;top:var(--viewas-h,0px);height:calc(100vh - var(--viewas-h,0px));background:var(--sidebar);border-right:1px solid var(--line-2);border-top:var(--brand-bar) solid var(--accent-solid);flex-direction:column;flex-shrink:0;padding:24px 16px;font-family:DM Sans,sans-serif;display:flex;position:sticky}.admin-main{flex:1;min-width:0}.admin-topbar,.admin-backdrop{display:none}.admin-content{width:100%;padding:32px}.viewas-banner{z-index:45;position:sticky;top:0}.admin-viewas-bar{border-bottom:1px solid var(--line-2);justify-content:flex-end;align-items:center;gap:10px;padding:12px 32px;display:flex}.admin-cust-row{grid-template-columns:160px 1fr 70px 130px 96px 36px;align-items:center;gap:12px;display:grid}.admin-spinner{border:3px solid var(--line-3);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;display:grid}.admin-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}@media (max-width:1100px){.admin-dash-grid{grid-template-columns:minmax(0,1fr)}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.admin-topbar{z-index:30;background:var(--sidebar);height:52px;top:0;top:var(--viewas-h,0px);border-bottom:1px solid var(--line-2);border-top:var(--brand-bar) solid var(--accent-solid);align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky}.admin-sidebar{z-index:50;height:100dvh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-backdrop.open{z-index:40;background:var(--backdrop);display:block;position:fixed;inset:0}.admin-content{padding:20px 16px}.admin-viewas-bar{padding:10px 16px}.admin-detail-grid{grid-template-columns:minmax(0,1fr)}.admin-cust-row{grid-template-columns:minmax(80px,110px) 1fr 40px 36px;gap:10px}.admin-cust-row>.col-created,.admin-cust-row>.col-viewas{display:none}}.portal-header{padding:0 32px}.portal-container{padding:32px}.portal-job-row{grid-template-columns:100px 1fr 130px 100px 80px}.portal-show-sm{display:none}@media (max-width:768px){.portal-header{padding:0 16px}.portal-container{padding:20px 16px}.portal-filters>div:not(:last-child){flex:140px}.portal-filters input{width:100%;min-width:0!important}.portal-job-row{grid-template-columns:72px minmax(0,1fr) 44px;gap:10px;padding-left:14px!important;padding-right:14px!important}.portal-hide-sm{display:none!important}.portal-show-sm{display:block}}@media (max-width:520px){.portal-header-sub{display:none}.portal-header-brand span:first-child{letter-spacing:2px!important}.portal-header-actions{gap:10px!important}.portal-header-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.admin-dash-code{display:none}}
