:root{--primary:maroon;--primary-hover:#600;--on-primary:#fff;--bg:#fff;--surface:#fafafa;--surface-hover:#ededed;--border:#e2e2e2;--text:#1a1a1a;--text-dim:#6b6b6b;--danger:#dc2626;--danger-bg:#dc262614;--preview-pane:#e9e9e9;--radius:6px;--focus-ring:0 0 0 2px #8000004d}[data-theme=dark]{--primary:brown;--primary-hover:#8b0000;--on-primary:#fff;--bg:#1a1a1a;--surface:#242424;--surface-hover:#2d2d2d;--border:#3a3a3a;--text:#e4e4e4;--text-dim:#9a9a9a;--danger:#ef4444;--danger-bg:#ef44441f;--preview-pane:#151515}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}input,select,textarea,button{font-family:inherit;font-size:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:none}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:4px 12px;font-size:.85rem}button:hover{background:var(--surface-hover)}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:#fff}button.small{padding:2px 8px;font-size:.75rem}button.bar{padding:6px 8px;font-size:1rem}input[type=text],input[type=number],select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius);padding:4px 8px;font-size:.85rem}input[type=text]:focus-visible,input[type=number]:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:4px 8px;font-size:.85rem}th{background:var(--surface);z-index:1;font-weight:600;position:sticky;top:0}td.sticky-left,td.sticky-right{background:var(--bg)}tr:hover td.sticky-left,tr:hover td.sticky-right{background:var(--surface-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--primary);color:var(--on-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.app-header-left{font-size:1rem;font-weight:700}.app-header-center{gap:4px;display:flex}.app-header-right{align-items:center;gap:8px;display:flex}.header-tab{color:var(--on-primary);border-radius:var(--radius);background:0 0;border:none;padding:6px 8px;font-size:1rem}.header-tab:hover{background:#ffffff26}.header-tab.active{background:#ffffff40;font-weight:600}.header-btn{color:var(--on-primary);border-radius:var(--radius);background:0 0;border:1px solid #ffffff4d;padding:6px 8px;font-size:1rem}.header-btn:hover{background:#ffffff26}.header-message{z-index:120;border:1px solid var(--danger);border-radius:var(--radius);background:var(--bg);max-width:min(420px,100vw - 16px);color:var(--danger);padding:8px 12px;font-size:.8rem;position:absolute;top:44px;right:8px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.consent-backdrop{z-index:300;background:#00000040;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.consent-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:min(100%,620px);color:var(--text);padding:20px;box-shadow:0 4px 20px #0003}.consent-dialog h2{margin:4px 0 8px;font-size:1.1rem}.consent-dialog p{font-size:.85rem}.consent-detail,.consent-contact{color:var(--text-dim);margin-top:8px}.consent-contact a{color:var(--primary)}.consent-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.app-content{flex:1;overflow:auto}.loading-screen,.error-screen{background:var(--bg);min-height:100%;color:var(--text);place-items:center;padding:24px;display:grid}.error-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(100%,520px);padding:28px}.error-card h1{margin:4px 0 10px;font-size:1.5rem}.error-card p{color:var(--text-dim)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--primary)!important}.error-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.persistence-banner{background:var(--danger-bg);color:var(--danger);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 12px;font-size:.8rem;display:flex}.header-filter-trigger{font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.header-filter-trigger:hover{-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim)}.library-table{min-height:0}.container-md{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;overflow-x:auto}.sidebar-panel{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:320px;padding:20px;overflow:auto}.preview-pane{background:var(--preview-pane);flex:1;padding:16px;overflow:auto}.top-bar{border-bottom:1px solid var(--border);padding:10px 20px}@media (min-width:768px){.container-md{max-width:720px}}@media (min-width:992px){.container-md{max-width:960px}}@media (min-width:1200px){.container-md{max-width:1140px}}@media (min-width:1400px){.container-md{max-width:1320px}}@media (max-width:767px){.app-header{flex-wrap:wrap;gap:4px;height:auto;min-height:44px;padding:6px 8px}.header-message{top:98px}.app-header-left{margin-right:auto}.app-header-center{order:3;justify-content:center;width:100%}.app-header-right{gap:4px}.header-tab,.header-btn{padding:5px 6px;font-size:.85rem}.container-md{padding-left:8px;padding-right:8px}.top-bar{padding:8px}.sidebar-panel{border-right:0;border-bottom:1px solid var(--border);width:100%;max-height:50vh;padding:12px}.preview-pane{min-height:50vh;padding:8px}}@media print{@page{margin:0}body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact}html,body,#root{height:auto!important}.app,.app-content,.preview-pane,.container-md{flex:none!important;height:auto!important;padding:0!important;overflow:visible!important}.no-print{display:none!important}.print-preview{margin:0!important}.print-scale-frame{width:auto!important;margin:0!important;overflow:visible!important}.print-scale-content{transform-origin:unset!important;transform:none!important}.print-root{break-after:page;transform-origin:unset!important;box-shadow:none!important;margin:0!important;transform:none!important}.print-preview-last .print-root{break-after:auto}}