:root{--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--popover:#18181b;--popover-foreground:#fafafa;--primary:#1a43ed;--primary-foreground:#fafafa;--secondary:#27272a;--secondary-foreground:#fafafa;--secondary-light:#39393c;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#962323;--destructive-foreground:#fafafa;--success:#2a8d33;--success-foreground:#fafafa;--border:#fff3;--input:#27272a;--ring:#8b5cf6;--radius:6px;--textfont:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--textfont);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}a:not(.menu-item),a:not(.menu-item):link,a:not(.menu-item):visited,a:not(.menu-item):active{color:#fff!important;text-decoration:underline!important}a:not(.menu-item):hover,a:not(.menu-item):focus{color:#ccc!important;text-decoration:none!important}.container{gap:32px;width:100%;max-width:560px;margin:0 auto 20px;display:grid}.login-wrapper{justify-content:center;align-items:center;width:460px;padding:20px;display:flex;overflow-x:hidden}.auth-page-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.auth-page-wrapper .container{width:100%;max-width:460px;margin:0}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-header h1{color:var(--foreground);font-size:40px;font-weight:700}.login-page-wrapper,.login-page{width:100%;min-height:100vh;display:flex}.login-image-wrapper{flex:2;position:relative;overflow:hidden}.login-image-wrapper:before{content:"";z-index:1;background-color:#0c0c16bf;position:absolute;inset:0}.login-form-container{background-color:var(--background);flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:400px;max-width:680px;padding:30px 30px 80px;display:flex;position:relative}.login-form-container .toast{width:calc(100% - 60px);max-width:400px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.login-form-content{width:100%;max-width:400px}.login-header{color:var(--foreground);text-align:left;margin-bottom:20px;font-size:28px}.login-disclaimer{text-align:center;color:var(--muted-foreground);border-top:1px solid #ffffff1a;padding:16px 40px 0;font-size:12px;position:absolute;bottom:30px;left:0;right:0}.login-disclaimer p{margin:0}.login-disclaimer a{color:var(--muted-foreground);text-decoration:underline;transition:color .2s}.login-disclaimer a:hover{color:var(--foreground)}@media (max-width:768px){.login-page{flex-direction:column;min-height:100vh}.login-image-wrapper{display:none}.login-form-container{min-width:unset;justify-content:center;width:100%;max-width:100%;min-height:100vh;padding:20px;position:relative}.login-form-container .toast{width:calc(100% - 40px)}.login-form-content{margin-bottom:40px}.login-disclaimer{background-color:var(--background);width:100%;margin:0;padding:20px 30px 0;position:absolute;bottom:34px;left:0;right:0}}.card{background-color:var(--card);border-radius:var(--radius);border:1px solid #27272a;width:100%;padding:24px}.card-header{color:var(--card-foreground);margin-bottom:16px;font-size:24px;font-weight:600}.card-header.expandable{margin:0}.card-header-with-button{font:600 24px/1 var(--card-foreground);justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.export-time-card,.export-card{margin-top:32px}.time-controls{gap:16px;display:flex}.card-expandable{overflow:hidden}.card-header-expandable{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.card-content{transition:max-height .25s ease-in-out;overflow:hidden}.card-content.collapsed{max-height:0}.card-content.expanded{max-height:2000px}.card-icon{color:var(--foreground);transition:transform .25s}.card-icon.open{transform:rotate(180deg)}.card-content-wrapper{margin-top:16px}.modal{background-color:var(--card);border-radius:var(--radius);border:1px solid #0000;width:100%;max-width:460px;margin:auto;padding:24px}.modal *{overscroll-behavior:contain}.modal::backdrop,.employee-hours-modal::backdrop{background-color:#00000080;justify-content:center;align-items:center;display:flex}body:has(dialog.modal[open]){overflow:hidden}.modal-form{flex-direction:column;gap:16px;display:flex}.input,.select-input{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card);width:100%;color:var(--foreground);appearance:none;height:42px;font-size:16px;font-family:var(--textfont);text-align:left;padding:11px 12px;transition:border-color .2s}.select-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fafafa' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;width:auto;min-width:max-content;max-width:100%;padding:0 34px 1px 16px}.input:focus,.select-input:focus{border-color:var(--primary);outline:none}.input:hover,.select-input:hover{border:1px solid var(--muted-foreground)}.input-disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;border-color:var(--border)}.input-disabled:hover{border-color:var(--border)}.textarea{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--background);width:100%;color:var(--foreground);font-size:16px;font-family:var(--textfont);resize:none;min-height:100px;padding:11px 12px;transition:border-color .2s}.textarea:focus{border-color:var(--primary);outline:none}.textarea:hover{border:1px solid var(--muted-foreground)}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.8;transition:opacity .2s}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]{appearance:none;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card);width:100%;color:var(--foreground);height:42px;font-size:16px;font-family:var(--textfont);text-align:left;padding:11px 12px}input[type=time]::-webkit-datetime-edit{text-align:left;padding:0}input[type=date]::-webkit-datetime-edit{text-align:left;padding:0}.button{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:4px;min-width:100px;height:42px;padding:8px 16px;font-size:15px;font-weight:700;transition:filter .2s;display:inline-flex;position:relative;overflow:hidden}.button-primary{background-color:var(--primary);color:var(--primary-foreground)}.button-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.button-secondary-light{background-color:var(--secondary-light);color:var(--secondary-foreground)}.button-danger,.button-red{background-color:var(--destructive);color:var(--destructive-foreground)}.button:hover:not(:disabled){filter:brightness(110%)}.button:disabled{opacity:.5}.button-text,.button-spinner{justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.button-spinner,.button[aria-busy=true] .button-text{opacity:0}.button[aria-busy=true] .button-spinner{opacity:1}.spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-xs{width:100%;height:2px}.space-s{width:100%;height:4px}.space-m{width:100%;height:8px}.space-l{width:100%;height:12px}.space-xl{width:100%;height:16px}.current-session{background-color:var(--success);border-radius:var(--radius);padding:16px}.work-entry{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;display:flex}.summary-content{gap:12px;display:grid}.summary-item{justify-content:space-between;display:flex}.summary-label{color:var(--muted-foreground)}.summary-value{font-weight:600}.error-message{color:#ffffffe7;border:1px solid var(--destructive);border-radius:var(--radius);background-color:#9623231a;margin-top:8px;padding:12px 16px;font-size:14px;line-height:1.4}.edit-button{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:14.4px;text-decoration:underline}.support-footer{text-align:center;width:100%;color:var(--muted-foreground);margin-top:auto;margin-bottom:30px;font-size:14px}.support-footer a{color:var(--primary)!important;text-decoration:none!important}.support-footer a:hover{text-decoration:underline!important}::-webkit-scrollbar{display:none}.scrollable-content-dynamic::-webkit-scrollbar{opacity:0;width:8px;transition:opacity .3s}.scrollable-content-dynamic:hover::-webkit-scrollbar{opacity:1}.scrollable-content-dynamic:active::-webkit-scrollbar{opacity:1}.scrollable-content-dynamic::-webkit-scrollbar-track{background:var(--secondary);border-radius:4px}.scrollable-content-dynamic::-webkit-scrollbar-thumb{background-color:var(--muted-foreground);border-radius:4px}.scrollable-container{flex:auto;margin-right:-24px;padding-right:24px;position:relative;overflow:hidden}.scrollable-shadow-wrapper{height:100%;margin-right:-24px;padding-bottom:60px;padding-right:24px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 100px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 100px),#0000 100%)}.scrollable-shadow-wrapper::-webkit-scrollbar{display:none}.scrollable-shadow-wrapper{-ms-overflow-style:none;scrollbar-width:none}.tab-bar{background-color:var(--secondary);border-radius:26px;justify-content:space-between;padding:4px;transition:opacity .3s;display:flex}.tab-bar.disabled{cursor:not-allowed}.tab{cursor:pointer;color:var(--muted-foreground);text-align:center;background:0 0;border:none;border-radius:20px;flex-grow:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.tab:hover:not(:disabled){background-color:var(--accent);color:var(--accent-foreground)}.tab.active:not(:disabled){background-color:var(--secondary-light);color:var(--primary-foreground)}.tab:disabled{cursor:not-allowed;opacity:.5}.break-info{color:var(--muted-foreground);text-align:center;margin-top:8px;font-size:14px}.form-group{color:var(--foreground);flex-direction:column;gap:4px;display:flex}.form-actions{justify-content:flex-end;gap:20px;display:flex}.create-employee-form{flex-direction:column;gap:16px;display:flex}.create-employee-row{gap:16px;display:flex}.create-employee-row .input{flex:1}.login-form{flex-direction:column;gap:16px;display:flex}.export-controls{flex-wrap:wrap;gap:16px;display:flex}.pagination{justify-content:center;align-items:center;margin-top:1rem;display:flex}.pagination button{background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--secondary-foreground);margin:0 8px;padding:8px 16px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--foreground);margin:0 16px}.loading-spinner-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:4px solid var(--muted);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.page-content{padding-bottom:30px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shimmer{position:relative;overflow:hidden;background-color:#2a2a2a!important}.skeleton-shimmer:after{content:"";background-image:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:1.4s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.toast{z-index:1000;opacity:0;border-radius:100px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:560px;padding:12px 16px;animation:7s ease-in-out forwards toastAnimation;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.toast.success{background-color:var(--success);color:var(--success-foreground)}.toast.error{background-color:var(--destructive);color:var(--destructive-foreground)}.toast svg{flex-shrink:0}.toast span{text-align:left;flex-grow:1}@keyframes toastAnimation{0%{opacity:0;transform:translate(-50%,20px)}4.3%,95.7%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--muted);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--foreground);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(22px)}.work-time-table{border-collapse:collapse;width:100%;margin-bottom:16px}.work-time-table th,.work-time-table td{border:1px solid var(--border);text-align:left;padding:8px}.work-time-table th{background-color:var(--muted);color:var(--muted-foreground);font-weight:700}.work-time-table input[type=time]{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--input);width:100%;color:var(--foreground);padding:4px}.work-time-table button{margin-top:16px}.save-changes-button{float:right;margin-top:16px}.work-time-editor{width:100%;overflow:hidden}.invite-form{gap:16px;display:flex}.work-time-entry{background-color:var(--secondary);border-radius:4px;overflow:hidden}.work-time-summary{cursor:pointer;text-transform:lowercase;justify-content:space-between;gap:8px;padding:16px;display:flex}.work-time-details input[type=time]{background-color:var(--card)}.time-inputs{grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:12px;display:grid}.time-input-group{flex-direction:column;gap:4px;display:flex}.time-arrow{color:var(--foreground)}.lunch-input{align-items:center;gap:10px;display:flex}.lunch-input label{color:var(--foreground);flex:1}.lunch-input .select-input{background-color:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);flex:2;padding:5px}.expand-arrow{color:var(--foreground)}.time-controls{flex-direction:column;gap:10px;display:flex}.primary-controls{gap:10px;display:flex}.lunch-break-control{align-items:center;gap:10px;display:flex}.lunch-break-control span,.lunch-break-control .select-input{flex:1}.sick-leave-dropdown{cursor:pointer;background-color:var(--secondary);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sick-leave-text{color:var(--secondary-foreground);font-size:16px}.dropdown-arrow{color:var(--secondary-foreground);font-size:12px;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.sick-leave-form{margin-top:16px}.sick-leave-form .time-inputs{gap:16px;margin-bottom:16px;display:flex}.sick-leave-form .time-inputs input[type=time]{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--input);color:var(--foreground);flex:1;padding:8px}.sick-leave-form .time-arrow{color:var(--muted-foreground);align-items:center;display:flex}.sick-leave-form .button{width:100%}.expandable-panel{border-radius:var(--radius);background-color:var(--secondary);flex-direction:column;display:flex;overflow:hidden}.expandable-panels-container{flex-direction:column;gap:16px;display:flex}.expandable-panel-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background-color .2s;display:flex}.expandable-panel-header:hover{background-color:var(--secondary)}.expandable-panel-title{color:var(--foreground);font-weight:500}.expandable-panel-icon{color:#fff;transition:transform .2s}.expandable-panel-icon.open{transform:rotate(180deg)}.expandable-panel-content{flex-direction:column;gap:16px;padding:0 16px 16px;display:flex}.separator{background-color:var(--border);width:100%;height:1px}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--card);border-radius:var(--radius);flex-direction:column;gap:16px;width:90%;max-width:800px;max-height:80vh;display:flex;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h2{color:var(--foreground);margin:0;font-size:24px}.close-button{color:var(--foreground);cursor:pointer;background:0 0;border:none;padding:4px}.close-button:hover{color:var(--primary)}.modal-body{padding:24px}.modal-content .time-controls{margin-bottom:24px}.modal-content .select-input{flex:1}.modal-content .expandable-panels-container{flex-direction:column;gap:16px;display:flex}.modal-content .expandable-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.modal-content .expandable-panel-header{background-color:var(--secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-content .expandable-panel-title{font-weight:500}.modal-content .expandable-panel-icon{transition:transform .3s}.modal-content .expandable-panel-icon.open{transform:rotate(180deg)}.modal-content .expandable-panel-content{padding:16px}.modal-content .work-time-entry{margin-bottom:16px}.modal-content .time-inputs{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.modal-content .time-input-group{flex-direction:column;gap:4px;display:flex}.modal-content .time-input-group label{color:var(--muted-foreground);font-size:14px}.modal-content .time-input-group input{width:100%}.employee-hours-modal{background-color:var(--card);border-radius:var(--radius);border:1px solid #0000;flex-direction:column;gap:24px;width:100%;max-width:560px;height:85vh;max-height:85vh;margin:auto;padding:24px;display:flex}.employee-hours-modal-header{flex:none;align-items:center;gap:16px;display:flex}.employee-hours-info{flex:1}.employee-hours-info h2{color:var(--card-foreground);margin:0;font-size:24px;font-weight:600}.employee-hours-info p{color:var(--muted-foreground)}.employee-hours-controls{flex:none;padding-bottom:16px}.employee-hours-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.employee-hours-content{flex:1;overflow-y:auto}.employee-hours-content::-webkit-scrollbar{display:none}.employee-hours-footer{flex:none;margin-top:auto}@media (max-width:768px){.employee-hours-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;padding:env(safe-area-inset-top)16px 16px;background-color:var(--card);border-radius:0;flex-direction:column;gap:16px;margin:0;display:flex;position:fixed;inset:0}.employee-hours-modal-header{flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px}.employee-hours-controls{padding-bottom:8px}.employee-hours-controls .time-controls{flex-direction:column;gap:8px;width:100%}.employee-hours-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.employee-hours-content{flex:1;padding-bottom:16px;overflow-y:auto}.employee-hours-footer{background-color:var(--card);flex:none;margin-top:0;padding:16px 0;position:relative}}.status-badge{border-radius:4px;padding:4px 8px;font-weight:700}.status-badge.working{background-color:var(--success);color:var(--foreground)}.terms-content{max-height:60vh;padding:0;overflow-y:auto}.terms-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.scrollable-content{max-height:60vh;padding-right:16px;overflow-y:auto}.scrollable-content::-webkit-scrollbar{width:8px;display:block}.scrollable-content::-webkit-scrollbar-track{background:var(--secondary);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background-color:var(--muted-foreground);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background-color:var(--foreground)}:not(.scrollable-content)::-webkit-scrollbar{display:none}.settings-container{flex-direction:column;gap:24px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-info{flex:1}.settings-title{color:var(--foreground);margin-bottom:4px;font-size:16px;font-weight:600}.settings-description{color:var(--muted-foreground);font-size:14px;line-height:1.5}@media (max-width:768px){.settings-row{flex-direction:column;align-items:flex-start}.settings-info,.settings-row .select-input{width:100%}.card-header-with-button{flex-direction:column;align-items:flex-start;gap:8px}.card-header-with-button .button{align-self:flex-end;width:100%}.container{gap:16px;width:100%;padding:0 8px}.page-header{flex-direction:column;align-items:flex-start;width:100%}.employee-info{align-items:flex-start;width:100%;margin-top:8px}.card{box-sizing:border-box;width:100%;max-width:100%}.button{width:100%}.menu{padding:16px 20px}.menu-wrapper{margin-bottom:16px}.menu-item{padding:8px 16px;font-size:18px}.tab{padding:10px 16px}.create-employee-row{flex-direction:column}.modal{border-radius:12px 12px 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;padding-bottom:60px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(0)!important}dialog.modal{top:auto!important;translate:none!important}.modal-content .time-inputs{grid-template-columns:1fr}.primary-controls{flex-direction:column}.expandable-panel-content .button,.select-input,.input{width:100%}.time-controls{flex-direction:column;width:100%}.time-inputs{grid-template-columns:1fr;gap:16px}.time-input-group{flex-direction:column;gap:8px;display:flex}.time-input-group label{margin-bottom:4px;font-size:16px}.time-input-group input[type=time],.time-input-group .select-input{width:100%;max-width:none}.toast{width:calc(100% - 64px)}}.employee-list{background-color:#343434;flex-direction:column;gap:1px;display:flex}.employee-item{background-color:var(--card);flex-wrap:wrap;align-items:center;padding:16px 0;display:flex}.employee-info{flex:1;min-width:0;margin-right:16px}.employee-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.employee-info p{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.employee-status{margin-right:24px}.employee-actions{flex-shrink:0}.status-badge{color:var(--foreground);white-space:nowrap;border-radius:16px;padding:6px 16px;font-size:14px;font-weight:600}.status-badge.working{background-color:var(--success)}.status-badge.out{background-color:var(--secondary)}.status-badge.inactive{color:color-mix(in srgb,var(--foreground),black 30%);background-color:var(--muted)}.status-badge.admin{background-color:var(--secondary);padding:2px 12px}@media (max-width:768px){.employee-item{flex-wrap:wrap}.employee-info{flex:1;margin-right:0}.employee-status{margin-left:auto;margin-right:0}.employee-actions{width:100%;margin-top:12px}.employee-actions .button{width:100%}}.card-header{justify-content:space-between;align-items:center;display:flex}.card-header h2{color:var(--card-foreground);margin:0;font-size:24px;font-weight:600}input[type=date]{text-align:left!important}input[type=date]::-webkit-date-and-time-value{text-align:left!important}input[type=time]{text-align:left!important}input[type=time]::-webkit-date-and-time-value{text-align:left!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.9;cursor:pointer;transition:opacity .2s}.export-mobile-warning{color:var(--muted-foreground);display:none}.export-content{display:block}@media (max-width:768px){.export-content{display:none}.export-mobile-warning{display:block}.feedback-type-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-box{background-color:var(--card);border-radius:8px;align-items:flex-start;gap:16px;padding:20px;transition:transform .2s ease-in-out;display:flex}.stat-box:hover{transform:translateY(-2px)}.stat-icon{color:var(--primary);background-color:#1a43ed1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1}.stat-content h3{color:var(--muted-foreground);margin:0 0 8px;font-size:14px;font-weight:500}.stat-value{color:var(--foreground);margin:0;font-size:28px;font-weight:700}.registration-count{background-color:var(--accent);color:var(--accent-foreground);white-space:nowrap;border-radius:16px;padding:4px 10px;font-size:14px;font-weight:500}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-box{padding:16px}.stat-value{font-size:24px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-icon{width:40px;height:40px}.registration-count{padding:3px 8px;font-size:12px}}.pwa-install-banner{background-color:var(--card);z-index:900;justify-content:space-between;align-items:center;padding:12px 16px;animation:.3s ease-out slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0003}.banner-content{align-items:center;gap:12px;display:flex}.banner-text{flex-direction:column;gap:2px;display:flex}.banner-text p{margin:0;font-size:14px}.banner-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:4px}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.insights-content{line-height:1.6;color:var(--foreground)!important}.insights-content *{color:var(--foreground)!important}.insights-content h2,.insights-content h3,.insights-content h4{color:var(--foreground)!important;margin-top:24px!important;margin-bottom:12px!important}.insights-content h2:first-child{margin-top:0!important}.insights-content p{color:var(--foreground)!important;margin-bottom:12px!important}.insights-content ul{color:var(--foreground)!important;margin-bottom:12px!important;padding-left:20px!important}.insights-content li{color:var(--foreground)!important;margin-bottom:6px!important}.insights-content strong{color:var(--foreground)!important;font-weight:600!important}.insights-content .status-badge{background-color:var(--primary)!important;color:var(--primary-foreground)!important;border-radius:4px!important;padding:2px 6px!important;font-weight:500!important}.insights-card{background-color:var(--secondary);border-radius:8px;padding:24px}.insights-container{flex-direction:column;gap:24px;display:flex}.payment-overdue-banner{color:#000;text-align:center;background-color:#feb910;margin-top:-32px;margin-bottom:32px;padding:12px 20px;font-weight:500}@media (max-width:768px){.payment-overdue-banner{margin-top:-16px;margin-bottom:16px}}.language-banner{background-color:var(--card);z-index:1000;border-radius:12px;width:calc(100% - 32px);max-width:560px;animation:.3s ease-out language-banner-slide-up;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.language-banner-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.language-banner-header-left{color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;display:flex}.language-banner-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.language-banner-close:hover{color:var(--foreground)}.language-banner-content{padding:20px 16px}.language-banner-title{color:var(--foreground);font-size:18px;font-weight:600}.language-banner-subtitle{color:var(--muted-foreground);margin:0 0 16px;font-size:14px}.language-banner-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.language-banner-options .button{min-width:auto}.language-flag{font-size:20px;line-height:1}@keyframes language-banner-slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.language-banner{width:calc(100% - 16px);bottom:30px}.language-banner-options{gap:8px}.language-flag{font-size:18px}}
.checkpoint-module__fmEjVq__checkpointContainer{background-color:var(--background);width:100%;height:100vh;color:var(--foreground);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.checkpoint-module__fmEjVq__headerContainer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background-color:#09090bcc;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:30px 50px;display:flex;position:fixed;top:0;left:0;right:0}.checkpoint-module__fmEjVq__headerWithBanner{top:60px}.checkpoint-module__fmEjVq__bannerContainer{z-index:20;width:100%;position:fixed;top:0;left:0;right:0}.checkpoint-module__fmEjVq__bannerContainer .payment-overdue-banner{margin-top:0;margin-bottom:0}.checkpoint-module__fmEjVq__bannerContainer>div>div{margin-top:0!important;margin-bottom:0!important}.checkpoint-module__fmEjVq__mainContent{flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;padding:0 50px;display:flex;position:relative;overflow:hidden}.checkpoint-module__fmEjVq__scrollableArea{-webkit-overflow-scrolling:touch;z-index:1;flex-direction:column;flex:1;min-height:100%;padding-top:230px;display:flex;position:relative;overflow-y:auto}.checkpoint-module__fmEjVq__scrollableWithBanner{padding-top:290px}.checkpoint-module__fmEjVq__scrollableArea:after{content:"";background:linear-gradient(to bottom,transparent,var(--background));pointer-events:none;z-index:2;height:100px;position:fixed;bottom:0;left:0;right:0}.checkpoint-module__fmEjVq__titleSection{flex:1}.checkpoint-module__fmEjVq__clockContainer{flex-direction:column;align-items:flex-end;gap:16px;margin-top:10px;display:flex}.checkpoint-module__fmEjVq__clock{background-color:var(--card);border-radius:100px;flex-shrink:0;align-items:center;gap:16px;padding:14px 26px;display:flex}.checkpoint-module__fmEjVq__clockTime{font-size:31px;font-weight:600}.checkpoint-module__fmEjVq__connectionStatus{color:#fff;background-color:#b45309;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;animation:.2s ease-in checkpoint-module__fmEjVq__fadeIn;display:flex}.checkpoint-module__fmEjVq__title{font-size:80px;font-weight:700;line-height:1}.checkpoint-module__fmEjVq__titleHighlight{color:var(--primary);display:block}.checkpoint-module__fmEjVq__employeeGrid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-content:start;gap:26px;width:100%;height:auto;max-height:none;padding:0;display:grid}.checkpoint-module__fmEjVq__employeeCard{background-color:var(--card);border-radius:8px;width:100%;padding:24px;overflow:hidden}.checkpoint-module__fmEjVq__employeeCardContent{grid-template-columns:1fr auto;align-items:center;gap:24px;width:100%;min-width:0;display:grid}.checkpoint-module__fmEjVq__employeeName{align-items:center;min-width:0;font-size:26px;font-weight:500;display:flex}.checkpoint-module__fmEjVq__employeeNameText{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.checkpoint-module__fmEjVq__statusDot{flex-shrink:0;align-items:center;margin-right:8px;padding:6px;display:inline-flex;position:relative}.checkpoint-module__fmEjVq__statusDotInner{background-color:var(--success);border-radius:50%;width:12px;height:12px}.checkpoint-module__fmEjVq__statusDotPing{background-color:var(--success);border-radius:50%;width:12px;height:12px;animation:2s cubic-bezier(0,0,.2,1) infinite checkpoint-module__fmEjVq__statusPing;position:absolute}.checkpoint-module__fmEjVq__button{flex-shrink:0;width:120px;height:57px;font-size:22px}.checkpoint-module__fmEjVq__buttonDisabled{opacity:.3;cursor:not-allowed;pointer-events:none;transition:opacity .2s ease-in-out}.checkpoint-module__fmEjVq__welcomeOverlay{background-color:var(--primary);z-index:50;will-change:transform;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.checkpoint-module__fmEjVq__welcomeContent{text-align:center;color:#fff;will-change:transform;padding:0 20px}.checkpoint-module__fmEjVq__welcomeTitle{font-size:62px;font-weight:700}.checkpoint-module__fmEjVq__demoBanner{text-align:center;color:#ffffffe6;padding:20px 0;font-size:28px;font-weight:500;position:fixed;bottom:90px;left:0;right:0}.checkpoint-module__fmEjVq__scrollFooter{justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:auto;padding:16px 0 60px;display:flex}.checkpoint-module__fmEjVq__versionNumber{color:#5e5e5e;font-size:14px}.checkpoint-module__fmEjVq__exitButton{color:#5e5e5e;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:14px;transition:opacity .2s}.checkpoint-module__fmEjVq__exitButton:hover{opacity:1;text-decoration:underline}@keyframes checkpoint-module__fmEjVq__fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkpoint-module__fmEjVq__fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes checkpoint-module__fmEjVq__scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkpoint-module__fmEjVq__spin{to{transform:rotate(360deg)}}@keyframes checkpoint-module__fmEjVq__statusPing{75%,to{opacity:0;transform:scale(2)}}.checkpoint-module__fmEjVq__checkpointModal{background:var(--background);width:400px;color:var(--foreground);border:none;border-radius:8px;margin:0;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000d,0 12px 24px #0000000d}.checkpoint-module__fmEjVq__checkpointModal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.checkpoint-module__fmEjVq__modalHeader{margin-bottom:20px}.checkpoint-module__fmEjVq__modalTitle{margin-bottom:8px;font-size:20px;font-weight:600}.checkpoint-module__fmEjVq__modalSubtitle{color:var(--muted-foreground);font-size:14px}.checkpoint-module__fmEjVq__modalContent{flex-direction:column;gap:16px;display:flex}.checkpoint-module__fmEjVq__modalActions{gap:8px;display:flex}.checkpoint-module__fmEjVq__modalButton{height:36px;min-width:unset;cursor:pointer;border:none;border-radius:6px;flex:1;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.checkpoint-module__fmEjVq__modalButtonPrimary{background:var(--primary);color:#fff}.checkpoint-module__fmEjVq__modalButtonPrimary:hover{opacity:.9}.checkpoint-module__fmEjVq__modalButtonSecondary{background:var(--accent);color:var(--accent-foreground)}.checkpoint-module__fmEjVq__modalButtonSecondary:hover{opacity:.9}.checkpoint-module__fmEjVq__employeesList{flex-direction:column;gap:4px;max-height:300px;margin:-4px;padding:4px;display:flex;overflow-y:auto}.checkpoint-module__fmEjVq__employeeCheckbox{cursor:pointer;border-radius:4px;align-items:center;padding:8px;transition:background-color .2s;display:flex}.checkpoint-module__fmEjVq__employeeCheckbox:hover{background-color:var(--accent)}.checkpoint-module__fmEjVq__employeeCheckbox input{margin-right:12px}.checkpoint-module__fmEjVq__adminBadge{color:var(--muted-foreground);margin-left:8px;font-size:14px}.checkpoint-module__fmEjVq__modalFooter{justify-content:flex-end;margin-top:20px;display:flex}.checkpoint-module__fmEjVq__breakModalOverlay{z-index:100;box-sizing:border-box;background:#000000fb linear-gradient(#000,#1a44ed11);justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards checkpoint-module__fmEjVq__fadeInModal;display:flex;position:fixed;inset:0}.checkpoint-module__fmEjVq__breakModalSimpleWrapper{box-sizing:border-box;width:100%;max-width:700px;padding:50px}.checkpoint-module__fmEjVq__breakModalInvisibleBuffer{box-sizing:border-box;width:100%;max-width:800px;padding:80px}.checkpoint-module__fmEjVq__breakModalSimple{text-align:center;width:100%;max-width:600px;animation:.2s ease-out forwards checkpoint-module__fmEjVq__scaleInModal}.checkpoint-module__fmEjVq__breakModalTitle{color:#fff;margin:0 0 24px;font-size:30px;font-weight:500}.checkpoint-module__fmEjVq__breakOptionGrid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}.checkpoint-module__fmEjVq__breakOptionButton{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:80px;font-size:22px;font-weight:600;transition:background-color .2s;display:flex}.checkpoint-module__fmEjVq__breakOptionButtonPreferred{background-color:var(--primary)}.checkpoint-module__fmEjVq__breakOptionButtonRegular{background-color:color-mix(in srgb,var(--primary)75%,black)}.checkpoint-module__fmEjVq__breakOptionButtonActive{background-color:#1e3799}.checkpoint-module__fmEjVq__breakDivider{text-align:center;margin:70px 0 14px;position:relative}.checkpoint-module__fmEjVq__breakDivider:before{content:"";z-index:1;background-color:#fff3;height:1px;position:absolute;top:50%;left:0;right:0}.checkpoint-module__fmEjVq__breakDividerText{z-index:2;color:#fff;background-color:#000000e6;padding:0 15px;font-size:20px;font-weight:500;position:relative}@media (max-width:480px){.checkpoint-module__fmEjVq__scrollableArea{padding-top:120px}.checkpoint-module__fmEjVq__scrollableWithBanner{padding-top:180px}.checkpoint-module__fmEjVq__headerContainer{padding:16px}.checkpoint-module__fmEjVq__headerWithBanner{top:60px}.checkpoint-module__fmEjVq__title{font-size:40px}.checkpoint-module__fmEjVq__clockContainer{display:none}.checkpoint-module__fmEjVq__button{width:90px;height:45px;font-size:18px}.checkpoint-module__fmEjVq__employeeName{font-size:20px}.checkpoint-module__fmEjVq__welcomeTitle{font-size:32px}.checkpoint-module__fmEjVq__breakOptionGrid{grid-template-columns:repeat(3,1fr)}.checkpoint-module__fmEjVq__breakOptionButton{height:70px;font-size:16px}}