: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:#ffffff33;--input:#27272a;--ring:#8b5cf6;--radius:6px;--textfont:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--textfont);background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}a:not(.menu-item),a:not(.menu-item):active,a:not(.menu-item):link,a:not(.menu-item):visited{color:white!important;text-decoration:underline!important}a:not(.menu-item):focus,a:not(.menu-item):hover{color:#cccccc!important;text-decoration:none!important}.container{width:100%;max-width:560px;display:grid;grid-gap:32px;gap:32px;margin:0 auto 20px}.login-wrapper{width:460px;overflow-x:hidden}.auth-page-wrapper,.login-wrapper{display:flex;align-items:center;justify-content:center;padding:20px}.auth-page-wrapper{min-height:100vh;width:100%}.auth-page-wrapper .container{max-width:460px;width:100%;margin:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:40px;font-weight:700;color:var(--foreground)}.login-page,.login-page-wrapper{display:flex;min-height:100vh;width:100%}.login-image-wrapper{flex:2 1;position:relative;overflow:hidden}.login-image-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0c0c16bf;z-index:1}.login-form-container{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 30px 80px;background-color:var(--background);max-width:680px;min-width:400px}.login-form-container .toast{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);width:calc(100% - 60px);max-width:400px}.login-form-content{width:100%;max-width:400px}.login-header{font-size:28px;margin-bottom:20px;color:var(--foreground);text-align:left}.login-form{gap:1rem}.login-disclaimer{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:var(--muted-foreground);font-size:12px;border-top:1px solid rgba(255,255,255,.1);padding:16px 40px 0}.login-disclaimer p{margin:0}.login-disclaimer a{color:var(--muted-foreground);text-decoration:underline;transition:color .2s ease}.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;width:100%;max-width:100%;min-height:100vh;padding:20px;justify-content:center;position:relative}.login-form-container .toast{width:calc(100% - 40px)}.login-form-content{margin-bottom:40px}.login-disclaimer{position:absolute;bottom:34px;left:0;right:0;width:100%;padding:20px 30px 0;margin:0;background-color:var(--background)}}.card{background-color:var(--card);border-radius:var(--radius);padding:24px;width:100%}.card-header{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--card-foreground)}.card-header.expandable{margin:0}.card-header-with-button{font:600 24px/1 var(--card-foreground);margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.export-card,.export-time-card{margin-top:32px}.time-controls{gap:16px}.card-expandable{overflow:hidden}.card-header-expandable{cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.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 ease}.card-icon.open{transform:rotate(180deg)}.card-content-wrapper{margin-top:16px}.modal{background-color:var(--card);border:1px solid transparent;border-radius:var(--radius);padding:24px;max-width:460px;width:100%;margin:auto}.modal *{overscroll-behavior:contain}.employee-hours-modal::-webkit-backdrop,.modal::-webkit-backdrop{background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.employee-hours-modal::backdrop,.modal::backdrop{background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}body:has(dialog.modal[open]){overflow:hidden}.modal-form{display:flex;flex-direction:column;gap:16px}.input,.select-input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;background-color:var(--card);color:var(--foreground);transition:border-color .2s ease;height:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--textfont);text-align:left}.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-repeat:no-repeat;background-position:right 16px center;padding:0 34px 1px 16px;width:auto;min-width:max-content;max-width:100%}.input:focus,.select-input:focus{outline:none;border-color:var(--primary)}.input:hover,.select-input:hover{border:1px solid var(--muted-foreground)}.input-disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.input-disabled,.input-disabled:hover{border-color:var(--border)}.textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;background-color:var(--background);color:var(--foreground);transition:border-color .2s ease;font-family:var(--textfont);resize:none;min-height:100px}.textarea:focus{outline:none;border-color:var(--primary)}.textarea:hover{border:1px solid var(--muted-foreground)}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;background-color:var(--card);color:var(--foreground);height:42px;font-family:var(--textfont);text-align:left}input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{text-align:left;padding:0}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:15px;font-weight:700;border-radius:var(--radius);cursor:pointer;border:none;white-space:nowrap;height:42px;gap:4px;min-width:100px;transition:filter .2s ease;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-spinner,.button-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.button-spinner,.button[aria-busy=true] .button-text{opacity:0}.button[aria-busy=true] .button-spinner{opacity:1}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:currentcolor;animation:spin .7s linear infinite}.space-xs{height:2px;width:100%}.space-s{height:4px;width:100%}.space-m{height:8px;width:100%}.space-l{height:12px;width:100%}.space-xl{height:16px;width:100%}.current-session{background-color:var(--success);border-radius:var(--radius);padding:16px}.work-entry{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.summary-content{display:grid;grid-gap:12px;gap:12px}.summary-item{display:flex;justify-content:space-between}.summary-label{color:var(--muted-foreground)}.summary-value{font-weight:600}.error-message{color:var(--destructive);margin-top:16px;font-size:14px}.menu-wrapper{width:100vw;background-color:var(--card);margin-bottom:32px}.menu{max-width:590px;margin:0 auto;padding:16px}.menu-items{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.menu-logo{width:32px;height:32px;margin-right:16px}.menu-item{padding:8px 16px;color:var(--foreground);text-decoration:none;border-radius:var(--radius);transition:background-color .3s ease,color .3s ease;font-weight:600}.menu-item.active,.menu-item:hover{background-color:var(--secondary);color:var(--primary-foreground)}.edit-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:14.4px;margin-left:8px;text-decoration:underline}.support-footer{width:100%;text-align:center;color:var(--muted-foreground);font-size:14px;margin-top:auto;margin-bottom:30px}.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{width:8px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.scrollable-content-dynamic:active::-webkit-scrollbar,.scrollable-content-dynamic:hover::-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:1 1 auto;position:relative;overflow:hidden;margin-right:-24px;padding-right:24px}.scrollable-shadow-wrapper{height:100%;overflow-y:auto;padding-right:24px;padding-bottom:60px;margin-right:-24px;mask-image:linear-gradient(180deg,black calc(100% - 100px),transparent);-webkit-mask-image:linear-gradient(180deg,black calc(100% - 100px),transparent)}.scrollable-shadow-wrapper::-webkit-scrollbar{display:none}.scrollable-shadow-wrapper{-ms-overflow-style:none;scrollbar-width:none}.tab-bar{display:flex;justify-content:space-between;background-color:var(--secondary);padding:4px;border-radius:26px;transition:opacity .3s ease}.tab-bar.disabled{cursor:not-allowed}.tab{flex-grow:1;padding:12px 20px;cursor:pointer;border:none;background:none;font-size:14px;font-weight:600;color:var(--muted-foreground);transition:all .3s;border-radius:20px;text-align:center}.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{margin-top:8px;font-size:14px;color:var(--muted-foreground);text-align:center}.form-group{color:var(--foreground);display:flex;flex-direction:column;gap:4px}.form-actions{display:flex;justify-content:flex-end;gap:20px}.create-employee-form{display:flex;flex-direction:column;gap:16px}.create-employee-row{display:flex;gap:16px}.create-employee-row .input{flex:1 1}.login-form{display:flex;flex-direction:column;gap:16px}.export-controls{display:flex;gap:16px;flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1rem}.pagination button{margin:0 8px;padding:8px 16px;background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--secondary-foreground)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{margin:0 16px;color:var(--foreground)}.loading-spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0}.loading-spinner{border-top:4px solid var(--muted);border:4px solid var(--muted);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-content{padding-bottom:30px}.toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);padding:12px 16px;border-radius:100px;z-index:1000;display:flex;align-items:center;gap:12px;width:calc(100% - 32px);max-width:560px;animation:toastAnimation 7s ease-in-out forwards;opacity:0}.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{flex-grow:1;text-align:left}@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{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--muted);border-radius:24px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--foreground);border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translateX(22px)}.work-time-table{width:100%;border-collapse:collapse;margin-bottom:16px}.work-time-table td,.work-time-table th{padding:8px;border:1px solid var(--border);text-align:left}.work-time-table th{background-color:var(--muted);font-weight:700;color:var(--muted-foreground)}.work-time-table input[type=time]{width:100%;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--input);color:var(--foreground)}.work-time-table button{margin-top:16px}.save-changes-button{float:right;margin-top:16px}.work-time-editor{overflow:hidden;width:100%}.invite-form{display:flex;gap:16px}.work-time-entry{background-color:var(--secondary);border-radius:4px;overflow:hidden}.work-time-summary{display:flex;justify-content:space-between;padding:16px;cursor:pointer;gap:8px;text-transform:lowercase}.work-time-details input[type=time]{background-color:var(--card)}.time-inputs{display:grid;grid-template-columns:repeat(3,1fr) auto;grid-gap:12px;gap:12px;align-items:end}.time-input-group{display:flex;flex-direction:column;gap:4px}.time-arrow{color:var(--foreground)}.lunch-input{display:flex;align-items:center;gap:10px}.lunch-input label{flex:1 1;color:var(--foreground)}.lunch-input .select-input{flex:2 1;background-color:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);padding:5px}.expand-arrow{color:var(--foreground)}.time-controls{flex-direction:column}.lunch-break-control,.primary-controls,.time-controls{display:flex;gap:10px}.lunch-break-control{align-items:center}.lunch-break-control .select-input,.lunch-break-control span{flex:1 1}.sick-leave-dropdown{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px;background-color:var(--secondary);border-radius:var(--radius)}.sick-leave-text{font-size:16px}.dropdown-arrow,.sick-leave-text{color:var(--secondary-foreground)}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.sick-leave-form{margin-top:16px}.sick-leave-form .time-inputs{display:flex;gap:16px;margin-bottom:16px}.sick-leave-form .time-inputs input[type=time]{flex:1 1;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--input);color:var(--foreground)}.sick-leave-form .time-arrow{display:flex;align-items:center;color:var(--muted-foreground)}.sick-leave-form .button{width:100%}.expandable-panel{border-radius:var(--radius);overflow:hidden;background-color:var(--secondary);display:flex;flex-direction:column}.expandable-panels-container{display:flex;flex-direction:column;gap:16px}.expandable-panel-header{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.expandable-panel-header:hover{background-color:var(--secondary)}.expandable-panel-title{font-weight:500;color:var(--foreground)}.expandable-panel-icon{color:white;transition:transform .2s ease}.expandable-panel-icon.open{transform:rotate(180deg)}.expandable-panel-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.separator{height:1px;width:100%;background-color:var(--border)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding-top:60px}.modal-content{background-color:var(--card);border-radius:var(--radius);width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:24px;color:var(--foreground)}.close-button{background:none;border:none;color:var(--foreground);cursor:pointer;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 1}.modal-content .expandable-panels-container{display:flex;flex-direction:column;gap:16px}.modal-content .expandable-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.modal-content .expandable-panel-header{padding:16px;background-color:var(--secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.modal-content .expandable-panel-title{font-weight:500}.modal-content .expandable-panel-icon{transition:transform .3s ease}.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{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.modal-content .time-input-group{display:flex;flex-direction:column;gap:4px}.modal-content .time-input-group label{font-size:14px;color:var(--muted-foreground)}.modal-content .time-input-group input{width:100%}.employee-hours-modal{background-color:var(--card);border:1px solid transparent;border-radius:var(--radius);padding:24px;height:85vh;max-width:560px;max-height:85vh;width:100%;margin:auto;display:flex;flex-direction:column;gap:24px}.employee-hours-modal-header{flex:0 0 auto;display:flex;align-items:center;gap:16px}.employee-hours-info{flex:1 1}.employee-hours-info h2{font-size:24px;font-weight:600;color:var(--card-foreground);margin:0}.employee-hours-info p{color:var(--muted-foreground)}.employee-hours-controls{flex:0 0 auto;padding-bottom:16px}.employee-hours-body{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.employee-hours-content{flex:1 1;overflow-y:auto}.employee-hours-content::-webkit-scrollbar{display:none}.employee-hours-footer{flex:0 0 auto;margin-top:auto}@media (max-width:768px){.employee-hours-modal{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0;padding:env(safe-area-inset-top) 16px 16px;gap:16px;display:flex;flex-direction:column;background-color:var(--card)}.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;width:100%;gap:8px}.employee-hours-body{flex:1 1;display:flex;flex-direction:column;position:relative;min-height:0}.employee-hours-content{flex:1 1;overflow-y:auto;padding-bottom:16px}.employee-hours-footer{flex:0 0 auto;padding:16px 0;margin-top:0;background-color:var(--card);position:relative}}.status-badge{padding:4px 8px;border-radius:4px;font-weight:700}.status-badge.working{color:var(--foreground)}.terms-content{max-height:60vh;overflow-y:auto;padding:0}.terms-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.scrollable-content{max-height:60vh;overflow-y:auto;padding-right:16px}.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{display:flex;flex-direction:column;gap:24px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-info{flex:1 1}.settings-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--foreground)}.settings-description{font-size:14px;color:var(--muted-foreground);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{padding:0 8px;width:100%;gap:16px}.page-header{flex-direction:column}.employee-info,.page-header{align-items:flex-start;width:100%}.employee-info{margin-top:8px}.card{max-width:100%;box-sizing:border-box}.button,.card{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{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;margin:0;border-radius:12px 12px 0 0;max-height:85vh;overflow-y:auto;transform:translateY(0)!important;padding-bottom:60px}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,.input,.select-input{width:100%}.time-controls{flex-direction:column;width:100%}.time-inputs{grid-template-columns:1fr;gap:16px}.time-input-group{display:flex;flex-direction:column;gap:8px}.time-input-group label{font-size:16px;margin-bottom:4px}.time-input-group .select-input,.time-input-group input[type=time]{width:100%;max-width:none}.toast{width:calc(100% - 64px)}}.employee-list{display:flex;flex-direction:column;gap:1px;background-color:#343434}.employee-item{display:flex;flex-wrap:wrap;align-items:center;padding:16px 0;background-color:var(--card)}.employee-info{flex:1 1;min-width:0;margin-right:16px}.employee-name{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.employee-info p,.employee-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-info p{font-size:14px;color:var(--muted-foreground)}.employee-status{margin-right:24px}.employee-actions{flex-shrink:0}.status-badge{padding:6px 16px;border-radius:16px;font-size:14px;font-weight:600;color:var(--foreground);white-space:nowrap}.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 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{display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:24px;font-weight:600;color:var(--card-foreground);margin:0}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(1);opacity:.9;cursor:pointer;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.export-mobile-warning{display:none;color:var(--muted-foreground)}.export-content{display:block}@media (max-width:768px){.export-content{display:none}.export-mobile-warning{display:block}.feedback-type-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:10px!important;gap:10px!important}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.stat-box{background-color:var(--card);padding:20px;border-radius:8px;display:flex;align-items:flex-start;gap:16px;transition:transform .2s ease-in-out}.stat-box:hover{transform:translateY(-2px)}.stat-icon{color:var(--primary);background-color:rgba(26,67,237,.1);width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1 1}.stat-content h3{margin:0 0 8px;font-size:14px;color:var(--muted-foreground);font-weight:500}.stat-value{font-size:28px;font-weight:700;margin:0;color:var(--foreground)}.registration-count{background-color:var(--accent);color:var(--accent-foreground);padding:4px 10px;border-radius:16px;font-size:14px;font-weight:500;white-space:nowrap}@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{font-size:12px;padding:3px 8px}}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;background-color:var(--card);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.2);z-index:900;animation:slide-up .3s ease-out}.banner-content{display:flex;align-items:center;gap:12px}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-text p{margin:0;font-size:14px}.banner-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:4px}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.insights-content{line-height:1.6}.insights-content,.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,.insights-content ul{color:var(--foreground)!important;margin-bottom:12px!important}.insights-content ul{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;padding:2px 6px!important;border-radius:4px!important;font-weight:500!important}.insights-card{background-color:var(--secondary);border-radius:8px;padding:24px}.insights-container{display:flex;flex-direction:column;gap:24px}