:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e3e6ea;--color-text:#1c2430;--color-text-muted:#64707e;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#e8effd;--color-danger:#b91c1c;--color-danger-soft:#fdeaea;--color-success:#15803d;--color-success-soft:#e7f6ec;--color-tracker:#7c3aed;--color-tracker-soft:#f1eafd;--color-warn:#b45309;--color-warn-soft:#fef3c7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:6px;--radius-md:10px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #1018281a;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}p{margin:0 0 var(--space-3)}code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:0 4px;font-family:ui-monospace,Consolas,Cascadia Mono,monospace;font-size:.9em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.muted{color:var(--color-text-muted)}.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}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;max-width:1120px;padding:var(--space-5) var(--space-4) var(--space-6);flex:1;margin:0 auto}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:10;position:sticky;top:0}.topbar-inner{max-width:1120px;padding:0 var(--space-4);align-items:center;gap:var(--space-4);min-height:56px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);white-space:nowrap;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{font-size:1.2rem}.main-nav{gap:var(--space-1);flex:1;min-width:0;display:flex}.nav-link{color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-text);background:var(--color-bg)}.nav-link.router-link-exact-active{color:var(--color-primary);background:var(--color-primary-soft)}.topbar-user{align-items:center;gap:var(--space-3);border-left:1px solid var(--color-border);min-width:0;padding-left:var(--space-4);flex-shrink:0;margin-left:auto;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:500;overflow:hidden}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-1);font:inherit;color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;background:0 0;border:1px solid #0000;max-width:220px;font-weight:500;display:inline-flex}.user-menu-trigger:hover{background:var(--color-bg)}.user-menu-caret{color:var(--color-text-muted);font-size:.7rem}.user-menu-dropdown{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-md);padding:var(--space-2);z-index:30;flex-direction:column;gap:2px;display:flex;position:absolute;right:0}.user-menu-email{padding:var(--space-1) var(--space-3) var(--space-2);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:0;font-size:.8rem;overflow:hidden}.user-menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;font-weight:500;text-decoration:none;display:block}.user-menu-item:hover{background:var(--color-bg)}.user-menu-item.router-link-exact-active{color:var(--color-primary);background:var(--color-primary-soft)}.user-menu-item-danger{color:var(--color-danger)}.user-menu-item-danger:hover{background:var(--color-danger-soft)}.user-menu-sep{background:var(--color-border);height:1px;margin:var(--space-1) 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}.card-title{margin-bottom:var(--space-3);font-size:1.05rem}.btn{font:inherit;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border:1px solid #0000;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg)}.btn-sm{padding:2px var(--space-3);font-size:.85rem}.btn-danger{color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-soft)}input[type=text],input[type=date],input[type=time],input[type=number],select{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:38px}input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:52px;height:38px;padding:2px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}textarea{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);resize:vertical;min-height:76px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.entry-form-fields{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-grow{flex:220px}.field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.entry-form-actions{gap:var(--space-2);display:flex}.form-error{color:var(--color-danger);margin:var(--space-2) 0 0;font-size:.9rem}.notice{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text)}.week-view{gap:var(--space-4);flex-direction:column;display:flex}.week-header{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.week-nav{gap:var(--space-2);display:flex}.week-title{flex:1;min-width:180px;font-size:1.25rem}.week-header-side{align-items:center;gap:var(--space-3);display:flex}.week-total{color:var(--color-text-muted)}.week-total strong{color:var(--color-text);font-variant-numeric:tabular-nums}.page-title{margin-bottom:var(--space-4);font-size:1.25rem}.status-line{margin:0}.day-card.day-today{border-color:var(--color-primary)}.day-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.day-header-actions{align-items:center;gap:var(--space-3);display:flex}.day-title{align-items:center;gap:var(--space-2);font-size:1rem;display:inline-flex}.day-total{font-variant-numeric:tabular-nums;font-weight:600}.day-empty{margin:0;font-size:.9rem}.entry-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry-item{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--color-border);flex-direction:column;display:flex}.entry-item:first-child{border-top:none}.entry-row{align-items:center;gap:var(--space-4);display:flex}.entry-row-expandable{cursor:pointer}.entry-select{flex-shrink:0}.entry-select-spacer{flex-shrink:0;width:16px}.entry-expand{font:inherit;border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.entry-expand:hover{background:var(--color-bg);color:var(--color-text)}.entry-expand .chevron{transition:transform .15s}.entry-expand[aria-expanded=true] .chevron{transform:rotate(90deg)}.entry-expand-spacer{flex-shrink:0;width:28px}.entry-time{font-variant-numeric:tabular-nums;flex-direction:column;min-width:110px;display:flex}.entry-range{font-weight:600}.entry-duration{color:var(--color-text-muted);font-size:.85rem}.entry-main{flex-direction:column;flex:1;min-width:0;display:flex}.entry-description{overflow-wrap:anywhere}.entry-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.entry-app{font-size:.85rem}.entry-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.entry-details{margin-left:calc(28px + var(--space-4));padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--space-3);flex-direction:column;display:flex}.activity-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-1);font-size:.72rem;font-weight:600}.activity-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity-item{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.activity-item-stacked{flex-direction:column;align-items:stretch;gap:0}.activity-name{overflow-wrap:anywhere;min-width:0}.activity-duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.activity-detail{overflow-wrap:anywhere;font-size:.85rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge-manual{background:var(--color-primary-soft);color:var(--color-primary)}.badge-tracker{background:var(--color-tracker-soft);color:var(--color-tracker)}.badge-today{background:var(--color-success-soft);color:var(--color-success)}.badge-unreviewed,.badge-pending{background:var(--color-warn-soft);color:var(--color-warn)}.badge-approved{background:var(--color-success-soft);color:var(--color-success)}.badge-rejected{background:var(--color-danger-soft);color:var(--color-danger)}.badge-cancelled{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.project-pill{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:center;gap:6px;max-width:220px;padding:1px 8px 1px 6px;font-size:.82rem;font-weight:500;display:inline-flex}.project-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.project-pill-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-approve{color:var(--color-success)}.btn-approve:hover:not(:disabled){background:var(--color-success-soft)}.merge-bar{z-index:5;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;position:sticky;top:64px}.merge-bar-count{font-weight:600}.merge-bar-hint{color:var(--color-text-muted);font-size:.85rem}.merge-bar-actions{gap:var(--space-2);margin-left:auto;display:flex}.timer-widget{align-items:center;gap:var(--space-2);min-width:0;display:flex;position:relative}.timer-running-dot{background:var(--color-danger);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:2s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.35}}.timer-elapsed{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.timer-description{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.timer-popover{top:calc(100% + var(--space-2));width:280px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;position:absolute;right:0}.timer-popover-form{gap:var(--space-3);flex-direction:column;display:flex}.timer-popover-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.modal-backdrop{z-index:50;padding:var(--space-6) var(--space-4);background:#10182873;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:var(--color-surface);border-radius:var(--radius-md);width:100%;max-width:560px;box-shadow:var(--shadow-md);outline:none;margin:auto}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.modal-title{font-size:1.1rem}.modal-close{color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover:not(:disabled){color:var(--color-text)}.modal-body{padding:var(--space-5)}.timeline-view{gap:var(--space-4);flex-direction:column;display:flex}.timeline-card{gap:var(--space-2);flex-direction:column;display:flex}.timeline-scale,.timeline-row{gap:var(--space-3);grid-template-columns:72px 1fr;align-items:center;display:grid}.timeline-day-label{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.timeline-row-today .timeline-day-label{color:var(--color-primary)}.timeline-scale-track{height:1.1rem;position:relative}.timeline-scale-hour{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.72rem;position:absolute;transform:translate(-50%)}.timeline-track{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;height:34px;position:relative;overflow:hidden}.timeline-row-today .timeline-track{border-color:var(--color-primary)}.timeline-gridline{background:var(--color-border);width:1px;position:absolute;top:0;bottom:0}.timeline-block{opacity:.9;cursor:default;border-radius:4px;position:absolute;top:4px;bottom:4px}.timeline-block-running{background-image:repeating-linear-gradient(45deg,#ffffff40 0 4px,#0000 4px 8px)}.timeline-track-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.timeline-selection{background:var(--color-primary-soft);border:1px dashed var(--color-primary);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:3px;bottom:3px}.timeline-selection-active{background:var(--color-primary-soft);border-style:solid}.timeline-selection-label{color:var(--color-primary);white-space:nowrap;background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:3px;padding:0 5px;font-size:.7rem;font-weight:600}.timeline-hint{margin:var(--space-2) 0 0;font-size:.85rem}.projects-view{gap:var(--space-4);flex-direction:column;display:flex}.project-create-form,.project-edit-form{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.project-edit-form{flex:1;align-items:center}.project-edit-form input[type=text]{flex:180px}.project-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.project-card-archived{opacity:.75}.project-swatch{border:1px solid #10182826;border-radius:5px;flex-shrink:0;width:18px;height:18px}.project-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.project-actions{gap:var(--space-2);flex-shrink:0;display:flex}.archived-section{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.archived-summary{cursor:pointer;color:var(--color-text-muted);font-weight:600}.archived-section[open] .archived-summary{margin-bottom:var(--space-3)}.rules-card{gap:var(--space-3);flex-direction:column;display:flex}.rules-explainer{margin:0;font-size:.9rem}.rule-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rule-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.rule-row input[type=text]{flex:200px}.rule-priority{width:88px}.rule-add-form{gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.export-card{max-width:640px}.export-form{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.admin-view{gap:var(--space-4);flex-direction:column;display:flex}.admin-week-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.admin-week-header .card-title{margin-bottom:0;margin-right:auto}.admin-week-label{white-space:nowrap;font-weight:600}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border)}.admin-table thead th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-top:none;font-size:.8rem;font-weight:600}.admin-table-total{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.lock-form{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.lock-year{width:110px}.lock-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lock-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border);display:flex}.lock-item:first-child{border-top:none}.lock-label{min-width:140px;font-weight:600}.lock-date{margin-right:auto;font-size:.85rem}.admin-table-action{text-align:right;white-space:nowrap}.allowance-edit{align-items:center;gap:var(--space-2);display:flex}.allowance-input{width:96px}.login-page{min-height:80vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{text-align:center;width:100%;max-width:420px;padding:var(--space-6);box-shadow:var(--shadow-md)}.login-logo{margin-bottom:var(--space-2);font-size:2.5rem}.login-title{margin-bottom:var(--space-3);font-size:1.4rem}.login-text{color:var(--color-text-muted);margin-bottom:var(--space-5)}.btn-signin{width:100%;padding:var(--space-3) var(--space-4)}.ms-logo{background:#fff;border-radius:2px;flex-shrink:0;padding:1px}.download-card{max-width:640px}.feature-list{margin:0 0 var(--space-4);padding-left:1.25rem}.feature-list li{margin-bottom:var(--space-1)}.download-actions{margin-top:var(--space-2)}.download-version{margin:var(--space-3) 0 0;font-size:.85rem}.leave-view{gap:var(--space-4);flex-direction:column;display:flex}.leave-balance-header{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.leave-balance-header .card-title{margin-bottom:0;margin-right:auto}.leave-year-field{min-width:120px}.leave-stats{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.leave-stat{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.leave-stat dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.leave-stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:700}.leave-stat-remaining{border-color:var(--color-primary);background:var(--color-primary-soft)}.leave-stat-remaining dd{color:var(--color-primary)}.leave-balance-note{margin:var(--space-4) 0 0;font-size:.85rem}.leave-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.leave-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border);display:flex}.leave-item:first-child{border-top:none}.leave-item-main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.leave-item-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.leave-type,.leave-requester{font-weight:600}.leave-item-dates{font-variant-numeric:tabular-nums}.leave-reason,.leave-decision{overflow-wrap:anywhere;margin:0;font-size:.9rem}.leave-item-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.leave-form{gap:var(--space-4);flex-direction:column;display:flex}.leave-reason-input{width:100%}.leave-required{color:var(--color-danger)}.leave-working-days{margin:0}.leave-working-days strong{font-variant-numeric:tabular-nums}.leave-decision-summary{margin:0;font-weight:500}.leave-form-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.toast-host{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:100;flex-direction:column;max-width:min(360px,100vw - 2rem);display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);display:flex}.toast-error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.toast-success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.toast-message{flex:1}.toast-close{font:inherit;color:inherit;cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;font-size:1.1rem;line-height:1}@media (width<=800px){.topbar-inner{gap:var(--space-2) var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap}.main-nav{flex-wrap:wrap;flex:none;order:3;width:100%}.topbar-user{border-left:none;padding-left:0}.user-name{max-width:130px}.week-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.entry-row{gap:var(--space-2) var(--space-4);flex-wrap:wrap}.entry-main{flex-basis:100%;order:3}.entry-actions{margin-left:auto}.entry-details{margin-left:0}.timer-description{display:none}.timer-popover{left:50%;right:auto;transform:translate(-50%)}.timeline-scale,.timeline-row{grid-template-columns:52px 1fr}.merge-bar{flex-wrap:wrap;top:100px}.leave-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-item{flex-wrap:wrap}.leave-item-actions{margin-left:auto}}