*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--dd-font-body);line-height:1.5;color:var(--dd-text);background:var(--dd-bg);-webkit-font-smoothing:antialiased}:root{--dd-p-green-900: #09583f;--dd-p-green-700: #0b6e4f;--dd-p-green-200: #aed3c0;--dd-p-green-100: #e8f3ee;--dd-p-gold-700: #9a6b00;--dd-p-gray-900: #1a1a1a;--dd-p-gray-600: #555;--dd-p-gray-400: #9aa3a0;--dd-p-gray-300: #d7ddda;--dd-p-gray-150: #e9edeb;--dd-p-gray-100: #eef2f0;--dd-p-gray-050: #f5f7f6;--dd-p-blue-700: #1a56a7;--dd-p-blue-100: #e7f0fe;--dd-p-red-700: #c62828;--dd-p-red-200: #f5c2c0;--dd-p-red-100: #fdecea;--dd-p-amber-700: #e65100;--dd-p-amber-300: #ffcc66;--dd-p-amber-100: #fff8e1;--dd-color-primary: var(--dd-p-green-700);--dd-color-primary-strong: var(--dd-p-green-900);--dd-color-primary-contrast: #fff;--dd-color-primary-soft: var(--dd-p-green-100);--dd-color-accent: var(--dd-p-gold-700);--dd-bg: var(--dd-p-gray-050);--dd-surface: #fff;--dd-border: var(--dd-p-gray-300);--dd-text: var(--dd-p-gray-900);--dd-muted: var(--dd-p-gray-600);--dd-danger: var(--dd-p-red-700);--dd-warn: var(--dd-p-amber-700);--dd-ok: var(--dd-p-green-700);--dd-radius: 8px;--dd-shadow: 0 1px 3px rgba(0,0,0,.08);--dd-control-h: 44px;--dd-tap-min: 44px;--dd-font-body: 16px;--dd-font-title: 22px;--dd-font-small: 13px;--dd-space-1: 4px;--dd-space-2: 8px;--dd-space-3: 12px;--dd-space-4: 16px;--dd-space-5: 24px;--dd-space-6: 32px;--dd-gutter: var(--dd-space-4);--dd-green: var(--dd-color-primary);--dd-green-dark: var(--dd-color-primary-strong)}html[data-density=field]{--dd-control-h: 56px;--dd-tap-min: 48px;--dd-font-body: 17px;--dd-font-title: 24px;--dd-font-small: 14px}html[data-density=comfortable]{--dd-control-h: 40px;--dd-tap-min: 36px;--dd-font-body: 15px;--dd-font-title: 20px}.dd-header{position:sticky;top:0;z-index:10;background:var(--dd-color-primary);color:var(--dd-color-primary-contrast);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dd-space-2);padding:10px var(--dd-gutter)}.dd-header__brand{font-weight:700;font-size:var(--dd-font-body);display:inline-flex;align-items:center;gap:var(--dd-space-2)}.dd-header__logo{width:28px;height:28px;object-fit:contain;border-radius:4px;background:#fff}.dd-header__actions{display:flex;flex-wrap:wrap;gap:var(--dd-space-2)}.dd-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dd-space-2);padding:var(--dd-space-2) var(--dd-gutter);background:var(--dd-surface);border-bottom:1px solid var(--dd-border)}.dd-main{padding:var(--dd-gutter)}.dd-container{width:100%;max-width:520px;margin:0 auto}.dd-container--wide{max-width:1040px}.dd-login{width:100%;max-width:380px;margin:32px auto 0}.dd-login__logo{display:block;width:72px;height:72px;object-fit:contain;margin:0 auto var(--dd-space-3);border-radius:var(--dd-radius)}.dd-card{background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:var(--dd-radius);box-shadow:var(--dd-shadow);padding:20px}@media (min-width: 640px){.dd-main,.dd-card{padding:var(--dd-space-5)}}.dd-title{color:var(--dd-color-primary);margin:0 0 4px;font-size:var(--dd-font-title)}.dd-subtitle{color:var(--dd-muted);margin:0 0 var(--dd-space-4)}.dd-section-title{font-size:calc(var(--dd-font-body) - 1px);font-weight:700;margin:var(--dd-space-4) 0 var(--dd-space-2)}.dd-field{display:block;margin-bottom:14px}.dd-label{display:block;font-weight:600;margin-bottom:6px;font-size:calc(var(--dd-font-body) - 2px)}.dd-req{color:var(--dd-danger)}.dd-input,.dd-select,.dd-textarea{width:100%;min-height:var(--dd-control-h);padding:10px 12px;font-size:var(--dd-font-body);color:var(--dd-text);background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:var(--dd-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none}.dd-textarea{min-height:88px;resize:vertical}.dd-input::placeholder{color:var(--dd-p-gray-400)}.dd-help{margin:6px 0 0;font-size:var(--dd-font-small);color:var(--dd-muted)}.dd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--dd-control-h);padding:10px 16px;font-size:calc(var(--dd-font-body) - 1px);font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--dd-radius);cursor:pointer;background:var(--dd-p-gray-150);color:var(--dd-text);transition:background-color .12s ease}.dd-btn:hover{background:var(--dd-p-gray-300)}.dd-btn:active{transform:translateY(1px)}.dd-btn:disabled{opacity:.55;cursor:not-allowed}.dd-btn--primary{background:var(--dd-color-primary);color:var(--dd-color-primary-contrast)}.dd-btn--primary:hover{background:var(--dd-color-primary-strong)}.dd-btn--ghost{background:transparent;border-color:#fff9;color:var(--dd-color-primary-contrast)}.dd-btn--ghost:hover{background:#ffffff1f}.dd-btn--block{width:100%}.dd-input:focus-visible,.dd-select:focus-visible,.dd-textarea:focus-visible,.dd-btn:focus-visible{outline:2px solid var(--dd-color-primary);outline-offset:1px}.dd-alert{padding:10px 12px;border-radius:var(--dd-radius);font-size:calc(var(--dd-font-body) - 2px);border:1px solid}.dd-alert--warn{background:var(--dd-p-amber-100);border-color:var(--dd-p-amber-300);color:var(--dd-warn)}.dd-alert--error{background:var(--dd-p-red-100);border-color:var(--dd-p-red-200);color:var(--dd-danger)}.dd-alert--info{background:var(--dd-color-primary-soft);border-color:var(--dd-p-green-200);color:var(--dd-color-primary-strong)}.dd-status{color:var(--dd-color-primary-strong);font-size:calc(var(--dd-font-body) - 2px)}.dd-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.dd-table{width:100%;border-collapse:collapse;font-size:calc(var(--dd-font-body) - 2px)}.dd-table th,.dd-table td{padding:8px 10px;border-bottom:1px solid var(--dd-border);text-align:left;white-space:nowrap}.dd-table th{background:var(--dd-p-gray-100);font-weight:600;position:sticky;top:0}.dd-badge{position:fixed;right:6px;bottom:6px;z-index:50;font:600 11px/1 ui-monospace,monospace;color:#fff;background:#0009;padding:4px 7px;border-radius:5px;pointer-events:none}.dd-tabs{display:flex;gap:4px;padding:4px;background:var(--dd-p-gray-150);border-radius:calc(var(--dd-radius) + 2px);width:fit-content;max-width:100%}.dd-tab{flex:0 0 auto;min-height:var(--dd-tap-min);padding:8px 16px;font-size:var(--dd-font-body);font-weight:600;color:var(--dd-muted);background:transparent;border:0;border-radius:var(--dd-radius);cursor:pointer}.dd-tab[aria-selected=true]{background:var(--dd-surface);color:var(--dd-color-primary-strong);box-shadow:var(--dd-shadow)}.dd-tab:focus-visible{outline:2px solid var(--dd-color-primary);outline-offset:1px}.dd-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--dd-font-small);font-weight:600;line-height:1.6;background:var(--dd-p-gray-150);color:var(--dd-muted);white-space:nowrap}.dd-chip--planned{background:var(--dd-p-blue-100);color:var(--dd-p-blue-700)}.dd-chip--captured{background:var(--dd-p-amber-100);color:var(--dd-warn)}.dd-chip--report_ready{background:var(--dd-color-primary-soft);color:var(--dd-color-primary-strong)}.dd-chip--submitted{background:var(--dd-p-blue-100);color:var(--dd-p-blue-700)}.dd-chip--noted{background:var(--dd-p-amber-100);color:var(--dd-p-gold-700)}.dd-chip--paid{background:var(--dd-color-primary-soft);color:var(--dd-color-primary-strong)}.dd-list{list-style:none;margin:0;padding:0}.dd-item{border-bottom:1px solid var(--dd-border)}.dd-item__btn{display:flex;align-items:center;justify-content:space-between;gap:var(--dd-space-3);width:100%;min-height:var(--dd-tap-min);padding:var(--dd-space-3) var(--dd-space-2);background:none;border:0;text-align:left;font-size:var(--dd-font-body);color:var(--dd-text);cursor:pointer}.dd-item__btn:hover{background:var(--dd-p-gray-100)}.dd-item__btn:focus-visible{outline:2px solid var(--dd-color-primary);outline-offset:-2px}.dd-item__primary{font-weight:600;display:block}.dd-item__secondary{display:block;color:var(--dd-muted);font-size:var(--dd-font-small);margin-top:2px}.dd-empty{text-align:center;padding:var(--dd-space-6) var(--dd-space-4);color:var(--dd-muted)}.dd-empty__icon{font-size:32px;line-height:1;margin-bottom:var(--dd-space-2)}.dd-empty__hint{font-size:var(--dd-font-small);margin-top:var(--dd-space-1)}.dd-stepper{display:flex;gap:var(--dd-space-2);list-style:none;margin:0 0 var(--dd-space-4);padding:0}.dd-step{flex:1;text-align:center;font-size:var(--dd-font-small);font-weight:600;color:var(--dd-muted);padding-top:var(--dd-space-2);border-top:3px solid var(--dd-border)}.dd-step--done{color:var(--dd-color-primary-strong);border-top-color:var(--dd-color-primary)}.dd-phototile{display:flex;align-items:center;gap:var(--dd-space-3);padding:var(--dd-space-3);border:1px dashed var(--dd-border);border-radius:var(--dd-radius);background:var(--dd-surface);margin-bottom:var(--dd-space-3)}.dd-phototile--done{border-style:solid;border-color:var(--dd-color-primary)}.dd-phototile__thumb{width:56px;height:56px;object-fit:cover;border-radius:calc(var(--dd-radius) - 2px);background:var(--dd-p-gray-100);flex:0 0 auto}.dd-phototile__label{font-weight:600;flex:1}.dd-signature{border:1px dashed var(--dd-border);border-radius:var(--dd-radius);background:var(--dd-surface);padding:var(--dd-space-3)}.dd-signature--done{border-style:solid;border-color:var(--dd-color-primary)}.dd-signature canvas{display:block;background:#fff;border:1px solid var(--dd-border);border-radius:calc(var(--dd-radius) - 2px);touch-action:none;max-width:100%}.dd-toolbar{position:sticky;bottom:0;z-index:5;display:flex;gap:var(--dd-space-2);margin:var(--dd-space-4) calc(-1 * var(--dd-gutter)) 0;padding:var(--dd-space-3) var(--dd-gutter) calc(var(--dd-space-3) + 28px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,var(--dd-bg) 30%)}.dd-toolbar .dd-btn{flex:1}.dd-skeleton{display:block;height:1em;border-radius:4px;color:transparent;background:linear-gradient(90deg,var(--dd-p-gray-150) 25%,var(--dd-p-gray-100) 50%,var(--dd-p-gray-150) 75%);background-size:200% 100%;animation:dd-shimmer 1.2s linear infinite}.dd-skeleton--card{height:96px;border-radius:var(--dd-radius);margin-bottom:var(--dd-space-3)}@keyframes dd-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.dd-skeleton{animation:none}}@media (prefers-reduced-motion: reduce){.dd-btn{transition:none}.dd-btn:active{transform:none}}