:root{color:#101317;--platform-ink:#0d1014;--platform-charcoal:#151a20;--platform-graphite:#202730;--platform-steel:#6f7a86;--platform-silver:#d9dee3;--platform-gold:#b49a68;--tenant-primary:#ec4899;--tenant-secondary:#21131d;--tenant-accent:#f7b7d7;--tenant-button-text:#fff;--tenant-surface:#fff3f9;--tenant-radius:18px;--ink:#14181d;--muted:#67717c;--glass:#ffffffc7;--line:#1f27301f;--line-light:#ffffff24;--shadow:0 24px 80px #0a0f1424;--shadow-soft:0 12px 38px #0a0f1417;background:#eef1f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% -15%,#b49a682e,#0000 28%),radial-gradient(circle at 10% 10%,#ec489914,#0000 22%),linear-gradient(145deg,#f5f7f8 0%,#e9edf0 52%,#f7f5f0 100%);margin:0}body:before{content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#181f2609 1px,#0000 1px),linear-gradient(90deg,#181f2609 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button,input,select,textarea{font:inherit}button{border-radius:var(--tenant-radius);background:linear-gradient(135deg,var(--tenant-primary),var(--platform-charcoal));color:var(--tenant-button-text);cursor:pointer;letter-spacing:-.015em;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:850;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 10px 24px #0b0f1429,inset 0 1px #ffffff29}button:hover{filter:saturate(1.04);transform:translateY(-2px);box-shadow:0 16px 32px #0b0f1438}button:active{transform:translateY(0)}button.ghost,.buttonRow button:not(:first-child){color:var(--platform-charcoal);background:#ffffff9e;border-color:#161c231a;box-shadow:0 8px 22px #0e141a14}input,select,textarea{color:#161a1f;background:#ffffffd1;border:1px solid #1e262e21;border-radius:14px;outline:none;width:100%;padding:12px;box-shadow:inset 0 1px #ffffffbf}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--tenant-primary) 46%,#86919c);box-shadow:0 0 0 4px color-mix(in srgb,var(--tenant-primary) 12%,transparent)}textarea{min-height:100px}label{color:#424b54;letter-spacing:.01em;gap:7px;font-size:12px;font-weight:800;display:grid}.shell{grid-template-columns:310px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(#0d1014fa,#181e25f7);border-right:1px solid #ffffff14;flex-direction:column;gap:18px;height:100vh;padding:22px;display:flex;position:sticky;top:0;overflow:auto;box-shadow:18px 0 60px #070a0e2e}.sidebar:before{content:"BLACKBIRD SYSTEMS";letter-spacing:.28em;color:#ffffff57;writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:18px;right:24px}.brand{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.brand strong{letter-spacing:-.035em;color:#fff;font-size:18px}.brand span{color:#aab3bd;font-size:12px;display:block}.brandSubline{letter-spacing:.13em;text-transform:uppercase;margin-top:4px;display:block;color:#b49a68!important;font-size:9px!important}.logo{color:#fff;letter-spacing:-.08em;background:linear-gradient(145deg,#2a323c,#11161b 70%);border:1px solid #ffffff21;border-radius:18px;place-items:center;width:58px;height:58px;font-weight:950;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff29}.logo:before{content:"";border-left:3px solid var(--tenant-primary);opacity:.9;position:absolute;inset:0}.logo:after{content:"";background:linear-gradient(90deg,transparent,var(--platform-gold),transparent);width:36px;height:1px;position:absolute;bottom:10px}.userBox{background:linear-gradient(145deg,#ffffff13,#ffffff09);border:1px solid #ffffff17;border-radius:20px;gap:7px;padding:15px;display:grid;box-shadow:inset 0 1px #ffffff0f}.userBox strong{color:#f6f8f9}.userBox small{color:#9aa5af;font-size:12px}nav{z-index:1;gap:6px;display:grid;position:relative}nav button{color:#b7c0c8;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:flex-start;padding:11px 12px}nav button svg{color:color-mix(in srgb,var(--tenant-primary) 72%,#d9dee3)}nav button:hover{background:#ffffff0e;border-color:#ffffff12;transform:translate(2px)}nav button.active{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--tenant-primary) 32%,#222a32),#11161b 78%);border-color:color-mix(in srgb,var(--tenant-primary) 32%,#ffffff14);box-shadow:0 12px 28px #0000003d,inset 3px 0 0 var(--tenant-primary)}nav button.active svg{color:#fff}main{min-width:0;padding:30px clamp(22px,3.2vw,46px) 48px;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:-.07em;color:#13171c;margin:.05rem 0 0;font-size:clamp(34px,5vw,58px);line-height:.92}.topActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#8b7752;margin:0 0 9px;font-size:10px;font-weight:900}.toast{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#12171df0;border:1px solid #ffffff1f;border-radius:16px;padding:14px 17px;position:fixed;top:22px;right:24px;box-shadow:0 24px 70px #00000047}.grid{display:grid}.gap{gap:20px}.hero{background:linear-gradient(135deg,#ffffffe0,#f5f7f8b8),radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--tenant-primary) 13%,transparent),transparent 36%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffe0;border-radius:28px;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:32px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(var(--tenant-primary),var(--platform-gold));width:4px;position:absolute;top:0;bottom:0;left:0}.hero h2{letter-spacing:-.07em;color:#101419;margin:0 0 14px;font-size:clamp(30px,4vw,48px);line-height:.96}.hero p{color:#59636d;line-height:1.64}.heroCard,.panel,.stat{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffdb,#f8fafb9e);border:1px solid #ffffffe6}.heroCard{border-top:2px solid color-mix(in srgb,var(--tenant-primary) 55%,var(--platform-gold));border-radius:22px;align-content:center;gap:11px;padding:24px;display:grid}.heroCard strong{letter-spacing:-.06em;color:#11161b;font-size:34px}.heroCard span{color:var(--muted)}.panel{border-radius:22px;padding:22px;overflow:hidden}.panelHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.panel h2{letter-spacing:-.04em;color:#182029;margin:0;font-size:20px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat{border-radius:20px;padding:19px;position:relative}.stat:before{content:"";background:linear-gradient(90deg,transparent,var(--platform-gold),transparent);opacity:.42;height:1px;position:absolute;top:0;left:20px;right:20px}.stat span,.stat small{color:var(--muted);display:block}.stat strong{letter-spacing:-.055em;color:#151a20;margin:9px 0;font-size:30px;display:block}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cards{gap:13px;display:grid}.clientCard,.jobCard,.integration{background:linear-gradient(145deg,#ffffffe0,#f4f7f9a8);border:1px solid #222b3417;border-radius:17px;gap:7px;padding:15px;transition:transform .18s,border-color .18s;display:grid;box-shadow:0 8px 26px #0f151b12}.clientCard:hover,.jobCard:hover{border-color:color-mix(in srgb,var(--tenant-primary) 22%,#222b341f);transform:translateY(-2px)}.clientCard strong,.jobCard strong{letter-spacing:-.02em;color:#182029}.clientCard span,.jobCard span{color:#66717b;font-size:13px;line-height:1.45}.pill{background:color-mix(in srgb,var(--tenant-primary) 11%,#fff);width:max-content;color:color-mix(in srgb,var(--tenant-primary) 68%,#2a3138);letter-spacing:.035em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--tenant-primary) 18%,transparent);border-radius:999px;align-items:center;padding:7px 11px;font-size:10px;font-weight:900;display:inline-flex}.pill.green{color:#0f7957;background:#1f9d721c}.pill.amber{color:#796231;background:#b49a682e}.pill.red{color:#9f1239;background:#e11d481c}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:13px;display:grid}.buttonRow{flex-wrap:wrap;gap:9px;margin-top:9px;display:flex}.empty{text-align:center;color:#68727c;background:linear-gradient(145deg,#ffffffbd,#f1f4f694);border:1px dashed #414c563b;border-radius:20px;justify-items:center;gap:10px;padding:34px 24px;display:grid}.empty svg{color:var(--tenant-primary)}.empty h3{letter-spacing:-.035em;color:#1a2026;margin:0;font-size:21px}.checks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checks li{color:#505b65;align-items:center;gap:11px;padding:8px 0;display:flex}.checks svg{color:#9a8459}.integration{justify-content:space-between;align-items:center;display:flex}.integration small{color:#74808b;display:block}.reviewPreview{background:linear-gradient(145deg,#ffffffc2,#f0f4f68f);border:1px solid #ffffffe0;border-radius:18px;margin-top:14px;padding:18px}.topGap{margin-top:16px}.phoneWrap{place-items:center;padding:8px;display:grid}.phone{background:linear-gradient(#f8fafb,#eef1f3);border:9px solid #14191f;border-radius:38px;width:100%;max-width:440px;padding:21px;position:relative;overflow:hidden;box-shadow:0 34px 95px #0000003d,inset 0 1px #ffffff57}.phone:before{content:"";z-index:2;background:#303944;border-radius:999px;width:96px;height:6px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.fieldLanguageToggle{z-index:3;align-items:center;gap:8px;margin:14px 0 16px;display:flex;position:relative}.fieldLanguageToggle button{color:#202832;box-shadow:none;background:#ffffffb8;border:1px solid #212a331f;padding:8px 10px}.fieldLanguageToggle button.active{background:linear-gradient(135deg,var(--tenant-primary),#1a2027);color:#fff}.fieldHeroCard,.fieldJobCard,.fieldPanel,.fieldPrivacyBox{background:#ffffffc7;border:1px solid #ffffffe6;border-radius:18px;margin-bottom:14px;padding:16px;box-shadow:0 10px 28px #12181e14}.fieldHeroCard h2{letter-spacing:-.055em;margin:0;font-size:28px}.fieldQuickActions,.fieldButtonGrid{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.fieldJobTop{justify-content:space-between;gap:10px;display:flex}.fieldJobTop strong,.fieldJobTop span{display:block}.fieldJobTop span,.fieldInfoLine{color:#6d7781;font-size:13px}.fieldInfoLine{align-items:center;gap:8px;margin-top:9px;display:flex}.fieldPrivacyBox{color:#59636e;align-items:center;gap:10px;margin-top:12px;display:flex}.fieldPanel h3{align-items:center;gap:8px;margin:0 0 12px;display:flex}.fieldCheck{grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 0;display:flex}.fieldCheck input{width:auto}.employeeOnlyShell{background:radial-gradient(circle at 86% -10%,#b49a682e,transparent 28%),radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--tenant-primary) 12%,transparent),transparent 24%),linear-gradient(145deg,#eef1f3,#f6f7f7 56%,#eceff1);min-height:100vh;padding:18px}.employeeOnlyTop{background:linear-gradient(145deg,#14191ff5,#1f262ef2);border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;max-width:1040px;margin:0 auto 18px;padding:14px 16px;display:flex;box-shadow:0 18px 55px #0a0e122e}.employeeOnlyTop .brand strong{color:#fff}.employeeOnlyTop .brand span{color:#aeb7c0}.employeeOnlyActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.employeeOnlyShell .phoneWrap{padding-top:0}.employeeOnlyShell .phone{max-width:520px}.onboarding{background:radial-gradient(circle at 72% 8%,#b49a682e,#0000 28%),linear-gradient(145deg,#11161b,#232b34);place-items:center;min-height:100vh;padding:28px;display:grid}.onboardCard{background:linear-gradient(145deg,#fffffff5,#f0f4f6eb);border:1px solid #ffffffdb;border-radius:28px;width:min(680px,100%);padding:36px;box-shadow:0 34px 110px #0000005c}.onboardCard h1{letter-spacing:-.075em;margin:0 0 14px;font-size:clamp(36px,6vw,58px);line-height:.94}.logo.big{border-radius:22px;width:78px;height:78px;margin-bottom:12px;font-size:24px}.themePreview{background:linear-gradient(145deg,#0f1419eb,#222a33e0);border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;padding:18px;display:flex}@media (width<=1080px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar:before{display:none}.hero,.two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.formGrid{grid-template-columns:1fr}.topbar{display:grid}.topActions{justify-content:flex-start}nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=720px){.employeeOnlyTop{display:grid}.employeeOnlyActions{justify-content:flex-start}.employeeOnlyShell{padding:12px}}@media (width<=640px){main,.sidebar{padding:16px}.stats{grid-template-columns:1fr}.hero{border-radius:22px;grid-template-columns:1fr;padding:22px}.topbar h1{font-size:34px}.panel{padding:17px}.phone{border-width:8px;border-radius:34px}.fieldButtonGrid,.fieldQuickActions{grid-template-columns:1fr}}:root{--tenant-primary:#5f7388;--tenant-secondary:#171c22;--tenant-accent:#b7c1cb;--tenant-surface:#f3f5f7;--tenant-radius:16px}.platformShell{background:#0b0f14}.platformShell main{background:radial-gradient(circle at 88% -10%,#a48c581f,#0000 30%),linear-gradient(145deg,#edf1f4,#f7f8f9 55%,#eceff2)}.returnPlatform{margin-top:auto;color:#fff!important;background:linear-gradient(135deg,#b49a68,#70613f)!important;border-color:#ffffff1f!important}.platformConsole{max-width:1500px}.platformHero{color:#fff;background:linear-gradient(135deg,#10161d,#1b232d 68%,#202a35);border:1px solid #ffffff14;border-radius:30px;grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #070b0f47}.platformHero:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 78%);mask-image:linear-gradient(120deg,#000,#0000 78%)}.platformHero>div{z-index:1;position:relative}.platformHero h2{letter-spacing:-.075em;margin:0 0 18px;font-size:clamp(38px,5vw,68px);line-height:.9}.platformHero p:not(.eyebrow){color:#b6c0ca;max-width:760px;font-size:16px;line-height:1.68}.platformHeroActions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.platformBadge{color:#e6d7b7;text-transform:uppercase;letter-spacing:.08em;background:#b49a6826;border:1px solid #b49a6847;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:850;display:inline-flex}.mutedBadge{color:#c0c8d0;background:#ffffff0e;border-color:#ffffff17}.commandMark{background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff1a;border-radius:24px;align-content:center;align-self:stretch;place-items:center;gap:7px;display:grid;box-shadow:inset 0 1px #ffffff14}.commandMark span{letter-spacing:-.09em;color:#d8c79f;font-size:58px;font-weight:950;line-height:1}.commandMark strong{letter-spacing:.28em;font-size:13px}.commandMark small{letter-spacing:.17em;color:#8996a3;font-size:8px}.platformStats .stat svg{color:#937d51}.companyDirectory{padding:26px}.companyGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.companyTile{background:linear-gradient(145deg,#fff,var(--company-surface,#f3f5f7));border:1px solid #1a222a17;border-radius:22px;gap:18px;min-height:290px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 42px #0c121817}.companyTile:before{content:"";background:var(--company-primary,#5f7388);height:4px;position:absolute;top:0;left:0;right:0}.companyTileTop{justify-content:space-between;align-items:center;display:flex}.companyMonogram{background:linear-gradient(145deg,var(--company-primary,#5f7388),#171c22);color:#fff;letter-spacing:-.05em;width:54px;height:54px;box-shadow:0 12px 26px color-mix(in srgb,var(--company-primary,#5f7388) 20%,transparent);border-radius:16px;place-items:center;font-weight:950;display:grid}.companyStatus{color:#12704f;text-transform:uppercase;letter-spacing:.08em;background:#eaf7f0;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.companyStatus.suspended,.companyStatus.cancelled{color:#a52c38;background:#fdecec}.companyStatus.trial{color:#8d6814;background:#fff4db}.companyTile h3{letter-spacing:-.055em;margin:2px 0 8px;font-size:26px}.companyTile p{color:#68727c;margin:0}.companyMeta{color:#6d7780;justify-content:space-between;gap:10px;font-size:11px;display:flex}.companyMeta span{align-items:center;gap:7px;display:flex}.companyMeta i{border-radius:50%;width:9px;height:9px}.companyTile button{background:linear-gradient(135deg,var(--company-primary,#5f7388),#171c22);justify-content:space-between;margin-top:auto}@media (width<=820px){.platformHero{grid-template-columns:1fr}.commandMark{min-height:190px}}
