:root{--color-bg: #f4efe5;--color-surface: #ffffff;--color-text: #173847;--color-text-secondary: #255665;--color-primary: #173847;--color-primary-text: #f4efe5;--color-accent: #f58a6a;--color-border: #eae3d7;--color-focus: #255665;--color-attention: #c45a33;--color-unknown: #5e7a82;--color-success: #2f5e5b;--radius: .5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--max-width: 42rem}*{box-sizing:border-box}html{font-size:100%}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}#app{min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:#eae3d7;color:var(--color-text);cursor:pointer}.btn:hover{background:#ddd5c8}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover{background:#0f2633}.btn-accent{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.btn-accent:hover{background:#e07a5b}.btn-danger{color:#8a2626;background:#f6e2df;border-color:#e9c7c3}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-field label{font-weight:600}.form-field input,.form-field select,.form-field textarea{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.help-text{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:var(--space-md)}.card :is(h2,h3){margin:0 0 var(--space-xs);font-size:1.125rem}.card-subtitle{margin:0;color:var(--color-text-secondary)}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.badge{font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:999px;background:var(--color-bg);color:var(--color-text-secondary)}.badge-attention{background:#faddd2;color:var(--color-attention)}.attention-ok{background:#d5e5e3;color:var(--color-success)}.attention-due,.attention-overdue{background:#f6e2df;color:#8a2626}.attention-snoozed{background:#e7e0d8;color:#4a3f35}.attention-unknown{background:var(--color-bg);color:var(--color-unknown)}.card-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.entity-list-empty{color:var(--color-text-secondary);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-md)}.entity-list-empty>p:first-child{margin-top:0}.entity-list-empty>p:last-child{margin-bottom:0}.entity-list-example{color:var(--color-text-secondary);font-size:.95rem;font-style:italic;margin-top:var(--space-sm)}.entity-list-empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:100}.modal{background:var(--color-surface);border-radius:var(--radius);max-width:var(--max-width);width:100%;max-height:90vh;overflow:auto;padding:var(--space-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-secondary);cursor:pointer}.confirm-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.app-shell{display:flex;flex-direction:column;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);max-width:60rem;margin:0 auto}.app-nav ul{list-style:none;margin:0;padding:0}.nav-brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:700;color:var(--color-primary);text-decoration:none;font-size:1.125rem}.nav-logo-box{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius);padding:.25rem;box-shadow:0 0 0 1px var(--color-border)}.nav-logo{display:block;width:2.5rem;height:2.5rem;object-fit:contain;border-radius:calc(var(--radius) - .125rem)}.nav-menu-button{display:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);font-size:1.25rem;color:var(--color-text);cursor:pointer}.nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.nav-group{position:relative}.nav-group-button,.nav-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);background:transparent;border:none;font:inherit;cursor:pointer}.nav-group-button:hover,.nav-link:hover{background:var(--color-bg)}.nav-sublist{display:none;position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:14rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #00000014;padding:var(--space-xs);z-index:10}.nav-group:after{content:"";position:absolute;top:100%;left:0;width:100%;height:var(--space-xs);z-index:11}.nav-sublist.nav-open,.nav-group:hover .nav-sublist,.nav-group:focus-within .nav-sublist{display:block}.app-nav[data-menu-locked] .nav-sublist,.app-nav[data-menu-locked] .nav-group:hover .nav-sublist,.app-nav[data-menu-locked] .nav-group:focus-within .nav-sublist{display:none}.nav-sublist li{margin:var(--space-xs) 0}@media(max-width:40rem){.nav-menu-button{display:inline-flex}.nav-list{display:none;width:100%;flex-direction:column;align-items:stretch;gap:var(--space-xs)}.nav-list.nav-open{display:flex}.nav-group,.nav-list>li{width:100%}.nav-sublist{position:static;box-shadow:none;border:none;background:var(--color-bg);padding-left:var(--space-md)}.nav-group:hover .nav-sublist,.nav-group:focus-within .nav-sublist{display:none}.nav-group .nav-sublist.nav-open{display:block}}.app-main{flex:1;padding:var(--space-md);max-width:var(--max-width);margin:0 auto;width:100%}.dashboard h1{margin-bottom:var(--space-xs)}.dashboard>p:first-of-type{color:var(--color-text-secondary);margin-top:0;margin-bottom:var(--space-md)}.dashboard-intro{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);margin:0 0 var(--space-lg);line-height:1.5}.passport-preview{width:100%;min-height:20rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.view-help{color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-md);max-width:48rem}.update-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);background:var(--color-accent);color:var(--color-text);padding:var(--space-sm) var(--space-md)}.update-prompt p{margin:0;flex:1 1 auto}.save-status{font-size:.875rem;padding:var(--space-xs) var(--space-sm);min-height:1.5rem;text-align:right;color:var(--color-text-secondary)}.save-status-saving{color:var(--color-text-secondary)}.save-status-saved{color:var(--color-success)}.save-status-error{color:var(--color-attention);text-align:left}@media(max-width:40rem){.save-status{text-align:left}}