:root{--primary-bg:#f0f4f8;--card-bg:#fff;--completed-header:#0ca678;--in-progress-header:#f59f00;--completed-status:#0ca678;--in-progress-status:#f59f00;--text-color:#1a202c;--text-secondary:#4a5568;--border-color:#e2e8f0;--shadow-color:#00000014;--accent-color:#4c6ef5;--error-color:#e53e3e;--card-hover-bg:#f9fafb;--priority-high:#9c4146;--priority-high-bg:#f0d0d0;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--font-xs:.875rem;--font-sm:1rem;--font-md:1.125rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-xxl:1.875rem;--font-hero:2.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--transition-fast:.2s;--transition-normal:.3s;--transition-slow:.5s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-color);padding:var(--spacing-lg);min-height:100vh;font-family:Heebo,sans-serif;line-height:1.6}#root{max-width:1200px;margin:0 auto}.dashboard{display:flex;gap:var(--spacing-xl);flex-direction:column}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-color);overflow:hidden;transition:all var(--transition-normal)ease;border:1px solid var(--border-color)}.card:hover{box-shadow:0 12px 20px var(--shadow-color);transform:translateY(-5px)}.dashboard-header{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--accent-color),#6c5ce7);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 16px #4c6ef533}.dashboard-header:before{content:"";position:absolute;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);width:200%;height:200%;top:-50%;left:-50%;transform:rotate(30deg)}.dashboard-header h1{font-size:var(--font-hero);margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0000001a;font-weight:700}.dashboard-header p{font-size:var(--font-md);opacity:.9;font-weight:400}.update-date{font-size:var(--font-xs);opacity:.8;margin-top:var(--spacing-xs)}.task-section{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 6px 16px var(--shadow-color);overflow:hidden;transition:all var(--transition-normal)ease;border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.task-section:hover{box-shadow:0 12px 24px var(--shadow-color);transform:translateY(-3px)}.section-title{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-xxl);letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent-color),#6c5ce7);color:#fff;display:flex;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items: center;font-weight:700}.section-title-text{text-align:right}.task-count-circle{display:flex;font-size:var(--font-md);color:#fff;background-color:#fff3;border-radius:50%;justify-content:center;align-items: center;width:36px;min-width:36px;height:36px;padding:8px;font-weight:700}.task-list{padding:var(--spacing-xl);display:flex;gap:var(--spacing-md);flex-direction:column}.task-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)var(--spacing-xl);transition:all var(--transition-fast)ease;box-shadow:0 2px 8px var(--shadow-color);position:relative;overflow:hidden}.task-card:hover{box-shadow:0 8px 16px var(--shadow-color);background-color:var(--card-hover-bg);transform:translateY(-2px)}.task-card:before{content:"";position:absolute;width:4px;top:0;bottom:0;right:0}.task-card:has(.status-completed):before{background-color:var(--completed-status)}.task-card:has(.status-in-progress):before{background-color:var(--in-progress-status)}.task-description{font-size:var(--font-md);margin-bottom:var(--spacing-md);color:var(--text-color);font-weight:600;line-height:1.5}.task-meta{display:flex;margin-top:var(--spacing-sm);justify-content:space-between;align-items: center}.task-status{font-size:var(--font-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.status-completed{color:var(--completed-status);border:1px solid var(--completed-status);background-color:#0ca67826}.status-in-progress{color:var(--in-progress-status);border:1px solid var(--in-progress-status);background-color:#f59f0026}.task-client{font-size:var(--font-xs);color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);background-color:#0000000d;font-weight:500}.task-meta-left{display:flex;gap:var(--spacing-sm);align-items: center}.task-priority{font-size:var(--font-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;font-weight:600}.priority-high{color:var(--priority-high);border:1px solid var(--priority-high-bg);background-color:#9c414626}.task-finish-date{font-size:var(--font-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;color:var(--completed-status);background-color:#0ca6781a;border:1px solid #0ca67833;font-weight:600}.loading,.error,.empty-message{text-align:center;padding:var(--spacing-xl);font-size:var(--font-xl);border-radius:var(--radius-lg);background-color:var(--card-bg);box-shadow:0 4px 12px var(--shadow-color);margin:var(--spacing-xl)0}.loading{color:var(--accent-color);position:relative;display:flex;justify-content:center;align-items: center;gap:var(--spacing-sm);flex-direction:column}.loading-spinner{border:4px solid #4c6ef533;border-top:4px solid var(--accent-color);animation:spin 1s linear infinite;border-radius:50%;width:40px;height:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-md);font-weight:600}.loading-boards{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#00000005;flex-direction:column;width:100%;max-width:500px}.loading-board-status{display:flex;font-size:var(--font-xs);padding:var(--spacing-xs)var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between}.loading-board-status:last-child{border-bottom:none}.loading-board-id{color:var(--text-color);font-weight:600}.loading-board-stage{color:var(--text-secondary)}.loading-board-stage.completed{color:var(--completed-status);font-weight:600}.loading-board-stage.error{color:var(--error-color);font-weight:600}.error{color:var(--error-color);border-left:4px solid var(--error-color)}.empty-message{padding:var(--spacing-xl);font-size:var(--font-md);color:var(--text-secondary);background-color:#00000005;font-style:italic}@media (max-width:768px){body{padding:var(--spacing-sm)}.dashboard-header{padding:var(--spacing-lg)}.dashboard-header h1{font-size:1.8rem}.section-title{padding:var(--spacing-md);font-size:1.4rem}.task-list,.task-card{padding:var(--spacing-md)}.task-description{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.task-card{animation:slideIn var(--transition-normal)ease forwards}.dashboard-header{animation:fadeIn .8s ease}.task-section{animation:fadeIn .6s ease}.task-card:first-child{animation-delay:.1s}.task-card:nth-child(2){animation-delay:.15s}.task-card:nth-child(3){animation-delay:.2s}.task-card:nth-child(4){animation-delay:.25s}.task-card:nth-child(5){animation-delay:.3s}.task-card:nth-child(6){animation-delay:.35s}.task-card:nth-child(7){animation-delay:.4s}.task-card:nth-child(8){animation-delay:.45s}.task-card:nth-child(9){animation-delay:.5s}.task-card:nth-child(10){animation-delay:.55s}.app{text-align:right;direction:rtl}.api-key-container{text-align:right;direction:rtl;animation:fadeIn .5s ease;background-color:#fff;border-radius:8px;max-width:600px;margin:50px auto;padding:30px;box-shadow:0 4px 12px #0000001a}.api-key-container h2{color:var(--accent-color);font-size:var(--font-xl);margin-bottom:20px}@media print{.task-finish-date,.no-print{display:none!important}}.api-key-container p{color:var(--text-color);font-size:var(--font-sm);margin-bottom:15px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-color);margin-bottom:8px;font-weight:700}.api-key-input{border:1px solid var(--border-color);direction:ltr;text-align:left;transition:border-color var(--transition-fast)ease;border-radius:4px;width:100%;padding:12px;font-size:16px}.api-key-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #4c6ef533}.error-message{color:var(--error-color);font-weight:700;font-size:var(--font-sm);margin-bottom:15px}.save-button{background-color:var(--accent-color);color:#fff;cursor:pointer;transition:background-color var(--transition-fast)ease;border:none;border-radius:4px;padding:12px 20px;font-size:16px;font-weight:700}.save-button:hover{background-color:#3a5bd9}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{margin:0!important;padding:0!important}.dashboard-header{position:relative!important;page-break-after:avoid!important;display:block!important;overflow:hidden!important;box-shadow:none!important;animation:none!important;height:550mm!important;margin:0!important;padding:5mm!important}.dashboard-header h1{margin:0 0 2mm!important;padding:0!important;font-size:18pt!important}.dashboard-header p{margin:0!important;padding:0!important;font-size:10pt!important}.dashboard-header:before{display:none!important}.task-section{page-break-inside:avoid!important;margin-top:5mm!important}.card,.task-section,.task-card,.section-title,.status-completed,.status-in-progress,.task-client,.task-priority,.task-meta-left,.task-description,.update-date{print-color-adjust:exact;-webkit-print-color-adjust:exact;color-adjust:exact}.dashboard-header,.section-title{background:linear-gradient(135deg,var(--accent-color),#6c5ce7)!important}.card,.task-section,.task-card{box-shadow:0 4px 12px var(--shadow-color)!important;background-color:var(--card-bg)!important}.task-card:before{content:""!important;position:absolute!important;width:4px!important;top:0!important;bottom:0!important;right:0!important}.task-card:has(.status-completed):before{background-color:var(--completed-status)!important}.task-card:has(.status-in-progress):before{background-color:var(--in-progress-status)!important}body{color:var(--text-color)!important;min-height:auto!important;padding:0!important}#root{max-width:100%!important}.dashboard{display:block!important;overflow:visible!important;gap:0!important;max-width:100%!important;padding:10px!important}.dashboard-header{page-break-after:auto!important;break-after:auto!important;position:static!important;display:block!important;background:linear-gradient(135deg,var(--accent-color),#6c5ce7)!important;overflow:hidden!important;float:none!important;height:auto!important;min-height:0!important;max-height:60px!important;margin-bottom:10px!important;padding:10px!important}.dashboard-header:before{display:none!important}.dashboard-header p{display:block!important;visibility:visible!important;font-size:12px!important;line-height:1.2!important}.update-date{opacity:.9!important;display:block!important;visibility:visible!important;color:#fff!important;margin-top:2px!important;font-size:10px!important}.dashboard-header h1{margin-bottom:3px!important;font-size:18px!important;line-height:1.2!important}.dashboard-header p{display:block!important;visibility:visible!important;font-size:12px!important;line-height:1.2!important}.update-date{opacity:.9!important;display:block!important;visibility:visible!important;margin-top:2px!important;font-size:10px!important}.task-section{page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:auto!important;break-after:auto!important;margin-bottom:10px!important}.section-title{background:linear-gradient(135deg,var(--accent-color),#6c5ce7)!important;color:#fff!important;display:flex!important;justify-content:space-between!important;align-items: center!important;padding:10px 15px!important}.section-title-text{text-align:right!important}.task-count-circle{display:flex!important;color:#fff!important;background-color:#fff3!important;border-radius:50%!important;justify-content:center!important;align-items: center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:6px!important;font-size:14px!important;font-weight:700!important}.task-cards{padding:10px!important}.task-card{page-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:5px!important;padding:10px 15px!important}@page{margin:1cm!important;size:portrait!important}.dashboard{page-break-before:avoid!important;break-before:avoid!important}.dashboard-header{page-break-after:avoid!important;break-after:avoid!important}.dashboard,.dashboard-header,.task-section,.task-list,.task-card{display:block!important;visibility:visible!important;opacity:1!important}.dashboard>:first-child+*{margin-top:0!important}}