:root{--color-bg:#f5f7fa;--color-surface:#fff;--color-text:#1a1f27;--color-muted:#5b6472;--color-border:#d8dee6;--color-primary:#1e405c;--color-primary-contrast:#fff;--color-danger:#b3261e;--color-warning:#8a5a00;--color-warning-bg:#fdf1d6;--color-danger-bg:#fbe9e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#12161c;--color-surface:#1a1f27;--color-text:#e7ebf0;--color-muted:#9aa5b1;--color-border:#2c333d;--color-primary:#6ea8d8;--color-primary-contrast:#0c1116;--color-danger:#ff8a80;--color-warning:#ffd580;--color-warning-bg:#3a2f10;--color-danger-bg:#3a1512}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.app-title{font-weight:600}.app-nav{flex-wrap:wrap;flex:1;gap:.75rem;display:flex}.app-nav a{border-radius:.375rem;padding:.25rem .5rem;text-decoration:none}.app-nav a.active{background:var(--color-primary);color:var(--color-primary-contrast)}.app-user{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1rem}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.75rem;width:100%;max-width:360px;padding:1.5rem;display:flex}.auth-form label,.inline-form label{color:var(--color-muted);flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.auth-form input,.inline-form input,.inline-form select,.filter-bar select,.search-bar input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.375rem;padding:.5rem}button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.search-bar,.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.search-bar input{flex:1;min-width:200px}.inline-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;background:var(--color-surface);width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.5rem .75rem}.detail-grid{grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:1rem 0;display:grid}.detail-grid dt{color:var(--color-muted)}.detail-grid dd{margin:0}.order-list{flex-direction:column;gap:.35rem;padding:0;list-style:none;display:flex}.form-error{color:var(--color-danger);background:var(--color-danger-bg);border-radius:.375rem;padding:.5rem .75rem}.form-warning{color:var(--color-warning);background:var(--color-warning-bg);border-radius:.375rem;padding:.5rem .75rem}.hint{color:var(--color-muted);font-size:.875rem}.page-loading{color:var(--color-muted)}.sync-status-bar{position:relative}.sync-status-badge{background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border);padding:.3rem .6rem;font-size:.8125rem}.sync-status-badge--attention{color:var(--color-warning);border-color:var(--color-warning);background:var(--color-warning-bg)}.sync-status-panel{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.75rem;width:min(420px,90vw);max-height:70vh;padding:1rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.sync-conflict{border:1px solid var(--color-warning);background:var(--color-warning-bg);border-radius:.375rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.sync-conflict-columns{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;display:grid}.sync-conflict-columns pre{white-space:pre-wrap;word-break:break-word;background:var(--color-bg);border-radius:.25rem;padding:.5rem}.signature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.signature-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem}.signature-canvas{border:1px dashed var(--color-border);touch-action:none;background:#fff;border-radius:.375rem;width:100%;height:160px}.signature-preview{border:1px solid var(--color-border);background:#fff;border-radius:.375rem;width:100%;max-width:320px;height:auto}.signature-actions{gap:.5rem;margin-top:.5rem;display:flex}.dashboard-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0;display:grid}.dashboard-tile{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:.5rem;padding:1rem;text-decoration:none;display:block}.dashboard-tile strong{color:var(--color-primary);font-size:1.75rem;display:block}.dashboard-tile--overdue strong{color:var(--color-danger)}@media (width<=480px){.app-header{flex-direction:column;align-items:stretch}.detail-grid{grid-template-columns:1fr}.detail-grid dt{margin-top:.5rem}}