:root{--color-primary: #1565c0;--color-primary-dark: #0d47a1;--color-danger: #c62828;--color-danger-dark: #8e0000;--color-secondary: #e3e7ee;--color-text: #1a1f29;--color-muted: #6b7280;--color-bg: #f4f6fa;--color-card: #ffffff;--color-success: #2e7d32;--radius: 14px;--shadow: 0 2px 12px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.muted{color:var(--color-muted);font-size:.95rem}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.header-greeting{font-size:.85rem;color:var(--color-muted)}.header-name{font-size:1.15rem;font-weight:700}.app-main{flex:1;display:flex;flex-direction:column;gap:1rem;padding:.75rem 1.25rem 2rem}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.login-title{font-size:1.5rem;text-align:center}.login-subtitle{text-align:center;color:var(--color-muted);margin-top:-.5rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.field input{font-size:1rem;padding:.75rem .85rem;border:1px solid #d4d9e2;border-radius:10px;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--color-primary)}.field select,.field textarea{font-family:inherit;font-size:1rem;padding:.7rem .8rem;border:1px solid #d4d9e2;border-radius:10px;outline:none;background:#fff;resize:vertical;transition:border-color .15s}.field select:focus,.field textarea:focus{border-color:var(--color-primary)}.btn{font-size:1rem;font-weight:600;padding:.8rem 1rem;border:none;border-radius:12px;cursor:pointer;transition:background .15s,opacity .15s;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-lg{padding:1.1rem 1rem;font-size:1.15rem}.btn-sm{width:auto;align-self:flex-start;padding:.45rem .8rem;font-size:.85rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:not(:disabled):active{background:var(--color-primary-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:not(:disabled):active{background:var(--color-danger-dark)}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-link{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem}.btn-link:disabled{opacity:.5;cursor:not-allowed}.status-card{display:flex;align-items:center;gap:.75rem}.status-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.status-label{font-size:1.1rem;font-weight:700}.status-out .status-dot{background:var(--color-muted)}.status-working .status-dot{background:var(--color-success)}.status-break .status-dot{background:#f9a825}.actions{display:flex;flex-direction:column;gap:.75rem}.error-message{color:var(--color-danger);font-size:.9rem;font-weight:600}.success-message{color:var(--color-success);font-size:.9rem;font-weight:600}.section-title{font-size:1.1rem;margin-bottom:.75rem}.history{display:flex;flex-direction:column;gap:1rem}.history-date{font-size:.85rem;color:var(--color-muted);text-transform:capitalize;margin-bottom:.4rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.history-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:var(--color-bg);border-radius:10px}.history-icon{font-size:1rem}.history-type{flex:1;font-weight:600;font-size:.95rem}.history-time{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.history-subtype{color:var(--color-muted);font-weight:400}.correction-form,.wizard-step{display:flex;flex-direction:column;gap:.85rem}.wizard-date{font-size:.95rem}.day-events{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;background:var(--color-bg);border-radius:12px}.day-events-title{font-size:.9rem;font-weight:700;color:var(--color-muted)}.request-list,.audit-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.request-item{display:flex;flex-direction:column;gap:.4rem;padding:.85rem;background:var(--color-bg);border-radius:12px}.request-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.request-entry,.request-change{font-size:.92rem;font-weight:600}.request-reason{font-size:.92rem}.kind-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.12rem .45rem;border-radius:6px;background:#e8eefc;color:var(--color-primary-dark)}.event-tag{margin-left:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.08rem .35rem;border-radius:6px;background:#e8eefc;color:var(--color-primary-dark);vertical-align:middle}.history-item--voided{opacity:.6}.history-item--voided .history-type{text-decoration:line-through}.history-item--voided .event-tag{text-decoration:none;background:#fdecea;color:var(--color-danger)}.request-meta{font-size:.8rem;color:var(--color-muted)}.request-resolution{font-size:.88rem;padding-top:.3rem;border-top:1px solid #e3e7ee}.resolution-input{font-family:inherit;font-size:.95rem;padding:.6rem .7rem;border:1px solid #d4d9e2;border-radius:10px;outline:none;resize:vertical}.resolution-input:focus{border-color:var(--color-primary)}.request-actions{display:flex;gap:.6rem}.request-actions .btn{width:auto;flex:1}.badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.badge-pending{background:#fff3e0;color:#b45309}.badge-approved{background:#e6f4ea;color:var(--color-success)}.badge-rejected{background:#fdecea;color:var(--color-danger)}.badge-cancelled{background:#eceff1;color:#546e7a}.admin-tabs{display:flex;gap:.4rem;padding:0 1.25rem}.admin-tab{position:relative;flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:.7rem .5rem;font-size:.95rem;font-weight:600;color:var(--color-muted);cursor:pointer}.admin-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{display:inline-block;margin-left:.35rem;min-width:1.2rem;padding:0 .35rem;font-size:.72rem;line-height:1.2rem;color:#fff;background:var(--color-danger);border-radius:999px}.audit-item{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .85rem;background:var(--color-bg);border-radius:10px}.audit-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.audit-action{font-weight:700;font-size:.92rem}.audit-time{font-size:.78rem;color:var(--color-muted);white-space:nowrap}.audit-meta{font-size:.82rem;color:var(--color-muted);word-break:break-all}.audit-reason{font-size:.85rem}@media (min-width: 600px){.app-shell{margin-top:1.5rem;margin-bottom:1.5rem;min-height:auto}}.employee-layout{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--color-card);border-right:1px solid #e3e7ee;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem .85rem;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:.25rem .5rem 1rem}.sidebar-logo{font-size:1.6rem}.sidebar-app{font-weight:800;font-size:1.1rem}.sidebar-user{font-size:.82rem;color:var(--color-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-group-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);padding:.85rem .85rem .35rem}.sidebar-group-title:first-child{padding-top:.25rem}.sidebar-link,.sidebar-logout{display:flex;align-items:center;gap:.7rem;width:100%;padding:.75rem .85rem;border:none;border-radius:12px;background:none;font-size:.98rem;font-weight:600;color:var(--color-text);cursor:pointer;text-align:left;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--color-bg)}.sidebar-link--active{background:#e8eefc;color:var(--color-primary-dark)}.sidebar-icon{font-size:1.15rem;width:1.3rem;text-align:center}.sidebar-count{margin-left:auto;min-width:1.3rem;padding:0 .4rem;font-size:.72rem;line-height:1.3rem;text-align:center;color:#fff;background:var(--color-danger);border-radius:999px}.sidebar-logout{color:var(--color-muted);border-top:1px solid #e3e7ee;border-radius:0;margin-top:auto}.sidebar-logout:hover{color:var(--color-danger)}.sidebar-backdrop{display:none}.employee-main{flex:1;min-width:0;display:flex;flex-direction:column}.employee-topbar{display:none;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--color-card);border-bottom:1px solid #e3e7ee;position:sticky;top:0;z-index:10}.hamburger{font-size:1.4rem;line-height:1;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:8px}.employee-topbar-title{font-weight:700;font-size:1.05rem}.employee-content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.section-stack{display:flex;flex-direction:column;gap:1rem}.section-title--cap{text-transform:capitalize}.clock-hero{display:grid;grid-template-columns:1fr auto;grid-template-areas:"status status" "counter facts";gap:.75rem 1rem;align-items:center}.clock-status{grid-area:status;display:flex;align-items:center;gap:.6rem}.clock-counter{grid-area:counter;display:flex;flex-direction:column}.clock-counter-value{font-size:2.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.clock-counter-label{font-size:.85rem;color:var(--color-muted);margin-top:.2rem}.clock-facts{grid-area:facts;display:flex;gap:1.25rem;text-align:right}.clock-facts dt{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.clock-facts dd{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.history-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1rem}.history-userfield,.history-datefield{flex:1 1 160px}.history-today-btn{flex:0 0 auto;padding-bottom:.5rem}.history-datefield input{font-family:inherit;font-size:1rem;padding:.6rem .7rem;border:1px solid #d4d9e2;border-radius:10px;outline:none}.history-datefield input:focus{border-color:var(--color-primary)}.counters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.counter{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .6rem;background:var(--color-bg);border-radius:12px;text-align:center}.counter-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);font-weight:700}.counter-value{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.counter-days{font-size:.78rem;color:var(--color-muted)}.day-summary{font-size:.95rem;margin-bottom:.85rem}.day-flag--open{color:var(--color-danger);font-weight:700}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.calendar-title{font-weight:700;font-size:1.05rem;text-transform:capitalize}.calendar-nav{width:2.2rem;height:2.2rem;border:1px solid #d4d9e2;border-radius:10px;background:var(--color-card);font-size:1.3rem;line-height:1;cursor:pointer;color:var(--color-primary)}.calendar-nav:hover{background:var(--color-bg)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.calendar-weekdays{margin-bottom:.3rem}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:700;color:var(--color-muted)}.calendar-cell{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;transition:transform .1s}.calendar-cell:hover{transform:scale(1.05)}.calendar-cell--empty{cursor:default;border:none}.calendar-cell--none{background:var(--color-bg);color:var(--color-muted)}.calendar-cell--green{background:#d8f0db;color:#1b5e20}.calendar-cell--orange{background:#ffe7c2;color:#9a4a00}.calendar-cell--red{background:#fbd5d0;color:#8e0000}.calendar-cell--today{font-weight:800;text-decoration:underline}.calendar-cell--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.calendar-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;font-size:.8rem;color:var(--color-muted)}.calendar-legend li{display:flex;align-items:center;gap:.4rem}.legend-dot{width:.9rem;height:.9rem;border-radius:4px;display:inline-block}.legend-dot--green{background:#d8f0db}.legend-dot--orange{background:#ffe7c2}.legend-dot--red{background:#fbd5d0}.legend-dot--none{background:var(--color-bg);border:1px solid #d4d9e2}.user-form{display:flex;flex-direction:column;gap:.85rem}.user-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.user-item{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem .85rem;background:var(--color-bg);border-radius:12px}.user-item--inactive{opacity:.7}.user-info{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{font-weight:700;font-size:.95rem}.user-email{font-size:.82rem;color:var(--color-muted);word-break:break-all}.user-tags{display:flex;gap:.4rem;flex-shrink:0}.user-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.role-select{font-family:inherit;font-size:.85rem;padding:.35rem .5rem;border:1px solid #d4d9e2;border-radius:8px;background:#fff;outline:none}.role-select:focus{border-color:var(--color-primary)}.user-action{flex-shrink:0;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.user-error{flex-basis:100%;margin-top:.25rem}.user-self{font-size:.85rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.section-head .section-title{margin-bottom:0}.user-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e3e7ee}.user-filters input,.user-filters select{font-family:inherit;font-size:.95rem;padding:.55rem .7rem;border:1px solid #d4d9e2;border-radius:10px;outline:none;background:#fff}.user-filters input:focus,.user-filters select:focus{border-color:var(--color-primary)}.credential-box{position:relative;background:#fff8e1;border:1px solid #f5d98b;border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.credential-close{position:absolute;top:.4rem;right:.6rem;background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-muted)}.credential-title{font-size:.95rem;padding-right:1.5rem}.credential-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.credential-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted)}.credential-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.04em;background:#fff;border:1px dashed #d4a017;border-radius:8px;padding:.3rem .6rem}.badge-admin{background:#ede7f6;color:#5e35b1}.badge-employee{background:#e8eefc;color:var(--color-primary-dark)}.btn-sm{width:auto;padding:.5rem .85rem;font-size:.88rem}@media (max-width: 767px){.sidebar{position:fixed;top:0;left:0;height:100%;z-index:30;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 16px #0000002e}.sidebar--open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:20}.employee-topbar{display:flex}.employee-content{padding:1rem 1rem 2.5rem}.counters-grid{grid-template-columns:repeat(2,1fr)}.clock-counter-value{font-size:2rem}.user-filters{grid-template-columns:1fr}.user-item{align-items:flex-start}}