@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=PT+Mono&family=IBM+Plex+Mono:wght@400&display=swap";:root{--ds-primary: #C4F1FD;--ds-primary-text: #105870;--ds-primary-dark: #17599A;--ds-primary-light: #EBFBFF;--ds-bg-main: #F3F4F5;--ds-bg-card: #FFFFFF;--ds-text-main: #191A1D;--ds-text-secondary: #495057;--ds-text-muted: #7A7D84;--ds-border-default: #E2E5EA;--ds-border-subtle: #F1F3F5;--ds-success: #0CA678;--ds-success-bg: #E6FCF5;--ds-error: #E03131;--ds-error-bg: #FFF5F5;--ds-warning: #F59F00;--ds-warning-bg: #FFF9DB;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-table-row-h-compact: 40px;--ds-table-row-h-std: 52px;--ds-table-row-h-lg: 64px;--ds-table-cell-px: 16px;--ds-table-cell-py: 12px;--ds-page-header-h: 64px;--ds-page-header-px: 24px;--ds-page-title-size: 18px;--ds-page-title-lh: 23.9px;--ds-widget-header-px: 16px;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-table-font-main: 14px;--ds-table-font-sub: 12px;--ds-table-weight-main: 500;--ds-table-weight-sub: 400;--ds-table-line-height: 1.43;--font-family: "Inter", system-ui, -apple-system, sans-serif;--primary: var(--ds-primary);--primary-text: var(--ds-primary-text);--primary-dark: var(--ds-primary-dark);--bg-main: var(--ds-bg-main);--bg-card: var(--ds-bg-card);--text-main: var(--ds-text-main);--text-secondary: var(--ds-text-secondary);--text-muted: var(--ds-text-muted);--border-subtle: var(--ds-border-default);--border-card: var(--ds-border-default);--input-bg: var(--ds-border-subtle)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;border-radius:6px;transition:all .2s ease}#root{min-height:100vh;display:flex;flex-direction:column}.header{height:56px;background:#fff;box-shadow:0 1px 4px #00000029,0 0 2px #0000000a;display:flex;align-items:center;padding:0 12px;position:sticky;top:0;z-index:1000;justify-content:space-between}.logo img,.logo-container img{height:32px;width:auto}.logo-container{flex:0 0 auto}.main-header{background:#fff;border-bottom:1px solid var(--ds-border-default);height:var(--ds-page-header-h);padding:0 var(--ds-page-header-px);position:relative;z-index:1000;display:flex;align-items:center;width:100%}.header-inner{padding:0 40px;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.header-logo{height:32px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:16px;flex:0 0 auto}.manager-btn{border-color:#e2e5ea;color:#7a7d84}.user-avatar{width:32px;height:32px;background-color:#17599a;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.avatar-icon{font-size:18px}.help-icon{width:32px;height:32px;background-color:var(--primary-dark);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user-profile-menu{display:flex;align-items:center;gap:8px}.user-name{font-size:14px;font-weight:500;color:var(--ds-text-main)}.user-welcome-nav{font-size:14px;color:var(--ds-text-main);margin-right:8px}.user-welcome-nav span{font-weight:600;color:var(--ds-primary-dark)}.auth-loading-state,.auth-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center;animation:fadeIn .3s ease-out}.auth-loading-state p,.auth-success-state p{margin-top:16px;color:var(--ds-text-secondary);font-size:14px}.auth-success-state h2{margin-top:24px;font-size:20px;font-weight:600;color:var(--ds-text-main)}.spinner{width:48px;height:48px;border:3px solid var(--ds-bg-main);border-top:3px solid var(--ds-primary-dark);border-radius:50%;animation:spin 1s linear infinite}.success-icon-container{display:flex;align-items:center;justify-content:center;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.success-icon-container img{width:48px;height:48px}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:#fff;border:1px solid var(--ds-border-default);border-radius:6px;font-size:14px;font-weight:500;color:var(--ds-text-main);cursor:pointer;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.modal-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content.sign-in-modal{background:#fff;padding:32px;border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);width:360px;max-width:90%;position:relative}:root{--font-mono-headline: "PT Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono-body: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}.typo-headline-1{font:600 32px/40px var(--font-family);letter-spacing:-.015em}.typo-headline-2{font:600 24px/32px var(--font-family);letter-spacing:-.01em}.typo-headline-2-mono{font:400 24px/32px var(--font-mono-headline);letter-spacing:-.01em}.typo-headline-3{font:600 20px/28px var(--font-family);letter-spacing:-.01em}.typo-headline-4{font:600 18px/24px var(--font-family);letter-spacing:.0125em}.typo-headline-5{font:500 18px/24px var(--font-family)}.typo-headline-6{font:550 16px/22px var(--font-family)}.typo-headline-7{font:450 16px/22px var(--font-family)}.typo-headline-6-mono{font:400 16px/22px var(--font-mono-headline);letter-spacing:.02em}.typo-body-regular{font:400 14px/20px var(--font-family)}.typo-body-medium{font:500 14px/20px var(--font-family)}.typo-body-semibold{font:600 14px/20px var(--font-family)}.typo-body-mono{font:400 14px/20px var(--font-mono-body)}.typo-body-link{font:500 14px/20px var(--font-family)}.typo-body-link-underline{font:500 14px/20px var(--font-family);text-decoration:underline}.typo-label-regular{font:450 14px/18px var(--font-family)}.typo-label-medium{font:550 14px/18px var(--font-family)}.typo-label-link{font:500 14px/18px var(--font-family)}.typo-label-link-underline{font:500 14px/18px var(--font-family);text-decoration:underline}.typo-label-small{font:500 12px/16px var(--font-family);letter-spacing:.005em}.typo-caption-regular{font:400 12px/16px var(--font-family);letter-spacing:.005em}.typo-caption-medium{font:500 12px/16px var(--font-family);letter-spacing:.005em}.typo-caption-semibold{font:600 12px/16px var(--font-family);letter-spacing:.01em}.typo-badge-semibold{font:600 11px/16px var(--font-family);letter-spacing:.02em;text-transform:uppercase}.typo-badge-medium{font:500 11px/16px var(--font-family);letter-spacing:.02em;text-transform:uppercase}.typo-badge-tiny{font:550 9px/14px var(--font-family);letter-spacing:.04em;text-transform:uppercase}:root{--color-grey-50: #f7f7f8;--color-grey-100: #eceff3;--color-grey-200: #d7dae0;--color-grey-300: #c3c7cc;--color-grey-400: #adb0b5;--color-grey-500: #96999d;--color-grey-600: #787b7e;--color-grey-700: #505254;--color-grey-800: #37383a;--color-grey-900: #1c1d1e;--color-blue-50: #f1f6fe;--color-blue-100: #ddedfd;--color-blue-200: #bfdbf8;--color-blue-300: #a0c7ee;--color-blue-400: #7aafe6;--color-blue-500: #5091d3;--color-blue-600: #256bb1;--color-blue-700: #164c83;--color-blue-800: #0f3358;--color-blue-900: #0a2139;--color-cyan-50: #e2f8fe;--color-cyan-100: #c4f1fd;--color-cyan-200: #9ce5f7;--color-cyan-300: #6ad7f2;--color-cyan-400: #45c6e7;--color-cyan-500: #1dafd7;--color-cyan-600: #1394b4;--color-cyan-700: #117897;--color-cyan-800: #105870;--color-cyan-900: #0a3f52;--color-green-50: #eafaed;--color-green-100: #d1f5d7;--color-green-200: #b0eebc;--color-green-300: #86ea95;--color-green-400: #50d774;--color-green-500: #40bf5e;--color-green-600: #319b4b;--color-green-700: #227739;--color-green-800: #18582d;--color-green-900: #0e2f18;--color-purple-50: #f7f1fd;--color-purple-100: #eee3fc;--color-purple-200: #dfcdf9;--color-purple-300: #c4afe4;--color-purple-500: #8e6dc0;--color-purple-600: #7250a5;--color-purple-700: #5a4082;--color-purple-800: #473267;--color-purple-900: #322546;--color-yellow-50: #fff6d2;--color-yellow-100: #fdedb0;--color-yellow-200: #fbe08d;--color-yellow-300: #f9cf53;--color-yellow-400: #f4be2a;--color-yellow-500: #e5a906;--color-yellow-600: #cd8d04;--color-yellow-700: #b27a00;--color-yellow-800: #966303;--color-yellow-900: #774903;--color-orange-50: #fff3e5;--color-orange-100: #ffe0bd;--color-orange-200: #fed095;--color-orange-300: #fbba6f;--color-orange-400: #f6a34c;--color-orange-500: #f18c27;--color-orange-600: #d36a0d;--color-orange-700: #b1510b;--color-orange-800: #903f09;--color-orange-900: #712c0a;--color-red-50: #fff0f1;--color-red-100: #fde2e2;--color-red-200: #fecdcd;--color-red-300: #fbadad;--color-red-400: #f68e8e;--color-red-500: #ed5a5a;--color-red-600: #cd3232;--color-red-700: #921f1c;--color-red-800: #601715;--color-red-900: #380c0b;--color-white: #ffffff;--color-overlay-black-8: #00000014;--color-overlay-black-16: #00000029;--color-overlay-black-28: #00000047;--color-overlay-black-48: #0000007a;--color-overlay-black-64: #000000a3;--color-overlay-black-80: #000000cc;--color-overlay-white-8: #ffffff14;--color-overlay-white-16: #ffffff29;--color-overlay-white-28: #ffffff47;--color-overlay-white-48: #ffffff7a;--color-overlay-white-64: #ffffffa3;--color-overlay-white-80: #ffffffcc;--color-overlay-cyan-8: #1dafd714;--color-overlay-cyan-16: #1dafd729;--color-overlay-cyan-28: #1dafd747;--color-overlay-cyan-48: #1dafd77a;--color-overlay-cyan-64: #1dafd7a3;--color-overlay-cyan-80: #1dafd7cc;--color-overlay-red-8: #f2303014;--color-overlay-red-16: #f2303029;--color-overlay-red-28: #f2303047;--color-overlay-red-48: #f230307a;--color-overlay-red-64: #f23030a3;--color-overlay-red-80: #f23030cc;--color-overlay-orange-8: #f18c2714;--color-overlay-orange-16: #f18c2729;--color-overlay-orange-28: #f18c2747;--color-overlay-orange-48: #f18c277a;--color-overlay-orange-64: #f18c27a3;--color-overlay-orange-80: #f18c27cc;--color-text-primary: var(--color-grey-900);--color-text-secondary: var(--color-grey-600);--color-text-muted: var(--color-grey-700);--color-text-tertiary: var(--color-grey-400);--color-text-on-accent: var(--color-white);--color-text-link: var(--color-cyan-800);--color-text-link-subtle: var(--color-cyan-400);--color-text-danger: var(--color-red-700);--color-text-danger-subtle: var(--color-red-600);--color-text-warning: var(--color-orange-700);--color-text-warning-subtle: var(--color-orange-600);--color-icon-primary: var(--color-grey-800);--color-icon-muted: var(--color-grey-600);--color-icon-secondary: var(--color-grey-500);--color-icon-tertiary: var(--color-grey-300);--color-icon-accent: var(--color-cyan-800);--color-icon-accent-subtle: var(--color-cyan-600);--color-icon-positive: var(--color-green-500);--color-icon-danger: var(--color-red-600);--color-icon-danger-subtle: var(--color-red-500);--color-icon-on-accent: var(--color-white);--color-bg-primary: var(--color-white);--color-input-bg-subtle: var(--color-white);--color-input-bg-default: var(--color-grey-50);--color-input-bg-focus: var(--color-white);--color-input-bg-selected: var(--color-cyan-50);--color-icon-container-bg: var(--color-overlay-black-8);--color-list-item-bg: var(--color-white);--color-list-item-bg-hover: var(--color-grey-50);--color-list-item-bg-danger-hover: var(--color-red-50);--color-border-subtle: var(--color-grey-200);--color-border-default: var(--color-grey-300);--color-border-focus: var(--color-grey-500);--color-border-warning: var(--color-red-500);--color-border-selected: var(--color-overlay-cyan-48);--color-control-default: var(--color-grey-300);--color-control-checked: var(--color-cyan-600);--color-control-disabled: var(--color-grey-50);--color-control-border: var(--color-overlay-black-8);--color-control-indicator: var(--color-white);--color-status-overdue-text: var(--color-red-700);--color-status-overdue-icon: var(--color-red-500);--color-status-overdue-bg: var(--color-red-100);--color-status-approval-text: var(--color-orange-800);--color-status-approval-icon: var(--color-orange-500);--color-status-approval-bg: var(--color-orange-100);--color-status-progress-text: var(--color-blue-800);--color-status-progress-icon: var(--color-blue-500);--color-status-progress-bg: var(--color-blue-100);--color-status-new-text: var(--color-purple-800);--color-status-new-icon: var(--color-purple-500);--color-status-new-bg: var(--color-purple-100);--color-status-complete-text: var(--color-green-800);--color-status-complete-icon: var(--color-green-500);--color-status-complete-bg: var(--color-green-100);--color-status-canceled-text: var(--color-grey-800);--color-status-canceled-icon: var(--color-grey-500);--color-status-canceled-bg: var(--color-grey-100);--color-badge-danger-text: var(--color-red-600);--color-badge-danger-border: var(--color-overlay-red-16);--color-badge-neutral-text: var(--color-grey-600);--color-badge-neutral-border: var(--color-overlay-black-16);--color-badge-accent-text: var(--color-cyan-600);--color-badge-accent-border: var(--color-overlay-cyan-48);--color-badge-filled-bg: var(--color-grey-600);--color-badge-filled-text: var(--color-white);--color-badge-warning-border: var(--color-overlay-orange-48);--color-btn-primary-default: var(--color-cyan-100);--color-btn-primary-default-hover: var(--color-cyan-200);--color-btn-primary-default-pressed: var(--color-cyan-300);--color-btn-primary-neutral: var(--color-grey-900);--color-btn-primary-neutral-hover: var(--color-grey-800);--color-btn-primary-neutral-pressed: var(--color-grey-700);--color-btn-primary-danger: var(--color-red-600);--color-btn-primary-danger-hover: var(--color-red-700);--color-btn-primary-danger-pressed: var(--color-red-800);--color-btn-primary-disabled: var(--color-grey-100);--color-btn-close: var(--color-grey-50);--color-btn-close-hover: var(--color-grey-100);--color-btn-close-pressed: var(--color-grey-200);--color-btn-secondary-default-border: var(--color-overlay-cyan-48);--color-btn-secondary-default-hover: var(--color-overlay-cyan-16);--color-btn-secondary-default-pressed: var(--color-overlay-cyan-28);--color-btn-secondary-neutral-border: var(--color-overlay-black-16);--color-btn-secondary-neutral-hover: var(--color-overlay-black-8);--color-btn-secondary-neutral-pressed: var(--color-overlay-black-16);--color-btn-secondary-danger-border: var(--color-overlay-red-28);--color-btn-secondary-danger-hover: var(--color-overlay-red-16);--color-btn-secondary-danger-pressed: var(--color-overlay-red-28);--color-btn-secondary-disabled-border: var(--color-overlay-black-16);--color-btn-tertiary-default-hover: var(--color-overlay-cyan-16);--color-btn-tertiary-default-pressed: var(--color-overlay-cyan-28);--color-btn-tertiary-neutral-hover: var(--color-overlay-black-8);--color-btn-tertiary-neutral-pressed: var(--color-overlay-black-16);--color-btn-tertiary-danger-hover: var(--color-overlay-red-16);--color-btn-tertiary-danger-pressed: var(--color-overlay-red-28);--color-btn-inverted-primary: var(--color-white);--color-btn-inverted-primary-hover: var(--color-overlay-white-80);--color-btn-inverted-primary-pressed: var(--color-overlay-white-64);--color-btn-inverted-primary-disabled: var(--color-overlay-white-28);--color-btn-inverted-secondary-border: var(--color-overlay-white-28);--color-btn-inverted-secondary-hover: var(--color-overlay-white-16);--color-btn-inverted-secondary-pressed: var(--color-overlay-white-28);--color-btn-inverted-secondary-disabled-border: var(--color-overlay-white-28);--color-btn-inverted-tertiary-hover: var(--color-overlay-white-16);--color-btn-inverted-tertiary-pressed: var(--color-overlay-white-28)}