.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-nav{z-index:30;background:color-mix(in srgb, var(--color-surface) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);justify-content:space-between;align-items:center;min-height:4rem;padding:.55rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 14px 34px -34px #17171773}.app-nav-tabs{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg) 64%, white);gap:.35rem;width:100%;padding:.18rem;display:flex}.app-nav-tab{color:var(--color-muted);font:inherit;border-radius:calc(var(--radius-lg) - .22rem);cursor:pointer;background:0 0;border:0;flex:1 1 0;height:2.75rem;padding:0 .25rem;font-size:.78rem;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s;position:relative}.app-nav-tab:after{content:none}.app-nav-tab:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 72%, transparent)}.app-nav-tab.is-active{color:var(--color-text);background:var(--color-surface-raised);box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 20%, transparent)}.app-nav-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-timer-bar{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 76%, transparent);padding:.8rem 1rem}.app-timer-bar>*{width:100%;max-width:920px;margin-inline:auto}.app-main{flex:1;padding:1.25rem 1rem 2.25rem}.app-main>*{width:100%;max-width:920px;margin-inline:auto}.auth-main{flex:1;place-items:center;padding:1.5rem;display:grid}.auth-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100%,26rem);box-shadow:var(--shadow-lg);padding:1.6rem}.auth-panel h2{margin-bottom:.35rem;font-size:1.25rem}.auth-panel p{color:var(--color-muted);margin-bottom:1rem}@media (width>=768px){.app-nav{padding:.65rem 1.5rem}.app-nav-tab{padding:0 .85rem;font-size:.9rem}.app-nav-tab:after{left:.85rem;right:.85rem}.app-timer-bar{padding:.8rem 1.5rem}.app-main{padding:1.5rem 1.5rem 2.5rem}}@media (width>=1200px){.app-timer-bar>*,.app-main>*{max-width:980px}}.timer-bar{flex-wrap:wrap;align-items:center;gap:1rem;padding:.15rem 0;display:flex}.timer-bar-status{flex:1;align-items:center;gap:.55rem;min-width:0;display:flex}.timer-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.timer-dot.running{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 18%, transparent), 0 0 16px color-mix(in srgb, var(--color-success) 30%, transparent)}.timer-dot.idle{background:#a8a8a0}.status-text{font-size:.9rem;font-weight:750}.status-text.running{color:var(--color-success)}.status-text.not-running{color:var(--color-muted)}.start-time{color:var(--color-muted);font-size:.88rem}.timer-bar-actions{flex-shrink:0;gap:.5rem;display:flex}.timer-bar-actions .ui-button{min-width:7rem;padding-top:.6rem;padding-bottom:.6rem}.error-message{border:1px solid color-mix(in srgb, var(--color-danger) 26%, white);background:color-mix(in srgb, var(--color-danger) 10%, white);width:100%;color:var(--color-danger);border-radius:var(--radius-md);padding:.45rem .65rem;font-size:.88rem}.timer-loading{color:var(--color-muted);font-size:.9rem}.ui-button{border-radius:var(--radius-md);font:inherit;cursor:pointer;border:1px solid #0000;padding:.55rem .95rem;font-size:.95rem;font-weight:750;transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s,color .12s}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.ui-button-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 92%, white), var(--color-primary));color:#fff;box-shadow:0 16px 26px -20px var(--color-primary)}.ui-button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 88%, black);box-shadow:0 20px 30px -22px var(--color-primary)}.ui-button-success{background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 90%, white), var(--color-success));color:#fff;box-shadow:0 16px 26px -20px var(--color-success)}.ui-button-success:hover:not(:disabled){background:color-mix(in srgb, var(--color-success) 87%, black)}.ui-button-danger{background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 90%, white), var(--color-danger));color:#fff;box-shadow:0 16px 26px -20px var(--color-danger)}.ui-button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 87%, black)}.ui-button-neutral{background:color-mix(in srgb, var(--color-surface) 86%, white);color:var(--color-text);border-color:color-mix(in srgb, var(--color-border) 86%, var(--color-text));box-shadow:var(--shadow-sm)}.ui-button-neutral:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-border));background:#fff}.ui-card{background:linear-gradient(180deg, #fffc, transparent 9rem), var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 86%, white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.05rem}.ui-section-header{margin-bottom:.9rem}.ui-section-header h2{letter-spacing:0;color:var(--color-text);font-size:1.08rem}.ui-section-header p{color:var(--color-muted);margin-top:.35rem;font-size:.92rem}@media (width>=768px){.ui-card{padding:1.2rem}}.period-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.period-mode-switch{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-md);background:var(--color-surface-soft);gap:.22rem;padding:.18rem;display:flex}.period-mode-btn{border-radius:calc(var(--radius-md) - .18rem);color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:.35rem .85rem;font-size:.87rem;font-weight:750;transition:background .15s,color .15s}.period-mode-btn+.period-mode-btn{border-left:0}.period-mode-btn.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 20%, transparent)}.period-nav{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.period-label{color:var(--color-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.92rem;font-weight:500;overflow:hidden}.period-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.summary-total{color:var(--color-primary);font-size:1.8rem;font-weight:800}.summary-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:750}.summary-loading,.summary-error{color:var(--color-muted);font-size:.87rem}.summary-error{color:var(--color-danger)}.day-attribute-editor{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.day-attribute-editor label{color:var(--color-muted);font-size:.9rem;font-weight:600}.day-attribute-editor select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:11rem;color:var(--color-text);padding:.45rem .65rem;font-size:.92rem}.day-attribute-editor select:focus{outline:2px solid var(--color-focus);outline-offset:1px}.day-attribute-saving{color:var(--color-muted);font-size:.85rem}.day-attribute-saved{color:var(--color-success);font-size:.85rem}.day-attribute-error{color:var(--color-danger);font-size:.85rem}.day-attribute-readonly-label{color:var(--color-muted);font-size:.9rem;font-weight:600}.work-history.loading,.work-history.error{text-align:center;padding:1.2rem}.work-history.error{color:var(--color-danger)}.empty-message{text-align:center;color:var(--color-muted)}.history-table-scroll{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.entries-table{border-collapse:collapse;background-color:var(--color-surface);width:100%;min-width:560px;color:var(--color-text)}.entries-table th{text-align:left;color:var(--color-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-soft);text-transform:uppercase;letter-spacing:.04em;padding:.75rem;font-size:.87rem;font-weight:600}.entries-table td{border-bottom:1px solid color-mix(in srgb, var(--color-border) 66%, transparent);padding:.75rem;font-size:.92rem}.entries-table tr:hover{background-color:color-mix(in srgb, var(--color-primary) 5%, white)}.entries-table tr.editing,.entries-table tr.editing:hover{background-color:color-mix(in srgb, var(--color-primary) 8%, white)}.running-badge{background-color:color-mix(in srgb, var(--color-success) 15%, white);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, white);border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.edit-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.edit-error{color:var(--color-danger);margin-top:.25rem;font-size:.85rem}.entries-table input[type=datetime-local]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);padding:.5rem;font-size:.9rem}.entries-table input[type=datetime-local]:focus{outline:2px solid var(--color-focus);outline-offset:1px}@media (width<=767px){.period-controls{flex-direction:column;align-items:stretch}.period-nav{order:1;width:100%}.period-mode-switch{order:2;align-self:center}.period-label{white-space:normal;text-overflow:clip;overflow:visible}.period-summary{align-items:flex-start}.entries-table th,.entries-table td{padding:.62rem}.entries-table td{font-size:.88rem}}.day-correction-form{border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-soft) 82%, transparent);margin:0 0 1.25rem;padding:.9rem}.day-correction-fields{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.day-correction-field{color:var(--color-muted);gap:.3rem;font-size:.86rem;font-weight:650;display:grid}.day-correction-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:8.5rem;color:var(--color-text);font:inherit;background:var(--color-surface);padding:.5rem .6rem}.day-correction-field input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.day-correction-error{color:var(--color-danger);margin-top:.65rem;font-size:.9rem}@media (width<=767px){.day-correction-fields{align-items:stretch}.day-correction-field,.day-correction-fields .ui-button{width:100%}.day-correction-field input{width:100%;min-width:0}}.today-attribute-badge{margin-bottom:.75rem;display:inline-block}.today-total{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.today-total-value{color:var(--color-primary);letter-spacing:0;font-size:2.65rem;font-weight:800;line-height:1}.today-live-badge{background:color-mix(in srgb, var(--color-success) 15%, white);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, white);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;font-weight:800;display:inline-flex}.today-live-badge:before{content:"";background:var(--color-success);border-radius:50%;width:6px;height:6px;display:inline-block}.today-total-loading,.today-total-error{color:var(--color-muted);font-size:.9rem}.today-total-error{color:var(--color-danger)}.today-entries-loading{color:var(--color-muted);padding:1rem 0;font-size:.9rem}.today-entries-error{color:var(--color-danger);padding:.5rem 0;font-size:.9rem}.today-empty{text-align:center;color:var(--color-muted);background:color-mix(in srgb, var(--color-surface-soft) 74%, transparent);border:1px dashed color-mix(in srgb, var(--color-border) 86%, transparent);border-radius:var(--radius-lg);padding:1.65rem 0}@media (width<=767px){.today-total-value{font-size:1.9rem}}.overview-card{max-width:760px}.overview-state{text-align:center;color:var(--color-muted);background:var(--color-surface-soft);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:1.2rem}.overview-state.error{color:var(--color-danger)}.overview-content{flex-direction:column;gap:1rem;display:flex}.summary-primary{align-items:baseline;gap:.5rem;display:flex}.summary-total{font-size:1.8rem;font-weight:800}.summary-total-positive{color:var(--color-success)}.summary-total-negative{color:var(--color-danger)}.summary-label{color:var(--color-muted);text-transform:uppercase;font-size:.9rem;font-weight:750}.summary-stats{flex-wrap:wrap;gap:.9rem;display:flex}.summary-stat{color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-border) 76%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 82%, transparent);border-radius:999px;padding:.25rem .55rem;font-size:.9rem}.summary-stat strong{color:var(--color-muted);margin-right:.35rem}.overview-total{flex-direction:column;gap:.7rem;display:flex}.overview-active{color:var(--color-muted)}.overview-best{border:1px solid color-mix(in srgb, var(--color-border) 84%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-soft) 72%, transparent);display:grid;overflow:hidden}.overview-best-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(6.5rem,.7fr) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem .85rem;display:grid}.overview-best-row:last-child{border-bottom:0;padding-bottom:0}.overview-best-label{color:var(--color-muted);text-transform:uppercase;font-size:.86rem;font-weight:700}.overview-best-period,.overview-best-duration,.overview-best-empty{color:var(--color-text);font-size:.92rem}.overview-best-duration{white-space:nowrap;font-weight:800}.overview-best-empty{color:var(--color-muted);grid-column:2/-1}@media (width<=640px){.overview-best-row{grid-template-columns:1fr auto}.overview-best-label{grid-column:1/-1}}.day-status-badge{white-space:nowrap;border-radius:999px;padding:.22rem .62rem;font-size:.8rem;font-weight:750;display:inline-block;box-shadow:inset 0 1px #ffffffb3}.day-status-badge-normal{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb}.day-status-badge-public{color:#3730a3;background:#eae9fc;border:1px solid #d3d1f9}.day-status-badge-vacation{color:#15803d;background:#e3f4e9;border:1px solid #c5e8d2}.day-status-badge-sick{color:#c2410c;background:#fcebe2;border:1px solid #fad5c2}.day-status-badge-non-work{color:#374151;background:#eaebed;border:1px solid #d3d5d9}.day-status-category-normal{color:var(--color-muted)}.day-status-category-public{color:#3730a3}.day-status-category-vacation{color:#15803d}.day-status-category-sick{color:#c2410c}.day-status-category-non-work{color:#374151}.breakdown-table-scroll{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.breakdown-table{border-collapse:collapse;background-color:var(--color-surface);width:100%;min-width:320px;color:var(--color-text)}.breakdown-table th{text-align:left;color:var(--color-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-soft);text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1rem;font-size:.87rem;font-weight:600}.breakdown-table th.breakdown-metric-col,.breakdown-table td.breakdown-metric-col{text-align:right;white-space:nowrap;padding-right:1.25rem}.breakdown-table td{border-bottom:1px solid color-mix(in srgb, var(--color-border) 66%, transparent);padding:0}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-row:hover{background-color:color-mix(in srgb, var(--color-primary) 5%, white)}.breakdown-row-empty{opacity:.5}.breakdown-period-btn{cursor:pointer;width:100%;color:var(--color-primary);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.93rem;font-weight:700;transition:color .12s;display:flex}.breakdown-period-btn:hover{color:var(--color-text)}.breakdown-arrow{opacity:.5;margin-left:auto;font-size:.85rem;transition:opacity .12s,transform .12s}.breakdown-period-btn:hover .breakdown-arrow{opacity:1;transform:translate(3px)}.breakdown-total{color:var(--color-text);font-size:.93rem;font-weight:750}.breakdown-net{font-size:.93rem;font-weight:700}.breakdown-net-positive{color:var(--color-success)}.breakdown-net-negative{color:var(--color-danger)}.breakdown-empty{text-align:center;color:var(--color-muted);margin:0;padding:1rem;font-size:.9rem}.breakdown-status-col{white-space:nowrap;padding:.5rem 1rem}@media (width<=767px){.breakdown-table th,.breakdown-period-btn{font-size:.88rem}}.month-calendar{gap:.65rem;display:grid}.month-calendar-grid{-webkit-overflow-scrolling:touch;border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow-x:auto}.month-calendar-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:480px}.month-calendar-table thead th{text-align:center;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-soft);padding:.4rem .25rem;font-size:.75rem;font-weight:600}.month-week-col{text-align:center;width:80px}.month-calendar-cell{--month-cell-base-bg:transparent;--month-cell-fill-bg:transparent;vertical-align:top;border:1px solid var(--color-border,#e5e7eb);background:var(--month-cell-base-bg);padding:2px}.month-calendar-cell.month-cell-outside{--month-cell-base-bg:var(--color-bg,#f9fafb)}.month-cell-status-public{--month-cell-fill-bg:#e3e1fb;background:var(--month-cell-fill-bg)}.month-cell-status-vacation{--month-cell-fill-bg:#daf0e2;background:var(--month-cell-fill-bg)}.month-cell-status-sick{--month-cell-fill-bg:#fce4d8;background:var(--month-cell-fill-bg)}.month-cell-status-non-work{--month-cell-fill-bg:#eaebed;background:var(--month-cell-fill-bg)}.month-cell-status-half{background:linear-gradient(to right, var(--month-cell-fill-bg) 0 50%, var(--month-cell-base-bg) 50% 100%)}.month-day-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;min-height:52px;color:var(--color-text);background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .25rem;font-size:.85rem;transition:background .1s,transform .1s;display:flex}.month-day-btn:hover{background:color-mix(in srgb, var(--color-surface,#f3f4f6) 68%, transparent);transform:translateY(-1px)}.month-day-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.month-cell-outside .month-day-btn{color:var(--color-muted,#9ca3af)}.month-day-num{font-weight:600;line-height:1}.month-day-net{font-size:.72rem;font-weight:600}.month-day-net-positive{color:var(--color-success,#16a34a)}.month-day-net-negative{color:var(--color-danger,#dc2626)}.month-week-summary-cell{vertical-align:top;border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-soft);padding:2px}.month-week-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;min-height:52px;color:var(--color-text);background:0 0;border:none;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .25rem;font-size:.78rem;transition:background .1s,transform .1s;display:flex}.month-week-btn:hover{background:var(--color-surface,#f3f4f6);transform:translateY(-1px)}.month-week-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.week-actual{font-weight:600}.week-expected{color:var(--color-muted,#9ca3af);font-size:.7rem}.week-net{font-size:.7rem;font-weight:600}.week-net-positive{color:var(--color-success,#16a34a)}.week-net-negative{color:var(--color-danger,#dc2626)}.month-status-legend{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.4rem .75rem;font-size:.78rem;display:flex}.month-status-legend-item{white-space:nowrap;align-items:center;gap:.32rem;display:inline-flex}.month-status-legend-swatch{--month-cell-base-bg:#fff;border:1px solid var(--color-border,#e5e7eb);border-radius:3px;flex:none;width:1rem;height:.7rem;display:inline-block}@media (width<=767px){.month-calendar-table{min-width:320px}.month-day-btn{min-height:44px;font-size:.8rem}.month-week-col{width:60px}.month-week-btn{font-size:.7rem}}.settings-card{height:fit-content}.settings-loading{color:var(--color-muted)}.settings-field{gap:.45rem;margin-bottom:1rem;display:grid}.settings-field label{color:var(--color-text);font-weight:600}.settings-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;background:var(--color-surface);color:var(--color-text);padding:.55rem .65rem}.settings-field input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.settings-help{color:var(--color-muted);margin:0;font-size:.88rem}.settings-mode-group{border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-soft) 82%, transparent);margin:0;padding:.7rem}.settings-mode-group legend{padding:0 .3rem;font-weight:600}.settings-mode-option{align-items:center;gap:.45rem;font-size:.93rem;display:flex}.settings-mode-option+.settings-mode-option{margin-top:.5rem}.settings-workdays-group{border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-soft) 82%, transparent);padding:.7rem}.settings-workdays-group legend{padding:0 .3rem;font-weight:600}.settings-workdays-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem;display:grid}.settings-workday-option{align-items:center;gap:.45rem;padding:.2rem 0;font-size:.93rem;display:inline-flex}.settings-actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.settings-success{color:var(--color-success);margin-top:.75rem;font-weight:600}.settings-error{color:var(--color-danger);margin-top:.75rem;font-weight:600}.settings-account-section{border-top:1px solid var(--color-border);margin-top:1.4rem;padding-top:1rem}.settings-account-section h3{margin:0 0 .75rem;font-size:1rem;line-height:1.25}@media (width>=768px){.settings-workdays-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.leave-page,.leave-booking,.leave-booking-form{flex-direction:column;gap:1rem;display:flex}.leave-fields{gap:.85rem;display:grid}.leave-field{color:var(--color-text);flex-direction:column;gap:.35rem;font-weight:700;display:flex}.leave-field select,.leave-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);height:2.5rem;color:var(--color-text);font:inherit;padding:0 .7rem}.leave-field select:focus,.leave-field input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.leave-message{border-radius:var(--radius-md);padding:.75rem .85rem;font-weight:700}.leave-message-error{border:1px solid color-mix(in srgb, var(--color-danger) 45%, transparent);color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.leave-message-warning{border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-text);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.leave-message-success{border:1px solid color-mix(in srgb, var(--color-success) 40%, transparent);color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, transparent)}.leave-report{border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);border-radius:var(--radius-lg);background:var(--color-surface-soft);padding:.9rem}.leave-report-summary{margin-bottom:.4rem;font-weight:700}.leave-report p{color:var(--color-muted);margin:.25rem 0}.leave-list{gap:1rem;display:grid}.leave-list-card{height:100%}.leave-run-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.leave-run-row{border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-soft) 70%, transparent);grid-template-columns:minmax(7rem,max-content) minmax(6.25rem,1fr) minmax(6.25rem,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;display:grid}.leave-run-date{min-width:0;color:var(--color-text);flex-direction:column;gap:.15rem;font-size:.92rem;font-weight:750;display:flex}.leave-run-date span{color:var(--color-muted);text-transform:uppercase;font-size:.76rem;font-weight:700}.leave-run-days{color:var(--color-muted);white-space:nowrap;justify-self:end;font-size:.9rem;font-weight:700}.leave-run-clear{white-space:nowrap;grid-column:1/-1;justify-self:end}.leave-list-empty,.leave-list-state{color:var(--color-muted);margin:0}.leave-list-state{padding:.85rem}.leave-list-error{color:var(--color-danger)}@media (width>=768px){.leave-fields{grid-template-columns:1.2fr 1fr 1fr}.leave-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=767px){.leave-run-row{grid-template-columns:1fr auto}.leave-run-row .day-status-badge{justify-self:start}.leave-run-date{grid-column:1/-1}.leave-run-clear{grid-column:auto;justify-self:start}}:root{--color-bg:#f4f3ef;--color-surface:#fffefa;--color-text:#171717;--color-muted:#70706a;--color-primary:#0f766e;--color-success:#16a34a;--color-danger:#dc2626;--color-border:#dedbd2;--color-shadow:#1717171f;--color-surface-soft:#f9f8f3;--color-surface-raised:#fff;--color-text-soft:#3a3a35;--color-focus:color-mix(in srgb, var(--color-primary) 34%, white);--shadow-sm:0 1px 2px #1717170f;--shadow-md:0 14px 34px -28px #17171773;--shadow-lg:0 24px 70px -48px #1717178c;--radius-sm:.45rem;--radius-md:.65rem;--radius-lg:.9rem;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Plus Jakarta Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, #0f766e12, transparent 32rem), radial-gradient(circle at top right, #ffffffeb, transparent 28rem), var(--color-bg);min-height:100vh;color:var(--color-text)}#root{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}