*,:before,:after{box-sizing:border-box}body{font-size:15px;line-height:1.45}a{color:var(--color-accent)}h1{margin:0 0 var(--space-4);font-size:1.5rem}h2{margin:0 0 var(--space-3);font-size:1.1rem}.muted{color:var(--color-muted)}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-header{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;display:flex}.brand{color:var(--color-text);font-size:1.1rem;font-weight:700;text-decoration:none}.nav{gap:var(--space-1);flex-wrap:wrap;flex:1;display:flex}.nav-link{padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--color-muted);text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--color-text);background:var(--color-bg)}.logout{margin:0}.content{width:100%;max-width:1100px;padding:var(--space-6) var(--space-4);flex:1;margin:0 auto}.footer{padding:var(--space-3) var(--space-4);text-align:center;font-size:.8rem}.update-banner{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-accent);color:var(--color-surface);display:flex}button,input,select,textarea{font:inherit;color:var(--color-text)}input,select,textarea{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);max-width:100%}button{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-surface)}button:disabled{opacity:.5;cursor:default}.button-small{padding:2px var(--space-2);font-size:.85rem}.button-ghost,.button-secondary{color:var(--color-accent);background:0 0}.button-ghost{border-color:#0000}.button-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.field{gap:var(--space-1);margin-bottom:var(--space-3);display:grid}.field label{font-size:.9rem;font-weight:600}.check-label{gap:var(--space-2);align-items:center;display:flex}.error{color:var(--color-danger)}.ok{color:var(--color-ok)}.warn{color:var(--color-warn)}.cards{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0}.stats{gap:var(--space-4);margin:var(--space-3) 0;display:flex}.stat{display:grid}.stat-value{font-size:1.4rem;font-weight:700}.stat-label{color:var(--color-muted);font-size:.8rem}.badge{padding:0 var(--space-2);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-block}.tag{margin-left:var(--space-1);padding:0 var(--space-1);border:1px solid var(--color-border);color:var(--color-muted);border-radius:4px;font-size:.7rem;display:inline-block}.tag-warn{color:var(--color-warn);border-color:var(--color-warn)}.tag-ok{color:var(--color-ok);border-color:var(--color-ok)}.tabs{gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.tab{padding:var(--space-2) var(--space-3);color:var(--color-muted);border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none}.tab.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.toolbar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.book-row{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:var(--space-3)}.book-row-head{gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.book-title{font-weight:600}.compare{border-collapse:collapse;width:100%;font-size:.92rem}.compare th,.compare td{text-align:left;padding:var(--space-1) var(--space-2);border-top:1px solid var(--color-border);vertical-align:top}.compare th{color:var(--color-muted);font-size:.8rem;font-weight:600}.cell-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.picker{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:top}.table-wrap{overflow-x:auto}.empty{padding:var(--space-6);text-align:center;color:var(--color-muted);border:1px dashed var(--color-border);border-radius:var(--radius)}@media (width<=640px){.shell-header{justify-content:space-between}.nav{flex-basis:100%;order:3}.compare thead{display:none}.compare tr{border-top:1px solid var(--color-border);padding:var(--space-2) 0;grid-template-columns:1fr;display:grid}.compare td{border:0;padding:2px 0}.compare td[data-label]:before{content:attr(data-label) ": ";color:var(--color-muted);font-size:.8rem}.data-table thead{display:none}.data-table tr{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:grid}.data-table td{border:0;padding:2px 0}}