@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');[theme~=badge]{align-items: center;background-color: var(--chronowork-accent-10);border-radius: var(--vaadin-radius-s);box-sizing: border-box;color: var(--aura-accent-text-color);display: inline-flex;flex-shrink: 0;font-family: var(--vaadin-font-family);font-size: var(--aura-font-size-s);font-weight: 500;justify-content: center;letter-spacing: normal;line-height: 1;min-width: calc(var(--chronowork-line-height-xs)*1em + .45em);padding: .4em calc(.5em + var(--vaadin-radius-s)/4);text-transform: none}[theme~=badge]:before{content: "\2003";display: inline-block;width: 0}[theme~=badge][theme~=small]{font-size: var(--chronowork-font-size-xxs);line-height: 1}[theme~=badge][theme~=success]{background-color: var(--chronowork-success-color-10);color: var(--chronowork-success-text-color)}[theme~=badge][theme~=error]{background-color: var(--chronowork-error-color-10);color: var(--chronowork-error-text-color)}[theme~=badge][theme~=warning]{background-color: var(--chronowork-warning-color-10);color: var(--chronowork-warning-text-color)}[theme~=badge][theme~=contrast]{background-color: var(--chronowork-contrast-5);color: var(--chronowork-contrast-80)}[theme~=badge][theme~=primary]{background-color: var(--aura-accent-color);color: var(--chronowork-accent-contrast-color)}[theme~=badge][theme~=success][theme~=primary]{background-color: var(--chronowork-success-color);color: var(--chronowork-success-contrast-color)}[theme~=badge][theme~=error][theme~=primary]{background-color: var(--chronowork-error-color);color: var(--chronowork-error-contrast-color)}[theme~=badge][theme~=warning][theme~=primary]{background-color: var(--chronowork-warning-color);color: var(--chronowork-warning-contrast-color)}[theme~=badge][theme~=primary][theme~=badge-status-pending]{background-color: #f59e0b;color: var(--chronowork-success-contrast-color)}[theme~=badge][theme~=contrast][theme~=primary]{background-color: var(--chronowork-contrast);color: var(--vaadin-background-color)}[theme~=badge][href]:hover{text-decoration: none}[theme~=badge]>vaadin-icon{margin: -.25em 0}[theme~=badge]>vaadin-icon:first-child{margin-left: -.375em}[theme~=badge]>vaadin-icon:last-child{margin-right: -.375em}vaadin-icon[theme~=badge][icon]{font-size: 1rem;height: var(--chronowork-icon-size-m);min-width: 0;padding: 0;width: var(--chronowork-icon-size-m)}vaadin-icon[theme~=badge][icon][theme~=small]{height: var(--chronowork-icon-size-s);width: var(--chronowork-icon-size-s)}[theme~=badge]:not([icon]):empty{background-color: var(--aura-accent-color);border-radius: 50%;height: 1em;min-width: 0;padding: 0;width: 1em}[theme~=badge][theme~=small]:not([icon]):empty{height: .75em;width: .75em}[theme~=badge][theme~=contrast]:not([icon]):empty{background-color: var(--chronowork-contrast)}[theme~=badge][theme~=success]:not([icon]):empty{background-color: var(--chronowork-success-color)}[theme~=badge][theme~=error]:not([icon]):empty{background-color: var(--chronowork-error-color)}[theme~=badge][theme~=warning]:not([icon]):empty{background-color: var(--chronowork-warning-color)}[theme~=badge][theme~=pill]{--vaadin-radius-s: 1em}[dir=rtl][theme~=badge] vaadin-icon:first-child{margin-left: 0;margin-right: -.375em}[dir=rtl][theme~=badge] vaadin-icon:last-child{margin-left: -.375em;margin-right: 0}:is(vaadin-button,vaadin-menu-bar-button)[theme~="icon-button"]{min-width: 0;padding: 0;width: 2rem;height: 2rem;font-size: .875rem}vaadin-button[theme~="icon-button"]{border-radius: 50%}vaadin-button[theme~="icon-button-secondary"]{color: var(--vaadin-text-color-secondary)}vaadin-button>vaadin-icon[icon^="vaadin:"]{--vaadin-icon-visual-size: 70%}vaadin-button[theme~='icon-button']::before{background-color: currentColor}vaadin-button[theme~='icon-button']:hover::before{opacity: 0.02}vaadin-button[theme~='icon-button']:hover{background: rgb(216 242 236 / 50%)}vaadin-button[theme~='icon-button'][theme~='destroy']:hover{background: #ffe1db}vaadin-button[theme~='success']:hover{background:var(--chronowork-success-color)}vaadin-notification-card.cw-toast::part(overlay){padding: 16px;background: var(--vaadin-background-color,white);border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.08);border-left: 4px solid transparent}vaadin-notification-card.cw-toast::part(content){width: 100%}vaadin-notification-card.cw-toast.success::part(overlay){border-left-color: var(--aura-green,#22C55E)}vaadin-notification-card.cw-toast.error::part(overlay){border-left-color: var(--aura-red,#EF4444)}vaadin-notification-card.cw-toast.warning::part(overlay){border-left-color: var(--aura-orange,#F59E0B)}vaadin-notification-card.cw-toast.info::part(overlay){border-left-color: var(--aura-blue,#3B82F6)}.cw-toast-icon{flex-shrink: 0;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center}.cw-toast.success .cw-toast-icon{background: rgba(34,197,94,0.15);color: var(--aura-green,#22C55E)}.cw-toast.error .cw-toast-icon{background: rgba(239,68,68,0.15);color: var(--aura-red,#EF4444)}.cw-toast.warning .cw-toast-icon{background: rgba(245,158,11,0.15);color: var(--aura-orange,#F59E0B)}.cw-toast.info .cw-toast-icon{background: rgba(59,130,246,0.15);color: var(--aura-blue,#3B82F6)}.cw-toast-content{flex: 1;min-width: 0}.cw-toast-title{display: block;font-weight: 600;font-size: 1rem;color: var(--vaadin-text-color,#1E293B);line-height: 1.4;margin: 0}.cw-toast-description{display: block;font-size: 0.875rem;color: var(--vaadin-text-color-secondary,#64748B);line-height: 1.4;margin-top: 2px}.cw-toast-close{flex-shrink: 0;background: none;border: none;cursor: pointer;padding: 4px;color: var(--vaadin-text-color-secondary,#64748B);border-radius: 4px;transition: background 150ms ease}.cw-toast-close:hover{background: var(--vaadin-border-color,#e2e8f0)}@media (prefers-color-scheme: dark){vaadin-notification-card.cw-toast::part(overlay){box-shadow: 0 4px 12px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.2)}}@media (max-width: 640px){vaadin-notification-card.cw-toast::part(overlay){max-width: calc(100vw - 32px)}}:root{--chronowork-primary: #2563eb;--chronowork-primary-dark: #1d4ed8;--chronowork-primary-light: #3b82f6;--chronowork-clock-in: #28a745;--chronowork-clock-in-hover: #218838;--chronowork-clock-out: #dc3545;--chronowork-clock-out-hover: #c82333;--chronowork-break: #fd7e14;--chronowork-break-hover: #e8690b;--chronowork-resume: #007bff;--chronowork-resume-hover: #0056b3;--chronowork-success: #28a745;--chronowork-warning: #ffc107;--chronowork-danger: #dc3545;--chronowork-info: #17a2b8;--chronowork-bg: #f8f9fa;--chronowork-card-bg: #ffffff;--chronowork-text: #212529;--chronowork-text-muted: #6c757d;--chronowork-border: #dee2e6;--vaadin-side-nav-child-indent: 0.5}[theme~="dark"]{--chronowork-bg: #1a1a2e;--chronowork-card-bg: #16213e;--chronowork-text: #e9ecef;--chronowork-text-muted: #adb5bd;--chronowork-border: #343a40}.clock-button{min-width: 200px;min-height: 80px;font-size: var(--aura-font-size-xl);font-weight: 600;border-radius: var(--vaadin-radius-l);transition: transform 0.2s,box-shadow 0.2s}.clock-button:hover{transform: scale(1.02);box-shadow: var(--chronowork-shadow-m)}.clock-button.clock-in{background-color: var(--chronowork-clock-in);color: white}.clock-button.clock-in:hover{background-color: var(--chronowork-clock-in-hover)}.clock-button.clock-out{background-color: var(--chronowork-clock-out);color: white}.clock-button.clock-out:hover{background-color: var(--chronowork-clock-out-hover)}.clock-button.break-start{background-color: var(--chronowork-break);color: white}.clock-button.break-start:hover{background-color: var(--chronowork-break-hover)}.clock-button.break-end{background-color: var(--chronowork-resume);color: white}.clock-button.break-end:hover{background-color: var(--chronowork-resume-hover)}.stats-card{background-color: var(--chronowork-card-bg);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l);box-shadow: var(--chronowork-shadow-s)}.stats-card .value{font-size: var(--chronowork-font-size-xxxl);font-weight: 700;color: var(--chronowork-primary)}.stats-card .label{font-size: var(--aura-font-size-s);color: var(--chronowork-text-muted);text-transform: uppercase;letter-spacing: 0.5px}.anomaly-badge{padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-s);font-weight: 500}.anomaly-badge.high{background-color: var(--chronowork-danger);color: white}.anomaly-badge.medium{background-color: var(--chronowork-warning);color: var(--chronowork-text)}.anomaly-badge.low{background-color: var(--chronowork-info);color: white}.time-record-grid .record-type-cell{font-weight: 500}.time-record-grid .record-type-cell.clock-in{color: var(--chronowork-clock-in)}.time-record-grid .record-type-cell.clock-out{color: var(--chronowork-clock-out)}.time-record-grid .record-type-cell.break-start{color: var(--chronowork-break)}.time-record-grid .record-type-cell.break-end{color: var(--chronowork-resume)}.dashboard-view{padding: var(--vaadin-padding-l);max-width: 1200px;margin: 0 auto}.dashboard-grid{display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: "header header" "stats stats" "clock timeline" "vacation chat";gap: var(--vaadin-gap-l);width: 100%}.dashboard-grid .dashboard-header{grid-area: header}.dashboard-grid .clock-widget{grid-area: clock;margin-bottom: 0}.dashboard-grid .stats-cards-grid{grid-area: stats;grid-template-columns: repeat(4,1fr);margin-bottom: 0}.dashboard-grid .today-timeline{grid-area: timeline}.dashboard-grid .grid-vacation{grid-area: vacation}.dashboard-grid .chat-widget{grid-area: chat}.chat-title-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--vaadin-gap-m)}.chat-title-row h3{margin: 0}.chat-message-list{height: 250px;border: 1px solid var(--chronowork-contrast-10);border-radius: var(--vaadin-radius-m);margin-bottom: var(--vaadin-gap-s)}.chat-widget.chat-expanded{display: flex;flex-direction: column;height: 100%;box-shadow: none;padding: 0}.chat-widget.chat-expanded .chat-message-list{height: auto;flex: 1;min-height: 0}vaadin-dialog[theme~="chat-widget-dialog"]::part(content){background: var(--vaadin-background-color)}.dashboard-header{background: linear-gradient(77deg,#2474f7 0%,#60A5FA 55%,#3B82F6 100%);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l);color: white;position: relative;overflow: hidden;margin-bottom: 0}.dashboard-header::before{content: '';position: absolute;right: -55px;top: 71%;transform: translateY(-50%);width: 180px;height: 180px;background: url("data:image/svg+xml,%3Csvg viewBox='0 0 192 192' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='96' cy='96' r='60' fill='none' stroke='white' stroke-width='8.75' stroke-linecap='round'/%3E%3Cpath d='M96,96l30,-35' fill='none' stroke='white' stroke-width='8.75' stroke-linecap='round'/%3E%3Ccircle cx='96' cy='96' r='6.25' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size: contain;opacity: 0.1;pointer-events: none}.dashboard-header h2{margin: 0;font-weight: 400;color: white;font-size: var(--chronowork-font-size-xxl);position: relative}.dashboard-header h2 .name{font-weight: 700}.dashboard-header .date{color: rgba(255,255,255,0.85);font-size: var(--aura-font-size-s);margin-top: var(--vaadin-gap-xs);display: block;position: relative}.clock-widget{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-xl);text-align: center;box-shadow: var(--chronowork-shadow-m);margin-bottom: var(--vaadin-gap-l)}.clock-widget .timer-display{font-family: 'JetBrains Mono',monospace;font-size: 3rem;font-weight: 600;color: var(--chronowork-primary);display: block;margin-bottom: var(--vaadin-gap-xl)}.clock-widget .status-text{color: var(--vaadin-text-color-secondary);display: block;margin-bottom: var(--vaadin-gap-l)}.clock-widget .button-container{display: flex;justify-content: center;gap: var(--vaadin-gap-m);flex-wrap: wrap}.clock-btn-circular{width: 120px;height: 120px;border-radius: 50%;border: none;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.25rem;font-weight: 600;font-size: 0.875rem;color: white;transition: all 0.3s ease}.clock-btn-circular:hover{transform: scale(1.05)}.clock-btn-circular.clock-in{background: linear-gradient(135deg,#22C55E,#16A34A);box-shadow: 0 8px 24px rgba(34,197,94,0.4)}.clock-btn-circular.clock-out{background: linear-gradient(135deg,#EF4444,#DC2626);box-shadow: 0 8px 24px rgba(239,68,68,0.4)}.clock-btn-circular.break-start{background: linear-gradient(135deg,#F59E0B,#D97706);box-shadow: 0 8px 24px rgba(245,158,11,0.4)}.clock-btn-circular.break-end{background: linear-gradient(135deg,#3B82F6,#2563EB);box-shadow: 0 8px 24px rgba(59,130,246,0.4)}.stats-cards-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-l)}.stat-card-item{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-m);text-align: center;box-shadow: var(--chronowork-shadow-s);display: flex;flex-direction: column;align-items: center;gap: 2px}.stat-card-item .stat-value{font-family: 'JetBrains Mono',monospace;font-size: 1.25rem;font-weight: 600;color: var(--chronowork-primary)}.stat-card-item .stat-label{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color);align-self: flex-start;display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs)}.stat-card-item .stat-subtext{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.stat-card-item.positive .stat-value{color: var(--chronowork-success)}.stat-card-item.negative .stat-value{color: var(--chronowork-danger)}.today-timeline{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-l);box-shadow: var(--chronowork-shadow-s)}.today-timeline h3{margin: 0 0 var(--vaadin-gap-m) 0;font-size: var(--aura-font-size-m);font-weight: 600}.timeline-entry{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) 0;border-bottom: 1px solid var(--chronowork-contrast-10)}.timeline-entry:last-child{border-bottom: none}.timeline-entry .entry-time{font-family: 'JetBrains Mono',monospace;font-size: var(--aura-font-size-s);min-width: 50px;color: var(--vaadin-text-color-secondary)}.timeline-entry .entry-icon{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px}.timeline-entry .entry-icon.clock-in{background: rgba(34,197,94,0.15);color: #22C55E}.timeline-entry .entry-icon.clock-out{background: rgba(239,68,68,0.15);color: #EF4444}.timeline-entry .entry-icon.break-start{background: rgba(245,158,11,0.15);color: #F59E0B}.timeline-entry .entry-icon.break-end{background: rgba(59,130,246,0.15);color: #3B82F6}.timeline-entry .entry-label{flex: 1}.secondary-cards-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--vaadin-gap-m)}.info-card{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-l);box-shadow: var(--chronowork-shadow-s)}.info-card h3{margin: 0 0 var(--vaadin-gap-m) 0;font-size: var(--aura-font-size-m);font-weight: 600;display: flex;align-items: center;gap: var(--vaadin-gap-s)}@media (max-width: 768px){.dashboard-view{padding: var(--vaadin-padding-m)}.dashboard-grid{grid-template-columns: 1fr;grid-template-areas: "header" "clock" "stats" "timeline" "vacation" "chat"}.dashboard-grid .stats-cards-grid{grid-template-columns: repeat(2,1fr)}.clock-widget .timer-display{font-size: 2rem}.clock-btn-circular{width: 100px;height: 100px}.stats-cards-grid{grid-template-columns: repeat(2,1fr)}}.admin-dashboard-view{padding: var(--vaadin-padding-l);max-width: 1400px;margin: 0 auto}.admin-dashboard-header{margin-bottom: var(--vaadin-gap-l)}.admin-dashboard-header h2{margin: 0;font-weight: 600;display: flex;align-items: center;gap: var(--vaadin-gap-s)}.admin-kpi-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-l)}.admin-kpi-card{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l);box-shadow: var(--chronowork-shadow-s);display: flex;align-items: center;gap: var(--vaadin-gap-m);transition: transform 0.2s,box-shadow 0.2s}.admin-kpi-card:hover{transform: translateY(-2px);box-shadow: var(--chronowork-shadow-m)}.admin-kpi-icon{width: 48px;height: 48px;border-radius: var(--vaadin-radius-m);display: flex;align-items: center;justify-content: center}.admin-kpi-icon-svg{width: 24px;height: 24px;color: white}.admin-kpi-card--working .admin-kpi-icon{background: linear-gradient(135deg,#22C55E,#16A34A)}.admin-kpi-card--on-break .admin-kpi-icon{background: linear-gradient(135deg,#F59E0B,#D97706)}.admin-kpi-card--absent .admin-kpi-icon{background: linear-gradient(135deg,#3B82F6,#2563EB)}.admin-kpi-card--not-clocked .admin-kpi-icon{background: linear-gradient(135deg,#6B7280,#4B5563)}.admin-kpi-card--anomalies .admin-kpi-icon{background: linear-gradient(135deg,#EF4444,#DC2626)}.admin-kpi-card--anomalies.has-alerts{border: 2px solid var(--chronowork-danger);animation: pulse-alert 2s infinite}@keyframes pulse-alert{0%,100%{box-shadow: var(--chronowork-shadow-s)}50%{box-shadow: 0 0 0 4px rgba(239,68,68,0.2)}}.admin-kpi-content{flex: 1}.admin-kpi-value{font-family: 'JetBrains Mono',monospace;font-size: 2rem;font-weight: 700;display: block;line-height: 1}.admin-kpi-card--working .admin-kpi-value{color: #22C55E}.admin-kpi-card--on-break .admin-kpi-value{color: #F59E0B}.admin-kpi-card--absent .admin-kpi-value{color: #3B82F6}.admin-kpi-card--not-clocked .admin-kpi-value{color: #6B7280}.admin-kpi-card--anomalies .admin-kpi-value{color: #EF4444}.admin-kpi-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);display: block;margin-top: var(--vaadin-gap-xs)}.admin-panel-title{margin: 0 0 var(--vaadin-gap-m) 0;font-size: var(--aura-font-size-l);font-weight: 600}.admin-realtime-panel,.admin-pending-panel{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-l);box-shadow: var(--chronowork-shadow-s);min-height: 300px}.admin-realtime-tabs{margin-bottom: var(--vaadin-gap-m)}.admin-lists-container{max-height: 400px;overflow-y: auto}.admin-employee-list{padding: var(--vaadin-padding-s) 0}.admin-employee-item{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);transition: background 0.2s}.admin-employee-item:hover{background: var(--chronowork-contrast-5)}.admin-status-indicator{width: 10px;height: 10px;border-radius: 50%;flex-shrink: 0}.admin-status-indicator--working{background: #22C55E}.admin-status-indicator--on-break{background: #F59E0B}.admin-status-indicator--not-clocked{background: #6B7280}.admin-employee-info{flex: 1;min-width: 0}.admin-employee-name{font-weight: 500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.admin-employee-dept{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);display: block}.admin-employee-time{text-align: right;flex-shrink: 0}.admin-time-entry{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);display: block}.admin-time-elapsed{font-family: 'JetBrains Mono',monospace;font-size: var(--aura-font-size-s);font-weight: 500;color: var(--chronowork-primary);display: block}.admin-time-break{font-size: var(--aura-font-size-xs);color: #F59E0B;display: block}.admin-anomalies-list{padding: var(--vaadin-padding-s) 0}.admin-anomaly-item{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);transition: background 0.2s}.admin-anomaly-item:hover{background: var(--chronowork-contrast-5)}.admin-severity-badge{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: var(--aura-font-size-xs);color: white;flex-shrink: 0}.admin-severity-badge--high{background: #EF4444}.admin-severity-badge--medium{background: #F59E0B;color: #1F2937}.admin-severity-badge--low{background: #3B82F6}.admin-anomaly-info{flex: 1;min-width: 0}.admin-anomaly-title{font-weight: 500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.admin-anomaly-employee{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);display: block}.admin-anomaly-date{font-size: var(--aura-font-size-xs);color: var(--chronowork-tertiary-text-color);display: block}.admin-empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--vaadin-padding-xl);color: var(--vaadin-text-color-secondary);gap: var(--vaadin-gap-s)}.admin-empty-state vaadin-icon{width: 48px;height: 48px;color: var(--chronowork-success)}.admin-more-link{text-align: center;padding: var(--vaadin-padding-m);color: var(--chronowork-primary);font-size: var(--aura-font-size-s);cursor: pointer}.admin-more-link:hover{text-decoration: underline}.admin-records-view{padding: var(--vaadin-padding-l);max-width: 1400px;margin: 0 auto}.admin-records-filters{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-l);padding: var(--vaadin-padding-m);background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-m);box-shadow: var(--chronowork-shadow-s)}.admin-records-grid{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-m);box-shadow: var(--chronowork-shadow-s)}.admin-hash-cell{font-family: 'JetBrains Mono',monospace;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);max-width: 120px;overflow: hidden;text-overflow: ellipsis}.admin-main-content{display: grid;grid-template-columns: 1fr 350px;gap: var(--vaadin-gap-l)}@media (max-width: 1024px){.admin-main-content{grid-template-columns: 1fr}}.admin-left-column{display: flex;flex-direction: column;gap: var(--vaadin-gap-l)}.admin-right-column{display: flex;flex-direction: column;gap: var(--vaadin-gap-l)}@media (max-width: 768px){.admin-dashboard-view,.admin-records-view{padding: var(--vaadin-padding-m)}.admin-kpi-grid{grid-template-columns: repeat(2,1fr)}.admin-kpi-card{flex-direction: column;text-align: center}.admin-employee-item{flex-wrap: wrap}.admin-employee-time{width: 100%;text-align: left;margin-top: var(--vaadin-gap-xs)}}.absence-view{max-width: 1400px;margin: 0 auto}.absence-view .section-title{margin-top: var(--vaadin-gap-l);margin-bottom: var(--vaadin-gap-m);color: var(--vaadin-text-color-secondary);font-weight: 500}.balance-cards-container{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-l)}.absence-balance-card{background: var(--chronowork-card-bg);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);box-shadow: var(--chronowork-shadow-xs);border-left: 4px solid var(--card-accent,var(--aura-accent-color));display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.balance-card-title{margin: 0;font-size: var(--aura-font-size-m);color: var(--card-accent,var(--aura-accent-color))}.balance-available{margin: var(--vaadin-gap-xs) 0}.balance-days-number{font-size: var(--chronowork-font-size-xxl);font-weight: 600;color: var(--card-accent,var(--aura-accent-color))}.balance-days-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.balance-progress{margin: var(--vaadin-gap-xs) 0}.balance-progress::part(value){background-color: var(--card-accent,var(--aura-accent-color))}.balance-details{display: flex;justify-content: space-between;padding-top: var(--vaadin-padding-xs);border-top: 1px solid var(--chronowork-border)}.balance-detail-item{text-align: center}.balance-detail-item .detail-value{display: block;font-weight: 500;color: var(--vaadin-text-color)}.balance-detail-item .detail-label{display: block;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.balance-request-btn{margin-top: auto}.absence-request-grid{margin-top: var(--vaadin-gap-m)}.status-badge{padding: 0.25rem 0.5rem;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-weight: 500}.status-draft{background-color: var(--chronowork-contrast-10);color: var(--vaadin-text-color-secondary)}.status-pending{background-color: #fef3c7;color: #92400e}.status-registered{background-color: #dbeafe;color: #1e40af}.status-approved{background-color: #d1fae5;color: #065f46}.status-rejected{background-color: #fee2e2;color: #991b1b}.status-cancelled{background-color: var(--chronowork-contrast-10);color: var(--vaadin-text-color-secondary);text-decoration: line-through}@media (max-width: 600px){.balance-cards-container{grid-template-columns: 1fr}}.records-progress-bar{--vaadin-progress-bar-background: darkgray;--vaadin-progress-bar-value-background: var(--chronowork-success-color)}vaadin-popover.timeline-popover::part(overlay){background: var(--chronowork-contrast);color: white;border: none;box-shadow: var(--vaadin-shadow-m)}vaadin-popover.timeline-popover::part(arrow){background: var(--chronowork-contrast)}.profile-view{max-width: 1000px;margin: 0 auto}.profile-layout{display: flex;gap: var(--vaadin-gap-xl);align-items: flex-start}.profile-sidebar{width: 220px;min-width: 220px;display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-l);background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-l);box-shadow: var(--chronowork-shadow-s)}.profile-avatar{width: 80px;height: 80px;border-radius: 50%;background: linear-gradient(135deg,#3B82F6,#2563EB);display: flex;align-items: center;justify-content: center;font-size: 1.75rem;font-weight: 700;color: white;letter-spacing: 1px;flex-shrink: 0}.profile-sidebar-name{font-weight: 600;font-size: var(--aura-font-size-m);text-align: center;line-height: 1.3}.profile-sidebar-email{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);text-align: center;word-break: break-all}.profile-role-badge{display: inline-block;padding: 0.2rem 0.75rem;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-weight: 500;background: var(--chronowork-contrast-10);color: var(--vaadin-text-color-secondary)}.profile-role-badge.admin{background: linear-gradient(135deg,rgba(59,130,246,0.15),rgba(37,99,235,0.15));color: var(--chronowork-primary)}.profile-content{flex: 1;min-width: 0;width: 100%;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.profile-tab-content{background: var(--vaadin-background-color);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l);box-shadow: var(--chronowork-shadow-s);box-sizing: border-box;width: 100%}.profile-field-readonly{--vaadin-input-field-background: transparent;--vaadin-input-field-border-color: transparent}@media (max-width: 768px){.profile-layout{flex-direction: column}.profile-sidebar{width: 100%;min-width: unset;flex-direction: row;flex-wrap: wrap;justify-content: center}.profile-avatar{width: 60px;height: 60px;font-size: 1.25rem}}