:root{--color-brand: #fa440f;--color-brand-strong: #c73206;--color-brand-soft: #fff0ea;--color-brand-border: #fcc2ad;--color-text: #1a1a1a;--color-muted: #6b7280;--color-border: #d9dde3;--color-ok: #15803d;--color-error: #b91c1c;--color-error-soft: #fdecec;--color-surface: #ffffff;--color-bg: #f5f6f8;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}h1{color:var(--color-brand-strong);font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.2rem;margin:0}h3{font-size:1rem;margin:0}.muted{color:var(--color-muted)}.ok{color:var(--color-ok);font-weight:600}.error{color:var(--color-error);font-weight:600}.notice{background:#fff7e0;border:1px solid #f3d27a;border-radius:var(--radius);padding:.6rem .8rem;margin:0}.notice.info{background:var(--color-brand-soft);border-color:var(--color-brand-border)}a{color:var(--color-brand-strong)}button{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:.5rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--color-brand)}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--color-brand-strong);border-color:var(--color-brand-strong)}button.link{border:0;background:none;color:var(--color-brand-strong);padding:.25rem;text-decoration:underline}button.wide{width:100%}input,select,textarea{font:inherit;border:1px solid var(--color-border);border-radius:6px;padding:.45rem .55rem;background:var(--color-surface);width:100%}input:focus,select:focus{outline:2px solid var(--color-brand);outline-offset:-1px}input[aria-invalid=true],.has-error input,.has-error select{border-color:var(--color-error);background:var(--color-error-soft)}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--color-muted)}.field input,.field select,.field textarea{color:var(--color-text);font-size:.95rem}.field-error{color:var(--color-error);font-size:.8rem;margin:.2rem 0 0}.checkbox{display:flex;align-items:center;gap:.5rem}.checkbox input{width:auto}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem;margin:0}legend{font-size:.85rem;color:var(--color-muted);padding:0 .25rem}.centered{max-width:420px;margin:0 auto;padding:4rem 1.25rem;text-align:center}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 3px #00000014}.card.flush{padding:0}.sign-in{display:flex;flex-direction:column;gap:1rem;text-align:left}.stack{display:flex;flex-direction:column;gap:.9rem}.layout{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1.25rem;background:var(--color-surface);border-bottom:3px solid var(--color-brand);box-shadow:0 1px 3px #0000000f;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem;color:var(--color-text);text-decoration:none}.brand img{height:36px;width:auto;display:block}.brand span{font-weight:600;font-size:1.05rem;padding-left:.6rem;border-left:1px solid var(--color-border)}.nav{display:flex;gap:.25rem;flex:1}.nav a{color:var(--color-text);text-decoration:none;padding:.4rem .75rem;border-radius:6px}.nav a:hover{background:var(--color-bg)}.nav a.active{background:var(--color-brand-soft);color:var(--color-brand-strong);font-weight:600}.view-switch{min-width:10rem}.view-switch.as-employee select{border-color:var(--color-brand);background:var(--color-brand-soft);font-weight:600}.user{display:flex;align-items:center;gap:.75rem}.user span{display:flex;flex-direction:column;line-height:1.2;text-align:right}.user small{color:var(--color-muted)}.sign-in-logo{height:56px;width:auto;align-self:flex-start}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.actions{display:flex;justify-content:flex-end;gap:.5rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{padding:.55rem .75rem;border-bottom:1px solid var(--color-border);text-align:left}.data-table th{background:#f5f5f5;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:var(--color-muted)}.data-table.compact th,.data-table.compact td{padding:.35rem .5rem;text-align:center}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.toolbar-inline{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.toolbar-inline .field{min-width:8rem}.data-table tr.inactive td{color:var(--color-muted)}.schedule-summary{display:inline-flex;gap:.45rem;font-variant-numeric:tabular-nums}.schedule-summary small{color:var(--color-muted);margin-right:.1rem}.dialog{border:0;font-size:1rem;color:var(--color-text);border-radius:var(--radius);padding:1.25rem;width:min(720px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);box-shadow:0 10px 40px #00000040}.dialog::backdrop{background:#0f172a73}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(3.2rem,1fr));gap:.4rem}.week-grid label{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.8rem;color:var(--color-muted)}.week-grid input{text-align:center}.schedule-history{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border)}.attendance{display:flex;flex-direction:column;gap:1rem}.attendance-toolbar{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem}.attendance-toolbar .field{min-width:9rem}.attendance-toolbar .employee-picker{min-width:14rem}.week-hours{display:flex;gap:.9rem;margin-left:auto;font-variant-numeric:tabular-nums}.week-hours span{display:flex;flex-direction:column;align-items:center;font-weight:600}.week-hours small{color:var(--color-muted);font-weight:400}.attendance-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1rem;align-items:start}.attendance-grid-card{padding:.75rem}.attendance-employee{margin:0 0 .75rem;color:var(--color-brand)}.attendance-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem}.day-row{display:grid;grid-template-columns:2.2rem 5.8rem 3rem repeat(4,minmax(2.4rem,1fr)) 3rem;gap:.3rem;align-items:center;padding:.15rem .3rem;border-radius:6px;background:var(--day-color, transparent)}.day-row input{padding:.3rem .2rem;text-align:center;font-variant-numeric:tabular-nums;background:var(--day-color, var(--color-surface))}.day-row input:disabled{background:#0000000a;color:var(--color-text);border-color:transparent}.day-header{font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;text-align:center}.day-number{text-align:center;font-weight:600}.day-name{display:flex;flex-direction:column;font-size:.9rem;line-height:1.1;min-width:0}.day-name small{font-size:.68rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-row .hours{text-align:right;font-variant-numeric:tabular-nums}.day-row .worked{font-weight:600}.day-row.has-error{outline:2px solid var(--color-error);background:var(--color-error-soft)}.attendance-side{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.legend{display:flex;flex-direction:column;gap:.15rem;background:#fde3cf;font-size:.85rem;text-align:center}.legend strong{margin-top:.4rem}.mobile-total{display:none}.totals{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;margin:0}.totals dt{color:var(--color-muted)}.totals dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.status-badge{align-self:flex-start;padding:.2rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600}.status-badge.empty{background:#eef0f3;color:var(--color-muted)}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.finalized{background:#dcfce7;color:var(--color-ok)}.status-badge.exported{background:var(--color-brand-soft);color:var(--color-brand)}.status-badge.invalid{background:var(--color-error-soft);color:var(--color-error)}.page-hint{margin:-.5rem 0 0;font-size:.9rem}.plain-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.file-field{max-width:28rem}.file-name{font-weight:400;font-size:.8rem}.import-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.data-table td.details{white-space:normal;font-size:.85rem;min-width:16rem}.data-table td.details span{display:block}.state-note{display:block;margin-top:.2rem;color:#92400e;font-size:.75rem}.button-row{display:flex;gap:.5rem;flex-wrap:wrap}.button-row button{flex:1}.hidden-month p{margin:0}.dialog.narrow{width:min(460px,calc(100vw - 2rem))}.dialog p{margin:0}.totals.compact{padding:.5rem 0}.error-list{margin:.4rem 0 0;padding-left:1.1rem;font-weight:400}.summary-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.summary-tile{background:var(--color-surface);border-radius:var(--radius);padding:.75rem 1rem;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:.15rem;border-top:3px solid #fcd34d}.summary-tile.submitted{border-top-color:var(--color-brand)}.summary-tile.approved{border-top-color:var(--color-ok)}.summary-tile small{color:var(--color-muted)}.summary-tile strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.section-header{margin-bottom:0}.expense-list{list-style:none;margin:0;padding:0}.expense-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.expense-item:last-child{border-bottom:0}.expense-item>input{width:1.2rem;height:1.2rem}.expense-item>.expense-main:first-child{grid-column:1 / 3}.expense-main{border:0;background:none;padding:.2rem 0;text-align:left;display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:.85rem}.expense-title{font-size:.95rem;font-weight:600}.expense-issue{color:#92400e;font-size:.8rem}.expense-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.send-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:.75rem}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.type-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.type-choice button{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.9rem 1rem}.type-choice small{color:var(--color-muted)}.amount-preview{display:flex;flex-direction:column;gap:.3rem;margin:0;background:var(--color-brand-soft);border:1px solid var(--color-brand-border);border-radius:var(--radius);padding:.6rem .8rem;font-variant-numeric:tabular-nums}.amount-preview>div{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.amount-preview dd{margin:0;white-space:nowrap}.amount-preview .total{border-top:1px solid var(--color-brand-border);padding-top:.3rem;font-weight:700;font-size:1.1rem}.trip-costs{gap:.6rem}.cost-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.cost-list li{display:flex;align-items:flex-end;gap:.75rem}.cost-list .field{flex:0 1 12rem}.cost-list button{margin-bottom:.35rem}.header-actions{align-items:center}.button-link{display:inline-block;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:.5rem 1rem;text-decoration:none}.button-link:hover{border-color:var(--color-brand)}.breadcrumb{margin:0 0 .2rem;font-size:.85rem}textarea{resize:vertical}.proof{gap:.6rem}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.segmented label{display:flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .7rem;cursor:pointer}.segmented label.selected{border-color:var(--color-brand);background:var(--color-brand-soft);font-weight:600}.segmented input{width:auto}.declaration{font-size:.85rem;font-style:italic}.attachment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.attachment-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;overflow-wrap:anywhere}.dialog-actions{flex-wrap:wrap}.dialog-actions .danger-link{color:var(--color-error);margin-right:auto}.details-row{display:contents}.details-row dd{font-weight:400;white-space:normal}.details-row.total dd{font-weight:700}.app-footer{margin-top:auto;padding:.5rem 1.25rem .75rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;font-size:.75rem}.app-footer>button{color:var(--color-muted);text-decoration:none;font-size:inherit}.app-footer>button:hover{text-decoration:underline}.nav-badge{display:inline-block;margin-left:.4rem;min-width:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--color-brand);color:#fff;font-size:.75rem;font-weight:700;text-align:center}.communication-dialog .communication-history{margin-top:1.25rem;border-top:1px solid var(--color-border);padding-top:1rem}.communication-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;max-height:40dvh;overflow-y:auto}.communication-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.communication-body{margin:0;white-space:pre-wrap}.communication-reply{margin:0;background:var(--color-brand-soft);border-radius:var(--radius);padding:.5rem .7rem;white-space:pre-wrap}.communication-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.release-dialog{width:min(560px,calc(100vw - 2rem))}.release-list{max-height:60dvh;overflow-y:auto;gap:1rem}.release-list h3 small{font-weight:400}@media(max-width:1100px){.attendance-body{grid-template-columns:1fr}.attendance-side{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:760px){.nav a{white-space:nowrap}.attendance-columns{grid-template-columns:1fr}.legend{display:none}.attendance{padding-bottom:6rem}.save-panel{position:fixed;left:0;right:0;bottom:0;z-index:10;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -4px 16px #0000001f;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem .75rem;padding:.75rem 1rem}.save-panel .mobile-total{display:block}.save-panel>small,.save-panel .status-badge{display:none}.save-panel button{width:auto}.save-panel .button-row{flex-wrap:nowrap}.save-panel [role=status]{grid-column:1 / -1;max-height:30dvh;overflow-y:auto}.attendance-column+.attendance-column .day-header{display:none}.week-hours{margin-left:0}.day-row{grid-template-columns:1.8rem 4.6rem 2.6rem repeat(4,minmax(2.2rem,1fr)) 2.8rem;gap:.2rem}.day-name{font-size:.8rem}.summary-tiles{gap:.4rem}.summary-tile{padding:.5rem .6rem}.summary-tile strong{font-size:1rem}.type-choice{grid-template-columns:1fr}.expense-item{gap:.5rem}.expense-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.dialog-actions{position:sticky;bottom:-1.25rem;background:var(--color-surface);padding:.75rem 0 1.25rem;border-top:1px solid var(--color-border)}.dialog-actions button{flex:1}.dialog-actions .danger-link{flex:0}}