:root{--color-brand:#d40000;--color-brand-dark:#a80000;--color-on-brand:#fff;--color-bg:#f2f3f5;--color-surface:#fff;--color-text:#303133;--color-muted:#606266;--color-border:#e4e7ed;--color-primary:#1f6fd1;--color-primary-text:#fff;--color-error:#b3261e;--color-success:#1e7a3c;--radius:6px;--space:1rem;color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:var(--space);top:var(--space);background:var(--color-surface);z-index:10;padding:.5rem}.app-header{align-items:center;gap:var(--space);min-height:4rem;padding:.5rem var(--space);background:var(--color-brand);color:var(--color-on-brand);flex-wrap:wrap;display:flex}.app-title{margin:0 var(--space) 0 0;font-size:1.2rem;font-weight:600}.app-nav{flex-wrap:wrap;gap:.25rem;display:flex}.app-nav a{color:var(--color-on-brand);border-radius:var(--radius);padding:.35rem .75rem;text-decoration:none}.app-nav a:hover{background:var(--color-brand-dark)}.app-nav a.router-link-exact-active{background:var(--color-brand-dark);font-weight:600}.app-user{align-items:center;gap:.5rem;margin-left:auto;display:flex}.app-header .badge{border-color:var(--color-on-brand)}.app-header .button{border-color:var(--color-on-brand);color:var(--color-on-brand);background:0 0}.app-header .button:hover{background:var(--color-brand-dark)}.app-header :focus-visible{outline-color:var(--color-on-brand)}.badge{border:1px solid var(--color-border);border-radius:999px;padding:0 .5rem;font-size:.85rem}.app-main{max-width:72rem;padding:var(--space);margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:calc(var(--space) * 1.5);margin-bottom:var(--space);border-radius:4px;box-shadow:0 1px 2px #0000000a}.card.narrow{max-width:26rem;margin:2rem auto}.card h2{margin-top:0}.form{flex-direction:column;gap:.75rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field input,.field textarea{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem}.button{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.45rem 1rem}.button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.button.primary:hover:not(:disabled){color:var(--color-primary-text);background:#1a5fb4}.button:disabled{opacity:.6;cursor:progress}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.hint{color:var(--color-muted);margin:0;font-size:.9rem}.error{color:var(--color-error);margin:0}.success{color:var(--color-success)}.details{grid-template-columns:max-content 1fr;gap:.25rem 1rem;display:grid}.details dt{color:var(--color-muted)}.details dd{margin:0}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);padding:.5rem}.table th{color:var(--color-muted);font-size:.9rem;font-weight:600}.table tbody tr:hover{background:#f5f7fa}.table tr.selected{background:var(--color-bg)}.actions{flex-wrap:wrap;gap:.25rem;display:flex}.inline-form{flex-flow:wrap;align-items:flex-end}.inline-form h3,.inline-form .hint{flex-basis:100%;margin:0}.field select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);padding:.45rem}.button.small{padding:.2rem .6rem;font-size:.9rem}.muted{color:var(--color-muted);font-size:.9rem}.badge.ok{color:var(--color-success);border-color:var(--color-success)}.badge.off{color:var(--color-error);border-color:var(--color-error)}.notice{border:2px solid var(--color-primary);border-radius:var(--radius);padding:var(--space);margin-bottom:var(--space)}.notice h3{margin-top:0}.secret{letter-spacing:.05em;-webkit-user-select:all;user-select:all;font-size:1.25rem}.field textarea{resize:vertical}.description{white-space:pre-wrap;overflow-wrap:anywhere}a.button{text-decoration:none;display:inline-block}.staff-actions{margin-top:var(--space);padding-top:var(--space);border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;display:flex}.list-header{justify-content:space-between;align-items:center;gap:var(--space);flex-wrap:wrap;display:flex}.filters .grow{flex:16rem}.pagination{justify-content:center;align-items:center;gap:var(--space);margin-top:var(--space);display:flex}.attachments{margin-top:var(--space);padding-top:var(--space);border-top:1px solid var(--color-border)}.attachment-list{gap:var(--space);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.attachment-list li{overflow-wrap:anywhere;flex-direction:column;gap:.25rem;display:flex}.attachment-list img{object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius);width:100%;height:8rem}.comments,.history{margin-top:var(--space);padding-top:var(--space);border-top:1px solid var(--color-border)}.comment-list,.history-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.comment{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem}.comment.internal{border-left:4px solid var(--color-error);background:var(--color-bg)}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.comment .deleted{font-style:italic}.history-list li{flex-wrap:wrap;gap:.5rem;display:flex}.visibility{border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.25rem;display:flex}.danger-zone{margin-top:var(--space);padding-top:var(--space);border-top:1px solid var(--color-error)}.button.danger{border-color:var(--color-error);color:var(--color-error)}.button.danger[type=submit]{background:var(--color-error);color:var(--color-primary-text)}.button.danger:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.button.danger[type=submit]:hover:not(:disabled){color:var(--color-primary-text)}