*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#222;background:#f8f5f0}
header{background:#8b4513;color:#fff;padding:1.5rem;text-align:center}
header h1{margin-bottom:.25rem;font-size:2rem}
.tagline{font-size:1rem;opacity:.9}
.dashboard{max-width:1200px;margin:0 auto;padding:1rem;display:grid;gap:1.5rem}
@media(min-width:768px){.dashboard{grid-template-columns:280px 1fr}}
.stats-panel{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}
.stat-card{background:#f0e6dd;border-radius:6px;padding:.75rem;text-align:center}
.stat-value{display:block;font-size:1.5rem;font-weight:bold;color:#8b4513}
.stat-label{font-size:.75rem;color:#666}
.grading-guide h3{margin-bottom:.75rem;color:#8b4513}
.grade-table{width:100%;border-collapse:collapse;font-size:.85rem}
.grade-table th,.grade-table td{padding:.4rem;border:1px solid #e0d6cc;text-align:left}
.grade-table th{background:#f0e6dd}
.add-album{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.add-album h2{margin-bottom:1rem;color:#8b4513}
.form-row{display:flex;flex-direction:column;margin-bottom:.75rem}
.form-row label{margin-bottom:.25rem;font-size:.9rem;font-weight:500}
.form-row input,.form-row select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}
.form-row input:focus,.form-row select:focus{outline:none;border-color:#8b4513}
.add-album button{background:#8b4513;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:.5rem}
.add-album button:hover{background:#6b350f}
.collection-table,.insurance-report,.help-content{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.table-header h2{color:#8b4513}
.table-actions button{background:#4a6fa5;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-left:.5rem;font-size:.9rem}
.table-actions button:hover{background:#3a5a8c}
.table-container{overflow-x:auto}
#collectionTable{width:100%;border-collapse:collapse;font-size:.9rem}
#collectionTable th,#collectionTable td{padding:.75rem;border:1px solid #e0d6cc;text-align:left}
#collectionTable th{background:#f0e6dd;cursor:pointer;user-select:none}
#collectionTable th:hover{background:#e5dcd3}
#collectionTable th.sorted{background:#e5dcd3}
#collectionTable tr:nth-child(even){background:#faf7f4}
#collectionTable .empty-state{text-align:center;color:#888;font-style:italic}
.delete-btn{background:#c0392b;color:#fff;border:none;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.85rem}
.delete-btn:hover{background:#a93226}
.insurance-report h2{color:#8b4513;margin-bottom:.75rem}
.insurance-report button{background:#27ae60;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}
.insurance-report button:hover{background:#229954}
.report-output{background:#f8f5f0;border:1px solid #e0d6cc;border-radius:4px;padding:1rem;margin-top:1rem;font-family:monospace;white-space:pre-wrap;word-break:break-all}
.help-content h2{color:#8b4513;margin-bottom:.75rem}
.help-content h3{color:#4a6fa5;margin:1.5rem 0 .5rem}
.help-content ul{margin-left:1.5rem}
.help-content li{margin-bottom:.5rem}
footer{background:#333;color:#ccc;text-align:center;padding:1rem;margin-top:2rem}
footer a{color:#8b4513}
@media(max-width:767px){.dashboard{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:480px){.stat-cards{grid-template-columns:1fr}.table-actions button{margin:0 0 .5rem .5rem}


/* Factory-injected deployment helpers. The AI owns the site design above this block. */
.ad-unit {
  width: min(100%, 720px);
  min-height: 120px;
  margin: 24px auto;
  display: block;
}

.legal-page {
  width: min(900px, calc(100% - 32px));
  margin: 40px auto;
}

.factory-fallback-nav {
  width: min(900px, calc(100% - 32px));
  margin: 24px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  font-size: 0.95rem;
}

.factory-fallback-nav a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}