.notification-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012,0 1px 3px #0000001a;overflow:hidden;border-top:4px solid #1a2a5e}.notification-logo{padding:24px;text-align:center}.company-logo{max-width:200px;height:auto}.notification-header{padding:16px 24px;display:flex;align-items:center;gap:14px}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-block{fill:#da1e28}.icon-caution{fill:#ff832b}.notification-title{font-size:1.125rem;font-weight:600;margin:0;line-height:1.3}.notification-block .notification-title{color:#da1e28}.notification-caution .notification-title{color:#ff832b}.notification-content{padding:8px 24px 20px}.notification-description{font-size:.9375rem;color:#4b5563;line-height:1.6;margin:0}.notification-suggestion{font-size:.875rem;color:#6b7280;line-height:1.5;margin:16px 0 0;padding:12px;background-color:#f9fafb;border-radius:8px;display:flex;align-items:flex-start;gap:8px}.suggestion-icon{flex-shrink:0;fill:#d97706;margin-top:2px}.details-accordion{padding:0 24px;border-top:1px solid #e5e7eb}.details-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#1a2a5e;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.details-toggle:hover{color:#0f1a3d}.details-chevron{transition:transform .15s cubic-bezier(.2,0,.38,.9);fill:currentColor}.details-chevron-open{transform:rotate(180deg)}.details-content{padding-bottom:8px;font-size:.8125rem}.detail-row{display:flex;padding:4px 0}.detail-label{color:#9ca3af;min-width:70px;flex-shrink:0}.detail-value{color:#6b7280;word-break:break-all}.notification-actions{padding:16px 24px;display:flex;gap:12px;flex-wrap:wrap}.btn{padding:14px 16px;font-size:.875rem;font-weight:400;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color 70ms cubic-bezier(.2,0,.38,.9);min-height:48px}.btn-danger{background-color:#da1e28;color:#fff}.btn-danger:hover{background-color:#b81922}.btn-danger:active{background-color:#750e13}.btn-back{background-color:transparent;color:#1a2a5e;border:1px solid #1a2a5e}.btn-back:hover{background-color:#1a2a5e14}.btn-back:active{background-color:#1a2a5e29}.notification-support{padding:16px 24px;text-align:center}.support-text{font-size:.875rem;color:#6b7280;margin:0}.support-email{color:#1a2a5e;text-decoration:none}.support-email:hover{text-decoration:underline}.notification-footer{padding:12px 24px;background-color:#f9fafb}.footer-text{font-size:.75rem;color:#9ca3af;text-align:center;margin:0}@media(max-width:480px){.notification-header{flex-direction:column;text-align:center}.notification-actions{flex-direction:column}.btn{width:100%}.detail-row{flex-direction:column;gap:2px}.detail-label{min-width:auto}}body:has(.message-review){display:block;padding:0;background:#fff}body:has(.message-review) #root{max-width:none;width:100%}.message-review{width:100%;margin:0;padding:32px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;min-height:100vh;box-sizing:border-box}.review-header{margin-bottom:40px}.review-header h1{font-size:2rem;font-weight:600;color:#1a2a5e;margin:0 0 12px}.review-subtitle{color:#6b7280;font-size:.9375rem;line-height:1.6}.token{background-color:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8125rem;margin:0 4px}.sample-previews{margin-top:24px;padding:20px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.sample-previews h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#374151}.sample-buttons{display:flex;gap:12px}.sample-link{display:inline-block;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;transition:opacity .15s}.sample-link:hover{opacity:.85;text-decoration:none}.sample-caution{background-color:#ff832b;color:#fff}.sample-block{background-color:#da1e28;color:#fff}.review-section{margin-bottom:48px}.review-section h2{font-size:1.25rem;font-weight:600;color:#1a2a5e;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #1a2a5e}.section-description{color:#6b7280;font-size:.875rem;margin:0 0 16px}.section-description code{background-color:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.8125rem}.review-table{width:100%;border-collapse:collapse;font-size:.875rem}.review-table th{background-color:#f9fafb;text-align:left;padding:12px 16px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.review-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;vertical-align:top;line-height:1.5}.review-table tr:hover{background-color:#f9fafb}.code-cell{font-family:monospace;font-size:.75rem;color:#1a2a5e;background-color:#f3f4f6;white-space:nowrap;width:220px;min-width:220px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.title-pattern-cell{min-width:220px}.pattern-title{font-weight:600;color:#1a2a5e;margin-bottom:6px}.pattern-rule{display:flex;flex-direction:column;gap:2px}.pattern-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#6b7280}.pattern-code{font-family:monospace;font-size:.75rem;color:#1a2a5e;background-color:#f3f4f6;padding:4px 6px;border-radius:4px;word-break:break-all;white-space:pre-wrap}.message-cell{font-size:.8125rem;min-width:200px}.message-content{margin-bottom:8px}.message-content:last-child{margin-bottom:0}.message-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:#6b7280;margin-bottom:2px}.reason-table{table-layout:fixed}.empty{color:#9ca3af}.review-footer{margin-top:48px;padding-top:16px;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}@media print{.message-review{padding:16px}.review-table{font-size:.75rem}.review-table th,.review-table td{padding:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%;max-width:600px}