:root{--color-primary:#484f7f;--color-primary-strong:#46558c;--color-primary-deep:#394679;--color-primary-ink:#2f3a64;--color-primary-hover:#3d497c;--color-primary-pressed:#333d67;--color-primary-soft:#eef1f8;--color-primary-soft-2:#e6ebf6;--color-primary-soft-3:#d4ddef;--color-primary-ring:rgba(67,81,135,.22);--color-accent:#89cfeb;--color-accent-strong:#74c5e6;--color-accent-deep:#5ab8df;--color-accent-soft:#edf8fc;--color-accent-soft-2:#e1f2fa;--color-accent-soft-3:#cce8f5;--color-accent-ring:rgba(137,207,235,.32);--color-text-main:#23262f;--color-text-strong:#171a22;--color-text-title:#33416d;--color-text-sub:#667085;--color-text-muted:#9199aa;--color-text-disabled:#bdc4d1;--color-text-white:#fff;--color-text-on-accent:#2f5366;--color-bg-page:#f5f7fb;--color-bg-surface:#fff;--color-bg-surface-2:#fafbfd;--color-bg-muted:#f1f4f8;--color-bg-soft:#edf1f6;--color-bg-highlight:#f3f6fc;--color-bg-selected:#edf7fb;--color-bg-disabled:#f3f5f7;--color-bg-overlay:rgba(15,19,33,.44);--color-bg-bottom-nav:hsla(0,0%,100%,.98);--color-bg-header:hsla(0,0%,100%,.96);--color-bg-coachmark:#fff;--color-bg-coachmark-icon:#edf2fb;--color-border:#e3e8f0;--color-border-strong:#d3dae5;--color-border-soft:#edf1f6;--color-divider:#edf1f5;--color-separator:#d8dee8;--form-surface:#fff;--form-surface-soft:#fafbfd;--form-surface-selected:#edf7fb;--form-border:#d3dae5;--form-border-focus:#89cfeb;--form-icon:#667085;--form-icon-strong:#46558c;--form-placeholder:#9199aa;--form-select-text:#46558c;--form-select-option-text:#23262f;--form-dashed-border:#d3dae5;--form-focus-border:var(--form-border-focus);--form-focus-ring:var(--color-accent-ring);--role-worker-focus-ring:rgba(70,85,140,.24);--role-site-manager-focus-ring:rgba(36,180,126,.22);--role-partner-focus-ring:rgba(217,119,6,.22);--role-admin-focus-ring:rgba(124,58,237,.22);--color-success:#2f9a72;--color-warning:#cb8b2d;--color-danger:#dd6363;--color-danger-ring:rgba(221,99,99,.22);--color-info:#4a91ea;--font-family-base:"Pretendard","Pretendard Variable","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-family-number:"Pretendard","SF Pro Display","Segoe UI",sans-serif;--font-size-display:28px;--font-size-h1:24px;--font-size-h2:20px;--font-size-h3:18px;--font-size-title:17px;--font-size-body:16px;--font-size-sub:15px;--font-size-label:14px;--font-size-caption:12px;--font-size-micro:11px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-dense:1.2;--line-height-tight:1.35;--line-height-base:1.5;--line-height-relaxed:1.6;--letter-spacing-display:-0.045em;--letter-spacing-title:-0.03em;--letter-spacing-tight:-0.02em;--letter-spacing-normal:-0.015em;--letter-spacing-loose:-0.005em;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:999px;--radius-sheet:28px;--shadow-xs:0 1px 2px rgba(17,24,39,.04);--shadow-sm:0 6px 16px rgba(17,24,39,.06);--shadow-md:0 12px 28px rgba(17,24,39,.1);--shadow-lg:0 18px 40px rgba(17,24,39,.14);--shadow-sheet:0 -14px 32px rgba(17,24,39,.14);--shadow-coachmark:0 8px 22px rgba(17,24,39,.12);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--page-max-width:1180px;--header-height:56px;--bottom-nav-height:68px;--search-height:46px;--tool-btn-height:44px;--select-box-height:76px;--button-height-sm:38px;--button-height-md:44px;--button-height-lg:52px;--icon-touch-size:40px;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:18px;--icon-size-lg:20px;--icon-size-xl:22px;--icon-size-2xl:24px;--toolbar-gap:10px;--toolbar-action-width:108px;--calendar-month-size:22px;--calendar-weekday-size:13px;--calendar-day-size:17px;--calendar-meta-size:10px;--calendar-cell-height:64px;--calendar-gap:2px;--sheet-handle-width:44px;--sheet-handle-height:5px;--sheet-footer-height:82px;--disabled-opacity:0.38;--readonly-opacity:0.78;--transition-fast:140ms ease;--transition-base:220ms ease;--transition-slow:320ms ease;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--color-navy:var(--color-primary-strong);--color-navy-hover:var(--color-primary-hover);--color-navy-light:#5a6aa8;--color-accent-blue:var(--color-accent);--color-accent-light:var(--color-accent-soft);--color-text:var(--color-text-main);--color-text-secondary:var(--color-text-sub);--color-text-tertiary:var(--color-text-muted);--color-text-inverse:var(--color-text-white);--color-bg:var(--color-bg-page);--color-surface:var(--color-bg-surface);--color-border-dark:var(--color-border-strong);--sidebar-bg:var(--color-primary-ink);--sidebar-width:260px;--sidebar-collapsed-width:72px;--text-display:var(--font-size-h1);--text-display-lh:var(--line-height-tight);--text-display-ls:var(--letter-spacing-tight);--text-title:var(--font-size-h2);--text-title-lh:var(--line-height-tight);--text-title-ls:var(--letter-spacing-tight);--text-subtitle:var(--font-size-h3);--text-subtitle-lh:var(--line-height-base);--text-subtitle-ls:var(--letter-spacing-normal);--text-body:var(--font-size-body);--text-body-lh:var(--line-height-base);--text-body-ls:var(--letter-spacing-normal);--text-body-sm:var(--font-size-label);--text-body-sm-lh:var(--line-height-base);--text-body-sm-ls:var(--letter-spacing-normal);--text-caption:var(--font-size-caption);--text-caption-lh:1.4;--text-caption-ls:var(--letter-spacing-loose);--stat-orange:#ff8c42;--stat-green:#10b981;--stat-blue:#3b82f6;--stat-purple:#8b5cf6;--role-site-manager-primary:#0b7261;--role-site-manager-primary-soft:#d1f2eb;--role-partner-primary:#0060df;--role-partner-primary-soft:#ebf5ff;--role-worker-primary:#46558c;--role-worker-primary-soft:#eef1f8;--role-admin-primary:#394679;--role-admin-primary-soft:#eceff8;--role-production-manager-primary:#6d5bd0;--role-production-manager-primary-soft:#f1effc}.ui-role-worker{--color-role-primary:var(--role-worker-primary);--color-role-primary-soft:var(--role-worker-primary-soft);--color-role-primary-ring:var(--role-worker-focus-ring);--color-primary-strong:var(--role-worker-primary);--color-primary-soft:var(--role-worker-primary-soft);--color-navy:var(--role-worker-primary);--color-navy-hover:var(--role-worker-primary);--active-role-color:var(--role-worker-primary);--active-role-color-soft:var(--role-worker-primary-soft);--form-focus-border:#46558c;--form-focus-ring:var(--role-worker-focus-ring)}.ui-role-site-manager{--color-role-primary:var(--role-site-manager-primary);--color-role-primary-soft:var(--role-site-manager-primary-soft);--color-role-primary-ring:var(--role-site-manager-focus-ring);--color-primary-strong:var(--role-site-manager-primary);--color-primary-soft:var(--role-site-manager-primary-soft);--color-navy:var(--role-site-manager-primary);--color-navy-hover:var(--role-site-manager-primary);--active-role-color:var(--role-site-manager-primary);--active-role-color-soft:var(--role-site-manager-primary-soft);--form-focus-border:#24b47e;--form-focus-ring:var(--role-site-manager-focus-ring)}.ui-role-partner{--color-role-primary:var(--role-partner-primary);--color-role-primary-soft:var(--role-partner-primary-soft);--color-role-primary-ring:var(--role-partner-focus-ring);--color-primary-strong:var(--role-partner-primary);--color-primary-soft:var(--role-partner-primary-soft);--color-navy:var(--role-partner-primary);--color-navy-hover:var(--role-partner-primary);--active-role-color:var(--role-partner-primary);--active-role-color-soft:var(--role-partner-primary-soft);--form-focus-border:#d97706;--form-focus-ring:var(--role-partner-focus-ring)}.ui-role-admin{--color-role-primary:var(--role-admin-primary);--color-role-primary-soft:var(--role-admin-primary-soft);--color-role-primary-ring:var(--role-admin-focus-ring);--color-primary-strong:var(--role-admin-primary);--color-primary-soft:var(--role-admin-primary-soft);--color-navy:var(--role-admin-primary);--color-navy-hover:var(--role-admin-primary);--active-role-color:var(--role-admin-primary);--active-role-color-soft:var(--role-admin-primary-soft);--form-focus-border:#7c3aed;--form-focus-ring:var(--role-admin-focus-ring)}.ui-role-production-manager{--color-role-primary:var(--role-production-manager-primary);--color-role-primary-soft:var(--role-production-manager-primary-soft);--color-role-primary-ring:rgba(109,91,208,.22);--color-primary-strong:var(--role-production-manager-primary);--color-primary-soft:var(--role-production-manager-primary-soft);--color-navy:var(--role-production-manager-primary);--color-navy-hover:var(--role-production-manager-primary);--active-role-color:var(--role-production-manager-primary);--active-role-color-soft:var(--role-production-manager-primary-soft);--form-focus-border:#6d5bd0;--form-focus-ring:rgba(109,91,208,.22)}.ui-header__title,.ui-tab.is-active{color:var(--color-role-primary)}.ui-btn--primary{background:var(--color-role-primary);border-color:var(--color-role-primary);color:var(--color-text-white)}.ui-tab.is-active{background:var(--color-role-primary-soft);border-color:var(--color-role-primary-soft);color:var(--color-role-primary)}.role-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.5}.role-badge--worker{background:#eff6ff;color:#1d4ed8}.role-badge--partner{background:#f0fdf4;color:#15803d}.role-badge--site_manager{background:#fffbeb;color:#b45309}.role-badge--production_manager{background:#f1effc;color:#6d5bd0}.role-badge--admin{background:#fdf4ff;color:#7e22ce}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-card__value{font-family:var(--font-family-number);font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-primary-strong)}.stat-card__label{font-size:var(--font-size-label);color:var(--color-text-sub);margin-top:4px}