:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.admin-layout{display:flex;min-height:100vh;background:var(--bg-warm-white)}.sidebar{width:280px;min-width:280px;background:var(--bg-dark);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;left:0}[dir=rtl] .sidebar{left:auto;right:0}.sidebar-header{padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.sidebar-logo{max-width:180px;height:auto;filter:brightness(0) invert(1)}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:6px}.sidebar-nav a{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#ffffffa6;text-decoration:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;transition:all .2s ease}.sidebar-nav a:hover{background:#ffffff0f;color:#fff}.sidebar-nav a.active{background:var(--primary-purple);color:#fff;box-shadow:0 4px 15px #6b33fc4d}.nav-icon{font-size:20px}.sidebar-footer{padding:20px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.language-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease}.language-btn:hover{background:#ffffff1a;color:#fff}.user-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#6b33fc26;border-radius:var(--radius-md)}.user-details{display:flex;flex-direction:column;gap:2px}.user-role{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.user-avatar{font-size:22px}.user-name{color:#ffffffe6;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:14px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef44441a;border-color:#ef444480}.main-content{flex:1;margin-left:280px;background:var(--bg-warm-white);min-height:100vh;width:calc(100% - 280px);display:flex;flex-direction:column}[dir=rtl] .main-content{margin-left:0;margin-right:280px}@media(max-width:900px){.sidebar{width:100%;position:relative;height:auto;left:0;right:0}.main-content{margin-left:0!important;margin-right:0!important;width:100%}.admin-layout{flex-direction:column}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-dark)}.login-background{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark-light) 50%,var(--bg-dark) 100%);z-index:0}.cyber-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,51,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(107,51,252,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-background:before{content:"";position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(107,51,252,.3) 0%,transparent 70%);border-radius:50%}.login-background:after{content:"";position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(123,220,181,.2) 0%,transparent 70%);border-radius:50%}.login-container{width:100%;max-width:440px;padding:20px;position:relative;z-index:1}.language-toggle{position:absolute;top:-50px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:var(--radius-full);cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[dir=rtl] .language-toggle{right:auto;left:0}.language-toggle:hover{background:#fff3;transform:translateY(-2px)}.login-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:48px 40px;box-shadow:0 25px 50px #0000004d}.login-header{text-align:center;margin-bottom:36px}.login-logo{max-width:200px;height:auto;margin:0 auto 24px;display:block;filter:brightness(0) invert(1)}.login-header h1{color:#fff;font-size:26px;font-weight:600;margin:0 0 8px}.login-header p{color:#fff9;margin:0;font-size:15px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.login-card .form-group label{color:#fff;font-size:14px;font-weight:500}.login-card .form-group input{background:#14141ecc!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:var(--radius-md);padding:16px 18px;color:#fff!important;font-size:16px;transition:all .3s ease}.login-card .form-group input::placeholder{color:#ffffff80!important}.login-card .form-group input:focus{outline:none;border-color:var(--primary-purple)!important;background:#14141ecc!important;color:#fff!important;box-shadow:0 0 0 3px #6b33fc33}.login-card .form-group input:-webkit-autofill,.login-card .form-group input:-webkit-autofill:hover,.login-card .form-group input:-webkit-autofill:focus,.login-card .form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(20,20,30,1) inset!important;-webkit-text-fill-color:#ffffff!important;background-color:#14141ecc!important;border:2px solid rgba(255,255,255,.15)!important;caret-color:#fff!important}.error-message{background:var(--danger-light);border:1px solid rgba(239,68,68,.3);color:#ff6b6b;padding:14px 18px;border-radius:var(--radius-md);font-size:14px;text-align:center}.login-button{background:var(--primary-purple);border:none;border-radius:var(--radius-full);padding:18px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-button:hover:not(:disabled){background:var(--primary-purple-hover);transform:translateY(-2px);box-shadow:var(--shadow-purple)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-card:after{content:"ECOM Testing Platform";display:block;text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffa6;font-size:12px;letter-spacing:1px}.dashboard{padding:32px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.dashboard h1{margin:0 0 32px;font-size:32px;font-weight:700;color:var(--text-primary);text-align:start}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-md);border:2px solid transparent;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card.active{background:linear-gradient(135deg,var(--primary-purple),var(--gradient-purple));border-color:transparent}.stat-card.active .stat-value,.stat-card.active .stat-label{color:#fff}.stat-icon{width:56px;height:56px;background:var(--bg-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-card.active .stat-icon{background:#fff3}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1.1}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.dashboard-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md)}.dashboard-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-primary)}.quick-actions{display:flex;gap:16px;flex-wrap:wrap}.action-card{flex:1;min-width:150px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:var(--primary-purple);border-radius:var(--radius-lg);color:#fff;text-decoration:none;transition:all .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-purple)}.action-icon{font-size:28px}.action-text{font-size:14px;font-weight:600;text-align:center}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--bg-light);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;border:2px dashed transparent}.recent-item:hover{background:var(--bg-card);border-color:var(--border-dashed)}.recent-info{display:flex;flex-direction:column;gap:4px}.recent-student{font-weight:600;color:var(--text-primary);font-size:15px}.recent-test{font-size:13px;color:var(--text-secondary)}.recent-time{font-size:12px;color:var(--text-muted);font-weight:500}.no-data{color:var(--text-muted);text-align:center;padding:24px;font-size:15px}.loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:18px;color:var(--text-muted)}.test-list{padding:32px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.test-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.test-list-header h1{margin:0;font-size:32px;font-weight:700;color:var(--text-primary)}.create-button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#8b5cf6!important;color:#fff!important;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.header-buttons{display:flex;gap:12px;flex-wrap:wrap}.create-button.secondary{background:transparent;border:2px solid var(--primary-purple);color:var(--primary-purple)}.create-button.secondary:hover{background:#8b5cf61a}.empty-state p{color:var(--text-muted);margin:0 0 28px;font-size:18px}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.test-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);transition:all .3s ease;border-inline-start:4px solid var(--border-light)}.test-card.active{border-inline-start-color:var(--success)}.test-card.inactive{border-inline-start-color:var(--text-muted);opacity:.8}.test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.test-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.test-card-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);flex:1}.status-badge{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--bg-light);color:var(--text-muted)}.status-badge.active{background:var(--success-light);color:var(--success)}.test-description{color:var(--text-secondary);font-size:14px;margin:0 0 18px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.test-meta{display:flex;gap:20px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}.test-actions{display:flex;flex-wrap:wrap;gap:10px}.test-actions button{flex:1;min-width:fit-content;padding:10px 14px;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;color:var(--text-secondary)}.test-actions button:hover{background:var(--bg-light)}.btn-edit:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.btn-toggle:hover{border-color:var(--warning);color:var(--warning)}.btn-copy:hover{border-color:var(--success);color:var(--success)}.btn-export:hover{border-color:#3b82f6;color:#3b82f6}.btn-delete:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.list-header h1{margin:0;font-size:32px;font-weight:700;color:var(--text-primary)}.btn-primary.create-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#8b5cf6!important;color:#fff!important;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-primary.create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.test-card-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.badge{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-info{background:var(--primary-purple-light);color:var(--primary-purple)}.btn-action{padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:16px;transition:all .2s ease;border-radius:var(--radius-sm)}.btn-action:hover{background:var(--bg-light)}.created-at{font-size:13px;color:var(--text-muted)}.modal{background:#fff;border-radius:var(--radius-xl);padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;position:relative;z-index:10000}.modal h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#1f2937}.template-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.template-option{padding:16px;border:2px solid #e5e7eb;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:#f9fafb}.template-option:hover,.template-option.selected{border-color:var(--primary-purple);background:#8b5cf61a}.template-title{display:block;font-weight:600;color:#1f2937;margin-bottom:4px}.template-desc{display:block;font-size:13px;color:#6b7280}.no-templates{text-align:center;color:#6b7280;padding:24px}.btn-cancel{padding:12px 24px;border:2px solid #e5e7eb;background:#f3f4f6;color:#4b5563;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .2s ease}.modal .btn-primary{padding:12px 24px;background:var(--primary-purple);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .3s ease}.modal .btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.modal .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.modal .form-group label{font-weight:600;color:#374151;font-size:14px}.modal .form-group input{padding:14px 18px;border:2px solid #d1d5db!important;border-radius:var(--radius-md);font-size:15px;background:#fff!important;color:#1f2937;transition:all .2s ease}.modal .form-group input:focus{outline:none;border-color:var(--primary-purple)!important;box-shadow:0 0 0 3px #8b5cf626}.test-editor{padding:32px;width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.test-editor h1{margin:0 0 32px;font-size:32px;font-weight:700;color:var(--text-primary)}.editor-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);margin-bottom:28px}.hebrew-toggle{margin-bottom:24px;padding-bottom:20px;border-bottom:2px dashed var(--border-dashed)}.hebrew-toggle label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--text-secondary)}.hebrew-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-purple)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.rtl{direction:rtl}.form-group label{font-weight:600;color:var(--text-primary);font-size:14px}.test-editor .form-group input,.test-editor .form-group textarea,.test-editor .form-group select{padding:14px 18px;border:2px solid #d1d5db!important;border-radius:var(--radius-md);font-size:15px;background:#fff!important;color:#1f2937;transition:all .2s ease;box-sizing:border-box}.test-editor .form-group input:focus,.test-editor .form-group textarea:focus,.test-editor .form-group select:focus{outline:none;border-color:var(--primary-purple)!important;background:#fff!important;box-shadow:0 0 0 3px #8b5cf626}.test-editor .form-group input::placeholder,.test-editor .form-group textarea::placeholder{color:#9ca3af}.questions-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);margin-bottom:28px}.questions-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.questions-header-row h2{margin:0;font-size:22px;font-weight:600;color:var(--text-primary)}.total-score-display{background:linear-gradient(135deg,var(--primary-purple),#9333ea);color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:15px;font-weight:500}.total-score-display strong{font-size:18px;margin-left:4px}.score-input{display:flex;align-items:center;gap:8px;margin-inline-start:12px}.score-input label{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.score-input input[type=number]{width:60px;padding:8px 10px;border:2px solid #d1d5db!important;border-radius:var(--radius-md);font-size:14px;text-align:center;background:#fff!important;color:#1f2937}.score-input input[type=number]:focus{border-color:var(--primary-purple)!important;outline:none}.questions-section h2{margin:0 0 24px;font-size:22px;font-weight:600;color:var(--text-primary)}.question-card{background:var(--bg-light);border:2px dashed var(--border-dashed);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.question-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.question-number{background:var(--primary-purple);color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-weight:700;font-size:14px}.question-header select{padding:10px 16px;border:2px solid #d1d5db;border-radius:var(--radius-md);font-size:14px;background:#fff;color:#1f2937}.required-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-inline-start:auto}.remove-btn{background:none;border:none;font-size:20px;cursor:pointer;opacity:.5;transition:opacity .2s ease;padding:8px}.remove-btn:hover{opacity:1}.options-section{margin-top:20px}.options-section>label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-primary);font-size:14px}.option-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.option-row input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-purple);flex-shrink:0}.option-row input[type=text]{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:var(--radius-md);font-size:14px;background:#fff;color:#1f2937}.option-row input[type=text]:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf626}.rtl-input{direction:rtl}.remove-option-btn{background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer;padding:6px 10px;flex-shrink:0}.add-option-btn{background:none;border:2px dashed var(--primary-purple);color:var(--primary-purple);padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;margin-top:10px;transition:all .2s ease}.add-option-btn:hover{background:var(--primary-purple-light)}.true-false-section{margin-top:20px}.true-false-section>label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-primary);font-size:14px}.tf-options{display:flex;gap:24px}.tf-options label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.tf-options input{accent-color:var(--primary-purple)}.add-question-btn{width:100%;padding:18px;background:var(--primary-purple);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-question-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.form-actions{display:flex;justify-content:flex-end;gap:16px}.cancel-btn{padding:14px 28px;background:var(--bg-light);color:var(--text-secondary);border:2px solid var(--border-light);border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:var(--border-light)}.save-btn{padding:14px 36px;background:var(--primary-purple);color:#fff;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-purple)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.template-locked-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e;padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.question-card.read-only{border-style:solid;border-color:#e5e7eb;background:#f9fafb}.question-type-badge{background:#e5e7eb;color:#374151;padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.score-badge{background:var(--primary-purple-light);color:var(--primary-purple);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;margin-inline-start:auto}.read-only-text{padding:14px 18px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:var(--radius-md);color:#374151;font-size:15px;line-height:1.5}.read-only-option{padding:12px 16px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:var(--radius-md);color:#374151;font-size:14px;flex:1}.read-only-option.correct{background:#d1fae5;border-color:#10b981;color:#065f46}.correct-mark{color:#10b981;font-weight:700;margin-right:8px}.submissions-page{padding:32px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.submissions-header h1{margin:0;font-size:32px;font-weight:700;color:var(--text-primary)}.filter-section{display:flex;align-items:center;gap:14px}.filter-section label{font-size:14px;color:var(--text-secondary);font-weight:500}.filter-section select{padding:12px 18px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;min-width:220px;background:var(--bg-card)}.filter-section select:focus{outline:none;border-color:var(--primary-purple)}.submissions-table-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.submissions-table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:18px 20px;text-align:start}.submissions-table th{background:var(--bg-light);font-weight:600;font-size:14px;color:var(--text-secondary);border-bottom:2px solid var(--border-light)}.submissions-table tr:not(:last-child) td{border-bottom:1px solid var(--border-light)}.submissions-table tr:hover td{background:var(--bg-light)}.student-info{display:flex;flex-direction:column;gap:4px}.student-name{font-weight:600;color:var(--text-primary)}.student-email{font-size:13px;color:var(--text-muted)}.email-status{display:inline-block;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.email-status.sent{background:var(--success-light);color:var(--success)}.email-status.pending{background:#f59e0b1a;color:var(--warning)}.review-status{display:inline-block;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.review-status.graded{background:#10b98126;color:#059669}.review-status.needs-review{background:#f59e0b26;color:#d97706}.score-display{font-weight:600;font-size:14px;color:var(--text-primary);font-variant-numeric:tabular-nums}.row-actions{display:flex;gap:10px}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-purple);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease}.view-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.delete-btn{padding:8px 12px;background:none;border:2px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);cursor:pointer;font-size:13px;transition:all .2s ease}.delete-btn:hover{background:var(--danger-light)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:var(--bg-card);border:2px dashed var(--border-dashed);border-radius:var(--radius-xl)}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.4}.empty-state p{color:var(--text-muted);margin:0;font-size:18px}.modal{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;position:relative;z-index:10000}.btn-cancel{padding:12px 24px;border:2px solid #e5e7eb;background:#f3f4f6;color:#4b5563;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal .btn-primary{padding:12px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:999px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.submission-view{padding:32px 32px 100px;width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-actions{display:flex;gap:12px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-light);border:2px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--bg-card);border-color:var(--primary-purple);color:var(--primary-purple)}.save-grades-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-grades-btn:hover{background:#059669;transform:translateY(-2px)}.save-grades-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn-header{padding:10px 20px;background:none;border:2px solid #e74c3c;color:#e74c3c;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-btn-header:hover{background:#e74c3c1a}.save-message{padding:16px 24px;border-radius:var(--radius-lg);font-weight:600;font-size:15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease}.save-message.success{background:#10b98126;color:#059669;border:2px solid #10b981}.save-message.error{background:#ef444426;color:#dc2626;border:2px solid #ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submission-view h1{margin:0 0 28px;font-size:32px;font-weight:700;color:var(--text-primary)}.score-summary-card{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:var(--radius-lg);padding:24px 32px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.score-display{display:flex;align-items:center;gap:16px}.score-label{color:#fffc;font-size:16px;font-weight:500}.score-value{color:#fff;font-size:32px;font-weight:700}.review-warning{background:#ffc10733;color:#ffc107;padding:10px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:600}.submission-info-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);margin-bottom:28px}.submission-info-card h2{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--bg-light);border-radius:var(--radius-md)}.info-item label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:15px;color:var(--text-primary);font-weight:500}.answers-section h2{margin:0 0 24px;font-size:22px;font-weight:600;color:var(--text-primary)}.answer-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;transition:all .2s ease}.answer-card.needs-review{border-color:#f59e0b;border-style:dashed}.answer-card.correct{border-color:#10b981}.answer-card.incorrect{border-color:#ef4444}.answer-card .question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.question-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.answer-card .question-number{background:var(--primary-purple);color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-weight:700;font-size:13px}.answer-card .question-type{font-size:12px;color:var(--text-muted);text-transform:capitalize;font-weight:500;background:var(--bg-light);padding:4px 12px;border-radius:var(--radius-full)}.auto-graded-badge{font-size:12px;padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.auto-graded-badge.correct{background:#10b98126;color:#10b981}.auto-graded-badge.incorrect{background:#ef444426;color:#ef4444}.needs-review-badge{font-size:12px;padding:4px 12px;border-radius:var(--radius-full);font-weight:600;background:#f59e0b26;color:#f59e0b}.question-score-input{display:flex;align-items:center;gap:8px;background:var(--bg-light);padding:8px 16px;border-radius:var(--radius-full)}.review-checkbox{margin-inline-start:16px;display:flex;align-items:center}.review-checkbox label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer;font-weight:500}.review-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-purple)}.question-score-input label{font-size:13px;color:var(--text-secondary);font-weight:500}.question-score-input input{width:60px;padding:6px 10px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;font-weight:600;text-align:center;background:#fff;color:#1f2937}.question-score-input input:focus{outline:none;border-color:var(--primary-purple)}.max-score{font-size:14px;color:var(--text-muted);font-weight:500}.question-text{margin:0 0 20px;font-size:17px;color:var(--text-primary);line-height:1.6;font-weight:500}.answer-content{background:var(--bg-light);border-radius:var(--radius-md);padding:20px;border-inline-start:4px solid var(--primary-purple);margin-bottom:16px}.answer-content label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.answer-value{font-size:16px;color:var(--text-primary);line-height:1.6;font-weight:500}.answer-value.correct{color:#10b981}.answer-value.incorrect{color:#ef4444}.no-answer{color:var(--text-muted);font-style:italic;font-weight:400}.correct-answer{background:#10b9811a;border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.correct-answer label{font-size:12px;color:#10b981;font-weight:600;text-transform:uppercase}.correct-answer span{color:#10b981;font-weight:500}.grade-comment{margin-top:16px}.grade-comment label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.grade-comment textarea{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;resize:vertical;font-family:inherit;background:#fff;color:#1f2937;transition:border-color .2s ease}.grade-comment textarea:focus{outline:none;border-color:var(--primary-purple)}.grade-comment textarea::placeholder{color:#9ca3af}.floating-save-btn{position:fixed;bottom:32px;right:32px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-full);font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #10b98166;transition:all .3s ease;z-index:100}.floating-save-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px #10b98180}.floating-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:0 25px 50px #0000004d}.modal h2{margin:0 0 16px;font-size:24px;font-weight:600;color:#1f2937}.modal p{color:#4b5563;margin:0 0 16px}.code-answer{background:#1e1e1e;border-radius:var(--radius-md);padding:16px;margin-top:8px;overflow-x:auto}.code-answer pre{margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;color:#d4d4d4;white-space:pre-wrap;word-break:break-all}.btn-cancel{padding:12px 24px;border:2px solid #e5e7eb;background:#f3f4f6;color:#4b5563;border-radius:999px;font-weight:600;cursor:pointer}.btn-cancel:hover{background:#e5e7eb}.modal .btn-primary{padding:12px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:999px;font-weight:600;cursor:pointer}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.student-test-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-warm-white) 0%,var(--bg-light) 100%);padding:48px 24px}.language-toggle-student{position:fixed;top:24px;right:24px;background:var(--bg-card);border:2px solid var(--border-light);padding:10px 20px;border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:500;z-index:100;transition:all .3s ease;box-shadow:var(--shadow-sm)}[dir=rtl] .language-toggle-student{right:auto;left:24px}.language-toggle-student:hover{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple)}.loading-container,.error-container,.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{font-size:72px;margin-bottom:20px}.success-container{background:var(--bg-card);padding:72px 48px;border-radius:var(--radius-xl);max-width:500px;margin:0 auto;box-shadow:var(--shadow-lg)}.success-icon{font-size:88px;margin-bottom:28px}.success-container h1{color:var(--success);margin:0 0 16px;font-size:28px}.success-container p{color:var(--text-secondary);font-size:18px}.start-container{max-width:520px;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow-lg)}.test-header{text-align:center;margin-bottom:40px}.test-logo{max-width:180px;height:auto;margin-bottom:24px}.success-logo{max-width:160px;height:auto;margin-bottom:16px}.test-header h1{margin:0 0 16px;font-size:32px;font-weight:700;color:var(--text-primary)}.test-description{color:var(--text-secondary);margin:0;line-height:1.7;font-size:16px}.start-form .form-group{margin-bottom:24px}.start-form label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.start-form input{width:100%;padding:16px 20px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;transition:all .2s ease;box-sizing:border-box;background:var(--bg-light);color:var(--text-primary)}.start-form input::placeholder{color:var(--text-muted)}.start-form input:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-card)}.start-btn{width:100%;padding:18px;background:var(--primary-purple);color:#fff;border:none;border-radius:var(--radius-full);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.start-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.test-container{max-width:720px;margin:0 auto}.test-progress{text-align:center;margin-bottom:28px}.progress-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:10px}.progress-bar{height:10px;background:var(--bg-card);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gradient-green),var(--gradient-blue),var(--gradient-purple));border-radius:var(--radius-full);transition:width .4s ease}.question-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--shadow-lg);margin-bottom:28px}.question-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-purple);color:#fff;border-radius:50%;font-weight:700;font-size:20px;margin-bottom:20px}.question-text{margin:0 0 32px;font-size:22px;color:var(--text-primary);line-height:1.5;font-weight:500}.options-list{display:flex;flex-direction:column;gap:14px}.option-item{display:flex;align-items:center;gap:18px;padding:20px 24px;background:var(--bg-light);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.option-item:hover{background:var(--bg-card);border-color:var(--border-dashed)}.option-item.selected{background:var(--primary-purple-light);border-color:var(--primary-purple)}.option-item input[type=radio]{width:22px;height:22px;cursor:pointer;accent-color:var(--primary-purple)}.option-text{font-size:16px;color:var(--text-primary);font-weight:500}.tf-options{display:flex;gap:20px}.tf-option{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--bg-light);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease}.tf-option:hover{background:var(--bg-card);border-color:var(--border-dashed)}.tf-option.selected{background:var(--primary-purple-light);border-color:var(--primary-purple)}.tf-option input{width:22px;height:22px;accent-color:var(--primary-purple)}.open-text-input{width:100%;padding:20px;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:16px;resize:vertical;min-height:140px;box-sizing:border-box;background:var(--bg-light);line-height:1.6;color:var(--text-primary)}.open-text-input::placeholder{color:var(--text-muted)}.open-text-input:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-card)}.navigation-buttons{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.nav-btn{padding:16px 32px;border:none;border-radius:var(--radius-full);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-btn.prev{background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border-light)}.nav-btn.prev:hover:not(:disabled){background:var(--bg-light);border-color:var(--border-dashed)}.nav-btn.prev:disabled{opacity:.4;cursor:not-allowed}.nav-btn.next{background:var(--primary-purple);color:#fff;margin-inline-start:auto}.nav-btn.next:hover{transform:translateY(-2px);box-shadow:var(--shadow-purple)}.nav-btn.submit{background:linear-gradient(90deg,var(--gradient-green),var(--success));color:#fff;margin-inline-start:auto}.nav-btn.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00cc6a4d}.nav-btn.submit:disabled{opacity:.5;cursor:not-allowed}.question-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.dot{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-card);color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.dot:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.dot.current{border-color:var(--primary-purple);background:var(--primary-purple);color:#fff}.dot.answered{border-color:var(--success);background:var(--success-light);color:var(--success)}.dot.answered.current{background:var(--success);color:#fff}.code-editor-wrapper{background:#1e1e1e;border-radius:var(--radius-lg);border:2px solid #3c3c3c;overflow:hidden}.code-editor{min-height:200px!important;background:#1e1e1e!important;color:#d4d4d4!important;line-height:1.6!important}.code-editor textarea{outline:none!important;background:transparent!important;color:#d4d4d4!important}.code-editor textarea::placeholder{color:#6a6a6a!important}.code-editor pre{margin:0!important}.users-page{padding:24px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-header h1{margin:0;color:var(--text-primary)}.create-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.create-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.users-table-container{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{background:#6366f11a;font-weight:600;color:var(--text-primary)}.users-table td{color:var(--text-secondary)}.users-table tr.disabled-user{opacity:.6;background:#0000000d}.role-badge{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:500}.status-badge{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:500}.status-badge.active{background:#22c55e33;color:#16a34a}.status-badge.disabled{background:#ef444433;color:#dc2626}.actions-cell{display:flex;gap:8px}.actions-cell button{background:transparent;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.actions-cell button:hover{transform:translateY(-1px)}.btn-toggle.disable:hover{background:#ef44441a;border-color:#ef4444}.btn-toggle.enable:hover{background:#22c55e1a;border-color:#22c55e}.btn-password:hover{background:#6366f11a;border-color:var(--primary-color)}.btn-delete:hover{background:#ef44441a;border-color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:32px;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d}.modal h2{margin:0 0 24px;color:#1f2937}.modal p{color:#4b5563;margin:0 0 12px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{padding:12px 24px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:500}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.profile-page{padding:24px;max-width:600px}.profile-page h1{margin:0 0 24px;color:var(--text-primary)}.profile-card{background:var(--card-bg);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.profile-card h2{margin:0 0 20px;color:var(--text-primary);font-size:1.25rem}.info-grid{display:grid;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:var(--text-muted);font-size:.875rem}.info-item span{color:var(--text-primary);font-size:1rem}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:500;width:fit-content}.role-badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-badge.teacher{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.password-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#374151;font-weight:500}.profile-page .form-group input{padding:12px;border:2px solid #d1d5db!important;border-radius:8px;background:#fff!important;color:#1f2937;font-size:1rem;box-sizing:border-box}.profile-page .form-group input:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #6366f133}.message{padding:12px;border-radius:8px;font-weight:500}.message.success{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.message.error{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #6b33fc;--primary-purple-hover: #5a28d9;--primary-purple-light: rgba(107, 51, 252, .1);--gradient-green: #7bdcb5;--gradient-blue: #0693e3;--gradient-purple: #9b51e0;--bg-warm-white: #fffffb;--bg-light: #f8f8f5;--bg-card: #ffffff;--bg-dark: #1a1a2e;--bg-dark-light: #252543;--text-primary: #1f1f1f;--text-secondary: #4a4a5e;--text-muted: #6a6a7e;--text-on-dark: #ffffff;--text-on-purple: #ffffff;--success: #00cc6a;--success-light: rgba(0, 204, 106, .1);--warning: #f59e0b;--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--border-light: #e5e5e8;--border-dashed: #c0c0d0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--shadow-purple: 0 8px 30px rgba(107, 51, 252, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50px;--container-max: 1200px;--container-padding: 24px}html{font-size:16px}body{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-warm-white);color:var(--text-primary);line-height:1.6}[dir=rtl] body{font-family:Segoe UI,Arial Hebrew,Noto Sans Hebrew,Heebo,system-ui,sans-serif}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:var(--primary-purple);color:var(--text-on-purple);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--primary-purple-hover);transform:translateY(-2px);box-shadow:var(--shadow-purple)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;color:var(--primary-purple);border:2px solid var(--primary-purple);border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-purple-light)}.card-dashed{background:var(--bg-card);border:2px dashed var(--border-dashed);border-radius:var(--radius-lg);padding:24px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.input{width:100%;padding:14px 18px;background:var(--bg-light);border:2px solid transparent;border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all .2s ease}.input:focus{outline:none;background:var(--bg-card);border-color:var(--primary-purple)}.input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-dashed);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:16px;color:var(--text-muted)}.text-center{text-align:center}.text-start{text-align:start}