:root{--tempo-lime: var(--accent);--tempo-lime-dark: var(--accent-hover);--tempo-black: var(--text);--bg: #f6f5fd;--surface: #ffffff;--surface-alt: #eeedf7;--border: #e4e1f0;--text: #2d2c40;--text-muted: #6c6b82;--primary: #6a70cf;--primary-hover: #595fc0;--accent: #b9a9ef;--accent-hover: #a594e6;--danger: #d56b78;--warning: #cf9a4a;--success: #4aa07d;--overtime: #fdf3e7;--flag: #fbeaee;--info-blue: #5f76d4;--info-blue-bg: #eef0fc;--info-blue-bg-alt: #eef2fe;--success-bg: #e9f6ef;--success-bg-alt: #e6f3ec;--warn-bg: #fdf4e8;--warn-text-dark: #a9722a;--danger-bg: #fbe9ec;--radius: 999px;--radius-box: 12px}*{box-sizing:border-box}@view-transition{navigation: auto;}::view-transition-old(root){animation:vtOut .18s cubic-bezier(.4,0,1,1) forwards}::view-transition-new(root){animation:vtIn .25s cubic-bezier(0,0,.2,1) forwards}@keyframes vtOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes vtIn{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#ffffffeb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;min-height:48px;backdrop-filter:blur(6px);animation:topbarIn .35s cubic-bezier(0,0,.2,1)}@keyframes topbarIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;align-items:center;gap:8px;margin-top:12px;justify-content:center}.pagination button{padding:4px 12px;font-size:13px}.pagination .page-info{font-size:13px;color:var(--text-muted)}.topbar .brand{display:flex;align-items:center;gap:10px;margin-right:12px}.topbar .brand-logo{display:inline-block;background:var(--primary);color:#fff;font-weight:800;font-size:15px;letter-spacing:-.02em;padding:4px 10px 5px;border-radius:999px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar .brand-name{font-weight:600;font-size:15px;color:var(--text)}.topbar .brand .demo-badge{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--info-blue-bg);border:1px solid var(--border);padding:2px 7px;border-radius:999px}#theme-link{white-space:nowrap}.topbar .demo-account{font-size:12px;color:var(--text-muted);display:inline-flex;align-items:center;white-space:nowrap}.topbar .demo-account select{font:inherit;font-size:12px;margin-left:2px;padding:3px 6px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.auth-brand .brand-logo{display:inline-block;background:var(--tempo-lime);color:var(--tempo-black);font-weight:800;font-size:15px;letter-spacing:-.02em;padding:4px 10px 5px;border-radius:999px}.auth-brand .brand-name{font-weight:600;font-size:14px;color:var(--text-muted)}.topbar nav{display:flex;gap:6px;flex:1;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.topbar nav.ready{opacity:1}.topbar .row-flex,.topbar .topbar-user{display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.topbar .row-flex.ready,.topbar .topbar-user.ready{opacity:1}.topbar nav a{color:var(--text-muted);padding:7px 14px;border-radius:999px;font-weight:500;font-size:13px;position:relative;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.topbar nav a:hover{background:var(--surface-alt);text-decoration:none;color:var(--text);transform:translateY(-1px)}.topbar nav a:active{transform:scale(.94)}.topbar nav a.active{color:var(--tempo-black);background:var(--tempo-lime);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent),0 1px 2px #0000000f;font-weight:600}.topbar .who{color:var(--text-muted);font-size:13px}.container{max-width:1280px;margin:0 auto;padding:20px 24px 64px;animation:pageIn .4s cubic-bezier(0,0,.2,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-box);padding:16px 20px;margin-bottom:20px;animation:fadeSlideIn .35s cubic-bezier(0,0,.2,1) backwards;transition:box-shadow .25s ease,border-color .25s ease}.card:hover{box-shadow:0 2px 12px #0000000a}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card h2{margin:0 0 12px;font-size:16px}.card h3{margin:12px 0 8px;font-size:14px;color:var(--text-muted)}.row-flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1}label{display:block;margin-bottom:4px;font-size:13px;color:var(--text-muted)}.password-wrap{position:relative}.password-wrap input{padding-right:38px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--text-muted);padding:4px 6px;cursor:pointer;display:inline-flex;align-items:center;box-shadow:none;transition:color .2s ease}.password-toggle:hover{background:transparent;color:var(--text);border-color:transparent;box-shadow:none;transform:translateY(-50%)}.password-toggle:active{transform:translateY(-50%) scale(.92)}.password-toggle[aria-pressed=true]{color:var(--tempo-black)}input,select,textarea{font:inherit;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-box);background:var(--surface);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}button{font:inherit;padding:6px 14px;border:1px solid var(--primary);border-radius:999px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}button:active:not(:disabled){transform:scale(.96)}input[type=number]{width:70px;text-align:right}button:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}button.accent{background:var(--tempo-lime);color:var(--tempo-black);border-color:var(--tempo-lime)}button.accent:hover{background:var(--tempo-lime-dark);border-color:var(--tempo-lime-dark)}button.ghost{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:500}button.ghost:hover{background:var(--surface-alt);transform:translateY(-1px);box-shadow:0 1px 4px #0000000f}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-alt);font-weight:600}tr{transition:background .12s}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.timesheet-grid td{padding:4px 6px}.timesheet-grid input[type=number]{width:60px}.timesheet-grid .overtime{background:var(--overtime)}.timesheet-grid .discrepancy{background:var(--flag)}.timesheet-grid tfoot td{font-weight:600;background:var(--surface-alt)}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;background:var(--surface-alt);color:var(--text-muted)}.chip.draft{background:#eceff3;color:#5a6270}.chip.submitted{background:var(--info-blue-bg);color:#1c4da0}.chip.manager_approved{background:var(--success-bg-alt);color:#2e7d3a}.chip.rejected{background:var(--danger-bg);color:var(--danger)}.chip.paid{background:#f3e8fc;color:#6b2fb7}.chip.missing{background:#fdecd3;color:#a56a10}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;animation:authIn .5s cubic-bezier(0,0,.2,1)}@keyframes authIn{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-wrap .card{max-width:360px;width:100%;margin:0;box-shadow:0 8px 32px #00000014}.auth-wrap h1{margin:0 0 16px;font-size:20px}.notice{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:var(--radius-box);font-size:13px;box-shadow:0 6px 16px #0000001f;animation:noticeIn .3s ease}@keyframes noticeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notice.info{background:var(--info-blue-bg);color:#1c4da0;border:1px solid #b8cfef}.notice.warn{background:#fdecd3;color:#a56a10;border:1px solid #f5d89a}.notice.error{background:var(--danger-bg);color:var(--danger);border:1px solid #f5b8b8}.notice.success{background:var(--success-bg-alt);color:#2e7d3a;border:1px solid #b6dcbf}.muted{color:var(--text-muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.text-right{text-align:right}.hidden{display:none!important}.warn-text{color:var(--warning)}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tabs.sub{margin-bottom:0;border-bottom:none;gap:0}.tab{background:transparent;border:1px solid transparent;border-bottom:none;color:var(--text-muted);padding:8px 16px;border-radius:8px 8px 0 0;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tabs.sub .tab{border-radius:999px;padding:5px 14px;font-size:13px}.tab:hover{color:var(--text);background:var(--surface-alt)}.tab:active{transform:scale(.96)}.tab.active{color:var(--text);background:var(--surface);border-color:var(--border);border-bottom-color:var(--surface);margin-bottom:-1px}.tab-panel{animation:panelIn .3s cubic-bezier(0,0,.2,1)}.sub-panel{animation:panelIn .25s cubic-bezier(0,0,.2,1)}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tabs.sub .tab.active{background:var(--tempo-lime);color:var(--tempo-black);border-color:var(--tempo-lime);margin-bottom:0;box-shadow:0 1px 4px color-mix(in srgb,var(--accent) 30%,transparent)}.org-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.org-column{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-box);min-height:120px;display:flex;flex-direction:column}.org-column.drop-hover{outline:2px dashed var(--primary);outline-offset:-2px;background:#eaf2ff}.org-column-unassigned{background:#fbfbfc}.org-column-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.org-column-header select{font-size:12px}.org-column-body{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1}.org-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-box);padding:8px 10px;cursor:grab;user-select:none;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.org-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.org-card:active{cursor:grabbing;transform:scale(.98)}.org-card.dragging{opacity:.4}.org-card.incomplete{border-left:3px solid var(--warning)}.org-card.is-manager{background:#eaf2ff;border-color:#b8cfef}.org-card-name{font-weight:500}.org-tree{display:flex;flex-direction:column;gap:12px}.org-tree-node{border:1px solid var(--border);border-radius:var(--radius-box);padding:10px 12px;background:var(--surface)}.org-tree-manager{padding-bottom:6px;border-bottom:1px dashed var(--border);margin-bottom:8px}.org-tree-reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.org-tree-report{background:var(--surface-alt);padding:6px 8px;border-radius:var(--radius-box);font-size:13px;display:flex;justify-content:space-between;gap:8px}dialog{border:none;border-radius:14px;padding:0;box-shadow:0 24px 80px #0000002e,0 8px 24px #00000014;animation:dialogIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dialogIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}dialog::backdrop{background:#0006;backdrop-filter:blur(4px);animation:backdropIn .25s cubic-bezier(0,0,.2,1)}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.ts-current-card.submitted{border-color:var(--tempo-lime);background:linear-gradient(135deg,#f3ffd6,#f9ffe8);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 25%,transparent)}.ts-current-card.submitted h2{color:#5a7a00}.ts-current-card.rejected{border-color:var(--danger);background:linear-gradient(135deg,#ffe3e3,#fff1f1);box-shadow:0 0 20px #c1392b40}.ts-current-card.rejected h2{color:var(--danger)}.ts-current-card{padding:32px 36px}.ts-current-card h2{font-size:20px;margin-bottom:16px}.ts-current-card p{font-size:16px}.ts-current-card .btn-link{font-size:16px;font-weight:600}.ts-current-card.draft{border-color:var(--border)}.ts-progress-bar{height:10px;background:var(--surface-alt);border-radius:999px;overflow:hidden;display:flex}.ts-progress-fill{height:100%;background:var(--tempo-lime);transition:width .4s ease}.ts-progress-fill.submitted{background:var(--tempo-lime)}.ts-progress-fill.exported{background:var(--info-blue)}.ts-progress-fill.rejected{background:var(--danger)}.ts-countdown{font-size:14px;font-weight:600;color:var(--text-muted)}.ts-countdown.urgent{color:var(--danger);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ts-container-inner{max-width:none}.week-calendar{width:100%;border-collapse:collapse}.week-calendar th{font-size:11px;text-transform:uppercase;padding:10px 8px;text-align:center}.week-calendar td{padding:18px 8px;text-align:center;font-size:14px}.week-calendar tr.week-row{cursor:pointer;border-radius:var(--radius-box);transition:background .15s}.week-calendar tr.week-row:hover{background:var(--surface-alt)}.week-calendar tr.week-row.current-week{background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600}.week-calendar tr.week-row.current-week:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.week-calendar tr.week-row.week-submitted{background:#2e7d3a0f}.week-calendar tr.week-row.week-submitted:hover{background:#2e7d3a1f}.week-calendar tr.week-row.week-draft{background:#c9901a0f}.week-calendar tr.week-row.week-draft:hover{background:#c9901a1f}.week-calendar tr.week-row.week-rejected{background:#c1392b12}.week-calendar tr.week-row.week-rejected:hover{background:#c1392b24}.week-calendar .cal-total-row{border-top:2px solid var(--border)}.week-calendar .cal-total-row td{padding:14px 8px}.week-calendar .week-status{font-size:12px}.week-calendar .week-action{font-size:12px;color:var(--tempo-black);font-weight:600}.week-calendar td.cal-weekend{background:#0000000a}.week-calendar td.cal-holiday{position:relative}.week-calendar td.cal-holiday:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border:1.5px solid var(--tempo-black);border-radius:50%;pointer-events:none}.week-calendar th.cal-weekend-hdr{color:var(--text-muted);opacity:.6}.ts-grid .day-weekend{background:#0000000a}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.leave-balance-tile{padding:16px;border:1px solid var(--border);border-radius:var(--radius-box);background:var(--surface);transition:transform .2s ease,box-shadow .2s ease}.leave-balance-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.leave-balance-tile .lb-name{font-size:13px;color:var(--text-muted);margin-bottom:6px}.leave-balance-tile .lb-value{font-size:24px;font-weight:700;color:var(--tempo-black)}.leave-balance-tile .lb-unit{font-size:14px;color:var(--text-muted);margin-left:4px;font-weight:400}.leave-balance-tile .lb-used{font-size:12px;color:var(--text-muted);margin-top:4px}.ts-grid th.day-holiday{position:relative}.ts-grid th.day-holiday:after{content:"";position:absolute;inset:0 4px;border:2px solid var(--tempo-black);border-radius:50%;pointer-events:none}.ts-container{max-width:none;padding:12px 16px 64px}.ts-grid{width:100%;border-collapse:collapse;table-layout:fixed}.ts-grid th,.ts-grid td{padding:4px 5px;vertical-align:middle}.ts-grid th{font-size:11px}.ts-grid .col-job{width:10%}.ts-grid .col-status{width:6%}.ts-grid .col-dept{width:7%}.ts-grid .col-task{width:9%}.ts-grid .day-col{text-align:center;width:46px}.ts-grid .col-total{text-align:center;width:42px}.ts-grid .col-actions{width:28px}.ts-grid .hours-input{border:1px solid var(--border);border-radius:var(--radius-box);padding:3px 4px;font:inherit;font-size:13px;background:var(--surface);width:44px!important;-moz-appearance:textfield}.ts-grid .hours-input::-webkit-inner-spin-button,.ts-grid .hours-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ts-grid .hours-input:focus{outline:none;border-color:var(--tempo-lime-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.ts-grid .desc-input{width:100%;padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius-box);font:inherit;font-size:13px;background:var(--surface)}.ts-grid .desc-input:focus{outline:none;border-color:var(--tempo-lime-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.ts-grid tfoot td{border-top:2px solid var(--border);font-weight:600}.ts-grid .row-total{background:var(--surface-alt)}.ac-wrap{position:relative}.ac-wrap input{width:100%;padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius-box);font:inherit;font-size:13px;background:var(--surface)}.ac-wrap input:focus{outline:none;border-color:var(--tempo-lime-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.ac-list{display:none;position:absolute;top:100%;left:0;min-width:360px;z-index:20;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-box) var(--radius-box);box-shadow:0 4px 12px #0000001a}.ac-list.open{display:block;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ac-item{padding:6px 8px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:8px}.ac-item{transition:background .1s,color .1s}.ac-item:hover,.ac-item.highlighted{background:var(--tempo-lime);color:var(--tempo-black)}.ac-item .ac-desc{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-item:hover .ac-desc,.ac-item.highlighted .ac-desc{color:var(--tempo-black);opacity:.7}.ac-clear{padding:6px 8px;cursor:pointer;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border)}.ac-clear:hover{background:var(--surface-alt)}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-draft{background:var(--surface-alt);color:var(--text-muted)}.status-submitted{background:var(--info-blue-bg-alt);color:var(--info-blue)}.status-approved{background:var(--success-bg);color:var(--success)}.status-rejected{background:var(--flag);color:var(--danger)}.status-exported{background:#e6f4ea;color:#1e7a39;border:1px solid #b6dcbf}.status-active{background:var(--success-bg);color:var(--success)}.status-completed,.status-dispatched,.status-invoiced,.status-partial,.status-dep,.status-inactive{background:var(--warn-bg);color:var(--warn-text-dark)}.ts-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;white-space:nowrap}.ts-status-draft{background:var(--surface-alt);color:var(--text-muted)}.ts-status-submitted{background:var(--info-blue-bg-alt);color:var(--info-blue)}.ts-status-approved{background:var(--success-bg);color:var(--success)}.ts-status-rejected{background:var(--danger-bg);color:var(--danger)}.ts-status-exported{background:#d8eed8;color:#1e7a39}.ts-status-dot.exported{background:#1e7a39}.ts-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ts-status-dot.draft{background:var(--text-muted)}.ts-status-dot.submitted{background:var(--info-blue)}.ts-status-dot.approved{background:var(--success)}.ts-status-dot.rejected{background:var(--danger)}.ts-status-time{font-weight:400;opacity:.8;margin-left:4px}.ts-status-time:before{content:"\b7";margin-right:6px}button.small{padding:2px 8px;font-size:12px}.card pre{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-box);padding:8px 10px;margin:6px 0;overflow-x:auto;font-size:12px;line-height:1.4}.card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--surface-alt);padding:1px 4px;border-radius:3px}.card pre code{background:transparent;padding:0}.card ol li{margin-bottom:8px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-box);padding:48px 24px;text-align:center;cursor:pointer;color:var(--text-muted);transition:border-color .2s,background .2s,transform .15s}.drop-zone:hover{transform:scale(1.005)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:#2460c70a}.drop-zone-text{font-size:14px}details.card{cursor:default}details.card>summary{cursor:pointer;list-style:none;font-size:14px}details.card>summary::-webkit-details-marker{display:none}details.card>summary:before{content:"\25b8  "}details.card[open]>summary:before{content:"\25be  "}.cvt-grid{width:100%;border-collapse:collapse;white-space:nowrap}.cvt-grid th,.cvt-grid td{padding:4px 6px;border-bottom:1px solid var(--border)}.cvt-grid thead th{background:var(--surface-alt);text-align:center}.cvt-day-header{border-left:2px solid var(--border);font-size:11px}.cvt-sub{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cvt-sub:nth-child(odd){border-left:2px solid var(--border)}.cvt-cell{text-align:center;font-variant-numeric:tabular-nums}.cvt-cell:nth-child(odd){border-left:2px solid var(--border)}.cvt-total{font-weight:600}.cvt-sticky{position:sticky;left:0;background:var(--surface);z-index:1;font-weight:500}.cvt-sticky-dept{position:sticky;left:0;background:var(--surface);z-index:1;font-size:12px}.cvt-warn{background:var(--warn-bg);color:var(--warn-text-dark)}.cvt-danger{background:var(--danger-bg);color:var(--danger);font-weight:600}.cvt-row-flag td.cvt-sticky,.cvt-row-flag td.cvt-sticky-dept{border-left:3px solid var(--danger)}.lv-sort-hdr:hover{background:var(--surface-alt)}.lv-row-ot td{background:#ffa50014}.dash-charts{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.dash-chart-card{flex:1 1 300px;min-width:280px;max-width:400px;display:flex;flex-direction:column;align-items:center}.donut-wrap{width:200px;height:200px;margin:0 auto 12px}.donut-svg{width:100%;height:100%}.donut-num{font-size:28px;font-weight:800;fill:var(--tempo-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.donut-pct{font-size:14px;fill:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dash-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot-green{background:var(--tempo-lime)}.legend-dot-blue{background:var(--info-blue)}.bar-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.chip-dash{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600}.chip-submitted{background:var(--success-bg);color:#2e7d3a}.chip-pending{background:var(--warn-bg);color:var(--warn-text-dark)}.dept-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.dept-badge:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.dept-badge-approved{background:var(--success-bg);color:var(--success)}.dept-badge-approved:before{background:var(--success)}.dept-badge-submitted{background:var(--info-blue-bg-alt);color:var(--info-blue)}.dept-badge-submitted:before{background:var(--info-blue)}.dept-badge-draft{background:var(--surface-alt);color:var(--text-muted)}.dept-badge-draft:before{background:var(--text-muted)}.dept-badge-rejected{background:var(--danger-bg);color:var(--danger)}.dept-badge-rejected:before{background:var(--danger)}.dept-badge-none{background:var(--warn-bg);color:var(--warn-text-dark)}.dept-badge-none:before{background:var(--warn-text-dark)}.dept-badge-exported{background:#d8eed8;color:#1e7a39}.dept-badge-exported:before{background:#1e7a39}.tc-live-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.tc-live-counts .tile{padding:12px 14px;border-radius:var(--radius-box);border:1px solid var(--border);background:var(--surface-alt)}.tc-live-counts .tile .num{font-size:22px;font-weight:700;line-height:1}.tc-live-counts .tile .lbl{font-size:12px;color:var(--text-muted);margin-top:4px}.tc-live-counts .tile.onsite{background:var(--success-bg);border-color:#b6dcbf}.tc-live-counts .tile.offsite{background:var(--info-blue-bg-alt);border-color:#b8cfef}.tc-live-counts .tile.break{background:#fdecd3;border-color:#f5d89a}.tc-live-counts .tile.away{background:var(--surface-alt)}.tc-live-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.tc-live-pill.onsite{background:var(--success-bg);color:var(--success)}.tc-live-pill.offsite{background:var(--info-blue-bg-alt);color:var(--info-blue)}.tc-live-pill.break{background:#fdecd3;color:#a56a10}.tc-live-pill.away{background:var(--surface-alt);color:var(--text-muted)}.dept-view-btn{display:inline-block;padding:4px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;text-decoration:none;color:var(--text);background:var(--surface-alt);border:1px solid var(--border);transition:all .2s cubic-bezier(.4,0,.2,1)}.dept-view-btn:hover{background:var(--border);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.dept-approve-btn{display:inline-block;padding:4px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--success);background:var(--success-bg);border:1px solid #c3e6cb;cursor:pointer;margin-left:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.dept-approve-btn:hover{background:#d4edda;transform:translateY(-1px);box-shadow:0 2px 6px #2e7d3a26}.workflow-options{display:flex;flex-direction:column;gap:12px;margin-top:12px}.workflow-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-box);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.workflow-option:hover{background:var(--surface-alt)}.workflow-option:has(input:checked){border-color:var(--tempo-lime);background:color-mix(in srgb,var(--accent) 6%,transparent)}.workflow-option input[type=radio]{margin-top:3px;accent-color:var(--tempo-black)}.workflow-option-body{display:flex;flex-direction:column;gap:4px}.workflow-option-body strong{font-size:14px}.settings-row{display:flex;gap:16px;flex-wrap:wrap}.settings-field{flex:1;min-width:140px}.settings-checks{display:flex;flex-direction:column;gap:12px}.settings-check{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-box);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.settings-check:hover{background:var(--surface-alt)}.settings-check:has(input:checked){border-color:var(--tempo-lime);background:color-mix(in srgb,var(--accent) 6%,transparent)}.settings-check input[type=checkbox]{margin-top:3px;accent-color:var(--tempo-black)}.settings-check div{display:flex;flex-direction:column;gap:2px}button.primary{background:var(--tempo-lime);color:var(--tempo-black);border-color:var(--tempo-lime);font-weight:700}button.primary:hover{background:var(--tempo-lime-dark);border-color:var(--tempo-lime-dark);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 768px){.container{padding:12px 12px 48px}.card{padding:16px}.ts-current-card{padding:20px}.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px;min-height:0}.topbar .brand{margin-right:0}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.topbar nav::-webkit-scrollbar{display:none}.topbar .grow{display:none}.topbar-user{margin-left:auto;font-size:12px;gap:6px}.topbar-user .who{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.btn,.ghost{min-height:40px;padding:8px 14px;font-size:14px}.pagination button,.password-toggle{min-height:0;padding:4px 10px}.password-toggle{padding:4px 6px}input,select,textarea{width:100%;box-sizing:border-box}.auth-wrap .card{max-width:none}dialog form{width:95vw!important}.card>table{display:block;overflow-x:auto;max-width:100%}.dash-charts,.org-columns{grid-template-columns:1fr!important}#editor-view>.row-flex{flex-wrap:wrap;gap:8px}#editor-view #week-label{flex-basis:100%;min-width:0!important;font-size:16px;order:-1}.ts-grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.ts-grid{table-layout:auto;min-width:920px}.ts-grid th,.ts-grid td{padding:6px 8px}.ts-grid .col-job{min-width:120px}.ts-grid .col-status{min-width:76px}.ts-grid .col-dept{min-width:90px}.ts-grid .col-task{min-width:96px}.ts-grid .col-desc{min-width:180px}.ts-grid .day-col,.ts-grid .col-total{min-width:56px}.ts-grid .col-actions{min-width:36px}.ts-grid .hours-input{width:50px!important;font-size:16px;padding:6px 4px}.ts-grid .desc-input,.ac-wrap input{font-size:16px;padding:6px 8px}.ts-grid thead th:first-child,.ts-grid tbody td:first-child{position:sticky;left:0;z-index:2;background:var(--surface);box-shadow:1px 0 0 var(--border)}.ts-grid thead th:first-child{z-index:3}}