:root{
    --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-full:9999px;
    --fs-xs:11px; --fs-sm:12.5px; --fs-md:14px; --fs-lg:16px; --fs-xl:19px; --fs-2xl:24px;
    --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
    --c-bg:#f2f2f7; --c-surface:#ffffff; --c-border:#e2e8f0; --c-border-soft:#eef1f5;
    --c-text:#0f172a; --c-text-2:#64748b; --c-text-3:#94a3b8;
    --c-primary:#2563eb; --c-primary-bg:#eff6ff; --c-focus:#007AFF;
    --c-ok:#059669; --c-warn:#d97706; --c-danger:#dc2626; --c-danger-bg:#fee2e2;
    --row-h:40px; --cell-py:10px;
    --appbar-h:56px; --rail-w:240px; --statusbar-h:28px;
  }
.kk-appbar{ height:var(--appbar-h); position:sticky; top:0; z-index:45; background:#fff; border-bottom:1px solid var(--c-border); align-items:center; justify-content:space-between; padding:0 20px; gap:12px; }
.kk-appbar-title{ font-size:var(--fs-lg); font-weight:700; color:var(--c-text); display:flex; align-items:center; gap:8px; }
.kk-appbar-title{ color:var(--c-primary); }
.kk-appbar-right{ display:flex; align-items:center; gap:10px; }
.kk-appbar-user{ display:flex; align-items:center; gap:8px; font-size:var(--fs-sm); color:var(--c-text-2); padding:5px 12px; border-radius:var(--r-full); background:var(--c-bg); font-family:inherit; }
.kk-appbar-btn{ width:34px; height:34px; border-radius:var(--r-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--c-border); background:#fff; color:var(--c-text-2); cursor:pointer; flex-shrink:0; }
.kk-appbar-left{ display:flex; align-items:center; gap:4px; min-width:0; flex:1; }
.kk-appbar-title-compact{ padding-right:8px; margin-right:4px; border-right:1px solid var(--c-border); }
body.theme-dark .kk-appbar{ background:#1e293b; border-bottom-color:#334155; }
body.theme-dark .kk-appbar-btn{ background:#0f172a; border-color:#334155; color:#94a3b8; }
body.theme-dark .kk-appbar-user{ background:#0f172a; }
body.theme-dark .kk-appbar-title-compact{ border-right-color:#334155; }
.kk-topnav-flat{ display:flex; align-items:center; flex-wrap:wrap; gap:2px; row-gap:4px; }
.kk-appbar-topnav{ height:auto; min-height:var(--appbar-h); padding-top:6px; padding-bottom:6px; }
.kk-topnav-flat-btn{ display:flex; align-items:center; height:32px; padding:0 8px; border-radius:var(--r-md); border:none; background:transparent; color:var(--c-text-2); font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; flex-shrink:0; }
.kk-topnav-flat-btn.active{ background:var(--c-primary-bg); color:var(--c-primary); }
body.theme-dark .kk-topnav-flat-btn{ color:#94a3b8; }
body.theme-dark .kk-topnav-flat-btn.active{ background:rgba(37,99,235,.2); color:#60a5fa; }
:root{ --kk-navy1:#0f3460; --kk-navy2:#16537e; --kk-navy-grad:linear-gradient(120deg,#0f3460,#16537e); }
@media (min-width:1024px) {
.kk-appbar-topnav{ background:var(--kk-navy-grad); border-bottom:none; box-shadow:0 4px 16px -8px rgba(15,52,96,.5); }
.kk-appbar-topnav .kk-topnav-flat-btn{ color:rgba(255,255,255,.78); }
.kk-appbar-topnav .kk-topnav-flat-btn.active{ background:#fff; color:var(--kk-navy1); font-weight:800; }
.kk-appbar-topnav .kk-appbar-btn{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22); color:#fff; }
body.theme-dark .kk-appbar-topnav{ background:var(--kk-navy-grad); border-bottom:none; }
body.theme-dark .kk-appbar-topnav .kk-topnav-flat-btn{ color:rgba(255,255,255,.78); }
body.theme-dark .kk-appbar-topnav .kk-topnav-flat-btn.active{ background:#fff; color:var(--kk-navy1); }
}
.kk-dash-hero-search{ display:none; }
@media (min-width:1024px) {
.kk-dash-hero-pc{ background:var(--kk-navy-grad); border-radius:18px; padding:26px 30px; color:#fff; box-shadow:0 10px 30px -12px rgba(15,52,96,.45); }
.kk-dash-hero-pc .kk-eyebrow{ color:rgba(255,255,255,.6); }
.kk-dash-hero-pc .text-slate-900{ color:#fff; }
.kk-dash-hero-pc .text-slate-500{ color:rgba(255,255,255,.72); }
.kk-dash-hero-search{ display:block; flex-basis:100%; width:100%; max-width:560px; background:#fff; border:none; border-radius:12px; padding:12px 18px; font-size:13.5px; color:#0f172a; margin-top:6px; box-shadow:0 10px 30px rgba(2,20,43,.25); }
.kk-dash-hero-search::placeholder{ color:#94a3b8; }
#app .btn-add-gradient, #app .login-btn{ background:var(--kk-navy-grad); box-shadow:0 3px 10px -2px rgba(15,52,96,.5); }
}

 
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Noto Sans KR', sans-serif; background:#f2f2f7; color:#0f172a; }
button, a, [role="button"] { touch-action: manipulation; }
html { overscroll-behavior-y: contain; }
#app { min-height: 100vh; display:flex; flex-direction:column; }
body.theme-dark #app { background:#0b1220; }
body.theme-dark #app [style*="background: rgb(255, 255, 255);"],
  body.theme-dark #app [style*="background: rgb(255, 255, 255);"] { background-color:#1a2436 !important; }
body.theme-dark #app [style*="color: rgb(51, 65, 85)"] { color:#e2e8f0 !important; }
body.theme-dark #app [style*="color: rgb(100, 116, 139)"] { color:#a8b4c7 !important; }
.kk-mobile-header { --kk-mobile-safe-top:env(safe-area-inset-top); background:#fff; color:#0f172a; padding:var(--kk-mobile-safe-top) 20px 0 20px; font-size:18px; font-weight:600; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e2e8f0; position:sticky; top:0; z-index:40; }
.kk-bell-btn {
     


    top:calc(var(--kk-mobile-safe-top) + 26.5px);
    background:
      radial-gradient(120% 120% at 28% 18%, #8fb0ff 0%, #3b5bd9 34%, #17318f 68%, #081540 100%);
    box-shadow:
      0 10px 20px -8px rgba(10,31,92,.6),
      0 4px 8px -3px rgba(10,31,92,.45),
      inset 0 2px 2px rgba(255,255,255,.55),
      inset 0 -5px 8px rgba(0,0,0,.35),
      inset 0 0 0 1px rgba(255,255,255,.08);
  }
.kk-bell-btn::after {
    content:"";
    position:absolute;
    top:8%; left:14%;
    width:46%; height:30%;
    border-radius:50%;
    background:linear-gradient(160deg, rgba(255,255,255,.85), rgba(255,255,255,0) 70%);
    filter:blur(.5px);
    transform:rotate(-8deg);
    pointer-events:none;
  }
.kk-bell-btn svg { filter:drop-shadow(0 2px 2px rgba(6,16,54,.55)); }
@media (min-width:768px) {
#app main { max-width:none; width:100%; padding-left:24px; padding-right:24px; box-sizing:border-box; }
}
body.theme-dark .kk-mobile-header { background:#1a2436; color:#f8fafc; border-bottom-color:#3d4d68; }
main { flex:1; padding:20px; }
.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:16px; }
.login-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:32px; width:100%; max-width:360px; }
body.theme-dark .login-card { background:#1a2436; border-color:#3d4d68; }
.login-title { text-align:center; margin-bottom:24px; }
body.theme-dark .login-title .t1 { color:#f8fafc; }
body.theme-dark .login-title .t2 { color:#cbd5e1; }
body.theme-dark #app .login-card button[style*="color: rgb(100, 116, 139)"],
  body.theme-dark #app .login-card button[style*="color: rgb(148, 163, 184)"] { color:#cbd5e1 !important; }
.login-title .t0 { font-size:11px; color:#94a3b8; margin-bottom:2px; letter-spacing:.2px; }
.login-title .t1 { font-size:20px; font-weight:700; color:#0f172a; }
.login-title .t2 { font-size:14px; color:#8e8e93; margin-top:4px; }
.field-label { color:#8e8e93; font-size:12.5px; font-weight:600; margin-bottom:6px; }
.input { width:100%; background:#f2f2f7; border:1px solid transparent; border-radius:12px; padding:10px 12px; font-size:14px; color:#0f172a; outline:none; margin-bottom:12px; transition:border-color 120ms ease, background 120ms ease; }
.input::placeholder { color:#8e8e93; }
.login-btn { width:100%; padding:11px; border-radius:14px; background:linear-gradient(135deg, #3b82f6, #1d4ed8); color:#fff; font-size:14px; font-weight:600; border:none; box-shadow:0 3px 6px rgba(37,99,235,0.4), inset 0 1.5px 1.5px rgba(255,255,255,0.55), inset 0 -3px 5px rgba(15,23,42,0.2); transition:transform 100ms ease, background 100ms ease, box-shadow 100ms ease; }
.login-btn:disabled { background:#93c5fd; box-shadow:none; }
.btn-add-gradient { background:linear-gradient(135deg, #3b82f6, #1d4ed8); color:white; box-shadow:0 3px 6px rgba(37,99,235,0.4), inset 0 1.5px 1.5px rgba(255,255,255,0.55), inset 0 -3px 5px rgba(15,23,42,0.2); border:none; transition:transform 100ms ease, box-shadow 100ms ease; }
.kk-card { background:#fff; border-radius:18px; border:1px solid #eef1f5;
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 20px -12px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.9); }
.kk-card-tap { transition: transform 140ms ease, box-shadow 140ms ease; }
.kk-bottom-nav-idle { color:#768293; }
.kk-bottom-nav-active { color:#1e4fbc; }
.kk-breathe { animation: kkBreathe 2.1s ease-in-out infinite; transform-origin:50% 50%; will-change:transform; }
.kk-boot-logo-img { width:96px; height:96px; border-radius:0; box-shadow:none; object-fit:contain; }
body.theme-dark { background:#0b1220; }
body.theme-dark .field-label { color:#a8b4c7; }
body.theme-dark .input { background:#0b1220; color:#f8fafc; }
body.theme-dark .input::placeholder { color:#64748b; }
body.theme-dark .bg-white { background-color:#1a2436 !important; }
body.theme-dark .text-slate-900 { color:#f8fafc !important; }
body.theme-dark .text-slate-600 { color:#cbd5e1 !important; }
body.theme-dark .text-slate-500 { color:#a8b4c7 !important; }
body.theme-dark .text-slate-400 { color:#a8b4c7 !important; }
body.theme-dark .border-slate-200 { border-color:#3d4d68 !important; }
body.theme-dark .border-slate-100 { border-color:#3d4d68 !important; }
body.theme-dark .kk-card { background:#1a2436; border-color:#3d4d68;
    box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 20px -12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04); }
body.theme-dark .text-blue-700 { color:#7dd3fc !important; }
body.theme-dark .text-emerald-700 { color:#6ee7b7 !important; }
body.theme-dark .text-red-700 { color:#fca5a5 !important; }
body.theme-dark .text-violet-600 { color:#c4b5fd !important; }
body.theme-dark .text-slate-800 { color:#f8fafc !important; }
body.theme-dark .text-amber-700 { color:#fbbf24 !important; }
body.theme-dark .text-violet-700 { color:#c4b5fd !important; }
body.theme-dark .bg-violet-500\/15 { background-color:rgba(196,181,253,.2) !important; }
body.theme-dark .border-amber-500\/30 { border-color:rgba(251,191,36,.35) !important; }
body.theme-dark #app [style*="color: rgb(71, 85, 105)"] { color:#cbd5e1 !important; }
body.theme-dark #app [style*="background: rgb(241, 245, 249)"] { background-color:#3d4d68 !important; }
body.theme-dark #app [style*="border: 1px solid rgb(203, 213, 225)"] { border-color:#475569 !important; }
.kk-moremenu-item { display:flex; align-items:center; gap:8px; width:100%; text-align:left; padding:9px 10px; border-radius:8px; background:none; border:none; font-size:13px; font-weight:600; cursor:pointer; }
#bootSplash { position:fixed; inset:0; z-index:9999; background:#fff; display:flex; align-items:center; justify-content:center; }
#bootSplash .kk-boot-logo-img { width:232px; height:232px; }
@media (min-width:1024px) {
:root {--kk-pc-navy:#102f59;--kk-pc-blue:#1456a0;--kk-pc-border:#dbe4f0;--kk-pc-surface:#fff;--kk-pc-soft:#f5f8fc;--kk-pc-text:#1b3153;--kk-pc-muted:#61738d;--kk-pc-control-width:232px;--kk-pc-action-height:36px;--kk-pc-radius:14px;}
}
body.theme-dark .erp-page-header {
  border-color:#334155;
  background:linear-gradient(100deg,#172033 0%,#111827 100%);
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
body.theme-dark .erp-page-title h1 { color:#e5eefc !important; }
body.theme-dark .erp-page-title p { color:#94a3b8 !important; border-left-color:#475569; }
body.theme-dark .erp-page-more > summary { border-color:#31567e !important; background:#172b45 !important; color:#bfdbfe !important; }
body.theme-dark .erp-page-more > div { border-color:#475569; background:#1e293b; }
body.theme-dark .erp-page-more > div > button,
body.theme-dark .erp-page-more > div > a { color:#e2e8f0; }
.kk-more-menu-label{ display:none; }
.kk-more-menu-dots{ display:inline; }
@media (max-width:1023px) {
.erp-page-more,
  .staff-header-more{
    position:relative;
    flex:0 0 auto;
  }
.erp-page-more > summary,
  .staff-header-more > summary{
    min-height:30px;
    padding:5px 10px;
    border:1px solid #bfdbfe !important;
    border-radius:8px !important;
    background:#eff6ff !important;
    color:#124d8c !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1.2 !important;
    list-style:none !important;
    cursor:pointer;
  }
.kk-more-menu-label{ display:none; }
.kk-more-menu-dots{ display:inline; }
.erp-page-more > summary::-webkit-details-marker,
  .staff-header-more > summary::-webkit-details-marker{ display:none; }
body.theme-dark .erp-page-more > summary,
  body.theme-dark .staff-header-more > summary,
  body.theme-dark .kk-data-vault-header > details > summary{
    border-color:#31567e !important;
    background:#172b45 !important;
    color:#bfdbfe !important;
  }
}

 
.kk-cc{ border-radius:18px; padding:18px; background:#f3f5f9; border:1px solid #e2e8f0; }
.kk-cc-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin-bottom:16px; }
.kk-cc-brand{ font-weight:800; font-size:15px; color:var(--kk-navy1,#0f3460); display:flex; align-items:center; gap:7px; }
.kk-cc-clock{ font-family:ui-monospace,'SF Mono',Consolas,monospace; font-size:26px; font-weight:700; letter-spacing:.14em; color:#0f172a; text-align:center; font-variant-numeric:tabular-nums; }
.kk-cc-user{ font-size:12px; color:#64748b; text-align:right; }
.kk-cc-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:14px; }
.kk-cc-kpi{ border-radius:14px; padding:16px 18px 14px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 2px 10px rgba(15,52,96,.06); text-align:left; cursor:pointer; }
.kk-cc-num{ font-size:30px; font-weight:900; line-height:1.05; font-variant-numeric:tabular-nums; }
.kk-cc-num .u{ font-size:12px; font-weight:600; opacity:.55; margin-left:1px; }
.kk-cc-lbl{ font-size:11px; color:#64748b; margin-top:4px; }
.kk-cc-bar{ height:4px; border-radius:99px; margin-top:10px; background:#eef1f6; overflow:hidden; }
.kk-cc-bar i{ display:block; height:100%; border-radius:99px; }
.kk-cc-num.c-main{ color:#0f172a; }
.kk-cc-bar .g-main{ background:linear-gradient(90deg,#0891b2,#15803d); }
.kk-cc-num.c-green{ color:#15803d; }
.kk-cc-bar .g-green{ background:#15803d; }
.kk-cc-num.c-amber{ color:#b45309; }
.kk-cc-bar .g-amber{ background:#d97706; }
.kk-cc-num.c-pink{ color:#be123c; }
.kk-cc-bar .g-pink{ background:#e11d48; }
.kk-cc-body{ display:grid; grid-template-columns:1.6fr 1fr; gap:14px; align-items:start; }
.kk-cc-col{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.kk-cc-panel{ border-radius:14px; padding:14px 18px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 2px 10px rgba(15,52,96,.06); }
.kk-cc-ph{ font-size:11.5px; font-weight:700; color:#64748b; margin-bottom:8px; letter-spacing:.02em; }
.kk-cc-bid-refresh{ width:28px; height:28px; min-width:28px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#0f3460; cursor:pointer; }
.kk-cc-bid-refresh svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.kk-cc-empty{ font-size:12px; color:#94a3b8; padding:10px 0; }
.kk-cc-memobar{ display:flex; align-items:flex-start; gap:13px; padding:15px 18px; border-radius:14px; margin-bottom:14px;
    background:linear-gradient(135deg,#fffbeb 0%,#fef6d8 100%); border:1.5px solid #e0b528;
    box-shadow:0 0 0 1px rgba(202,138,4,.08), 0 8px 22px -12px rgba(202,138,4,.35); }
.kk-cc-memobar.is-empty{ padding:0; background:none; border:1px dashed #cbd5e1; box-shadow:none; }
.kk-cc-memobar-add{ display:flex; align-items:center; gap:8px; width:100%; padding:9px 14px; text-align:left; cursor:pointer;
    background:none; border:none; border-radius:14px; font-size:12px; font-weight:700; color:#64748b; }
.kk-cc-memoplan{ margin:-6px 0 14px; }
.kk-cc-memoplan-edit,.kk-cc-memopast-toggle,.kk-cc-memoplan-add{ background:none; border:none; cursor:pointer; font-size:11px; font-weight:700; color:#64748b; padding:3px 7px; border-radius:7px; flex-shrink:0; }
.kk-cc-scope{ font-size:9.5px; font-weight:700; padding:2px 8px; border-radius:99px; background:#eef2f7; color:#0f3460; border:1px solid #c9d6e4; flex-shrink:0; }
.kk-dash-fadein { animation:kkDashFadeIn 260ms ease both; }
@media (min-width:1024px) {
.kk-dash-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; align-items:start; }
.kk-w-xl { grid-column:span 12; }
.kk-dash-o0 { order:0; }
}
.kk-eyebrow { font-size:11px; font-weight:700; letter-spacing:.06em; color:#94a3b8; text-transform:uppercase; }
.kk-stat-label { font-size:12px; font-weight:600; letter-spacing:.02em; color:#64748b; }
.kk-section-head { font-size:13px; font-weight:700; letter-spacing:.01em; color:#0f172a; }
body.theme-dark .kk-stat-label { color:#94a3b8; }
body.theme-dark .kk-section-head { color:#f1f5f9; }
body.theme-dark .kk-eyebrow { color:#94a3b8; }
.kk-mobile-bid-watch{ overflow:hidden; }
.kk-mobile-bid-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:14px 16px 11px; border-bottom:1px solid #eef1f6; }
.kk-mobile-bid-title{ min-width:0; flex:1; padding:0; border:0; background:none; text-align:left; cursor:pointer; }
.kk-mobile-bid-title strong{ display:block; color:#0f172a; font-size:13px; line-height:1.35; }
.kk-mobile-bid-title span{ display:block; margin-top:3px; color:#64748b; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kk-mobile-bid-updated{ color:#94a3b8; font-size:10px; white-space:nowrap; }
.kk-mobile-bid-tools{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.kk-mobile-bid-empty{ display:block; width:100%; padding:18px 16px; border:0; background:none; color:#94a3b8; font-size:12px; text-align:center; }
body.theme-dark .kk-mobile-bid-head,body.theme-dark .kk-mobile-bid-row{ border-color:#334155; }
body.theme-dark .kk-mobile-bid-title strong,body.theme-dark .kk-mobile-bid-copy strong{ color:#f1f5f9; }
body.theme-dark .kk-mobile-bid-title span,body.theme-dark .kk-mobile-bid-copy small{ color:#94a3b8; }
@media (min-width:1024px) {
.kk-dash-hero-pc > button{ background:rgba(255,255,255,.12)!important; border-color:rgba(255,255,255,.3)!important; color:#fff!important; }
.kk-dash-hero-pc > button:hover{ background:rgba(255,255,255,.2)!important; }
}
@media (max-width:1023px) {
.kk-dash-hero-pc{
      position:relative;
      min-height:82px;
      background:linear-gradient(105deg,#fff 0%,#f8fbff 100%); border:1px solid #dfe7f2;
      border-radius:16px; padding:13px 11px 13px 18px; margin:0 0 2px;
      box-shadow:0 4px 14px rgba(15,39,72,.07);
    }
.kk-dash-hero-pc::before{
      content:""; position:absolute; left:0; top:13px; bottom:13px; width:4px; border-radius:0 4px 4px 0;
      background:linear-gradient(180deg,#0f2748,#2563eb);
    }
.kk-dash-hero-pc::after{
      content:none; display:none;
    }
body.theme-dark .kk-dash-hero-pc{
      background:linear-gradient(105deg,#172033 0%,#111827 100%);
      border-color:#334155;
      box-shadow:0 4px 14px rgba(0,0,0,.22);
    }
}

 
.kk-month-site-search { border:1.5px solid #e2e8f0 !important; background:#fff !important; }
body.theme-dark .kk-month-site-search { border-color:#3d4d68 !important; background:#0b1220 !important; }
.sch-tab { padding:8px 16px; border-radius:10px; font-size:14px; font-weight:600; transition:transform 100ms ease, background 100ms ease, box-shadow 100ms ease; }
.sch-tab:not(.active) { background:#f8fafc; color:#475569; }
.sch-nav-btn { width:32px; height:32px; border-radius:9999px; background:linear-gradient(180deg, #ffffff, #eef1f5); display:flex; align-items:center; justify-content:center; border:none; font-size:14px; color:#334155; box-shadow:0 2px 4px rgba(15,23,42,0.1), inset 0 1.5px 1.5px rgba(255,255,255,0.85), inset 0 -2px 3px rgba(15,23,42,0.08); transition:transform 100ms ease, background 100ms ease, box-shadow 100ms ease; }
.sch-nav-btn:disabled { opacity:.35; }
.sch-nav-btn-today { background:linear-gradient(180deg, #eff6ff, #dbeafe); border:1.5px solid #93c5fd; box-shadow:0 2px 4px rgba(37,99,235,.12); }
.month-grid { display:grid; grid-template-columns: repeat(7, minmax(0,1fr)); --cell-pad:4px; --mid-top:22px; --mid-item:19px; --upper-item:17px; --upper-line:15px; --upper-pad-y:4px; --upper-gap:2px; }
.day-cell { border-right:1px solid #ececf0; border-bottom:1.5px solid #dbe0e8; min-height:84px; padding:var(--cell-pad); cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none;user-select:none; min-width:0; overflow:hidden; display:flex; flex-direction:column; }
.day-cell-today-ring { outline:1.5px solid #64748B; outline-offset:-1.5px; }
.day-cell-bottom-pinned { margin-top:auto; }
.month-grid { --month-holiday-line:12px; --mid-two-line-height:calc(2 * var(--upper-line) + var(--upper-pad-y)); }
.day-cell > .month-day-heading { height:calc(var(--mid-top) + var(--month-holiday-extra, 0px)); min-height:calc(var(--mid-top) + var(--month-holiday-extra, 0px)); margin:0 !important; flex-shrink:0; }
.day-cell-mid-lanes { display:grid; grid-template-columns:minmax(0,1fr); row-gap:var(--upper-gap); flex-shrink:0; }
.day-cell-upper-reserved { flex-shrink:0; min-height:calc(var(--upper-lines, 0) * var(--upper-line) + var(--upper-count, 0) * var(--upper-pad-y) + var(--upper-gaps, 0) * var(--upper-gap) + var(--upper-border-y, 0px) + var(--upper-band-gap, 0px)); height:calc(var(--upper-lines, 0) * var(--upper-line) + var(--upper-count, 0) * var(--upper-pad-y) + var(--upper-gaps, 0) * var(--upper-gap) + var(--upper-border-y, 0px) + var(--upper-band-gap, 0px)); }
@media (max-width:767px) {
.month-grid{ grid-template-columns: minmax(0,0.3fr) minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,0.6fr); }
.day-cell-sun { --cell-pad:0px; padding:4px 0; }
.day-cell-sun .day-num { width:100%; height:13px; font-size:8px; border-radius:4px; flex:1 1 auto; min-width:0; }
.day-cell-sun .month-date-line { gap:0; }
.month-hdr-sun { padding-left:0; padding-right:0; }
#monthGridWrap { margin-left:-8px; margin-right:-8px; }
}
.day-cell-other-month { background:#fbfbfc; }
.day-cell-other-month .day-num { opacity:.4; }
.cell-holiday-bg { background:rgba(244,63,94,.045); }
.cell-holiday-bg { background:rgba(244,63,94,.045); }
body.theme-dark .sch-tab:not(.active) { background:#3d4d68; color:#e2e8f0; }
body.theme-dark .sch-nav-btn-today { background:linear-gradient(180deg, #1e3a8a, #1e40af); border-color:#3b82f6; }
body.theme-dark .day-cell-other-month { background:rgba(255,255,255,.015); }
body.theme-dark .cell-holiday-bg { background:rgba(244,63,94,.08); }
body.theme-dark .day-cell { border-right-color:#1a2436; border-bottom-color:#3d4d68; }
body.theme-dark .day-cell-today-ring { outline-color:#a8b4c7; }
body.theme-dark .sch-nav-btn { background:linear-gradient(180deg, #3d4d68, #263449); color:#e2e8f0; box-shadow:0 2px 4px rgba(0,0,0,.4), inset 0 1.5px 1.5px rgba(255,255,255,.08), inset 0 -2px 3px rgba(0,0,0,.3); }
.month-jump-bar { display:flex; align-items:center; gap:6px; margin-top:12px; padding:7px;
    background:#fff; border:1px solid #e2e8f0; border-radius:14px; }
.month-jump-btn { flex:1; min-width:0; height:36px; padding:0 4px; white-space:nowrap;
    display:flex; align-items:center; justify-content:center;
    font-size:12.5px; font-weight:700; color:#334155;
    background:linear-gradient(180deg, #ffffff, #eef1f5); border:1px solid #dbe2ea; border-radius:10px;
    box-shadow:0 1px 2px rgba(15,23,42,.06); transition:transform 100ms ease, background 100ms ease; }
.month-jump-btn.is-today { flex:0 0 62px; color:#fff; border-color:transparent;
    background:linear-gradient(135deg, #3b82f6, #1d4ed8);
    box-shadow:0 2px 5px rgba(37,99,235,.35), inset 0 1.5px 1.5px rgba(255,255,255,.45); }
.month-jump-btn.is-today:disabled { opacity:.38; box-shadow:none; }
.month-jump-btn.is-add { flex:0 0 44px; font-size:18px; color:#fff; border-color:transparent;
    background:linear-gradient(135deg, #3b82f6, #1d4ed8);
    box-shadow:0 2px 5px rgba(37,99,235,.35), inset 0 1.5px 1.5px rgba(255,255,255,.45); }
.month-jump-sep { flex:0 0 1px; align-self:stretch; background:#e2e8f0; margin:2px 1px; }
body.theme-dark .month-jump-bar { background:#1a2436; border-color:#3d4d68; }
body.theme-dark .month-jump-btn { background:linear-gradient(180deg, #3d4d68, #263449); color:#e2e8f0;
    border-color:#46587a; box-shadow:0 2px 4px rgba(0,0,0,.4); }
body.theme-dark .month-jump-btn.is-today,
  body.theme-dark .month-jump-btn.is-add { background:linear-gradient(135deg, #3b82f6, #1d4ed8); border-color:transparent; color:#fff; }
body.theme-dark .month-jump-sep { background:#3d4d68; }
body.theme-dark .bg-\[\#1d4ed8\] { background-color:#2563eb !important; }
body.theme-dark .bg-\[\#0d7a52\] { background-color:#16a34a !important; }
body.theme-dark .bg-\[\#ffcc00\] { background-color:#facc15 !important; }
body.theme-dark .bg-\[\#9a6b43\] { background-color:#78350f !important; }
body.theme-dark .bg-\[\#ffa94d\] { background-color:#fb923c !important; }
body.theme-dark .bg-\[\#7dd3fc\] { background-color:#6366f1 !important; }
@media (max-width:767px) {
.schedule-mobile-more > button {
    width:26px !important;
    height:26px !important;
    border-radius:9px !important;
    font-size:14px !important;
  }
}
.bg-\[\#d81b60\] { background-color:#d81b60 !important; }
.bg-\[\#b62420\] { background-color:#b62420 !important; }
.bg-\[\#6b21a8\] { background-color:#6b21a8 !important; }
.bg-\[\#98a0ab\] { background-color:#98a0ab !important; }

 
body.kk-filmstrip-lock { overflow:hidden; height:100vh; height:100dvh; }
.swipe-filmstrip-track { display:flex; scroll-snap-type:x mandatory; touch-action:pan-x; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; width:100%; height:100vh; height:100dvh; scrollbar-width:none; -ms-overflow-style:none; }
.swipe-filmstrip-track::-webkit-scrollbar { display:none; }
@media (max-width: 1023.98px) {
.swipe-filmstrip-track { height:calc(100vh - env(safe-area-inset-top) - 54px); height:calc(100dvh - env(safe-area-inset-top) - 54px); }
}
#swipe-live-dashboard, #swipe-live-schedule-week, #swipe-live-schedule-month, #swipe-live-photosheets {
    scrollbar-width: none; -ms-overflow-style: none;
  }
#swipe-live-dashboard::-webkit-scrollbar, #swipe-live-schedule-week::-webkit-scrollbar,
  #swipe-live-schedule-month::-webkit-scrollbar, #swipe-live-photosheets::-webkit-scrollbar {
    display: none;
  }
.filmstrip-pane { flex:0 0 100%; min-width:0; height:100%; scroll-snap-align:start; scroll-snap-stop:always; }
.filmstrip-pane:not(.is-active):not(.is-near) { content-visibility:auto; contain-intrinsic-size:100vw 100vh; }
@media (min-width:1024px) {
.swipe-filmstrip-track { display:block; height:auto; overflow-x:visible !important; overflow-y:visible; scroll-snap-type:none; }
.filmstrip-pane { display:none; height:auto; }
.filmstrip-pane.is-active { display:block; }
body.kk-filmstrip-lock { overflow:auto; height:auto; }
#swipe-live-dashboard, #swipe-live-photosheets, #swipe-live-schedule-week, #swipe-live-schedule-month {
      overscroll-behavior-y: auto !important;
    }
}

 
#app {
  --kk-ui-primary:#2563eb;
  --kk-ui-primary-strong:#1d4ed8;
  --kk-ui-navy:#0f3460;
  --kk-ui-text:#1f3655;
  --kk-ui-muted:#64748b;
  --kk-ui-border:#c8d8ec;
  --kk-ui-border-soft:#d9e5f7;
  --kk-ui-surface:#fff;
  --kk-ui-soft:#eff6ff;
  --kk-ui-danger:#b91c1c;
  --kk-ui-danger-soft:#fff1f2;
  --kk-ui-control-height:36px;
  --kk-ui-chip-height:36px;
  --kk-ui-control-radius:14px;
  --kk-ui-card-radius:12px;
  --kk-ui-modal-radius:20px;
  --kk-ui-focus:0 0 0 3px rgba(37,99,235,.2);
  --kk-ui-primary-shadow:0 8px 16px -8px rgba(37,99,235,.5),0 2px 4px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.35);
}
#app :is(
  .kk-ui-btn,
  .kk-pill,
  .kk-btn-pc,
  .btn-add-gradient,
  .btn-secondary-flat:not(.kk-pin-key),
  .btn-danger-flat,
  .btn-soft,
  .btn-subadd,
  .a-compact-primary,
  .a-compact-control-btn,
  .login-btn,
  .kk-ui-chip,
  .bid-v4-chip,
  .kk-staff-dept-choice,
  .payroll-mode-tab,
  .payroll-pc-section-switch,
  .kk-more-menu-trigger,
  .erp-page-more > summary,
  .staff-header-more > summary
):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
  box-sizing:border-box;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  hyphens:none;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  white-space:nowrap !important;
}
#app :is(
  .kk-ui-btn,
  .kk-pill,
  .kk-btn-pc,
  .btn-add-gradient,
  .btn-secondary-flat:not(.kk-pin-key),
  .btn-danger-flat,
  .btn-soft,
  .btn-subadd,
  .a-compact-primary,
  .a-compact-control-btn,
  .login-btn,
  .kk-ui-chip,
  .bid-v4-chip,
  .kk-staff-dept-choice,
  .payroll-mode-tab,
  .payroll-pc-section-switch,
  .kk-more-menu-trigger,
  .erp-page-more > summary,
  .staff-header-more > summary
):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) > :is(span,strong,b,em,i,small) {
  writing-mode:horizontal-tb !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  white-space:nowrap !important;
}
#app :is(
  .kk-ui-btn,
  .kk-pill,
  .kk-btn-pc,
  .btn-add-gradient,
  .btn-secondary-flat:not(.kk-pin-key),
  .btn-danger-flat,
  .btn-soft,
  .btn-subadd,
  .a-compact-primary,
  .login-btn
) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:var(--kk-ui-control-height);
  padding:0 14px;
  border-radius:var(--kk-ui-control-radius);
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,filter .12s ease,transform .12s ease;
}
#app :is(.kk-ui-btn--primary,.btn-add-gradient,.a-compact-primary,.login-btn,.kk-pill:not(.kk-pill-info):not(.kk-pill-success):not(.kk-pill-neutral):not(.kk-pill-danger),.kk-btn-pc.primary,.kk-btn-pc.kk-btn-primary) {
  border:0;
  background:linear-gradient(135deg,#4f8cff 0%,var(--kk-ui-primary-strong) 100%);
  color:#fff;
  box-shadow:var(--kk-ui-primary-shadow);
}
#app :is(.kk-ui-btn,.kk-pill,.kk-btn-pc,.btn-add-gradient,.btn-secondary-flat:not(.kk-pin-key),.btn-danger-flat,.btn-soft,.btn-subadd,.a-compact-primary,.login-btn):active:not(:disabled) {
  transform:translateY(1px);
}
#app :is(.kk-ui-btn,.kk-pill,.kk-btn-pc,.btn-add-gradient,.btn-secondary-flat:not(.kk-pin-key),.btn-danger-flat,.btn-soft,.btn-subadd,.a-compact-primary,.login-btn):disabled,
#app :is(.kk-ui-chip,.bid-v4-chip):disabled {
  opacity:.48;
  cursor:not-allowed;
  filter:saturate(.72);
  transform:none;
  box-shadow:none;
}
#app :is(.kk-ui-btn,.kk-pill,.kk-btn-pc,.btn-add-gradient,.btn-secondary-flat:not(.kk-pin-key),.btn-danger-flat,.btn-soft,.btn-subadd,.a-compact-primary,.login-btn,.kk-ui-chip,.bid-v4-chip,.kk-ui-icon-btn):focus-visible {
  outline:0;
  box-shadow:var(--kk-ui-focus);
}
#app :is(.erp-page-more > summary,.kk-data-vault details > summary) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--kk-ui-control-height);
  padding:0 12px !important;
  border:1px solid var(--kk-ui-border) !important;
  border-radius:var(--kk-ui-control-radius) !important;
  background:var(--kk-ui-surface) !important;
  color:#264568 !important;
  font-size:12px !important;
  font-weight:700 !important;
  list-style:none;
}
#app :is(.kk-ui-field,input.input,select.input,select.select) {
  min-height:var(--kk-ui-control-height);
  padding:0 10px;
  border:1px solid var(--kk-ui-border);
  border-radius:var(--kk-ui-control-radius);
  background:var(--kk-ui-surface);
  color:var(--kk-ui-text);
  font:inherit;
  font-size:13px;
  outline:0;
  transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease;
}
#app :is(.kk-ui-field,input.input,select.input,select.select):focus {
  border-color:#60a5fa;
  box-shadow:var(--kk-ui-focus);
}
#app :is(.kk-ui-field,input.input,select.input,select.select):disabled {
  opacity:.58;
  cursor:not-allowed;
}
@media (min-width:1024px) {
#app {
    --kk-ui-control-height:34px;
    --kk-ui-chip-height:32px;
    --kk-ui-control-radius:8px;
  }
}
@media (max-width:767px) {
#app :is(.kk-ui-btn,.kk-pill,.kk-btn-pc,.btn-add-gradient,.btn-secondary-flat:not(.kk-pin-key),.btn-danger-flat,.btn-soft,.btn-subadd,.a-compact-primary,.login-btn) {
    min-height:32px !important;
  }
#app :is(.kk-ui-field,input.input,select.input,select.select) { min-height:44px; }
#app .kk-data-vault :is(button,.btn-add-gradient,.btn-secondary-flat,.btn-danger-flat,label.btn-add-gradient,label.btn-secondary-flat,label.btn-danger-flat) {
    min-height:32px !important;
  }
}
:is(body.theme-dark,html.dark body) #app {
  --kk-ui-text:#dbe7f5;
  --kk-ui-muted:#9eafc5;
  --kk-ui-border:#475569;
  --kk-ui-border-soft:#334155;
  --kk-ui-surface:#172033;
  --kk-ui-soft:#172b45;
  --kk-ui-danger-soft:rgba(185,28,28,.18);
}
:is(body.theme-dark,html.dark body) #app :is(.kk-ui-btn--secondary,.btn-secondary-flat,.btn-soft,.btn-subadd,.kk-btn-pc.secondary,.kk-btn-pc:not(.primary):not(.kk-btn-primary):not(.danger):not(.icon),.kk-ui-chip,.bid-v4-chip,.kk-ui-icon-btn,.kk-btn-pc.icon) {
  border-color:#475569;
  background:#172033;
  color:#dbe7f5;
}
:is(body.theme-dark,html.dark body) #app :is(.kk-ui-btn--secondary,.btn-secondary-flat,.btn-soft,.btn-subadd,.kk-btn-pc.secondary,.kk-ui-chip,.bid-v4-chip):hover {
  border-color:#5b7ea7;
  background:#1e3a5f;
  color:#dbeafe;
}
:is(body.theme-dark,html.dark body) #app :is(.kk-ui-field,input.input,select.input,select.select) {
  border-color:#475569;
  background:#172033;
  color:#dbe7f5;
}
:is(body.theme-dark,html.dark body) #app .kk-ui-toolbar {
  border-color:#334155;
  background:linear-gradient(90deg,#111827 0%,#172033 100%);
}
:is(body.theme-dark,html.dark body) #app :is(.kk-ui-chip.is-selected,.kk-ui-chip[aria-pressed="true"],.bid-v4-chip.is-on) {
  border-color:#60a5fa;
  background:#17375d;
  color:#dbeafe;
}
:is(body.theme-dark,html.dark body) #app .a-compact-control-btn {
  border-color:#475569;
  background:#172033;
  color:#dbe7f5;
}
:is(body.theme-dark,html.dark body) #app .a-compact-control-btn:is(:hover,.active) {
  border-color:#60a5fa;
  background:#17375d;
  color:#dbeafe;
}
#app :is(
  button.kk-ui-btn,
  button.kk-pill,
  button.kk-btn-pc:not(.icon),
  button.btn-add-gradient,
  button.btn-secondary-flat:not(.kk-pin-key),
  button.btn-danger-flat,
  button.btn-soft,
  button.btn-subadd,
  button.a-compact-primary,
  label.btn-add-gradient,
  label.btn-secondary-flat,
  summary.btn-secondary-flat
):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
  min-height:32px !important;
  padding-right:12px !important;
  padding-left:12px !important;
  border-radius:10px !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-.01em;
  white-space:nowrap !important;
}
@media (pointer:coarse) {
:where(#app :is(.kk-ui-btn,.kk-btn-pc,.btn-add-gradient,.btn-secondary-flat:not(.kk-pin-key),.btn-danger-flat,.btn-soft,.btn-subadd,.a-compact-primary,.login-btn)) { position:relative; }
:where(#app :is(.kk-ui-btn,.kk-btn-pc,.btn-add-gradient,.btn-secondary-flat:not(.kk-pin-key),.btn-danger-flat,.btn-soft,.btn-subadd,.a-compact-primary,.login-btn))::after { content:""; position:absolute; left:0; right:0; top:-7px; bottom:-7px; }
}
#app :is(.kk-more-menu-trigger,.erp-page-more > summary,.staff-header-more > summary):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:68px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 10px !important;
  border:1px solid #bfdbfe !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,#f8fbff 0%,#eaf3ff 100%) !important;
  color:#124d8c !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1 !important;
}
body.theme-dark #app :is(.kk-more-menu-trigger,.erp-page-more > summary,.staff-header-more > summary,.kk-data-vault details > summary):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
  border-color:#31567e !important;
  background:#172b45 !important;
  color:#bfdbfe !important;
}
#app .kk-more-menu-arrow { display:none; }
:is(body.theme-dark,html.dark body) #app :is(
  .kk-ui-chip,
  .bid-v4 .bid-v4-chip,
  .staff-screen .kk-staff-dept-choice,
  .payroll-screen .payroll-mode-tab,
  .supplies-screen .supplies-tabbar .sch-tab
):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *):not(:disabled):not(.is-selected):not(.is-on):not(.active):not([aria-pressed="true"]) {
  border-color:#475569 !important;
  background:#172033 !important;
  color:#dbe7f5 !important;
}
:is(body.theme-dark,html.dark body) #app :is(
  .kk-ui-chip.is-selected,
  .kk-ui-chip[aria-pressed="true"],
  .bid-v4 .bid-v4-chip.is-on,
  .staff-screen .kk-staff-dept-choice.is-on,
  .payroll-screen .payroll-mode-tab.is-selected,
  .supplies-screen .supplies-tabbar .sch-tab.active,
  .payroll-unit-site-day-edit button.is-selected,
  .payroll-unit-filter-row button.is-selected
):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
  border-color:#60a5fa !important;
  background:#17375d !important;
  color:#dbeafe !important;
  box-shadow:none !important;
}
#app :is(.kk-settings-toggle,.kk-hit-pad) { padding-top:10px !important; padding-bottom:10px !important; margin-top:-10px !important; margin-bottom:-10px !important; }
#app :is(.kk-hit-area,.kk-hit-y4,.kk-hit-y6) { position:relative; }
#app .kk-hit-y4::after { content:""; position:absolute; left:0; right:0; top:-4px; bottom:-4px; }

 
@media (max-width:1023px) {
#app {
    --kk-mc-height:32px;
    --kk-mc-icon:32px;
    --kk-mc-field:32px;
    --kk-mc-padding-x:12px;
    --kk-mc-font:12px;
    --kk-mc-line:16px;
    --kk-mc-radius:8px;
    --kk-mc-gap:6px;
    --kk-mc-card-pad:10px;
  }
#app :is(
    #swipe-live-photosheets,
    .staff-screen,
    .staff365-admin-screen,
    .complexes-screen,
    .payroll-screen,
    .complaints-screen,
    .appusers-screen,
    .training-screen,
    .supplies-screen,
    .tree-screen,
    .settings-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .ann-hub-screen--admin-mobile-compact,
    .bid-v2-root
  ) :is(
    .kk-ui-btn,
    .kk-pill,
    .kk-btn-pc:not(.icon),
    .btn-add-gradient,
    .btn-secondary-flat:not(.kk-pin-key),
    .btn-danger-flat,
    .btn-soft,
    .btn-subadd,
    .a-compact-primary,
    .a-compact-control-btn,
    .kk-ui-chip,
    .kk-staff-dept-choice,
    .payroll-mode-tab,
    .supplies-tabbar .sch-tab
  ):not(.modal-overlay *):not(.kk-ui-modal-overlay *):not(.kk-pin-key):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
    box-sizing:border-box !important;
    width:auto;
    min-width:0;
    height:var(--kk-mc-height) !important;
    min-height:var(--kk-mc-height) !important;
    max-height:var(--kk-mc-height);
    padding:6px var(--kk-mc-padding-x) !important;
    font-size:var(--kk-mc-font) !important;
    line-height:var(--kk-mc-line) !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
  }
#app .complaints-screen :is(.complaints-inline-filters,.complaints-kpi-strip),
  #app .appusers-screen :is(.appusers-inline-search,.appusers-inline-depts,.appusers-bottom-actions),
  #app .supplies-screen :is(.supplies-tabbar,.supplies-items-commandcard),
  #app .employee-memo-screen > :is(header,div,button,input) {
    margin-bottom:8px !important;
  }
#app :is(
    #swipe-live-photosheets,
    .staff-screen,
    .staff365-admin-screen,
    .complexes-screen,
    .payroll-screen,
    .complaints-screen,
    .appusers-screen,
    .training-screen,
    .supplies-screen,
    .tree-screen,
    .settings-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .ann-hub-screen--admin-mobile-compact,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .bid-v2-root
  ) :is(
    button.btn-add-gradient,
    button.login-btn,
    button.a-compact-primary,
    button.kk-ui-btn--primary,
    button.kk-btn-pc.primary,
    button[class~="bg-blue-600"]
  ):not(.kk-ui-chip):not(.kk-pill):not(.badge):not(.sch-tab):not(.payroll-mode-tab):not(.kk-staff-dept-choice):not(.bid-v4-chip):not(.w-8):not([style*="position:absolute"]):not(.kk-pin-key):not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:56px !important;
    min-height:32px !important;
    height:32px !important;
    max-height:32px !important;
    padding:0 12px !important;
    border-radius:8px !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:16px !important;
    letter-spacing:0 !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
  }
}
@keyframes kkBreathe {
    0%, 100% { transform:scale(1); }
    50%      { transform:scale(1.16); }
  }
@keyframes kkDashFadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }