.tt-page-title{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#1f2937}.tt-page-subtitle{margin:8px 0 0;font-size:14px;line-height:1.5;color:#6b7280}.tt-card-title{margin:0;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:#1f2937}.tt-card-subtitle{margin:4px 0 0;font-size:13px;line-height:1.45;color:#6b7280}.tt-label{font-size:13px;font-weight:600;color:#1f2937}.tt-meta-text{font-size:13px;line-height:1.45;color:#6b7280}.tt-helper-text,.tt-support-text{font-size:12px;line-height:1.4;color:#6b7280}.tt-error-text{font-size:12px;line-height:1.4;color:#d32f2f}.tt-metric-value{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.03em;color:#1f2937}.tt-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-text-clamp-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tt-text-clamp-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tt-data-table-wrap{overflow:auto;border-radius:16px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tt-data-table-wrap::-webkit-scrollbar{width:10px;height:10px}.tt-data-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box}.tt-data-table-wrap::-webkit-scrollbar-track{background:transparent}.tt-data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0f172a0f}.tt-data-table th,.tt-data-table td{padding:12px 16px;vertical-align:middle;font-size:14px}.tt-data-table th{background:#f1f5f9;color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid #e5e7eb}.tt-data-table td{color:#1f2937;border-bottom:1px solid rgba(229,231,235,.7)}.tt-data-table tbody tr{transition:background-color .16s ease}.tt-data-table tbody tr:hover{background:#f8fafc}.tt-data-table tbody tr:last-child td{border-bottom:0}.tt-data-table--compact th,.tt-data-table--compact td{padding:8px 12px}.tt-data-table--striped tbody tr:nth-child(2n){background:#f8fafc}.tt-data-table--clickable tbody tr{cursor:pointer}.tt-cell-number{text-align:right;font-variant-numeric:tabular-nums}.tt-cell-center{text-align:center}.tt-cell-status{text-align:center;white-space:nowrap}.tt-table-empty{padding:24px;text-align:center;color:#6b7280}.tt-btn{height:42px;min-height:42px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#1f2937;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;padding:0 16px;box-shadow:0 2px 10px #0f172a0f;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;text-decoration:none}.tt-btn:hover{border-color:#d7dae0}.tt-btn:focus,.tt-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238;border-color:#2585e5}.tt-btn:disabled{background:#f1f5f9;color:#7f8694;cursor:not-allowed;box-shadow:none}.tt-btn--primary{background:#1976d2;color:#fff;border-color:#1976d2}.tt-btn--primary:hover{background:#176ec4;border-color:#176ec4}.tt-btn--secondary{background:#fff;color:#1f2937;border-color:#e5e7eb}.tt-btn--secondary:hover{background:#f7f7f7;border-color:#dcdfe4}.tt-btn--danger{background:#d32f2f;color:#fff;border-color:#d32f2f}.tt-btn--danger:hover{background:#c82a2a;border-color:#c82a2a}.tt-input,.tt-select,.tt-textarea{height:42px;min-height:42px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#1f2937;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;padding:0 16px;box-shadow:0 2px 10px #0f172a0f;transition:all .18s ease;width:100%}.tt-input:hover,.tt-select:hover,.tt-textarea:hover{border-color:#d7dae0}.tt-input:focus,.tt-select:focus,.tt-textarea:focus,.tt-input:focus-visible,.tt-select:focus-visible,.tt-textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238;border-color:#2585e5}.tt-input:disabled,.tt-select:disabled,.tt-textarea:disabled{background:#f1f5f9;color:#7f8694;cursor:not-allowed;box-shadow:none}.tt-textarea{min-height:96px;padding:12px 16px;resize:vertical}.tt-form-field{display:grid;gap:8px}.tt-form-row{display:grid;gap:16px}.tt-helper{font-size:12px;line-height:1.4;color:#6b7280}.tt-error{font-size:12px;line-height:1.4;color:#d32f2f}.tt-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.tt-filter-chip{height:40px;min-height:40px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;text-decoration:none;min-width:unset;padding:0 14px;border-radius:12px;box-shadow:0 2px 10px #0f172a0f}.tt-filter-chip:hover{border-color:#d7dae0}.tt-filter-chip:focus,.tt-filter-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238;border-color:#2585e5}.tt-filter-chip:disabled{background:#f1f5f9;color:#7f8694;cursor:not-allowed;box-shadow:none}.tt-filter-chip.is-active{background:#eaf3fe;color:#1976d2;border-color:#89bdf1}.tt-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap}.tt-pill--primary{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;background:#eaf3fe;color:#1976d2}.tt-pill--success{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;background:#eaf7ec;color:#2e7d32}.tt-pill--warning{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;background:#fff4e8;color:#ef6c00}.tt-pill--danger{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;background:#fdecec;color:#d32f2f}.tt-pill--neutral{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;background:#f8fafc;color:#6b7280}.tt-pill--holiday{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;background:#f1edff;color:#7b61ff}.tt-status-text{display:inline-flex;align-items:center;gap:8px}.tt-status-text:before{content:"";width:10px;height:10px;border-radius:50%;background:#1976d2;display:inline-block;flex:0 0 auto}.tt-status-text--success:before{background:#2e7d32}.tt-status-text--warning:before{background:#ef6c00}.tt-status-text--danger:before{background:#d32f2f}.tt-status-text--primary:before{background:#1976d2}.tt-status-text--holiday:before{background:#7b61ff}html,body{min-height:100%}body{margin:0;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:#f6f8fb;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:#1976d2;text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.page-container,.tt-page{width:100%;max-width:1480px;margin:0 auto;padding:28px}.tt-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}@media(max-width:960px){.tt-page-header{flex-direction:column}}.tt-page-actions{display:flex;flex-wrap:wrap;gap:12px}.tt-topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding:0 28px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}@media(max-width:960px){.tt-topbar{height:auto;padding:16px;flex-direction:column;align-items:stretch}}.tt-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1f2937}.tt-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#499ae9,#1976d2);color:#fff;font-weight:800;box-shadow:0 2px 10px #0f172a0f}.tt-topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:960px){.tt-topnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tt-topnav::-webkit-scrollbar{width:10px;height:10px}.tt-topnav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box}.tt-topnav::-webkit-scrollbar-track{background:transparent}}.tt-nav-link{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;color:#6b7280;font-size:14px;font-weight:600;transition:all .18s ease}.tt-nav-link:hover{background:#f8fafc;color:#1f2937}.tt-nav-link.is-active{background:#eaf3fe;color:#1976d2}.tt-topbar-actions{display:flex;align-items:center;gap:12px}.tt-icon-btn{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;display:inline-grid;place-items:center;color:#6b7280;cursor:pointer;box-shadow:0 2px 10px #0f172a0f;transition:all .18s ease}.tt-icon-btn:hover{color:#1f2937;background:#f8fafc}.tt-icon-btn:focus,.tt-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238}.tt-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0f172a0f;padding:20px}.tt-card--interactive{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0f172a0f;padding:20px;cursor:pointer;transition:all .18s ease;transition-property:transform,box-shadow,border-color}.tt-card--interactive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.tt-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.tt-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.tt-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:20px}@media(max-width:1280px){.tt-summary-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:720px){.tt-summary-grid{grid-template-columns:1fr}}.tt-two-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}@media(max-width:1280px){.tt-two-panel{grid-template-columns:1fr}}.tt-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0f172a0f;padding:20px;cursor:pointer;transition:all .18s ease;transition-property:transform,box-shadow,border-color;min-height:148px;display:flex;flex-direction:column;justify-content:space-between}.tt-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.tt-kpi-stack{display:grid;gap:12px}.tt-kpi-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.tt-kpi-row .label{color:#6b7280}.tt-kpi-row .value{font-weight:700;color:#1f2937}.tt-progress{width:100%;height:12px;background:#e8eef7;border-radius:999px;overflow:hidden}.tt-progress__bar{display:block;height:10px;border-radius:999px;background:#1976d2;height:100%}.tt-progress--success .tt-progress__bar{background:#2e7d32}.tt-progress--warning .tt-progress__bar{background:#ef6c00}.tt-progress--danger .tt-progress__bar{background:#d32f2f}.tt-list{display:flex;flex-direction:column;gap:12px}.tt-list-item{background:#f8fafc;border:1px solid rgba(229,231,235,.7);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tt-calendar-day{background:#fff;border:1px solid rgba(229,231,235,.7);border-radius:12px;min-height:116px;padding:12px}.tt-calendar-day--weekend{background:#fafbfc}.tt-calendar-day--holiday{background:#f1edff;border-color:#d0c7ff}.tt-calendar-event{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 10px;font-size:12px;line-height:1;font-weight:700;white-space:nowrap;width:100%;justify-content:flex-start;border-radius:10px}.tt-calendar-event--holiday{background:#f1edff;color:#7b61ff}.tt-calendar-event--absence{background:#fdecec;color:#d32f2f}.tt-calendar-event--remote{background:#eaf3fe;color:#1976d2}.tt-calendar-event--meeting{background:#eef6ff;color:#1565c0}.tt-empty-state,.tt-loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0f172a0f;padding:24px;text-align:center;color:#6b7280}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding:0 28px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1f2937;text-decoration:none}.brand:hover{color:#1f2937;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#42a5f5,#1976d2);color:#fff;font-weight:800;font-size:14px;flex:0 0 auto}.topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:900px){.topnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.topnav::-webkit-scrollbar{width:10px;height:10px}.topnav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box}.topnav::-webkit-scrollbar-track{background:transparent}}.nav-link{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;color:#1f2937;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .18s ease}.nav-link:hover{background:#f8fafc;color:#1f2937;text-decoration:none}.nav-link.active{background:#eaf3fe;color:#1976d2}.nav-link:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238}.topbar-right{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;display:inline-grid;place-items:center;color:#6b7280;cursor:pointer;flex:0 0 auto;transition:all .18s ease}.icon-btn:hover{color:#1f2937;background:#f8fafc}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238}.avatar{width:40px;height:40px;border-radius:50%;background:#e3f2fd;color:#1565c0;display:inline-grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto;-webkit-user-select:none;user-select:none}.user-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#1f2937}.user-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease}.logout-btn:hover{color:#1f2937;background:#fff}.logout-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1976d238}.navbar-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:999;background:#1f2937;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:12px;box-shadow:0 8px 24px #0f172a14;pointer-events:none;white-space:nowrap}@media(max-width:900px){.topbar{height:auto;padding:16px;flex-direction:column;align-items:stretch}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}.cdk-overlay-pane.ticket-history-drawer-panel{position:absolute!important;right:0!important;top:0!important;height:100vh!important;max-height:100vh!important;max-width:520px!important}