body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.register-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:400px;padding:20px;text-align:center}.register-container h2{color:#333;margin-bottom:20px}.register-container label{color:#555;display:block;font-size:.9rem;margin:10px 0 5px;text-align:left}.register-container input,.register-container select{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.register-container button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;width:100%}.register-container button:hover{background-color:#218838}.register-container p{color:red;font-size:.9rem;margin-top:15px}body{background-color:#f7f9fc;font-family:Arial,sans-serif;margin:0;padding:0}.login-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:400px;padding:20px;text-align:center}.login-container h2{color:#333;margin-bottom:20px}.login-container label{color:#555;display:block;font-size:.9rem;margin:10px 0 5px;text-align:left}.login-container input{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:15px;padding:10px;width:100%}.login-container input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.login-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease;width:100%}.login-container button:hover{background-color:#0056b3}#error-message{color:red;font-size:.9rem;margin-top:15px}.success-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:400px;padding:20px;text-align:center;width:90%}.success-modal-title{color:#333;font-size:1.5rem;margin-bottom:10px}.success-modal-message{color:#666;font-size:1rem;margin-bottom:20px}.success-modal-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .2s ease}.success-modal-button:hover{background:#45a049}.problem-detail-container{margin:0 auto;max-width:1000px;padding:20px}.problem-content{display:flex;flex-direction:column;gap:30px}.section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:20px}.section h3{color:#333;font-size:1.5rem;margin-bottom:15px}.description-section p{color:#666;font-size:1rem}.code-block{background:#f5f5f5;border-radius:8px;color:#333;font-family:Courier New,Courier,monospace;padding:15px;white-space:pre-wrap}.test-cases-table{border-collapse:collapse;margin-top:10px;width:100%}.test-cases-table td,.test-cases-table th{border:1px solid #ddd;padding:10px;text-align:left}.test-cases-table th{background:#f0f0f0;color:#333}.test-cases-table pre{font-size:.9rem;margin:0;white-space:pre-wrap}.upload-form{gap:15px}.form-group,.upload-form{display:flex;flex-direction:column}.form-group label{color:#333;font-size:1rem;margin-bottom:5px}.form-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:8px}.submit-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .2s ease}.submit-button:hover{background:#45a049}.submit-button:disabled{background:#ccc;cursor:not-allowed}.error-message{font-size:1rem;margin-top:10px}.response-container{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px}.response-score{font-size:1.2rem;margin-bottom:10px}.response-score span{color:#666}.response-score strong{color:#333}.explanation-list{list-style:none;margin:0 0 15px;padding:0}.explanation-list li{color:#666;font-size:1rem;margin-bottom:5px}.response-analysis h5{color:#333;font-size:1.1rem;margin-bottom:10px}.response-analysis p{color:#666;font-size:1rem}.blog-container{margin:auto;max-width:800px;text-align:center}.create-post{background:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:15px}.create-post input,.create-post textarea{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:100%}.create-post button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.post-list{list-style:none;padding:0}.post-item{background:#fff;border-radius:10px;box-shadow:0 0 5px #0000001a;margin-bottom:10px;padding:15px}.post-item h3{margin:0}.post-item button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.admin-panel{direction:rtl;font-family:Vazirmatn,sans-serif;margin:0 auto;max-width:1400px;padding:16px}.panel-header{margin-bottom:24px}.title{border-bottom:2px solid #1976d2;color:#1a3c5e;font-weight:600;padding-bottom:8px}.section{background:#fafafa;border-radius:8px;margin-bottom:16px;padding:16px}.section-title{color:#1a3c5e;font-weight:500;margin-bottom:16px}.form-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.input-field{flex:1 1;min-width:200px}.input-field .MuiInputBase-root{background:#fff;border-radius:6px}.input-field .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.action-button{border-radius:6px;font-weight:500;text-transform:none}.action-button.MuiButton-contained{background:#1976d2}.action-button.MuiButton-contained:hover{background:#1565c0}.loading{align-items:center;color:#1976d2;display:flex;justify-content:center;margin:16px 0}.MuiTableContainer-root{border-radius:8px;overflow-x:auto}.MuiTableHead-root{background:#1976d2}.MuiTableHead-root .MuiTableCell-root{color:#fff;font-weight:600}.MuiTableRow-root:hover{background:#f5f5f5}.MuiIconButton-root{padding:6px}.MuiDialogTitle-root{color:#1a3c5e;font-weight:500}.MuiDialogContent-root{padding:16px}.MuiDialogActions-root{padding:8px 16px}.MuiTableCell-root{border-bottom:1px solid #e0e0e0;padding:12px;white-space:nowrap}@media (max-width:600px){.MuiTableCell-root{font-size:.75rem;padding:8px}}.user-results-editor{direction:rtl;font-family:Vazirmatn,sans-serif}.custom-dialog .MuiDialog-paper{max-width:600px}.custom-textfield input,.custom-textfield textarea{background:#fff;border:1px solid #dcdcdc;border-radius:8px;transition:border-color .3s ease}.custom-textfield input:focus,.custom-textfield textarea:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d}.dialog-button[variant=contained]{background:#3498db;color:#fff}.dialog-button[variant=contained]:hover{background:#2980b9}.problems-panel{direction:rtl;font-family:Vazirmatn,sans-serif}.custom-select select,.custom-textfield input,.custom-textfield textarea{background:#fff;border:1px solid #dcdcdc;border-radius:8px;transition:border-color .3s ease}.custom-select select:focus,.custom-textfield input:focus,.custom-textfield textarea:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d}.add-button{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:8px;color:#fff;padding:10px;transition:transform .2s ease}.add-button:hover{transform:scale(1.05)}.dialog-button.submit{background:#3498db;color:#fff}.dialog-button.submit:hover{background:#2980b9}.test-cases-panel{direction:rtl;font-family:Vazirmatn,sans-serif}.table-container{max-height:500px;max-width:100%;overflow-x:hidden;overflow-y:auto}.table-container table{border-collapse:collapse;table-layout:fixed;width:100%}.table-container th{padding:15px;text-align:right;word-break:break-word}.table-container td,.table-container th{max-width:250px;min-width:100px;white-space:normal}.table-container td{text-overflow:ellipsis}.table-container pre{background:#f9f9f9;border-radius:4px;font-size:.9rem;margin:0;max-height:200px;overflow-y:auto;padding:5px;white-space:pre-wrap}@media screen and (max-width:768px){.table-container{max-height:400px}.table-container td,.table-container th{font-size:.9rem;max-width:150px;min-width:80px;padding:10px}.table-container table{display:block}.table-container thead{display:none}.table-container tbody,.table-container tr{display:block}.table-container td{border-bottom:1px solid #eee;display:block;padding-right:100px;position:relative;text-align:right}.table-container td:before{content:attr(data-label);font-weight:700;position:absolute;right:10px;white-space:nowrap;width:90px}}.clear-button{border-color:#e74c3c;border-radius:8px;color:#e74c3c;padding:10px;transition:all .3s ease}.clear-button:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.test-results-panel{direction:rtl;font-family:Vazirmatn,sans-serif}.panel-title{border-bottom:2px solid #3498db;color:#2c3e50;font-weight:700;padding-bottom:10px;text-align:right}.filters-section{background:#f5f6fa;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px}.custom-textfield input{background:#fff;border:1px solid #dcdcdc;border-radius:8px;transition:border-color .3s ease}.custom-textfield input:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d}.table-container{border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.table-row:hover{background:#f1f3f5;transition:background .2s ease}.table-container th{background:#3498db;color:#fff;font-weight:700}.table-container td{border-bottom:1px solid #eee;padding:15px;word-break:break-word}.score-chip{font-weight:700}.action-button{border-radius:8px;margin:0 5px}.action-button.view-all{background:#3498db;color:#fff}.action-button.view-all:hover{background:#2980b9}.loading-spinner{color:#3498db}.error-message{background:#ffebee;border-radius:8px;padding:15px}.custom-pagination .MuiPaginationItem-root{color:#2c3e50;font-size:1rem}.custom-pagination .Mui-selected{-webkit-tap-highlight-color:transparent;background:#3498db;color:#fff}.custom-dialog .MuiDialog-paper{border-radius:15px;box-shadow:0 5px 20px #0003;max-width:900px}.results-container{display:flex;flex-direction:column;gap:16px}.result-card{transition:transform .2s ease,box-shadow .2s ease}.result-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.explanations-list-container{background:#f9fafb;border:1px solid #eee;border-radius:8px;max-height:150px;overflow-y:auto;padding:8px}.explanations-list{margin:0;padding-right:20px}.explanations-list li{font-size:.9rem;margin-bottom:8px}.dialog-button{background:#3498db;border-radius:8px;color:#fff;padding:8px 20px}.dialog-button:hover{background:#2980b9}.snackbar-error{background:#e74c3c;color:#fff}.snackbar-success{background:#2ecc71;color:#fff}body{color:#333;direction:rtl}.user-panel-container{background-color:#f5f7fa;display:flex;min-height:100vh;position:relative}.sidebar{color:#fff;display:flex;flex-direction:column;height:100%;padding:20px 0;right:-280px;transition:right .3s ease-in-out;width:280px;z-index:1000}.sidebar-header{margin-bottom:20px;padding:0 20px 20px}.sidebar-header h3{font-weight:600}.close-sidebar{transition:transform .2s}.close-sidebar:hover{transform:scale(1.2)}.sidebar-item{font-size:1rem;margin:5px 10px;padding:15px 25px;transition:all .3s ease}.sidebar-item:hover{transform:translateX(-5px)}.sidebar-item:active{background-color:#16a08580}.sidebar-icon{margin-left:10px}.main-content{margin-right:0;padding:30px;transition:margin-right .3s ease;width:100%}.sidebar.open+.main-content{margin-right:280px}.panel-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.title{color:#2c3e50;font-size:2rem;font-weight:700}.user-level-badge{background-color:#3498db;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:5px 15px}.profile-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;margin-bottom:30px;padding:20px}.profile-image{border:3px solid #16a085;border-radius:50%;height:100px;margin-left:20px;object-fit:cover;width:100px}.info{color:#555;font-size:1.1rem;margin-bottom:8px}.coin-count,.level{color:#2c3e50;font-weight:700}.loading{color:#777;font-size:1.1rem;padding:20px;text-align:center}.section{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:25px}.section-title{border-bottom:2px solid #f0f0f0;color:#16a085;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.packages-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:25px}.package-button{align-items:center;background-color:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.package-button:hover{background-color:#f8fafc;box-shadow:0 5px 15px #3498db33;transform:translateY(-3px)}.package-button.selected{background-color:#3498db;border-color:#2980b9;color:#fff}.coin-amount{font-size:1.2rem;font-weight:700;margin-bottom:5px}.coin-price{font-size:1rem}.discount-badge{background-color:#e74c3c;border-bottom-right-radius:8px;color:#fff;font-size:.8rem;left:0;padding:3px 10px;position:absolute;top:0}.buy-button,.upgrade-button{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;box-shadow:0 4px 8px #2ecc714d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease;width:100%}.buy-button:hover,.upgrade-button:hover{box-shadow:0 6px 12px #2ecc7166;transform:translateY(-2px)}.buy-button:disabled,.upgrade-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.upgrade-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.upgrade-card{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.upgrade-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.upgrade-card.premium{border-top:4px solid #f39c12}.upgrade-card.premium .card-header{color:#f39c12}.card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.card-header h4{font-size:1.3rem;font-weight:700}.price-tag{background-color:#f8f9fa;border-radius:20px;font-size:.9rem;font-weight:600;padding:5px 12px}.benefits-list{flex-grow:1;list-style:none;margin:15px 0}.benefits-list li{color:#555;font-size:.95rem;padding:8px 25px 8px 0;position:relative}.benefits-list li:before{color:#27ae60;content:"•";font-size:1.2rem;position:absolute;right:0}.message-box{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:20px;padding:15px;text-align:center}.sidebar-toggle{background-color:#3498db;box-shadow:0 4px 8px #3498db4d;left:20px;padding:10px 15px;position:fixed;top:20px;z-index:100}.sidebar-toggle:hover{background-color:#2980b9;box-shadow:0 6px 12px #3498db66;transform:translateY(-2px)}.hamburger{margin-left:5px}@media (max-width:768px){.packages-container{grid-template-columns:1fr 1fr}.upgrade-cards{grid-template-columns:1fr}.profile-container{flex-direction:column;text-align:center}.profile-image{margin-bottom:15px;margin-left:0}.sidebar{right:-250px;width:250px}.sidebar.open+.main-content{margin-right:0}}@media (max-width:480px){.packages-container{grid-template-columns:1fr}.main-content,.section{padding:20px 15px}}:root{--primary-color:#4361ee;--primary-hover:#3a56d4;--secondary-color:#3f37c9;--success-color:#4cc9f0;--error-color:#f72585;--warning-color:#f8961e;--text-dark:#2b2d42;--text-medium:#4a4e69;--text-light:#8e9aaf;--bg-light:#f8f9fa;--bg-white:#fff;--border-radius:12px;--box-shadow:0 10px 30px #00000014;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}body{background-color:#f8f9fa;background-color:var(--bg-light);color:#4a4e69;color:var(--text-medium);line-height:1.6}.user-settings-container{animation:fadeIn .6s ease-out;margin:2rem auto;max-width:900px;padding:0 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;display:flex;margin-bottom:2.5rem;position:relative}.settings-header h2{color:#2b2d42;color:var(--text-dark);flex:1 1;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;text-align:center}.back-button{align-items:center;background:#fff;background:var(--bg-white);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #4361ee26;color:#4361ee;color:var(--primary-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.back-button:hover{background-color:#4361ee1a;transform:translateX(-3px)}.user-profile-card{align-items:center;background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #00000014;box-shadow:var(--box-shadow);display:flex;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.user-profile-card:before{background:linear-gradient(180deg,#4361ee,#3f37c9);background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));content:"";height:100%;left:0;position:absolute;top:0;width:5px}.user-profile-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.avatar-container{flex-shrink:0;margin-left:1.8rem;position:relative}.user-avatar{border:4px solid #fff;border:4px solid var(--bg-white);border-radius:50%;box-shadow:0 5px 15px #0000001a;height:100px;object-fit:cover;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100px}.user-avatar:hover{transform:scale(1.05)}.level-badgee{background:linear-gradient(135deg,#4361ee,#3f37c9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:20px;bottom:15px;box-shadow:0 3px 10px #4361ee4d;color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .8rem;position:absolute;right:15px}.user-info{flex:1 1}.user-info h3{color:#2b2d42;color:var(--text-dark);font-size:1.4rem;font-weight:700;margin:0 0 .3rem}.user-email{align-items:center;color:#8e9aaf;color:var(--text-light);display:flex;font-size:.9rem;gap:.5rem;margin:.3rem 0}.user-email:before{content:"✉️"}.user-role{background-color:#4361ee1a;border-radius:20px;color:#4361ee;color:var(--primary-color);display:inline-block;font-size:.8rem;font-weight:600;margin-top:.8rem;padding:.4rem 1rem}.settings-form{animation:slideUp .5s ease-out;background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #00000014;box-shadow:var(--box-shadow);padding:2.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-section{border-bottom:1px dashed #e9ecef;margin-bottom:2.5rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{align-items:center;color:#2b2d42;color:var(--text-dark);display:flex;font-size:1.2rem;font-weight:600;gap:.8rem;margin-bottom:1.5rem}.section-title:before{background:#4361ee;background:var(--primary-color);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.section-description{color:#8e9aaf;color:var(--text-light);font-size:.9rem;line-height:1.7;margin-bottom:1.8rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#2b2d42;color:var(--text-dark);display:block;font-size:.95rem;font-weight:500;margin-bottom:.7rem}.form-group input,.form-group select{background-color:#f8f9fa;background-color:var(--bg-light);border:1px solid #e9ecef;border-radius:12px;border-radius:var(--border-radius);font-size:.95rem;padding:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus{background-color:#fff;background-color:var(--bg-white);border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee33;outline:none}.form-group.has-error input,.form-group.has-error select{background-color:#f7258508;border-color:#f72585;border-color:var(--error-color)}.form-group.has-error input:focus,.form-group.has-error select:focus{box-shadow:0 0 0 3px #f7258533}.error-message{align-items:center;animation:shake .3s ease-in-out;color:#f72585;color:var(--error-color);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.error-message:before{content:"⚠️"}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.message-box{align-items:center;animation:fadeIn .4s ease-out;border-radius:12px;border-radius:var(--border-radius);display:flex;font-size:.95rem;gap:1rem;margin-bottom:2rem;padding:1.2rem 1.5rem}.message-box.success{background-color:#4cc9f01a;border-left:4px solid #1a936f;color:#1a936f}.message-box.error{background-color:#f725851a;border-left:4px solid #f72585;border-left:4px solid var(--error-color);color:#f72585;color:var(--error-color)}.message-box.success:before{content:"✓";font-size:1.2rem}.message-box.error:before{content:"✗";font-size:1.2rem}.form-actions{display:flex;gap:1.2rem;justify-content:flex-end;margin-top:3rem}.cancel-button{background-color:#fff;background-color:var(--bg-white);border:1px solid #e9ecef;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;color:#4a4e69;color:var(--text-medium);cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 1.8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.cancel-button:hover{background-color:#f1f3f5;box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.save-button{align-items:center;background:linear-gradient(135deg,#4361ee,#3f37c9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #4361ee4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.save-button:hover{background:linear-gradient(135deg,#3a56d4,#3546c0);background:linear-gradient(135deg,var(--primary-hover),#3546c0);box-shadow:0 7px 20px #4361ee66;transform:translateY(-2px)}.save-button:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.save-button .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-animation{animation:pulse 2s infinite}@media (max-width:768px){.user-profile-card{flex-direction:column;padding:1.5rem;text-align:center}.avatar-container{margin-bottom:1.5rem;margin-left:0}.settings-form{padding:1.5rem}.form-actions{flex-direction:column;gap:1rem}.cancel-button,.save-button{justify-content:center;width:100%}}.problem-list-container{margin:0 auto;max-width:1200px;padding:20px}.heading{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.loading-spinner{color:#666}.error-message,.loading-spinner{font-size:1.2rem;text-align:center}.error-message{color:red}.problems-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.problem-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:transform .2s ease}.problem-card:hover{transform:translateY(-5px)}.problem-link{color:inherit;display:block;text-decoration:none}.problem-title{color:#333;font-size:1.5rem;margin:0 0 10px}.problem-date{color:#666;font-size:.9rem;margin:0}.table-row:hover{background-color:#f5f5f5;transition:background-color .2s ease-in-out}.table-cell{font-size:1rem}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.header-container{background:linear-gradient(135deg,#2c3e50,#4a6491);box-shadow:0 4px 12px #0000001a;color:#fff;padding:1rem 2rem;position:sticky;top:0;width:100%;z-index:1000}.header-content{gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.user-info-card,.user-info-section{align-items:center;display:flex}.user-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:50px;gap:1.5rem;padding:.75rem 1.5rem}.user-name-display{font-weight:600;margin-right:.5rem}.level-display{align-items:center;display:flex;gap:.5rem}.level-badge{height:32px;object-fit:contain;width:32px}.level-text{color:#fff;font-size:1rem;font-weight:600}.coin-display{align-items:center;background-color:#ffd70033;border-radius:50px;display:flex;gap:.5rem;padding:.5rem 1rem}.coin-icon{height:24px;width:24px}.coin-count{color:gold;font-size:1rem;font-weight:700}.expiry-info{align-items:center;display:flex}.expiry-text{color:#fffc;font-size:.85rem;font-weight:500}.sidebar-toggle{align-items:center;background-color:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.sidebar-toggle:hover{background-color:#fff3}.hamburger{font-size:1.3rem}.menu-text{font-weight:500}.sidebar{background:linear-gradient(135deg,#2c3e50,#4a6491);box-shadow:-5px 0 15px #0000001a;height:100vh;overflow-y:auto;padding:1.5rem;position:fixed;right:-300px;top:0;transition:right .3s ease;width:300px;z-index:1001}.sidebar.open{right:0}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.sidebar-header h3{color:#fff;font-size:1.3rem}.close-sidebar{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem}.sidebar-item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1rem .5rem;transition:background-color .3s ease}.sidebar-item:hover{background-color:#ffffff1a}.sidebar-icon{font-size:1.2rem}@media (max-width:992px){.header-content{flex-wrap:wrap;justify-content:space-between}.user-info-section{justify-content:flex-start;margin-bottom:1rem;width:100%}}@media (max-width:768px){.header-container{padding:.75rem 1rem}.user-info-card{gap:1rem;padding:.75rem}}@media (max-width:576px){.user-info-section{justify-content:space-between;width:100%}.user-info-card{flex-grow:1;justify-content:space-between}.expiry-info{display:none}.sidebar-toggle{padding:.5rem}.sidebar{width:250px}}.logout-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:400px;padding:20px;text-align:center;width:90%}.logout-modal-title{color:#333;font-size:1.5rem;margin-bottom:10px}.logout-modal-message{color:#666;font-size:1rem;margin-bottom:20px}.logout-modal-buttons{display:flex;justify-content:space-around}.logout-modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .2s ease}.logout-modal-button.cancel{background:#e0e0e0;color:#333}.logout-modal-button.cancel:hover{background:#d0d0d0}.logout-modal-button.confirm{background:#f44;color:#fff}.logout-modal-button.confirm:hover{background:#e03333}
/*# sourceMappingURL=main.70bc0bdd.css.map*/