.udms-task-app{max-width:420px;width:100%;background:#fff;border-radius:40px;padding:20px 16px 28px;box-shadow:0 25px 50px -8px rgba(0,20,40,.10);margin:0 auto}
.udms-task_main-heading{font-size:34px;font-weight:900;letter-spacing:-.3px;color:#0c1e38;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:2px;overflow:hidden}
.udms-task_main-heading .udms-task_arrow-icon{display:inline-block;font-size:34px;color:#1f4b8a;transform:translateX(-40px);opacity:0;animation:udms-task_slideArrow .7s cubic-bezier(.2,.9,.3,1.2) forwards;animation-delay:.2s}
@keyframes udms-task_slideArrow{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}
.udms-task_sub-heading{font-size:13px;font-weight:700;color:#5a739b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
.udms-task_sub-heading span{font-weight:400;color:#8aa0c4}
.udms-task_profile-card{background:#fff;border-radius:28px;padding:10px 12px;display:flex;align-items:center;gap:14px;border:1px solid #e6edf6;margin-bottom:18px;box-shadow:0 4px 14px rgba(0,20,40,.03)}
.udms-task_profile-left{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}
.udms-task_profile-avatar{width:58px;height:58px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.04);background-size:cover;background-position:center;flex-shrink:0}
.udms-task_profile-name{font-size:14px;font-weight:900;color:#0c1e38;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.udms-task_profile-name i{color:#238b4a;font-size:11px;margin-left:3px}
.udms-task_profile-right{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}
.udms-task_stat-box{background:#eef4fc;border-radius:16px;padding:4px 10px 6px;text-align:center;border:1px solid #dce6f2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px}
.udms-task_stat-box .udms-task_label{font-size:9px;font-weight:700;color:#5a739b;text-transform:uppercase;letter-spacing:.4px;line-height:1.2}
.udms-task_stat-box .udms-task_number{font-size:22px;font-weight:900;color:#0c1e38;line-height:1.2}
.udms-task_earn-heading{font-size:22px;font-weight:900;color:#0c1e38;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:2px 0 10px}
.udms-task_earn-heading .udms-task_num-icon{display:inline-flex;align-items:center;justify-content:center;background:#1f4b8a;color:#fff;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:900}
.udms-task_earn-by-reviews-heading{font-size:22px;font-weight:900;color:#0c1e38;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:14px 0 10px;border-top:2px solid #eef3f9;padding-top:14px}
.udms-task_earn-by-reviews-heading .udms-task_num-icon{display:inline-flex;align-items:center;justify-content:center;background:#e67e22;color:#fff;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:900}
.udms-task_scroll-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0 14px;scrollbar-width:thin;scrollbar-color:#1f4b8a #dce6f2;align-items:flex-start}
.udms-task_scroll-row::-webkit-scrollbar{height:6px}
.udms-task_scroll-row::-webkit-scrollbar-thumb{background:#1f4b8a;border-radius:20px}
.udms-task_scroll-row::-webkit-scrollbar-track{background:#dce6f2;border-radius:20px}
.udms-task_review-scroll-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0 14px;scrollbar-width:thin;scrollbar-color:#e67e22 #dce6f2;align-items:flex-start}
.udms-task_review-scroll-row::-webkit-scrollbar{height:6px}
.udms-task_review-scroll-row::-webkit-scrollbar-thumb{background:#e67e22;border-radius:20px}
.udms-task_review-scroll-row::-webkit-scrollbar-track{background:#dce6f2;border-radius:20px}
.udms-task_review-card{min-width:280px;max-width:320px;width:100%;background:#fff;border-radius:28px;padding:22px 20px 24px;border:1px solid #dce6f2;box-shadow:0 6px 0 #d1dceb;scroll-snap-align:start;flex-shrink:0;position:relative;display:flex;flex-direction:column;min-height:350px;max-height:380px;perspective:1000px;align-self:flex-start}
.udms-task_review-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;min-height:320px}
.udms-task_review-card.udms-task_flipped .udms-task_review-card-inner{transform:rotateY(180deg)}
.udms-task_review-card .udms-task_card-front,.udms-task_review-card .udms-task_card-back{position:relative;backface-visibility:hidden;width:100%;display:flex;flex-direction:column;height:100%;min-height:310px}
.udms-task_review-card .udms-task_card-back{position:absolute;top:0;left:0;transform:rotateY(180deg);padding:4px 0;height:100%}
.udms-task_review-card .udms-task_hotel-name{font-size:24px;font-weight:900;color:#0c1e38;text-align:center;margin-bottom:4px}
.udms-task_review-card .udms-task_hotel-name i{color:#f5b342;margin-right:8px}
.udms-task_review-card .udms-task_sub-title{text-align:center;font-size:12px;font-weight:600;color:#5a739b;margin-bottom:10px;line-height:1.3}
.udms-task_review-card .udms-task_view-btn{background:#eef4fc;border:1px solid #d0ddea;color:#0c1e38;font-weight:800;padding:12px;border-radius:40px;font-size:15px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 3px 0 #c8d5e6;text-align:center;margin-bottom:10px;width:100%}
.udms-task_review-card .udms-task_open-link-btn{background:#1f4b8a;border:none;color:#fff;font-weight:800;padding:12px;border-radius:40px;font-size:15px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 3px 0 #0f2a4f;text-align:center;margin-bottom:10px;width:100%}
.udms-task_review-card .udms-task_next-btn{background:#2d7d46;border:none;color:#fff;font-weight:800;padding:12px;border-radius:40px;font-size:15px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 3px 0 #1a4f2e;text-align:center;width:100%;margin-top:auto}
.udms-task_review-card .udms-task_back-status-area{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:6px;padding:8px 0;height:100%;min-height:280px}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-community{font-weight:800;font-size:18px;color:#1f4b8a;text-transform:uppercase;letter-spacing:.4px}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-earn-from{font-weight:700;font-size:14px;color:#5a739b;text-transform:uppercase}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-amount{font-size:44px;font-weight:900;color:#0c1e38}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-status-label{font-size:22px;font-weight:800;text-transform:uppercase}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-date{font-size:14px;color:#5a739b;font-weight:700}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-added-btn{margin-top:8px;padding:6px 24px;border-radius:40px;font-weight:800;font-size:15px;text-transform:uppercase;border:none;cursor:default;background:#1a6bb0;color:#fff;box-shadow:0 3px 0 #0f4a7a}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-delete-btn{background:#c0392b;border:none;color:#fff;font-weight:800;padding:6px 24px;border-radius:40px;margin-top:6px;font-size:15px;box-shadow:0 3px 0 #7a2a1f;cursor:pointer;text-transform:uppercase}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-cross-btn{margin-top:8px;font-size:15px;color:#5a739b;cursor:pointer;font-weight:700}
.udms-task_review-card .udms-task_back-status-area .udms-task_back-verifying-btn{background:#b8782a;border:none;color:#fff;font-weight:800;padding:6px 24px;border-radius:40px;margin-top:6px;font-size:15px;box-shadow:0 3px 0 #7a5a1e;cursor:default;text-transform:uppercase}
.udms-task_review-card .udms-task_pin-upload-area{margin:6px 0 4px;display:flex;flex-direction:column;align-items:center;gap:8px}
.udms-task_review-card .udms-task_pin-upload-area .udms-task_pin-btn{background:#eef4fc;border:1px solid #d0ddea;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1f3a6b;cursor:pointer;box-shadow:0 3px 0 #c8d5e6;position:relative}
.udms-task_review-card .udms-task_pin-upload-area .udms-task_pin-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;border-radius:50%}
.udms-task_review-card .udms-task_pin-upload-area .udms-task_pin-status{font-size:28px;font-weight:700;color:#1e7b44;display:none}
.udms-task_review-card .udms-task_pin-upload-area .udms-task_pin-status.udms-task_show{display:block}
.udms-task_review-card .udms-task_pin-upload-area .udms-task_pin-status .udms-task_cross{color:#c0392b;cursor:pointer}
.udms-task_review-card .udms-task_open-link-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:28px;padding:20px 18px;flex-direction:column;z-index:10;box-shadow:0 8px 30px rgba(0,0,0,.12);overflow-y:auto}
.udms-task_review-card .udms-task_open-link-overlay.udms-task_active{display:flex}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_overlay-header .udms-task_overlay-title{font-weight:800;font-size:18px;color:#0c1e38}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_close-overlay-btn{background:0 0;border:none;font-size:24px;color:#5a739b;cursor:pointer}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_rule-item{font-size:14px;font-weight:700;color:#0c1e38;padding:8px 0 8px 24px;position:relative;border-bottom:1px solid #f0f4fa}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_rule-item::before{content:"◆";color:#1f4b8a;font-size:10px;position:absolute;left:2px;top:8px}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_copy-link-btn{background:#eef4fc;border:1px solid #d0ddea;color:#0c1e38;font-weight:800;padding:10px;border-radius:40px;font-size:14px;cursor:pointer;text-align:center;margin-top:12px;box-shadow:0 2px 0 #c8d5e6}
.udms-task_review-card .udms-task_open-link-overlay .udms-task_process-video-btn{background:#2d7d46;border:none;color:#fff;font-weight:700;padding:10px;border-radius:40px;font-size:14px;cursor:pointer;text-align:center;margin-top:8px;box-shadow:0 2px 0 #1a4f2e;text-transform:uppercase;letter-spacing:.3px}
.udms-task_view-text-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:28px;padding:20px 18px;flex-direction:column;z-index:15;box-shadow:0 8px 30px rgba(0,0,0,.12);overflow-y:auto}
.udms-task_view-text-overlay.active{display:flex}
.udms-task_view-text-content{font-size:15px;font-weight:600;color:#0c1e38;padding:12px 0;line-height:1.8;flex:1;overflow-y:auto}
.udms-task_view-text-overlay .udms-task_overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}
.udms-task_view-text-overlay .udms-task_overlay-header .udms-task_overlay-title{font-weight:800;font-size:18px;color:#0c1e38}
.udms-task_close-view-btn{background:0 0;border:none;font-size:24px;color:#5a739b;cursor:pointer}
.udms-task_review-card.udms-task_status-approved{background:#e8f4fd;border-color:#b8d4f0}
.udms-task_review-card.udms-task_status-approved .udms-task_back-status-label{color:#1a6bb0}
.udms-task_review-card.udms-task_status-rejected{background:#fff0ee;border-color:#f5ccc8}
.udms-task_review-card.udms-task_status-rejected .udms-task_back-status-label{color:#c0392b}
.udms-task_review-card.udms-task_status-review{background:#fff4e5;border-color:#f5d9b8}
.udms-task_review-card.udms-task_status-review .udms-task_back-status-label{color:#b8782a}
.udms-task_review-card.udms-task_status-notsubmitted{background:#f5f7fa;border-color:#dce3ed}
.udms-task_upload-now-btn{background:#1f4b8a;border:none;color:#fff;font-weight:800;padding:6px 24px;border-radius:40px;margin-top:6px;font-size:15px;box-shadow:0 3px 0 #0f2a4f;cursor:pointer;text-transform:uppercase}
.udms-task_result-card{min-width:250px;max-width:270px;border-radius:28px;padding:26px 20px 22px;scroll-snap-align:start;border:1px solid #dce6f2;box-shadow:0 6px 0 #d1dceb;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.udms-task_result-card .udms-task_badge{font-weight:900;font-size:24px;color:#0c1e38;letter-spacing:-.2px;margin-bottom:6px}
.udms-task_result-card .udms-task_community{font-weight:800;font-size:17px;color:#1f4b8a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.udms-task_result-card .udms-task_sub-creativity{font-weight:600;font-size:11px;color:#5a739b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.udms-task_result-card .udms-task_amount{font-size:48px;font-weight:900;color:#0c1e38;line-height:1.1;margin:4px 0 2px}
.udms-task_result-card .udms-task_status-label{font-size:20px;font-weight:800;text-transform:uppercase;margin-top:2px}
.udms-task_result-card .udms-task_date-tag{font-size:13px;color:#5a739b;font-weight:700;margin-top:8px}
.udms-task_result-card .udms-task_action-btn{margin-top:14px;padding:6px 22px;border-radius:40px;font-weight:800;font-size:14px;text-transform:uppercase;border:none;cursor:default;min-width:100px;display:flex;align-items:center;justify-content:center;gap:6px}
.udms-task_result-card .udms-task_delete-btn{background:#c0392b;border:none;color:#fff;font-weight:800;padding:6px 22px;border-radius:40px;margin-top:14px;font-size:14px;box-shadow:0 3px 0 #7a2a1f;cursor:pointer;text-transform:uppercase;align-self:center;min-width:100px}
.udms-task_result-card .udms-task_delete-btn:disabled{opacity:.6;cursor:not-allowed}
.udms-task_result-card .udms-task_delete-btn .udms-task_spinner{display:none}
.udms-task_result-card .udms-task_delete-btn.udms-task_loading .udms-task_spinner{display:inline-block;animation:udms-task_spin .7s linear infinite}
.udms-task_result-card .udms-task_delete-btn.udms-task_loading .udms-task_btn-text{display:none}
@keyframes udms-task_spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.udms-task_result-card.udms-task_approved{background:#e8f4fd;border-color:#b8d4f0}
.udms-task_result-card.udms-task_approved .udms-task_status-label{color:#1a6bb0}
.udms-task_result-card.udms-task_approved .udms-task_amount i{color:#1a6bb0}
.udms-task_result-card.udms-task_approved .udms-task_action-btn{background:#1a6bb0;color:#fff;box-shadow:0 3px 0 #0f4a7a}
.udms-task_result-card.udms-task_review{background:#fff4e5;border-color:#f5d9b8}
.udms-task_result-card.udms-task_review .udms-task_status-label{color:#b8782a}
.udms-task_result-card.udms-task_review .udms-task_amount i{color:#b8782a}
.udms-task_result-card.udms-task_review .udms-task_action-btn{background:#b8782a;color:#fff;box-shadow:0 3px 0 #8a5a1e}
.udms-task_result-card.udms-task_rejected{background:#fff0ee;border-color:#f5ccc8}
.udms-task_result-card.udms-task_rejected .udms-task_status-label{color:#b53b2e}
.udms-task_result-card.udms-task_rejected .udms-task_amount i{color:#b53b2e}
.udms-task_result-card.udms-task_notsubmitted{background:#f5f7fa;border-color:#dce3ed}
.udms-task_result-card.udms-task_notsubmitted .udms-task_amount{font-size:30px;color:#5a739b}
.udms-task_result-card .udms-task_amount i{font-size:48px}
.udms-task_upload-box{min-width:280px;max-width:320px;width:100%;background:#fff;border-radius:28px;padding:20px 20px 22px;border:1px solid #dce6f2;box-shadow:0 6px 0 #d1dceb;scroll-snap-align:start;flex-shrink:0;display:flex;flex-direction:column;height:310px;overflow:hidden}
.udms-task_upload-content{display:flex;flex-direction:column;height:100%;gap:6px}
.udms-task_upload-content.udms-task_hidden{display:none}
.udms-task_upload-area{background:#f6faff;border:2px dashed #c7d8ed;border-radius:18px;padding:18px 12px;text-align:center;color:#1f3a6b;font-weight:700;cursor:pointer;position:relative;font-size:13px;text-transform:uppercase;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px}
.udms-task_upload-area i{font-size:26px;color:#1f4b8a;display:block;margin-bottom:5px}
.udms-task_upload-area input{position:absolute;inset:0;opacity:0;cursor:pointer}
.udms-task_file-list{margin-top:4px;font-size:12px;font-weight:700;background:#eef3f9;padding:5px 16px;border-radius:40px;display:inline-block;color:#1f3a6b;align-self:center;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.udms-task_submit-btn{background:#1f4b8a;border:none;color:#fff;font-weight:900;font-size:14px;padding:10px 0;border-radius:60px;width:100%;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 0 #0f2a4f;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;flex-shrink:0}
.udms-task_submit-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #0f2a4f}
.udms-task_success-msg{background:#e3f2e9;border-radius:40px;padding:4px 10px;margin-top:4px;color:#116b36;font-weight:700;text-align:center;border:1px solid #b2d9c2;display:none;font-size:12px;flex-shrink:0}
.udms-task_success-msg.udms-task_show{display:block}
.udms-task_rules-toggle{background:#eef4fc;border:1px solid #d0ddea;color:#0c1e38;font-weight:700;padding:5px 16px;border-radius:40px;font-size:12px;margin-top:4px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 0 #c8d5e6;text-transform:uppercase;letter-spacing:.3px;align-self:center;flex-shrink:0}
.udms-task_rules-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 #c8d5e6}
.udms-task_rules-content{display:none;flex-direction:column;height:100%}
.udms-task_rules-content.udms-task_active{display:flex}
.udms-task_rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid #eef3f9;flex-shrink:0}
.udms-task_rules-header h3{font-size:13px;font-weight:800;color:#0c1e38;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}
.udms-task_rules-header h3 i{color:#c0392b;font-size:14px}
.udms-task_rules-close{background:0 0;border:none;font-size:20px;color:#5a739b;cursor:pointer;padding:0 4px}
.udms-task_rules-close:hover{color:#0c1e38}
.udms-task_rules-scroll{flex:1;overflow-y:auto;padding-right:3px;min-height:0}
.udms-task_rules-scroll::-webkit-scrollbar{width:3px}
.udms-task_rules-scroll::-webkit-scrollbar-thumb{background:#c8d5e6;border-radius:10px}
.udms-task_rules-scroll ul{list-style:none;padding:0}
.udms-task_rules-scroll li{padding:4px 0 4px 18px;position:relative;font-weight:600;color:#0c1e38;border-bottom:1px solid #f0f4fa;font-size:12px;line-height:1.3}
.udms-task_rules-scroll li:last-child{border-bottom:none}
.udms-task_rules-scroll li::before{content:"◆";color:#1f4b8a;font-size:8px;position:absolute;left:2px;top:4px}
.udms-task_rules-sample{margin-top:8px;background:#eef4fc;border-radius:40px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;border:1px solid #dce6f2;flex-shrink:0}
.udms-task_rules-sample span{font-weight:600;font-size:11px;color:#1f3a6b}
.udms-task_rules-sample a{background:#1f4b8a;color:#fff;text-decoration:none;font-weight:700;font-size:11px;padding:4px 14px;border-radius:40px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 0 #0f2a4f;text-transform:uppercase;letter-spacing:.3px}
.udms-task_rules-sample a:active{transform:translateY(2px);box-shadow:0 1px 0 #0f2a4f}
.udms-task_process-video-btn{background:#2d7d46;border:none;color:#fff;font-weight:700;font-size:11px;padding:4px 14px;border-radius:40px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 0 #1a4f2e;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
.udms-task_process-video-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #1a4f2e}