*{box-sizing:border-box;margin:0;padding:0}body{color:#202124;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}.qrmail-shell{min-height:100vh;display:flex}.qrmail-sidebar{background:#fff;border-right:1px solid #e5e7eb;width:260px;padding:24px}.qrmail-main{flex-direction:column;flex:1;display:flex}.qrmail-content{padding:32px}.qrmail-brand{align-items:center;gap:14px;margin-bottom:40px;display:flex}.qrmail-brand-icon{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.qrmail-brand span{color:#777;font-size:14px;display:block}.qrmail-nav{flex-direction:column;gap:10px;display:flex}.qrmail-nav a{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.qrmail-nav a.active{color:#fff;background:#2563eb}.qrmail-nav a:hover{background:#edf4ff}.qrmail-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 32px;display:flex}.qrmail-user{align-items:center;gap:16px;display:flex}.qrmail-signout-button{cursor:pointer;border:none;border-radius:10px;padding:10px 18px}.qrmail-page{flex-direction:column;gap:28px;display:flex}.qrmail-page-header h1{font-size:30px}.qrmail-page-header p{color:#777;margin-top:8px}.qrmail-card,.qrmail-event-card{background:#fff;border:1px solid #ececec;border-radius:14px;gap:18px;margin-bottom:16px;padding:20px;display:flex}.qrmail-card-body{flex:1}.qrmail-card-meta{color:#777;gap:14px;margin-top:12px;font-size:13px;display:flex}.qrmail-card-actions{align-items:center;gap:10px;display:flex}.qrmail-link-button{color:#fff;background:#2563eb;border-radius:8px;padding:10px 16px}.qrmail-icon-link{align-items:center;display:flex}.qrmail-timeline{flex-direction:column;gap:20px;display:flex}.qrmail-timeline-item{gap:16px;display:flex}.qrmail-timeline-dot{background:#2563eb;border-radius:50%;width:14px;height:14px;margin-top:8px}.qrmail-timeline-card{background:#fff;border:1px solid #ececec;border-radius:12px;flex:1;padding:18px}.qrmail-timeline-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.qrmail-create-layout{grid-template-columns:1fr 350px;gap:28px;display:grid}.qrmail-form{flex-direction:column;gap:18px;display:flex}.qrmail-form label{flex-direction:column;gap:8px;display:flex}.qrmail-form input,.qrmail-form textarea,.qrmail-form select{border:1px solid #ddd;border-radius:10px;padding:12px}.qrmail-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px}.qrmail-preview-panel{background:#fff;border:1px solid #ececec;border-radius:14px;padding:24px}.qrmail-preview-box{justify-content:center;align-items:center;padding:30px;display:flex}.qrmail-preview-empty{text-align:center;color:#999;padding:60px}.qrmail-detail-grid{grid-template-columns:360px 1fr;gap:24px;display:grid}.qrmail-detail-card{background:#fff;border:1px solid #ececec;border-radius:14px;padding:24px}.qrmail-detail-info{flex-direction:column;gap:10px;margin-top:24px;display:flex}.qrmail-empty,.qrmail-loading{text-align:center;color:#666;padding:80px}.qrmail-auth-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.qrmail-auth-card{background:#fff;border:1px solid #ececec;border-radius:16px;flex-direction:column;gap:18px;width:420px;padding:36px;display:flex}.qrmail-auth-card input{border:1px solid #ddd;border-radius:10px;padding:12px}.qrmail-auth-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px}.qrmail-auth-footer{text-align:center;color:#666}.qrmail-auth-footer a{color:#2563eb}.qrmail-event-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.qrmail-event-link:hover .qrmail-event-card{border-color:#2563eb;box-shadow:0 8px 24px #2563eb14}.qrmail-destination-block{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.qrmail-destination-url{color:#2563eb;word-break:break-all;line-height:1.5}.qrmail-filters{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.qrmail-filters button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:8px 14px}.qrmail-filters button.active{color:#fff;background:#111;border-color:#111}.qrmail-category-badge{color:#111827;background:#f3f4f6;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:14px;display:inline-flex}.qrmail-lifecycle-status{align-items:center;gap:10px;margin:10px 0 16px;display:flex}.qrmail-lifecycle-status select{background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px 10px}.qrmail-field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.qrmail-field label{color:#666;font-size:13px}.qrmail-field input{border:1px solid #ddd;border-radius:10px;padding:10px}.qrmail-primary-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;margin-top:14px;padding:10px 14px}.qrmail-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.qrmail-card-head h2{font-size:24px;line-height:1.2}.qrmail-field-label{color:#111827;font-size:14px;font-weight:700}.qrmail-textarea,.qrmail-input{width:100%;font:inherit;color:#111827;background:#fff;border:1px solid #d7dce5;border-radius:12px;outline:none;padding:12px 14px}.qrmail-textarea{resize:vertical;min-height:92px;line-height:1.5}.qrmail-textarea:focus,.qrmail-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.qrmail-save-button,.qrmail-small-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;font-weight:700}.qrmail-save-button{width:100%;padding:12px 14px}.qrmail-small-button{white-space:nowrap;padding:10px 14px}.qrmail-save-button:hover,.qrmail-small-button:hover{background:#1d4ed8}.qrmail-save-button:disabled{opacity:.65;cursor:not-allowed}.qrmail-save-status{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.qrmail-tag-input-row{gap:10px;display:flex}.qrmail-tags-list{flex-wrap:wrap;gap:8px;min-height:28px;display:flex}.qrmail-tag-pill{color:#1e3a8a;background:#eef2ff;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:14px;font-weight:600;display:inline-flex}.qrmail-tag-pill button{color:#1e3a8a;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.qrmail-muted{color:#6b7280;font-size:14px}.qrmail-continuity-record{border:1px solid #dbeafe;box-shadow:0 12px 30px #2563eb0f}.qrmail-continuity-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.qrmail-continuity-view,.qrmail-continuity-edit{flex-direction:column;gap:16px;margin-top:22px;display:flex}.qrmail-continuity-view p{color:#111827;margin-top:6px;line-height:1.5}.qrmail-preline{white-space:pre-line}.qrmail-continuity-actions{grid-template-columns:1fr auto;gap:12px;display:grid}.qrmail-secondary-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:12px;padding:12px 16px;font-weight:700}.qrmail-saved{color:#166534;background:#dcfce7;border-radius:12px;padding:12px 14px;font-weight:700}.qrmail-saving{color:#1d4ed8;background:#eff6ff;border-radius:12px;padding:12px 14px;font-weight:700}.qrmail-attachments-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 12px 30px #2563eb0f}.qrmail-attachments-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.qrmail-attachments-header h3{margin-top:4px;font-size:24px}.qrmail-upload-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.qrmail-upload-button:hover{background:#1d4ed8}.qrmail-upload-button input{display:none}.qrmail-attachment-empty{color:#6b7280;font-size:14px;line-height:1.6}.qrmail-attachment-list{flex-direction:column;gap:12px;display:flex}.qrmail-attachment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.qrmail-attachment-info{min-width:0}.qrmail-attachment-name{color:#111827;word-break:break-word;font-weight:700}.qrmail-attachment-meta{color:#6b7280;word-break:break-word;margin-top:4px;font-size:13px}.qrmail-attachment-delete{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.qrmail-attachment-delete:hover{background:#fecaca}@media (width<=700px){.qrmail-attachments-header{flex-direction:column}.qrmail-upload-button{width:100%}.qrmail-attachment-item{flex-direction:column;align-items:flex-start}.qrmail-attachment-delete{width:100%}}.qrmail-collections-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 12px 30px #2563eb0f}.qrmail-collections-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.qrmail-collections-header h3{margin-top:4px;font-size:24px}.qrmail-collection-list{flex-wrap:wrap;gap:10px;min-height:34px;display:flex}.qrmail-collection-pill{color:#1e3a8a;background:#eef2ff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.qrmail-collection-pill button{color:#1e3a8a;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.qrmail-collection-empty{color:#6b7280;font-size:14px;line-height:1.6}.qrmail-collection-actions{flex-direction:column;gap:12px;margin-top:18px;display:flex}.qrmail-collection-create,.qrmail-collection-add-existing{grid-template-columns:1fr auto;gap:10px;display:grid}@media (width<=700px){.qrmail-collection-create,.qrmail-collection-add-existing{grid-template-columns:1fr}.qrmail-collection-create button,.qrmail-collection-add-existing button{width:100%}}.qrmail-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qrmail-intent-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee9;border-radius:14px;padding:14px;transition:all .18s}.qrmail-intent-card strong{color:#111827;margin-bottom:6px;font-size:15px;display:block}.qrmail-intent-card span{color:#6b7280;font-size:13px;line-height:1.35;display:block}.qrmail-intent-card:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 8px 24px #2563eb1f}.qrmail-intent-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}@media (width<=900px){.qrmail-intent-grid{grid-template-columns:1fr}}.qrmail-mode-switch{background:#fff;border:1px solid #d8dee9;border-radius:14px;gap:8px;margin:0 0 22px;padding:6px;display:inline-flex}.qrmail-mode-switch button{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 16px;font-weight:700}.qrmail-mode-switch button.active{color:#fff;background:#2563eb}.qrmail-field-title{color:#111827;margin:0 0 10px;font-size:14px;font-weight:700}.qrmail-memory-grid{flex-wrap:wrap;gap:10px;display:flex}.qrmail-check-pill{color:#374151;cursor:pointer;background:#fff;border:1px solid #d8dee9;border-radius:999px;align-items:center;gap:8px;width:auto;padding:9px 13px;font-size:13px;font-weight:600;display:inline-flex}.qrmail-check-pill input{width:auto;margin:0}.qrmail-check-pill:has(input:checked){color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.qrmail-import-box{background:#f8fafc;border:1px dashed #94a3b8;border-radius:14px;padding:14px}.qrmail-import-box strong{color:#111827;margin-bottom:6px;display:block}.qrmail-import-box p{color:#6b7280;margin:0 0 10px;font-size:13px;line-height:1.45}.qrmail-import-box input{background:#fff}.qrmail-preview-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin:22px 0;padding:14px}.qrmail-preview-summary p{color:#374151;margin:0 0 8px;font-size:14px}.qrmail-preview-summary p:last-child{margin-bottom:0}@media (width<=900px){.qrmail-mode-switch{width:100%;display:flex}.qrmail-mode-switch button{flex:1}}.qrmail-upload-preview,.qrmail-existing-preview{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:14px;padding:14px}.qrmail-upload-preview img,.qrmail-existing-preview img{object-fit:contain;max-width:180px;max-height:180px;margin:0 auto 10px;display:block}.qrmail-upload-preview span,.qrmail-existing-preview p{color:#6b7280;margin:0;font-size:13px}.qrmail-empty-preview{text-align:center;color:#9ca3af;background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;place-items:center;min-height:180px;padding:20px;display:grid}.qrmail-existing-preview{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:220px;padding:16px;display:flex}.qrmail-existing-preview img{object-fit:contain;width:220px;max-width:100%;height:auto;display:block}.qrmail-card-thumbnail{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:56px;height:56px}.qrmail-status-pill{color:#4b5563;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.qrmail-form-stack{flex-direction:column;gap:10px;display:flex}.qrmail-form-stack input,.qrmail-form-stack select,.qrmail-form-stack textarea{border:1px solid #d9dee8;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.qrmail-form-stack textarea{resize:vertical;min-height:90px}.qrmail-form-stack button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;margin-top:8px;padding:11px 14px;font-weight:600}.qrmail-form-stack button:disabled{opacity:.6;cursor:not-allowed}