<style>
        .mr-container{ width:100%; margin:20px 0; font-family:inherit; direction:rtl; }
        .mr-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; gap:10px; }
        .mr-header h3{ margin:0; color:#333; font-size:24px; }
        .mr-controls{ display:flex; align-items:center; gap:10px; }
        .last-updated{ font-size:12px; color:#666; }
        .btn-clear-all{ padding:8px 14px; border-radius:20px; border:0; background:#dc3545; color:#fff; cursor:pointer; }

        .mr-list{ display:flex; flex-direction:column; gap:12px; }
        .mr-card{
            display:grid;
            grid-template-columns: 60px 1fr;
            gap:14px;
            align-items:flex-start;
            background:#fff;
            border-radius:14px;
            box-shadow:0 2px 10px rgba(0,0,0,.08);
            padding:14px;
        }
        .mr-card-left{ display:flex; justify-content:center; align-items:flex-start; padding-top:6px; }
        .mr-icon{
            width:52px; height:52px; border-radius:12px;
            background: linear-gradient(135deg,#e8f4fd,#f0f8ff);
            position:relative;
        }
        .mr-icon:before{
            content:''; position:absolute; inset:0;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 24 24" fill="none" stroke="%23007cba" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m22 8-6 4 6 4V8Z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg>') center/60% no-repeat;
            opacity:.9;
        }

        .mr-card-main{ display:flex; flex-direction:column; gap:8px; }
        
        .mr-label{ 
            font-size:11px; font-weight:600; text-transform:uppercase; 
            color:#888; letter-spacing:0.5px; margin-bottom:4px;
        }
        
        .mr-header-section{ 
            padding-bottom:8px; border-bottom:2px solid #e8f4fd;
        }
        
        .mr-title{ 
            font-size:20px; font-weight:800; line-height:1.3; 
            color:#222; margin-top:2px;
        }
        
        .mr-datetime-section{
            padding:8px 0;
        }
        
        .mr-datetime{ 
            font-size:17px; font-weight:700; color:#0066cc; 
            display:flex; align-items:center; gap:6px;
        }
        
        .mr-info-section{
            padding:6px 0;
        }
        
        .mr-attendees, .mr-location{ 
            font-size:14px; color:#555; line-height:1.5;
        }
        
        .mr-location a{ 
            color:#007cba; text-decoration:none; font-weight:600;
        }
        .mr-location a:hover{ text-decoration:underline; }
        
        .mr-description{ 
            font-size:13px; color:#777; line-height:1.5; 
            font-style:italic;
        }

        .mr-actions{
            display:flex; gap:8px; margin-top:12px; flex-wrap:wrap;
        }
        .mr-actions .report-btn{
            border:none; padding:10px 16px; border-radius:22px; 
            font-size:14px; font-weight:700; cursor:pointer; color:#fff;
        }
        .report-held{ background:#28a745; }
        .report-postponed{ background:#ffc107; color:#000; }
        .report-cancelled{ background:#dc3545; }
        .report-held:hover{ background:#218838; }
        .report-postponed:hover{ background:#e0a800; }
        .report-cancelled:hover{ background:#c82333; }
        .report-not-relevant{ background:#6c757d; }
        .report-not-relevant:hover{ background:#5a6268; }
        .report-not-relevant:active,
        .report-not-relevant:focus { 
            background:#545b62;
            box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.3);
        }
          
        .mr-actions .report-btn:focus,
        .modal-buttons button:focus {
            outline: none;
        }

        .report-held:active,
        .report-held:focus { 
            background:#1e7e34;
            box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3);
        }

        .report-postponed:active,
        .report-postponed:focus { 
            background:#d39e00;
            box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.3);
        }

        .report-cancelled:active,
        .report-cancelled:focus { 
            background:#bd2130;
            box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
        }

        .modal-buttons .btn-confirm:active,
        .modal-buttons .btn-confirm:focus,
        .modal-buttons .btn-next:active,
        .modal-buttons .btn-next:focus,
        .modal-buttons .btn-submit:active,
        .modal-buttons .btn-submit:focus { 
            background:#1e7e34;
            box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3);
        }

        .modal-buttons .btn-cancel:active,
        .modal-buttons .btn-cancel:focus { 
            background:#545b62;
            box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.3);
        }

        .modal-buttons .btn-back:active,
        .modal-buttons .btn-back:focus { 
            background:#0056b3;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
        }

        .btn-clear-all:active,
        .btn-clear-all:focus {
            background:#bd2130;
            box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
            outline: none;
        }

        .mr-empty{ text-align:center; color:#666; padding:24px; }

        @media (min-width: 992px){
            .mr-card{ grid-template-columns: 72px 1fr; padding:18px; }
            .mr-title{ font-size:20px; }
        }

        @media (max-width: 768px){
            .mr-actions{
                flex-direction:column;
                gap:6px;
            }
            .mr-actions .report-btn{
                padding:12px 18px;
                font-size:15px;
                width:100%;
            }
        }

        .modal-overlay{
            position: fixed; inset: 0; background: rgba(0,0,0,.5);
            display: flex; justify-content: center; align-items: center;
            z-index: 100000; direction: rtl; padding: 16px;
        }
        .modal-content{
            background: #fff; width: 100%; max-width: 550px;
            border-radius: 12px; padding: 24px;
            box-shadow: 0 20px 60px rgba(0,0,0,.25);
            max-height: 90vh; overflow: auto;
        }
        .modal-content h3{ margin:0 0 14px 0; color:#333; font-size:20px; text-align:center; }
        .modal-content .meeting-info{ 
            margin:0 0 20px 0; color:#666; line-height:1.5; 
            font-size:15px; text-align:center; padding:12px;
            background:#f8f9fa; border-radius:8px;
        }
        
        .form-group{ margin-bottom:18px; }
        .form-group label{ display:block; margin-bottom:8px; font-weight:600; color:#333; }
        .form-group .required{ color:#dc3545; }
        .form-group input[type="text"],
        .form-group input[type="number"],
        .form-group textarea,
        .form-group .form-select{
            width:100%; padding:10px; border:1px solid #ddd;
            border-radius:6px; font-size:14px; font-family:inherit;
            box-sizing:border-box;
        }
        .form-group textarea{ resize:vertical; min-height:80px; }
        .form-group .form-select{ 
            background:#fff;
            cursor:pointer;
            appearance: none;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23333" d="M6 9L1 4h10z"/></svg>');
            background-repeat: no-repeat;
            background-position: left 10px center;
            padding-left: 35px;
        }
        
        .radio-group{ display:flex; gap:16px; }
        .radio-group label{ 
            display:flex; align-items:center; gap:6px; 
            font-weight:normal; cursor:pointer;
        }
        .radio-group input[type="radio"]{ cursor:pointer; }

        .status-held{ color:#28a745; font-weight:bold; }
        .status-postponed{ color:#ffc107; font-weight:bold; }
        .status-cancelled{ color:#dc3545; font-weight:bold; }
        .status-not-relevant{ color:#6c757d; font-weight:bold; }
        
        .modal-buttons{ 
            display:flex; gap:10px; justify-content:center; 
            margin-top:24px; flex-wrap:wrap;
        }
        .modal-buttons button{
            padding:10px 18px; border:0; border-radius:8px; 
            font-weight:700; cursor:pointer; font-size:14px;
        }
        .modal-buttons .btn-confirm,
        .modal-buttons .btn-next,
        .modal-buttons .btn-submit{ background:#28a745; color:#fff; }
        .modal-buttons .btn-cancel{ background:#6c757d; color:#fff; }
        .modal-buttons .btn-back{ background:#007bff; color:#fff; }
        .modal-buttons button:disabled{ 
            background:#ccc; cursor:not-allowed; opacity:0.6; 
        }

        body.mr-no-scroll{ overflow:hidden; }
        </style>