*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;background:#f5f6f8;color:#222}.header{background:#1f2937;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.brand{margin:0;font-size:16px}.nav{display:flex;gap:12px;align-items:center;font-size:13px}.email{color:#cbd5e1}.btn-link{background:transparent;border:1px solid #4b5563;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer}.main{max-width:1100px;margin:24px auto}.card,.main{padding:24px}.card{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;font-size:13px}.table th{background:#f8f9fb;color:#555;font-weight:600}.table tr:hover td{background:#fafbfd}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600}.badge.new{background:#dbeafe;color:#1d4ed8}.badge.in_progress{background:#fef3c7;color:#b45309}.badge.resolved{background:#dcfce7;color:#15803d}.badge.closed{background:#e5e7eb;color:#4b5563}.filter-bar{display:flex;gap:12px;margin-bottom:16px}.filter-bar select{padding:8px 12px;border:1px solid #ccd0d6;border-radius:6px}.detail-row{display:flex;padding:10px 0;border-bottom:1px solid #eee}.detail-label{width:180px;color:#666;font-size:13px}.detail-value{flex:1 1;font-size:14px;white-space:pre-wrap}.actions-bar{display:flex;gap:8px;margin-top:24px}.btn-primary{background:#2563eb;color:#fff;border:0;border-radius:6px}.btn-outline,.btn-primary{padding:8px 20px;cursor:pointer}.btn-outline{background:#fff;border:1px solid #ccd0d6;border-radius:6px}.login-prompt{text-align:center;padding:64px 24px}a{color:#2563eb}.attachments-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:12px}.attachment-item{border:1px solid #e2e4e8;border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:1/1}.attachment-img,.attachment-item a{display:block;width:100%;height:100%}.attachment-img{object-fit:cover;background:#f5f6f8;cursor:zoom-in}.attachment-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#666;background:#f5f6f8}@media (max-width:640px){.attachments-grid{grid-template-columns:repeat(2,1fr)}}