:root{color-scheme:light;--bg: #f4f1eb;--surface: #fffdf9;--ink: #1f2a2e;--muted: #66727a;--accent: #2e6b5a;--accent-soft: #e3efe9;--accent-tint: rgba(46, 107, 90, .08);--accent-tint-strong: rgba(46, 107, 90, .16);--border: #e2ddd3;--shadow: 0 18px 40px rgba(31, 42, 46, .08);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,var(--accent-tint),transparent 40%),var(--bg);color:var(--ink)}#root{min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:960px;margin:0 auto;padding:32px 24px 24px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700}.brand h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.app-nav{display:flex;gap:8px;flex-wrap:wrap}.nav-link{padding:8px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--accent-tint);color:var(--ink)}.nav-link--active{background:var(--accent-soft);color:var(--accent)}.avatar{display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;line-height:1}.avatar--small{width:36px;height:36px}.avatar--large{width:88px;height:88px;font-size:2.25rem}.nav-avatar{display:inline-flex;margin-left:4px;border-radius:50%;text-decoration:none;outline-offset:2px}.nav-avatar:hover .avatar{background:var(--accent-tint-strong)}.nav-avatar--active .avatar{box-shadow:0 0 0 2px var(--accent)}.app-main{flex:1;padding:40px 0}.page{display:flex;flex-direction:column;gap:24px}.page-header{max-width:620px}.eyebrow{margin:0 0 6px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.page h2{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em}.lede{margin:0;color:var(--muted);font-size:1.05rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.card h3{margin:0;font-size:1.1rem}.card p{margin:0;color:var(--muted);flex:1}.card-link{align-self:flex-start;margin-top:8px;color:var(--accent);font-weight:700;text-decoration:none}.card-link:hover{text-decoration:underline}.placeholder{padding:32px;border:1px dashed var(--border);border-radius:18px;background:#fffdf999;color:var(--muted);text-align:center}.notice{margin:8px 0 0;padding:12px 16px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:.9rem}.app-footer{padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.button{padding:10px 18px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.button--ghost{padding:6px 12px;border-color:var(--border);background:transparent;color:var(--ink);font-weight:600}.button--ghost:hover:not(:disabled){background:var(--accent-tint)}.profile-header{display:flex;align-items:center;gap:20px}.profile-data{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:0}.profile-data dt{color:var(--muted)}.profile-data dd{margin:0;font-weight:600;overflow-wrap:anywhere}.profile-actions,.logout-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-actions .button{text-decoration:none}.auth-screen{display:grid;place-items:center;min-height:100vh;padding:24px 16px}.auth-card,.form-card{width:100%;max-width:420px;gap:16px}.form-card h3{margin:0}.field{display:flex;flex-direction:column;gap:6px;font-weight:600}.field input,.field select{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:400}.field input:focus,.field select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.hint{margin:0;color:var(--muted);font-size:.85rem}.form-error{margin:0;padding:10px 12px;border-radius:10px;background:#fbe9e7;color:#a2321f}.issued{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.issued p{margin:0}.issued code{padding:2px 6px;border-radius:6px;background:var(--surface);font-size:1rem;-webkit-user-select:all;user-select:all}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.row-actions{display:flex;gap:6px}.table td.number{text-align:right;font-variant-numeric:tabular-nums}.table .row-panel td{white-space:normal;background:var(--bg)}.field--check{flex-direction:row;align-items:center;font-weight:400}.inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.inline-form .form-error{flex-basis:100%}.history{margin:0;padding-left:18px;color:var(--muted);font-size:.9rem}.tag{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.75rem}@media(max-width:520px){.app-shell{padding:20px 16px}.app-header{align-items:flex-start;flex-direction:column}.app-main{padding:28px 0}}