:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--radius-sm: .45rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.4rem;--color-bg: #f4f1e9;--color-surface: #fffdf7;--color-surface-raised: #ffffff;--color-border: #ded5c2;--color-text: #18241f;--color-muted: #68726b;--color-accent: #0b5a43;--color-accent-strong: #083d31;--color-accent-fg: #ffffff;--color-danger: #a52822;--color-warn: #a76813;--color-success: #206a3f;--color-focus: #d08b1f;--font-size-xs: .78rem;--font-size-sm: .9rem;--font-size-md: 1rem;--font-size-lg: 1.18rem;--font-size-xl: 1.45rem;--font-size-2xl: 1.85rem;--shadow-1: 0 1px 2px rgba(29, 37, 31, .08);--shadow-2: 0 16px 45px rgba(29, 37, 31, .14);--ease-out: cubic-bezier(.16, 1, .3, 1);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--header-height: 72px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at 0 0,rgba(11,90,67,.12),transparent 28rem),linear-gradient(135deg,#f7f3ea,#ece4d3);color:var(--color-text);font-family:Avenir Next,Segoe UI,sans-serif;font-size:var(--font-size-md);line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:where(button,a,input,select,textarea){touch-action:manipulation}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,.button,input,select,textarea{min-height:44px}button,.button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;padding:var(--space-3) var(--space-4);transition:transform .16s var(--ease-out),border-color .16s var(--ease-out),background .16s var(--ease-out)}button:active,.button:active{transform:translateY(1px)}button.primary,.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}button.primary:hover,.primary:hover{background:var(--color-accent-strong)}button.primary[disabled],button[disabled]{cursor:not-allowed;opacity:.58}button.block,.block{display:block;margin-top:var(--space-4);text-align:center;text-decoration:none;width:100%}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-3) var(--space-4)}textarea{min-height:96px;resize:vertical}label{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm)}a{color:var(--color-accent);text-decoration:none}.error{color:var(--color-danger);margin:var(--space-1) 0}.layout{display:flex;flex-direction:column;min-height:100dvh}.layout-header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;min-height:var(--header-height);padding:calc(var(--space-3) + var(--safe-top)) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);background:#fffdf7f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{color:var(--color-text);font-size:var(--font-size-lg);font-weight:800;letter-spacing:-.02em}.layout-nav{display:flex;gap:var(--space-2);overflow-x:auto}.layout-nav a{min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.layout-nav a.active{background:var(--color-accent);color:var(--color-accent-fg)}.layout-actions{display:flex;gap:var(--space-2);align-items:center;margin-left:auto}.layout-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-8) + var(--safe-bottom))}.lang-switch{min-height:44px;padding:var(--space-2) var(--space-3);background:transparent;font-size:var(--font-size-sm)}.page{display:flex;flex-direction:column;gap:var(--space-5)}.page h1,.page h2{margin:0;letter-spacing:-.03em}.page h1{font-size:clamp(var(--font-size-xl),6vw,var(--font-size-2xl))}.page h2{font-size:var(--font-size-lg)}.card-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.card{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-1);padding:var(--space-4)}.card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.card-main small{color:var(--color-muted);font-size:var(--font-size-sm)}.login-shell{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:var(--safe-bottom);background:radial-gradient(circle at 100% 0,rgba(167,104,19,.18),transparent 24rem),var(--color-bg)}.login-shell-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--space-4) + var(--safe-top)) var(--space-4) var(--space-4)}.login-form{width:min(calc(100% - 2rem),390px);margin:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-2);padding:var(--space-6)}.task-list{display:flex;flex-direction:column;gap:var(--space-3)}.task-row{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4)}.task-row.is-done{border-color:#206a3f61;background:#edf6ec}.task-row-main{display:flex;flex-direction:row;gap:var(--space-3);align-items:flex-start;margin:0;color:var(--color-text)}.task-row-main input[type=checkbox]{width:26px;min-width:26px;height:26px;margin-top:var(--space-1)}.task-row-text{display:flex;flex-direction:column;gap:var(--space-1)}.task-row-label{font-weight:700}.task-row-badge,.task-save-state,.status-pill{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:.18rem .55rem;font-size:var(--font-size-xs);font-weight:700}.task-row-badge{border:1px solid rgba(167,104,19,.25);background:#a7681321;color:#6f4308}.task-row-meta{color:var(--color-muted);font-size:var(--font-size-sm);font-style:normal}.task-notes{margin-top:var(--space-3);min-height:70px}.task-save-state.is-saving,.task-save-state.is-pending{background:#a7681324;color:var(--color-warn)}.task-save-state.is-saved{background:#206a3f24;color:var(--color-success)}.task-save-state.is-failed{background:#a528221f;color:var(--color-danger)}.visit-tabs,.month-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:thin}.visit-tabs{position:sticky;top:var(--header-height);z-index:10;margin-inline:calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);background:#f4f1e9f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.visit-tabs button,.month-strip button{flex:0 0 auto;border-radius:999px;padding-inline:var(--space-4)}.visit-tabs button.is-active,.month-strip button.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg)}.add-task-details{margin-top:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:#fffdf79e}.add-task-details summary{min-height:44px;cursor:pointer;font-weight:700}.compact-field{max-width:420px}.status-pill{margin-top:var(--space-2)}.status-pill.is-neutral{background:#68726b24;color:var(--color-muted)}.status-pill.is-accent{background:#0b5a431f;color:var(--color-accent)}.status-pill.is-warn{background:#a7681324;color:var(--color-warn)}.status-pill.is-success{background:#206a3f24;color:var(--color-success)}.status-pill.is-danger{background:#a528221f;color:var(--color-danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#0f172a80}.modal{width:min(100%,520px);display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-5)}.modal-actions,.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.signature-page{min-height:calc(100dvh - var(--header-height) - var(--space-8))}.signature-pad{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);touch-action:none}.signature-pad-full{flex:1;min-height:min(58dvh,520px)}.signature-pad canvas{display:block;width:100%;touch-action:none}.photo-field{display:flex;flex-direction:column;gap:var(--space-3)}.photo-picker{width:100%;min-height:96px;align-items:center;justify-content:center;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:#fffdf7b3;color:var(--color-text);cursor:pointer;text-align:center}.photo-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:var(--space-3)}.photo-thumb{position:relative;min-height:108px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.photo-thumb img{width:100%;height:108px;display:block;object-fit:cover}.photo-thumb span{display:block;padding:var(--space-3);color:var(--color-muted);font-size:var(--font-size-xs);overflow-wrap:anywhere}.photo-thumb button{position:absolute;right:var(--space-2);bottom:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-2)}.photo-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#18241f24}.photo-progress span{display:block;height:100%;padding:0;background:var(--color-accent)}.toast-region{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-bottom));z-index:80;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;width:100%;justify-content:flex-start;border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);color:#fff;text-align:left}.toast-info{background:var(--color-accent)}.toast-success{background:var(--color-success)}.toast-warning{background:var(--color-warn)}.toast-error{background:var(--color-danger)}.data-table{width:100%;overflow:hidden;border:1px solid var(--color-border);border-collapse:collapse;border-radius:var(--radius-lg);background:var(--color-surface)}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);padding:var(--space-3);text-align:left;font-size:var(--font-size-sm)}.data-table th{background:#ded5c26b;font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:var(--space-4)}.banner{border:1px solid rgba(167,104,19,.28);border-radius:var(--radius-lg);background:#a768131f;color:#6f4308;padding:var(--space-3) var(--space-4)}.notes-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4);white-space:pre-wrap}.form-grid{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4)}.pdf-skeleton{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4);color:var(--color-muted)}.spinner:after{content:"";display:inline-block;width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.layout-main{padding:var(--space-6);padding-bottom:calc(var(--space-8) + var(--safe-bottom))}.modal-backdrop{align-items:center}.toast-region{left:auto;width:min(420px,calc(100vw - 2rem))}}@media (max-width: 700px){.layout-actions{width:100%;margin-left:0;justify-content:space-between}.card{align-items:stretch;flex-direction:column}.card .primary,.card button{width:100%}.data-table{display:block;overflow-x:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}