:root{--color-green:#1f4a37;--color-green-light:#2c664d;--color-green-dark:#122d21;--color-gold:#ddb557;--color-gold-hover:#cfa84b;--color-gold-light:#ddb55726;--bg-primary:#f4f6f5;--bg-card:#ffffffd9;--bg-input:#fff;--bg-sidebar:#fff;--text-primary:#1c2b24;--text-secondary:#4a5c54;--text-muted:#80928a;--text-light:#fff;--border-color:#1f4a371f;--border-focus:#ddb557;--shadow-color:#1f4a3714;--card-blur:16px;--success:#2e7d32;--error:#c62828;--warning:#ef6c00;--info:#1565c0}[data-theme=dark]{--bg-primary:#0a120e;--bg-card:#12231cb3;--bg-input:#0a141099;--text-primary:#f0f5f2;--text-secondary:#b0c2b9;--text-muted:#758a80;--border-color:#ddb55726;--border-focus:#ddb557;--shadow-color:#0006;--card-blur:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 10% 20%,#ddb5570d 0,#0000 50%),radial-gradient(at 90% 80%,#1f4a3714 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Cairo,sans-serif;line-height:1.6;transition:background-color .4s,color .4s}[dir=rtl]{text-align:right}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.app-container{flex-direction:column;max-width:900px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex}.form-header{box-shadow:0 10px 30px var(--shadow-color);background-color:var(--color-green);border-radius:16px;justify-content:space-between;align-items:flex-end;height:240px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.banner-img{object-fit:cover;opacity:.65;filter:brightness(.7);width:100%;height:100%;transition:transform .8s;position:absolute;top:0;left:0}.form-header:hover .banner-img{transform:scale(1.03)}.header-overlay{z-index:1;background:linear-gradient(#0000 0%,#12231c66 40%,#12231cf2 80%);width:100%;height:100%;position:absolute;top:0;left:0}.header-content{z-index:2;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 2rem;display:flex;position:relative}.logo-container{background-color:var(--bg-card);border:2px solid var(--color-gold);border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;padding:6px;display:flex;box-shadow:0 8px 20px #0003}.logo-img{object-fit:contain;max-width:100%;max-height:100%}.title-container h1{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.2rem;font-size:1.6rem;font-weight:800}.title-container p{color:var(--color-gold);font-size:.9rem;font-weight:600}.theme-toggle-btn{z-index:10;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.theme-toggle-btn:hover{background:var(--color-gold);color:var(--color-green-dark);transform:rotate(30deg)}.form-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid var(--border-color);box-shadow:0 15px 35px var(--shadow-color);border-radius:16px;margin-bottom:2rem;padding:2.5rem;transition:all .3s;position:relative}.form-card:before{content:"";background:linear-gradient(to left, var(--color-gold), var(--color-green));border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.progress-container{justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0 1rem;display:flex;position:relative}.progress-line{background:var(--border-color);z-index:1;height:3px;position:absolute;top:50%;left:1.5rem;right:1.5rem;transform:translateY(-50%)}.progress-line-fill{background:var(--color-green);z-index:2;height:100%;transition:width .4s;position:absolute;top:0;right:0}.progress-step{background:var(--bg-input);border:2px solid var(--border-color);width:42px;height:42px;color:var(--text-muted);z-index:3;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex;position:relative}.progress-step.active{border-color:var(--color-green);background:var(--color-green);color:#fff;box-shadow:0 0 12px #1f4a3766}.progress-step.completed{border-color:var(--color-gold);background:var(--color-gold);color:var(--color-green-dark);box-shadow:0 0 12px #ddb5574d}.progress-step-label{white-space:nowrap;color:var(--text-secondary);font-size:.8rem;font-weight:600;transition:color .3s;position:absolute;top:48px}.progress-step.active .progress-step-label{color:var(--color-green);font-weight:700}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.8rem;display:flex}.form-label{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.form-label .required-star{color:var(--error);font-size:1.1rem}.form-control{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-gold-light)}.form-control::placeholder{color:var(--text-muted)}.form-help-text{color:var(--text-secondary);border-right:3px solid var(--color-green);background:#1f4a370a;border-radius:8px;margin-top:.2rem;padding:.75rem 1rem;font-size:.82rem}[data-theme=dark] .form-help-text{border-right-color:var(--color-gold);background:#ddb5570d}.form-help-bullet{margin-right:.8rem}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:0}}.toggle-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.8rem;padding:.5rem 0;display:flex}.toggle-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.toggle-custom{background-color:var(--text-muted);border-radius:100px;width:50px;height:26px;transition:background-color .3s;position:relative}.toggle-custom:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}.toggle-input:checked+.toggle-custom{background-color:var(--color-green)}[data-theme=dark] .toggle-input:checked+.toggle-custom{background-color:var(--color-gold)}.toggle-input:checked+.toggle-custom:before{transform:translate(24px)}.guide-link{color:var(--color-gold);font-weight:700;text-decoration:underline;transition:color .2s}.guide-link:hover{color:var(--color-gold-hover)}[data-theme=dark] .guide-link{color:var(--color-gold)}.btn-group{justify-content:space-between;gap:1rem;margin-top:2.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-green);color:#fff;box-shadow:0 4px 15px #1f4a374d}.btn-primary:hover{background-color:var(--color-green-light);transform:translateY(-2px);box-shadow:0 6px 20px #1f4a3766}[data-theme=dark] .btn-primary{background-color:var(--color-gold);color:var(--color-green-dark);box-shadow:0 4px 15px #ddb55740}[data-theme=dark] .btn-primary:hover{background-color:var(--color-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ddb55759}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#1f4a3714}.btn-secondary:hover{background-color:#1f4a3724;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-icon{font-size:1.1rem}.file-upload-card{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:#1f4a3705;border-radius:12px;flex-direction:column;align-items:center;gap:.8rem;padding:2rem;transition:all .3s;display:flex}.file-upload-card:hover{border-color:var(--border-focus);background:var(--color-gold-light)}.file-upload-icon{color:var(--color-green);font-size:2.5rem;transition:transform .3s}[data-theme=dark] .file-upload-icon{color:var(--color-gold)}.file-upload-card:hover .file-upload-icon{transform:translateY(-5px)}.selected-file-info{border-right:4px solid var(--success);background:#2e7d3214;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;padding:.85rem 1rem;display:flex}.selected-file-info .file-name{color:var(--success);word-break:break-all;font-size:.9rem;font-weight:700}.btn-remove-file{color:var(--error);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;transition:transform .2s}.btn-remove-file:hover{transform:scale(1.15)}.welcome-desc-card{flex-direction:column;gap:1.5rem;font-size:1.05rem;display:flex}.welcome-info-box{border-right:4px solid var(--color-gold);color:var(--text-primary);background:#ddb55714;border-radius:12px;padding:1.25rem 1.5rem}.welcome-bullets-title{color:var(--color-green);align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:700;display:flex}[data-theme=dark] .welcome-bullets-title{color:var(--color-gold)}.welcome-bullets-list{flex-direction:column;gap:.8rem;list-style:none;display:flex}.welcome-bullets-list li{padding-right:1.5rem;position:relative}.welcome-bullets-list li:before{content:"✦";color:var(--color-gold);position:absolute;right:0}.task-card{border:1px solid var(--border-color);background:#1f4a3708;border-radius:12px;margin-bottom:1.5rem;padding:1.8rem;animation:.3s slideIn;position:relative}[data-theme=dark] .task-card{background:#ffffff05}.task-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.task-card-title{color:var(--color-green);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;display:flex}[data-theme=dark] .task-card-title{color:var(--color-gold)}.btn-delete-task{color:var(--error);cursor:pointer;background:#c6282814;border:1px solid #c6282826;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-delete-task:hover{background:var(--error);color:#fff;transform:translateY(-1px)}.btn-add-task{background-color:var(--color-gold-light);color:var(--color-green);border:1.5px dashed var(--color-green);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:flex}[data-theme=dark] .btn-add-task{color:var(--color-gold);border-color:var(--color-gold);background-color:#ddb5570d}.btn-add-task:hover{background-color:var(--color-green);color:#fff;border-style:solid}[data-theme=dark] .btn-add-task:hover{background-color:var(--color-gold);color:var(--color-green-dark)}.alert{border-radius:8px;align-items:flex-start;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;animation:.3s fadeIn;display:flex}.alert-danger{border-right:4px solid var(--error);color:var(--error);background-color:#c6282814}.alert-success{border-right:4px solid var(--success);color:var(--success);background-color:#2e7d3214}.alert-icon{margin-top:.1rem;font-size:1.2rem}.success-screen{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1rem;animation:.4s scaleUp;display:flex}.success-badge{border:3px solid var(--success);width:90px;height:90px;color:var(--success);background-color:#2e7d321a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:3.5rem;display:flex;box-shadow:0 0 20px #2e7d3233}.success-screen h2{color:var(--color-green);font-size:1.8rem;font-weight:800}[data-theme=dark] .success-screen h2{color:var(--color-gold)}.success-screen p{color:var(--text-secondary);max-width:500px;font-size:1.05rem}.success-info-table{border:1px solid var(--border-color);background:#1f4a370a;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:450px;margin:1rem 0;padding:1.25rem 1.8rem;display:flex}.success-info-row{justify-content:space-between;font-size:.95rem;display:flex}.success-info-label{color:var(--text-secondary);font-weight:600}.success-info-value{color:var(--text-primary);font-weight:700}.submit-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#12231cbf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.submit-spinner-card{background:var(--bg-card);text-align:center;border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:400px;padding:3rem;animation:.3s scaleUp;display:flex;box-shadow:0 20px 50px #0000004d}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--color-gold);border-radius:50%;width:55px;height:55px;animation:1s linear infinite spin}.submit-spinner-card h3{color:var(--text-primary);font-weight:800}.submit-spinner-card p{color:var(--text-secondary);font-size:.9rem}.form-footer{border-top:1px solid var(--border-color);text-align:center;margin-top:auto;padding-top:2.5rem}.footer-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-text{color:var(--text-muted);letter-spacing:.2px;font-size:.9rem;font-weight:500;line-height:1.5}.footer-link{color:var(--color-green);border-bottom:1.5px solid #0000;font-weight:700;text-decoration:none;transition:all .3s}.footer-link:hover{color:var(--color-green-light);border-bottom-color:var(--color-green-light)}[data-theme=dark] .footer-link{color:var(--color-gold)}[data-theme=dark] .footer-link:hover{color:var(--color-gold-hover);border-bottom-color:var(--color-gold-hover)}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}