.kk-bento-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--sp-4); }
  .kk-bento-tile{ background:var(--c-surface); border:1px solid var(--c-border); border-radius:var(--r-lg); padding:var(--sp-4); }
  .kk-bento-span2{ grid-column:span 2; }
  .kk-bento-span4{ grid-column:span 4; }
  .kk-bento-tile-btn{ cursor:pointer; text-align:left; width:100%; }
  .kk-bento-tile-btn:hover{ border-color:var(--c-primary); }
  .kk-bento-label{ font-size:var(--fs-xs); font-weight:700; color:var(--c-text-2); text-transform:uppercase; letter-spacing:.03em; margin-bottom:6px; }
  .kk-bento-value{ font-size:var(--fs-2xl); font-weight:800; color:var(--c-text); font-variant-numeric:tabular-nums; }
  .kk-bento-value .unit{ font-size:var(--fs-sm); font-weight:500; color:var(--c-text-3); margin-left:2px; }
  .kk-bento-sub{ font-size:var(--fs-xs); color:var(--c-text-2); margin-top:4px; }
  .kk-bento-feed{ padding:0; overflow:hidden; }
  .kk-bento-feed-head{ display:flex; align-items:center; justify-content:space-between; padding:var(--sp-3) var(--sp-4); border-bottom:1px solid var(--c-border-soft); }
  .kk-bento-feed-title{ font-size:var(--fs-sm); font-weight:700; color:var(--c-text); }
  .kk-bento-feed-body{ max-height:280px; overflow-y:auto; }
  .kk-bento-feed-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px var(--sp-4); border-bottom:1px solid var(--c-border-soft); font-size:var(--fs-sm); }
  .kk-bento-feed-row:last-child{ border-bottom:none; }
  .kk-bento-feed-avatar{ width:22px; height:22px; border-radius:var(--r-full); background:var(--c-primary-bg); color:var(--c-primary); font-size:10.5px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .kk-bento-feed-empty{ padding:var(--sp-5); text-align:center; color:var(--c-text-2); font-size:var(--fs-sm); }
  body.theme-dark .kk-bento-tile{ background:#1e293b; border-color:#334155; }
  body.theme-dark .kk-bento-tile-btn:hover{ border-color:#3b82f6; }
  body.theme-dark .kk-bento-label{ color:#94a3b8; }
  body.theme-dark .kk-bento-value{ color:#f1f5f9; }
  body.theme-dark .kk-bento-value .unit{ color:#64748b; }
  body.theme-dark .kk-bento-sub{ color:#94a3b8; }
  body.theme-dark .kk-bento-feed-head{ border-bottom-color:#334155; }
  body.theme-dark .kk-bento-feed-title{ color:#f1f5f9; }
  body.theme-dark .kk-bento-feed-row{ border-bottom-color:#334155; }
  body.theme-dark .kk-bento-feed-avatar{ background:rgba(37,99,235,.18); color:#60a5fa; }
  body.theme-dark .kk-bento-feed-empty{ color:#94a3b8; }

   





  .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-kpi:hover{ border-color:var(--kk-navy2,#16537e); }
  .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:hover{ background:#eff6ff; border-color:#93b4d4; }
  .kk-cc-bid-refresh:disabled{ cursor:wait; opacity:.62; }
  .kk-cc-bid-refresh svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .kk-cc-bid-refresh svg.is-spinning{ animation:kkCcBidRefreshSpin .8s linear infinite; }
  .kk-cc-bid-refresh-message{ max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10.5px; font-weight:600; color:#475569; }
  @keyframes kkCcBidRefreshSpin{ to{ transform:rotate(360deg); } }
  .kk-cc-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; font-size:13px; color:#1c2430; border-bottom:1px solid #eef1f6; }
  .kk-cc-row:last-child{ border-bottom:none; }
  .kk-cc-row .t{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .kk-cc-row .t b{ font-weight:700; }
  .kk-cc-pill{ font-size:10px; font-weight:700; padding:2px 9px; border-radius:99px; flex-shrink:0; }
  .kk-cc-pill.st-run{ background:#dcfce7; color:#15803d; }
  .kk-cc-pill.st-plan{ background:#dbeafe; color:#1d4ed8; }
  .kk-cc-pill.st-done{ background:#e2e8f0; color:#475569; }
  .kk-cc-pill.st-short{ background:#ffe4e6; color:#be123c; }
  .kk-cc-empty{ font-size:12px; color:#94a3b8; padding:10px 0; }
  .kk-cc-feed-item{ padding:8px 0; border-bottom:1px solid #eef1f6; }
  .kk-cc-feed-item:last-child{ border-bottom:none; }
  .kk-cc-feed-cat{ font-size:11.5px; font-weight:800; display:flex; align-items:center; gap:6px; }
  .kk-cc-feed-cat::before{ content:""; width:8px; height:8px; border-radius:99px; background:currentColor; }
  .kk-cc-feed-cat.k-민원{ color:#be123c; } .kk-cc-feed-cat.k-결재{ color:#b45309; } .kk-cc-feed-cat.k-일정{ color:#1d4ed8; }
  .kk-cc-feed-txt{ font-size:12px; color:#475569; margin-top:2px; }
  .kk-cc-memo{ width:100%; min-height:88px; resize:vertical; border:1px solid #e2e8f0; border-radius:10px; padding:9px 11px; font-size:12.5px; color:#1c2430; background:#fff; font-family:inherit; }
  .kk-cc-memo-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; }
  .kk-cc-memo-info{ font-size:10.5px; color:#94a3b8; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
   







  .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-editing{ background:#fff; border-color:#0f3460; box-shadow:0 0 0 1px rgba(15,52,96,.08), 0 8px 22px -12px rgba(15,52,96,.3); }
  .kk-cc-memobar.is-empty{ padding:0; background:none; border:1px dashed #cbd5e1; box-shadow:none; }
  .kk-cc-memobar-ic{ width:36px; height:36px; border-radius:10px; background:#f5c518; color:#3f2d02; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
  .kk-cc-memobar.is-editing .kk-cc-memobar-ic{ background:#0f3460; color:#fff; }
  .kk-cc-memobar-main{ flex:1; min-width:0; }
  .kk-cc-memobar-title{ display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; color:#8a6508; letter-spacing:.03em; margin-bottom:5px; }
  .kk-cc-memobar.is-editing .kk-cc-memobar-title{ color:#0f3460; }
  .kk-cc-memobar-text{ font-size:14px; line-height:1.6; font-weight:600; color:#2a2103; white-space:pre-line; word-break:break-word; }
  .kk-cc-memobar-meta{ font-size:10.5px; color:#96793a; margin-top:7px; }
  .kk-cc-memobar.is-editing .kk-cc-memobar-meta{ color:#94a3b8; }
  .kk-cc-memobar-warn{ font-size:11px; font-weight:700; color:#b45309; margin-top:7px; }
  .kk-cc-memobar-act{ display:flex; align-items:center; gap:7px; flex-shrink:0; }
  .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-memobar-add:hover{ background:#f8fafc; color:#0f3460; }
  .kk-cc-memobar .kk-cc-memo:focus,.kk-cc-memodate:focus{ outline:none; border-color:#0f3460; box-shadow:0 0 0 3px rgba(15,52,96,.14); }
  .kk-cc-memobar-when{ display:flex; align-items:center; gap:8px; margin-bottom:7px; }
  .kk-cc-memobar-when label{ font-size:11px; font-weight:700; color:#64748b; }
  .kk-cc-memodate{ border:1px solid #cbd5e1; border-radius:8px; padding:4px 8px; font-size:12px; color:#1c2430; background:#fff; font-family:inherit; }
  .kk-cc-memobar-whenlbl{ font-size:11px; font-weight:800; color:#0f3460; background:#eef2f7; border:1px solid #c9d6e4; border-radius:99px; padding:2px 9px; }
   
  .kk-cc-memoplan{ margin:-6px 0 14px; }
  .kk-cc-memoplan-row{ display:flex; align-items:center; gap:10px; padding:6px 10px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; margin-bottom:6px; font-size:12px; }
  .kk-cc-memoplan-when{ font-weight:800; color:#0f3460; flex-shrink:0; }
  .kk-cc-memoplan-text{ flex:1; min-width:0; color:#475569; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .kk-cc-memoplan-by{ font-size:10.5px; color:#94a3b8; flex-shrink:0; }
  .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-memoplan-edit:hover,.kk-cc-memopast-toggle:hover,.kk-cc-memoplan-add:hover{ background:#eef2f7; color:#0f3460; }
  .kk-cc-memopast{ margin:-6px 0 14px; }
  .kk-cc-memopast-list{ border:1px solid #e2e8f0; border-radius:10px; background:#fff; padding:4px 10px; max-height:260px; overflow-y:auto; }
  .kk-cc-memopast-row{ display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid #eef1f6; font-size:12px; }
  .kk-cc-memopast-row:last-child{ border-bottom:none; }
  .kk-cc-memopast-date{ font-weight:700; color:#0f3460; flex-shrink:0; font-variant-numeric:tabular-nums; }
  .kk-cc-memopast-text{ flex:1; min-width:0; color:#475569; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .kk-cc-memopast-by{ font-size:10.5px; color:#94a3b8; 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; }
   




   

   




  @keyframes kkSkeletonPulse { 0%,100% { opacity:1; } 50% { opacity:.5; } }
  .kk-skel { background:#e2e8f0; border-radius:8px; animation:kkSkeletonPulse 1.3s ease-in-out infinite; }
  @keyframes kkDashFadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(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-dash-grid > :not([hidden]) ~ :not([hidden]) { margin-top:0 !important; }
    .kk-w-s { grid-column:span 3; }
    .kk-w-m { grid-column:span 4; }
    .kk-w-l { grid-column:span 6; }
    .kk-w-xl { grid-column:span 12; }
    .kk-dash-kpi-wrap { display:contents; }
    .kk-dash-o0 { order:0; } .kk-dash-o1 { order:1; } .kk-dash-o2 { order:2; }
    .kk-dash-o3 { order:3; } .kk-dash-o4 { order:4; } .kk-dash-o5 { order:5; }
    .kk-dash-o6 { order:6; }
  }
  @media(min-width:1920px){ .kk-dash-grid { grid-template-columns:repeat(16,minmax(0,1fr)); } }

   



  .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-list{ padding:0 16px; }
  .kk-mobile-bid-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px 0; border:0; border-bottom:1px solid #eef1f6; background:none; text-align:left; cursor:pointer; }
  .kk-mobile-bid-row:last-child{ border-bottom:0; }
  .kk-mobile-bid-copy{ min-width:0; flex:1; }
  .kk-mobile-bid-copy strong,.kk-mobile-bid-copy small{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .kk-mobile-bid-copy strong{ color:#1e293b; font-size:12.5px; font-weight:650; }
  .kk-mobile-bid-copy small{ margin-top:2px; color:#64748b; font-size:10.5px; }
  .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);
    }
  }