*{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}