:root{--primary-dark:linear-gradient(135deg,#5a67d8,#6b46c1);--shadow:0 20px 40px #0000001a;--shadow-hover:0 30px 60px #00000026;--border-radius:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-elements .floating-element{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.floating-elements .floating-element:first-child{animation-delay:0s;height:100px;left:10%;top:20%;width:100px}.floating-elements .floating-element:nth-child(2){animation-delay:2s;height:150px;left:80%;top:60%;width:150px}.floating-elements .floating-element:nth-child(3){animation-delay:4s;height:80px;left:20%;top:80%;width:80px}.floating-elements .floating-element:nth-child(4){animation-delay:1s;height:120px;left:70%;top:30%;width:120px}.login-form{animation:fadeInScale .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);max-width:450px;padding:3rem;position:relative;width:100%;z-index:10}.login-form:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:20px 20px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;content:"";height:4px;position:absolute;right:0;top:0;width:100%}.login-header{animation:fadeInUp .8s ease-out .2s both;margin-bottom:2.5rem;text-align:center}.login-header .logo{align-items:center;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;box-shadow:0 10px 30px #667eea66;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.login-header .logo:before{content:"📘";font-size:2rem}.login-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#667eea);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:.75rem}.login-header p{color:#64748b;font-size:1.1rem;font-weight:500;margin:0}.form-group{animation:slideInRight .6s ease-out both;margin-bottom:1.75rem}.form-group:first-child{animation-delay:.4s}.form-group:nth-child(2){animation-delay:.6s}.form-group label{font-size:1rem}.form-group label:before{font-size:1.2rem}.form-group .input-container{position:relative}.form-group .input-container input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group .input-container input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.form-group .input-container input:focus+.input-icon{color:#667eea;transform:scale(1.1)}.form-group .input-container input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.form-group .input-container .input-icon{color:#94a3b8;font-size:1.2rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-group .input-container .input-icon,button{transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}button{align-items:center;animation:slideInRight .6s ease-out .8s both;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 8px 25px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem;position:relative;width:100%}button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button:hover:not(:disabled){animation:glow 2s infinite;box-shadow:0 30px 60px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-3px)}button:hover:not(:disabled):before{left:100%}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{animation:none;background:#cbd5e1;cursor:not-allowed;transform:none!important}button:disabled:before{display:none}button .button-icon{font-size:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}button:hover:not(:disabled) .button-icon{transform:scale(1.2)}.error-message{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca;border-radius:12px;border-radius:var(--border-radius-sm);border-right:4px solid #ef4444;color:#dc2626;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.error-message:before{content:"⚠️";font-size:1.2rem}.loading-dots{display:inline-flex;gap:.25rem}.loading-dots .dot{animation:loadingDot 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:6px;width:6px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.success-checkmark{height:24px;position:relative;width:24px}.success-checkmark .check-icon{align-items:center;background:#fff;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.success-checkmark .check-icon:before{color:#10b981;content:"✓";font-size:1rem;font-weight:700}.login-features{animation:fadeInUp .6s ease-out 1s both;border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.login-features .features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.login-features .features-grid .feature{align-items:center;display:flex;flex-direction:column;gap:.5rem}.login-features .features-grid .feature .feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.login-features .features-grid .feature .feature-text{color:#64748b;font-size:.8rem;font-weight:500}@media(max-width:768px){.login-container{padding:1rem}.login-form{margin:1rem;padding:2rem 1.5rem}.login-header h2{font-size:1.5rem}.login-header p{font-size:1rem}.floating-elements{display:none}.login-features .features-grid{gap:1rem;grid-template-columns:1fr}}@media(max-width:480px){.login-form{padding:1.5rem 1rem}.login-header .logo{height:60px;width:60px}.login-header .logo:before{font-size:1.5rem}}@media(prefers-color-scheme:dark){.login-form{background:linear-gradient(135deg,#1e293b,#0f172a)}.login-form .login-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;background-clip:text}.login-form .form-group .input-container input{background:#334155;border-color:#475569;color:#f1f5f9}.login-form .form-group .input-container input:focus{border-color:#667eea}}@media print{.login-container{background:#fff!important}.floating-elements,.login-features{display:none}.login-form{border:1px solid #ddd;box-shadow:none}}:root{--old-gradient:linear-gradient(135deg,#6366f1,#8b5cf6)}.financial-years{animation:fadeInScale .8s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;min-height:calc(100vh - 70px);padding:2rem}.financial-years .page-header{align-items:center;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.financial-years .page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#667eea);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0;position:relative}.financial-years .page-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100px}.financial-years .page-header h2:hover:after{width:150px}.financial-years .stats-cards{grid-gap:1.5rem;animation:slideInUp .6s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.financial-years .stats-cards .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.financial-years .stats-cards .stat-card:before{content:"";height:4px;position:absolute;right:0;top:0;width:100%}.financial-years .stats-cards .stat-card.total:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.financial-years .stats-cards .stat-card.active:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient)}.financial-years .stats-cards .stat-card.recent:before{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient)}.financial-years .stats-cards .stat-card.old:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--old-gradient)}.financial-years .stats-cards .stat-card:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.financial-years .stats-cards .stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.financial-years .stats-cards .stat-card:hover .stat-value{transform:scale(1.1)}.financial-years .stats-cards .stat-card .stat-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.financial-years .stats-cards .stat-card .stat-value{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.financial-years .stats-cards .stat-card .stat-label{color:#64748b;font-size:1.1rem;font-weight:500}.financial-years .stats-cards .stat-card .stat-trend{border-radius:15px;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.financial-years .stats-cards .stat-card .stat-trend.positive{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.financial-years .stats-cards .stat-card .stat-trend.negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.financial-years .stats-cards .stat-card .stat-trend.neutral{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.btn-primary{animation:glow 2s infinite}.btn-primary:disabled,.btn-primary:hover{animation:none}.table-container table tr:hover .year-badge{transform:scale(1.1)}.year-badge{align-items:center;border-radius:25px;box-shadow:0 4px 15px #0000001a;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.year-badge.current{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.year-badge.recent{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);color:#92400e}.year-badge.old{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.status-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.status-badge.recent{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);box-shadow:0 4px 15px #f59e0b4d;color:#92400e}.status-badge.old{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d;color:#fff}.action-buttons .btn-edit:hover:not(:disabled){box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.action-buttons .btn-edit:disabled{background:#cbd5e1;cursor:not-allowed;transform:none!important}.modal-overlay .modal{max-width:500px}.modal-overlay .modal .form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);font-size:1.1rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modal-overlay .modal .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.modal-overlay .modal .year-preview{animation:fadeInScale .6s ease-out;background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--info-gradient);border-radius:12px;border-radius:var(--border-radius-sm);color:#1e293b;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.modal-overlay .modal .year-preview .preview-year{color:#667eea;font-size:1.5rem;font-weight:700;margin:.5rem 0}.no-data .suggestion{color:#94a3b8;font-size:1rem;margin-top:1rem}@media(max-width:768px){.financial-years{padding:1rem}.financial-years .page-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.financial-years .page-header h2{font-size:1.5rem}.financial-years .stats-cards{grid-template-columns:repeat(2,1fr)}.financial-years .action-buttons{flex-direction:column}.financial-years .table-container{overflow-x:auto}}@media(max-width:480px){.financial-years{padding:.5rem}.financial-years .stats-cards{grid-template-columns:1fr}.modal .modal{margin:1rem;padding:2rem 1rem}}.serial-counters{animation:fadeInScale .8s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;min-height:calc(100vh - 70px);padding:2rem}.serial-counters .page-header{align-items:center;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.serial-counters .page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#667eea);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0;position:relative}.serial-counters .page-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:80px}.serial-counters .page-header h2:hover:after{width:120px}.serial-counters .stats-cards{grid-gap:1.5rem;animation:slideInUp .6s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.serial-counters .stats-cards .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.serial-counters .stats-cards .stat-card:before{content:"";height:4px;position:absolute;right:0;top:0;width:100%}.serial-counters .stats-cards .stat-card.total:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.serial-counters .stats-cards .stat-card.active:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient)}.serial-counters .stats-cards .stat-card.warning:before{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient)}.serial-counters .stats-cards .stat-card:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.serial-counters .stats-cards .stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.serial-counters .stats-cards .stat-card .stat-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.serial-counters .stats-cards .stat-card .stat-value{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.serial-counters .stats-cards .stat-card .stat-label{color:#64748b;font-size:1.1rem;font-weight:500}.search-box{animation:slideInUp .6s ease-out .4s both;margin-bottom:2rem;position:relative}.search-box .search-container{max-width:400px;position:relative}.search-box .search-container input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);font-size:1.1rem;padding:1rem 3rem 1rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-box .search-container input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.search-box .search-container input::placeholder{color:#94a3b8}.search-box .search-container .search-icon{color:#64748b;font-size:1.2rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.table-container table tr:hover .progress-bar{transform:scaleY(1.2)}.counter-progress{align-items:center;display:flex;gap:1rem}.counter-progress .progress-container{background:#e2e8f0;border-radius:10px;flex:1 1;height:8px;overflow:hidden;position:relative}.counter-progress .progress-container .progress-bar{animation:progressFill 1.5s ease-out;border-radius:10px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.counter-progress .progress-container .progress-bar.normal{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient)}.counter-progress .progress-container .progress-bar.warning{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient)}.counter-progress .progress-container .progress-bar.danger{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--danger-gradient)}.counter-progress .progress-text{color:#64748b;font-size:.9rem;font-weight:600;min-width:60px;text-align:left}.current-number{animation:pulse 2s infinite;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.current-number.normal{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.current-number.warning{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);box-shadow:0 4px 15px #f59e0b4d;color:#92400e}.current-number.danger{animation:pulse 1s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--danger-gradient);box-shadow:0 4px 15px #ef44444d;color:#fff}.action-buttons .btn-delete,.action-buttons .btn-edit{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-buttons .btn-delete:before,.action-buttons .btn-edit:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-buttons .btn-delete:hover:before,.action-buttons .btn-edit:hover:before{left:100%}.action-buttons .btn-edit{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 4px 15px #4facfe4d;color:#fff}.action-buttons .btn-edit:hover{box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.modal-overlay .modal{max-width:600px;width:90%}.modal-overlay .modal .form-group{margin-bottom:1.5rem}.modal-overlay .modal .form-group label{color:#374151;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.modal-overlay .modal .form-group input,.modal-overlay .modal .form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);font-size:1.1rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modal-overlay .modal .form-group input:focus,.modal-overlay .modal .form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.modal-overlay .modal .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.modal-overlay .modal .form-row{grid-template-columns:1fr}}.modal-overlay .modal .range-info{animation:fadeInScale .6s ease-out;background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--info-gradient);border-radius:12px;border-radius:var(--border-radius-sm);color:#1e293b;font-weight:600;grid-column:1/-1;margin-bottom:1rem;padding:1rem;text-align:center}.modal-overlay .modal .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-overlay .modal .form-actions button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-overlay .modal .form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 15px #667eea4d;color:#fff}.modal-overlay .modal .form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.modal-overlay .modal .form-actions button[type=submit]:disabled{background:#cbd5e1;cursor:not-allowed;transform:none!important}.modal-overlay .modal .form-actions button[type=button]{background:#64748b;box-shadow:0 4px 15px #64748b4d;color:#fff}.modal-overlay .modal .form-actions button[type=button]:hover{background:#475569;box-shadow:0 8px 25px #64748b66;transform:translateY(-2px)}@media(max-width:768px){.serial-counters{padding:1rem}.serial-counters .page-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.serial-counters .page-header h2{font-size:1.5rem}.serial-counters .stats-cards{grid-template-columns:1fr}.serial-counters .action-buttons{flex-direction:column}.serial-counters .table-container{overflow-x:auto}.serial-counters .counter-progress{flex-direction:column;gap:.5rem}.serial-counters .counter-progress .progress-text{text-align:center}}@media(max-width:480px){.serial-counters{padding:.5rem}.modal .modal{margin:1rem;padding:2rem 1rem}}.receipt-design-modal{background:#fff;bottom:0;direction:rtl;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1000}.receipt-design-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.receipt-design-modal .modal-header h3{color:#333;font-size:1.5rem;margin:0}.receipt-design-modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.receipt-design-modal .modal-header .close-btn:hover{background:#e9ecef;color:#495057}.receipt-design-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.6}.receipt-design-modal .design-controls{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:72px;z-index:90}.receipt-design-modal .design-controls .controls-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1.5rem;min-width:250px}.receipt-design-modal .design-controls .controls-left .design-selector,.receipt-design-modal .design-controls .controls-left .export-options{align-items:center;display:flex;gap:.75rem}.receipt-design-modal .design-controls .controls-left .design-selector label,.receipt-design-modal .design-controls .controls-left .export-options label{color:#495057;font-size:.9rem;font-weight:600;margin:0;white-space:nowrap}.receipt-design-modal .design-controls .controls-left .design-selector select,.receipt-design-modal .design-controls .controls-left .export-options select{background:#fff;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;min-width:150px;padding:.6rem;transition:border-color .3s}.receipt-design-modal .design-controls .controls-left .design-selector select:focus,.receipt-design-modal .design-controls .controls-left .export-options select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.receipt-design-modal .design-controls .controls-left .design-selector select:disabled,.receipt-design-modal .design-controls .controls-left .export-options select:disabled{background:#e9ecef;cursor:not-allowed}.receipt-design-modal .design-controls .controls-right{flex:2 1;min-width:300px}.receipt-design-modal .design-controls .controls-right .book-stats{grid-gap:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1rem}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item{align-items:center;display:flex;flex-direction:column;padding:.5rem;text-align:center}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item .stat-label{color:#6c757d;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item .stat-value{color:#495057;font-size:1rem;font-weight:700}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item .stat-value:last-child{color:#28a745}.receipt-design-modal .design-controls .controls-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.receipt-design-modal .design-controls .controls-actions .export-progress{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.receipt-design-modal .design-controls .controls-actions .btn-audit,.receipt-design-modal .design-controls .controls-actions .btn-export,.receipt-design-modal .design-controls .controls-actions .btn-export-quick{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.7rem 1.2rem;transition:all .3s;white-space:nowrap}.receipt-design-modal .design-controls .controls-actions .btn-audit:disabled,.receipt-design-modal .design-controls .controls-actions .btn-export-quick:disabled,.receipt-design-modal .design-controls .controls-actions .btn-export:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.receipt-design-modal .design-controls .controls-actions .btn-export-quick{background:#fd7e14;color:#fff}.receipt-design-modal .design-controls .controls-actions .btn-export-quick:hover:not(:disabled){background:#e56a00;box-shadow:0 2px 6px #fd7e144d;transform:translateY(-1px)}.receipt-design-modal .design-controls .controls-actions .btn-export{background:#28a745;color:#fff}.receipt-design-modal .design-controls .controls-actions .btn-export:hover:not(:disabled){background:#218838;box-shadow:0 2px 6px #28a7454d;transform:translateY(-1px)}.receipt-design-modal .design-controls .controls-actions .btn-audit{background:#6f42c1;color:#fff}.receipt-design-modal .design-controls .controls-actions .btn-audit:hover:not(:disabled){background:#5e32a8;box-shadow:0 2px 6px #6f42c14d;transform:translateY(-1px)}.receipt-design-modal .loading{background:#f8f9fa;border-radius:8px;color:#666;font-size:1.2rem;margin:2rem;padding:3rem;text-align:center}.receipt-design-modal .loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";display:inline-block;height:20px;margin-right:12px;vertical-align:middle;width:20px}.receipt-design-modal .receipts-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:0 auto;max-height:65vh;max-width:1200px;overflow-y:auto;padding:1.5rem;perspective:1000;transform:translateZ(0)}.receipt-design-modal .receipts-container::-webkit-scrollbar{width:8px}.receipt-design-modal .receipts-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.receipt-design-modal .receipts-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.receipt-design-modal .receipts-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.receipt-design-modal .receipts-vertical{display:flex;flex-direction:column;gap:1.5rem}.receipt-design-modal .receipt-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transform:translateZ(0);transition:all .2s ease}@media(hover:hover){.receipt-design-modal .receipt-item:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-1px)}}.receipt-design-modal .receipt-content{border-bottom:1px solid #e9ecef;padding:1.5rem}.receipt-design-modal .receipt-actions{align-items:center;background:#f8f9fa;display:flex;justify-content:center;padding:1rem 1.5rem}.receipt-design-modal .receipt-actions .btn-replace{align-items:center;background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;min-width:160px;padding:.6rem 1.5rem;transition:all .2s}@media(hover:hover){.receipt-design-modal .receipt-actions .btn-replace:hover:not(:disabled){background:#e0a800;box-shadow:0 2px 6px #ffc1074d;transform:translateY(-1px)}}.receipt-design-modal .receipt-actions .btn-replace:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.receipt-design-modal .load-more-indicator{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;color:#666;font-size:.9rem;margin:1rem 0;padding:1.5rem;text-align:center}.receipt-design-modal .no-data{background:#f8f9fa;border-radius:10px;color:#6c757d;font-size:1.1rem;margin:2rem;padding:3rem 2rem;text-align:center}.receipt-design-modal .no-data .icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.receipt-design-container{transform:translateZ(0);width:100%}.receipt-design-container .receipt-design-content{page-break-inside:avoid;width:100%}.receipt-design-container .receipt-design-content .receipt{background:#fff;border:2px solid #333;border-radius:6px;direction:rtl;font-family:Arial,sans-serif;margin:0 auto;max-width:550px;padding:20px}.receipt-design-container .receipt-design-content .receipt .header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.receipt-design-container .receipt-design-content .receipt .header .logo{border-radius:4px;height:70px;max-width:100%}.receipt-design-container .receipt-design-content .receipt .header .header-text{flex:1 1;text-align:center}.receipt-design-container .receipt-design-content .receipt .header .header-text h2{color:#333;font-size:22px;font-weight:700;margin:0}.receipt-design-container .receipt-design-content .receipt .header .header-text p{color:#666;font-size:14px;margin:6px 0 0}.receipt-design-container .receipt-design-content .receipt .body{margin-bottom:20px}.receipt-design-container .receipt-design-content .receipt .receipt-row{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.receipt-design-container .receipt-design-content .receipt .receipt-row .label{color:#333;font-size:14px;font-weight:700;min-width:120px}.receipt-design-container .receipt-design-content .receipt .receipt-row .value{color:#555;flex:1 1;font-size:14px;text-align:left}.receipt-design-container .receipt-design-content .receipt .receipt-row .value.amount{color:#28a745;font-size:18px;font-weight:700}.receipt-design-container .receipt-design-content .receipt .receipt-row .value.serial{color:#dc3545;font-size:16px;font-weight:700}.receipt-design-container .receipt-design-content .receipt .footer{border-top:2px solid #333;color:#666;margin-top:20px;padding-top:15px;text-align:center}.receipt-design-container .receipt-design-content .receipt .footer .date{font-size:13px;margin-top:6px}.replacement-info{background:#e7f3ff;border-radius:6px;border-right:4px solid #007bff;margin-bottom:1.2rem;padding:1.2rem}.replacement-info p{color:#495057;font-size:.9rem;margin:.4rem 0}.replacement-info p strong{color:#007bff}.replacement-options h4{color:#333;font-size:1.1rem;margin-bottom:1.2rem}.options-list{display:flex;flex-direction:column;gap:.8rem}.replacement-option{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:1.2rem;transition:all .2s}@media(hover:hover){.replacement-option:hover{border-color:#007bff;box-shadow:0 2px 6px #007bff1a}}.replacement-option .option-info{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.replacement-option .option-info .subscriber-name{color:#333;font-size:1rem;font-weight:700}.replacement-option .option-info .amount{color:#28a745;font-size:1rem;font-weight:700}.replacement-option .option-info .subscription-type{color:#666;font-size:.85rem}.replacement-option .btn-replace{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}@media(hover:hover){.replacement-option .btn-replace:hover:not(:disabled){background:#218838;transform:translateY(-1px)}}.replacement-option .btn-replace:disabled{cursor:not-allowed;opacity:.6}.no-options{background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:1rem;padding:2rem}@media print{.receipt-design-modal{position:static}.receipt-design-modal .design-controls,.receipt-design-modal .load-more-indicator,.receipt-design-modal .loading,.receipt-design-modal .modal-header,.receipt-design-modal .receipt-actions{display:none!important}.receipt-design-modal .receipts-container{max-height:none!important;max-width:none!important;overflow:visible!important;padding:0!important}.receipt-design-modal .receipts-vertical{display:block!important;gap:0!important}.receipt-design-modal .receipt-item{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;page-break-after:always}.receipt-design-modal .receipt-item .receipt-content{border-bottom:none!important;padding:15mm!important}}@media(max-width:1024px){.receipt-design-modal .design-controls{gap:1rem}.receipt-design-modal .design-controls .controls-left{min-width:200px}.receipt-design-modal .design-controls .controls-left .design-selector select,.receipt-design-modal .design-controls .controls-left .export-options select{min-width:130px}.receipt-design-modal .design-controls .controls-right{min-width:280px}.receipt-design-modal .design-controls .controls-right .book-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.receipt-design-modal .design-controls{align-items:stretch;flex-direction:column;gap:1rem;top:64px}.receipt-design-modal .design-controls .controls-left{justify-content:space-between;width:100%}.receipt-design-modal .design-controls .controls-left .design-selector,.receipt-design-modal .design-controls .controls-left .export-options{flex:1 1}.receipt-design-modal .design-controls .controls-left .design-selector select,.receipt-design-modal .design-controls .controls-left .export-options select{min-width:auto;width:100%}.receipt-design-modal .design-controls .controls-right{width:100%}.receipt-design-modal .design-controls .controls-right .book-stats{grid-template-columns:repeat(4,1fr)}.receipt-design-modal .design-controls .controls-actions{justify-content:center;width:100%}.receipt-design-modal .design-controls .controls-actions button{flex:1 1;min-width:120px}.receipt-design-modal .receipts-container{max-height:60vh;padding:1rem}.receipt-design-modal .receipt-content{padding:1rem}.receipt-design-modal .receipt-actions{padding:.8rem 1rem}}@media(max-width:480px){.receipt-design-modal .modal-header{padding:.75rem}.receipt-design-modal .modal-header h3{font-size:1.2rem}.receipt-design-modal .design-controls{padding:1rem}.receipt-design-modal .design-controls .controls-left{align-items:stretch;flex-direction:column;gap:.8rem}.receipt-design-modal .design-controls .controls-left .design-selector,.receipt-design-modal .design-controls .controls-left .export-options{align-items:stretch;flex-direction:column;gap:.4rem}.receipt-design-modal .design-controls .controls-right .book-stats{gap:.5rem;grid-template-columns:repeat(2,1fr)!important;padding:.8rem}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item{padding:.3rem}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item .stat-label{font-size:.75rem}.receipt-design-modal .design-controls .controls-right .book-stats .stat-item .stat-value{font-size:.9rem}.receipt-design-modal .design-controls .controls-actions{flex-direction:column}.receipt-design-modal .design-controls .controls-actions .export-progress{order:-1;text-align:center;width:100%}.receipt-design-modal .design-controls .controls-actions button{width:100%}.receipt-design-modal .receipt-content{padding:.8rem}.receipt-design-modal .receipt-actions{padding:.6rem .8rem}.receipt-design-modal .receipt-actions .btn-replace{font-size:.85rem;min-width:140px;padding:.5rem 1rem}}.export-optimization{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.exporting *,body.exporting-active *{animation:none!important;transition:none!important}body.exporting-active *{transform:none!important}body.exporting-active .receipt-design-modal{filter:none!important;transform:none!important}#hidden-export-container{background:#fff!important;border:none!important;box-shadow:none!important;height:210mm!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:fixed!important;top:-9999px!important;visibility:hidden!important;width:297mm!important;z-index:-1000!important}#hidden-export-container *{animation:none!important;box-shadow:none!important;transform:none!important;transition:none!important}.export-progress{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:.9rem;font-weight:600;min-width:200px;padding:.75rem 1rem;text-align:center}.export-progress .receipt-progress{color:#666;font-size:.8rem;font-weight:400;margin-top:.25rem}.exporting-loading{text-align:center}.exporting-loading .progress-details{color:#666;direction:rtl;font-size:.9rem;margin-top:.5rem}.receipt-design-modal.exporting .receipts-container{opacity:.7;pointer-events:none}.receipt-design-modal.exporting .design-controls{background:#e9ecef}.receipt-design-modal.exporting .design-controls button:not(:disabled){opacity:.8}.memory-optimization{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;perspective:1000;transform:translateZ(0)}.temp-export-element{left:-9999px!important;opacity:0!important;pointer-events:none!important;position:fixed!important;top:-9999px!important;visibility:hidden!important}.temp-export-element *{animation:none!important;box-shadow:none!important;filter:none!important;transform:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.receipt-design-modal *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.export-active .receipt-item{opacity:.6}.export-active{cursor:wait;pointer-events:none}@media(max-width:768px){.export-progress{font-size:.8rem;min-width:150px}.export-progress .receipt-progress{font-size:.75rem}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}.receipt-books{animation:fadeInScale .8s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;min-height:calc(100vh - 70px);padding:2rem}.receipt-books .page-header{align-items:center;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.receipt-books .page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#667eea);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0;position:relative}.receipt-books .page-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100px}.receipt-books .page-header h2:hover:after{width:150px}.receipt-books .stats-cards{grid-gap:1.5rem;animation:slideInUp .6s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.receipt-books .stats-cards .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.receipt-books .stats-cards .stat-card:before{content:"";height:4px;position:absolute;right:0;top:0;width:100%}.receipt-books .stats-cards .stat-card.total:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.receipt-books .stats-cards .stat-card.generated:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient)}.receipt-books .stats-cards .stat-card.amount:before{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient)}.receipt-books .stats-cards .stat-card:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.receipt-books .stats-cards .stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.receipt-books .stats-cards .stat-card .stat-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.receipt-books .stats-cards .stat-card .stat-value{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.receipt-books .stats-cards .stat-card .stat-label{color:#64748b;font-size:1.1rem;font-weight:500}.btn-primary{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 8px 25px #667eea4d;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.table-container{animation:slideInUp .6s ease-out .6s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);overflow:hidden}.table-container table{border-collapse:collapse;width:100%}.table-container table td,.table-container table th{border-bottom:1px solid #f1f5f9;padding:1.5rem;text-align:right}.table-container table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-size:1.1rem;font-weight:700;position:relative}.table-container table th,.table-container table th:after{transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.table-container table th:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";height:2px;position:absolute;right:0;width:0}.table-container table th:hover:after{width:100%}.table-container table tr{animation:slideInRight .5s ease-out both;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.table-container table tr:first-child{animation-delay:.1s}.table-container table tr:nth-child(2){animation-delay:.2s}.table-container table tr:nth-child(3){animation-delay:.3s}.table-container table tr:nth-child(4){animation-delay:.4s}.table-container table tr:nth-child(5){animation-delay:.5s}.table-container table tr:nth-child(6){animation-delay:.6s}.table-container table tr:nth-child(7){animation-delay:.7s}.table-container table tr:nth-child(8){animation-delay:.8s}.table-container table tr:nth-child(9){animation-delay:.9s}.table-container table tr:nth-child(10){animation-delay:1s}.table-container table tr:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateX(-8px)}.table-container table tr:hover td{color:#1e293b}.table-container table tr:hover .action-buttons{opacity:1;transform:translateX(0)}.table-container table tr:last-child td{border-bottom:none}.table-container table td{color:#64748b;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-buttons{gap:.75rem;opacity:.9;transform:translateX(10px)}.action-buttons,.action-buttons .btn-delete,.action-buttons .btn-view{display:flex;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-buttons .btn-delete,.action-buttons .btn-view{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative}.action-buttons .btn-delete:before,.action-buttons .btn-view:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-buttons .btn-delete:hover:before,.action-buttons .btn-view:hover:before{left:100%}.action-buttons .btn-view{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 4px 15px #4facfe4d;color:#fff}.action-buttons .btn-view:hover:not(:disabled){box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.action-buttons .btn-view:disabled{background:#cbd5e1;cursor:not-allowed;transform:none!important}.action-buttons .btn-delete{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--danger-gradient);box-shadow:0 4px 15px #f5576c4d;color:#fff}.action-buttons .btn-delete:hover{box-shadow:0 8px 25px #f5576c66;transform:translateY(-2px)}.subscription-types{display:flex;flex-wrap:wrap;gap:.5rem}.subscription-types .type-badge{animation:fadeInScale .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.modal-overlay .modal.large-modal{max-width:800px;width:90%}.modal-overlay .modal.medium-modal{max-width:600px;width:90%}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);font-size:1.1rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.checkbox-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:.5rem}.checkbox-group .checkbox-label{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.checkbox-group .checkbox-label:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);transform:translateY(-2px)}.checkbox-group .checkbox-label input[type=checkbox]{border:2px solid #cbd5e1;border-radius:4px;height:20px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:20px}.checkbox-group .checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#667eea}.checkbox-group .checkbox-label span{color:#374151;font-weight:500}.form-actions button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 15px #667eea4d;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.form-actions button[type=submit]:disabled{background:#cbd5e1;cursor:not-allowed;transform:none!important}.form-actions button[type=button]{background:#64748b;box-shadow:0 4px 15px #64748b4d;color:#fff}.form-actions button[type=button]:hover{background:#475569;box-shadow:0 8px 25px #64748b66;transform:translateY(-2px)}.replacement-info{animation:slideInUp .6s ease-out;background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--info-gradient);border-radius:12px;border-radius:var(--border-radius-sm);border-right:4px solid #667eea;margin-bottom:1.5rem;padding:1.5rem}.replacement-info p{color:#1e293b;font-weight:600;margin:.5rem 0}.replacement-info p strong{color:#667eea}.replacement-options{margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.replacement-options h4{color:#1e293b;font-size:1.2rem;margin-bottom:1rem;text-align:center}.replacement-options .options-list{display:flex;flex-direction:column;gap:1rem}.replacement-options .replacement-option{align-items:center;animation:slideInRight .5s ease-out;background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.replacement-options .replacement-option:hover{border-color:#667eea;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);transform:translateX(-8px)}.replacement-options .replacement-option .option-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.replacement-options .replacement-option .option-info .subscriber-name{color:#1e293b;font-size:1.1rem;font-weight:700}.replacement-options .replacement-option .option-info .amount{color:#10b981;font-size:1.1rem;font-weight:600}.replacement-options .replacement-option .option-info .subscription-type{background:#f1f5f9;border-radius:12px;color:#64748b;display:inline-block;font-size:.9rem;padding:.25rem .75rem}.replacement-options .replacement-option .btn-replace{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);border:none;border-radius:12px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.replacement-options .replacement-option .btn-replace:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.replacement-options .replacement-option .btn-replace:disabled{cursor:not-allowed;opacity:.6}.no-options{background:#f8fafc;border-radius:12px;border-radius:var(--border-radius-sm);color:#64748b;font-size:1.1rem;padding:3rem;text-align:center}.no-options .no-options-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-data{animation:fadeInScale .6s ease-out;color:#64748b;font-size:1.3rem;font-style:italic;padding:4rem 2rem;text-align:center}.no-data .no-data-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem;opacity:.5}@media(max-width:768px){.receipt-books{padding:1rem}.receipt-books .page-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.receipt-books .page-header h2{font-size:1.5rem}.receipt-books .stats-cards{grid-template-columns:1fr}.receipt-books .action-buttons{flex-direction:column}.receipt-books .table-container{overflow-x:auto}.receipt-books .checkbox-group{grid-template-columns:1fr}}@media(max-width:480px){.receipt-books{padding:.5rem}.modal .modal{margin:1rem;padding:2rem 1rem}}.revenues{direction:rtl;padding:1rem}.revenues .filters-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.revenues .filters-card h3{border-bottom:1px solid #eee;color:#333;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.revenues .filter-controls{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.revenues .action-buttons{display:flex;flex-direction:column;gap:.5rem}.revenues .action-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:.75rem;transition:background .3s}.revenues .action-buttons button:disabled{cursor:not-allowed;opacity:.6}.revenues .summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.revenues .summary-card h3{color:#333;margin-bottom:1rem;margin-top:0}.revenues .summary-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.revenues .summary-item{align-items:center;background:#f8f9fa;border-radius:5px;display:flex;justify-content:space-between;padding:1rem}.revenues .summary-item .label{color:#495057;font-weight:500}.revenues .summary-item .value{color:#333;font-weight:700}.revenues .summary-item .value.amount{color:#28a745;font-size:1.1rem}.revenues .amount{color:#28a745;font-weight:700}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--danger-gradient:linear-gradient(135deg,#f093fb,#f5576c);--warning-gradient:linear-gradient(135deg,#f6d365,#fda085);--info-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--bg-card:linear-gradient(135deg,#fff,#f8fafc);--shadow-hover:0 20px 40px -10px #00000026;--border-radius:16px;--border-radius-sm:12px;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}@keyframes tabSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.settings{animation:fadeInScale .8s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;min-height:calc(100vh - 70px);padding:2rem}.settings .page-header{align-items:center;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.settings .page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#667eea);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0;position:relative}.settings .page-header h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;position:absolute;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:80px}.settings .page-header h2:hover:after{width:120px}.settings-tabs{animation:slideInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);display:flex;margin-bottom:2rem;padding:.5rem}.settings-tabs .tab-button{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--border-radius-sm);color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.settings-tabs .tab-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;position:absolute;right:-100%;top:0;transition:right .5s;width:100%}.settings-tabs .tab-button:hover{color:#1e293b;transform:translateY(-2px)}.settings-tabs .tab-button:hover:before{right:100%}.settings-tabs .tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.settings-tabs .tab-button.active:after{background:#fff;border-radius:2px;bottom:-8px;content:"";height:3px;position:absolute;right:50%;transform:translateX(50%);width:20px}.settings-content{animation:slideInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);overflow:hidden}.settings-content .settings-card{animation:tabSlide .5s ease-out;padding:2.5rem}.settings-content .settings-card h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:2rem;margin-top:0}.settings-content .settings-card h3:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;content:"";height:24px;width:4px}.form-grid{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-grid,.form-row{display:grid;gap:1.5rem}.form-row{grid-gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);font-size:1.1rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.form-group textarea{font-family:Courier New,monospace;line-height:1.5;min-height:120px;resize:vertical}.btn-danger,.btn-edit,.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-danger:before,.btn-edit:before,.btn-primary:before,.btn-secondary:before,.btn-success:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-danger:hover:before,.btn-edit:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before,.btn-success:hover:before{left:100%}.btn-danger:disabled,.btn-edit:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.btn-danger{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--danger-gradient);box-shadow:0 4px 15px #f5576c4d}.btn-danger:hover:not(:disabled){box-shadow:0 8px 25px #f5576c66;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 4px 15px #4facfe4d}.btn-success:hover:not(:disabled){box-shadow:0 8px 25px #4facfe66;transform:translateY(-3px)}.btn-edit{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);box-shadow:0 4px 15px #f59e0b4d;color:#92400e}.btn-edit:hover:not(:disabled){box-shadow:0 8px 25px #f59e0b66;transform:translateY(-3px)}.btn-secondary{background:#64748b;box-shadow:0 4px 15px #64748b4d;color:#fff}.btn-secondary:hover:not(:disabled){background:#475569;box-shadow:0 8px 25px #64748b66;transform:translateY(-3px)}.warning-text{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:12px;border-radius:var(--border-radius-sm);border-right:4px solid #f59e0b;color:#856404;display:flex;font-weight:600;gap:1rem;margin-bottom:2rem;padding:1.5rem}.warning-text:before{content:"⚠️";font-size:1.5rem}.message{align-items:center;animation:bounceIn .6s ease-out;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);display:flex;font-weight:600;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.message.success{background:linear-gradient(135deg,#d4fc79,#96e6a1);border-right:4px solid #10b981;color:#065f46}.message.error{background:linear-gradient(135deg,#fbc2eb,#a6c1ee);border-right:4px solid #ef4444;color:#dc2626}.message.warning{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);border-right:4px solid #f59e0b;color:#92400e}.message.info{background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--info-gradient);border-right:4px solid #667eea;color:#1e293b}.designs-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.designs-header h3{margin:0}.designs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2rem}.design-card{animation:slideInRight .5s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.design-card:first-child{animation-delay:.1s}.design-card:nth-child(2){animation-delay:.2s}.design-card:nth-child(3){animation-delay:.3s}.design-card:nth-child(4){animation-delay:.4s}.design-card:nth-child(5){animation-delay:.5s}.design-card:nth-child(6){animation-delay:.6s}.design-card:nth-child(7){animation-delay:.7s}.design-card:nth-child(8){animation-delay:.8s}.design-card:nth-child(9){animation-delay:.9s}.design-card:nth-child(10){animation-delay:1s}.design-card:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.design-card:hover .design-preview{transform:scale(1.02)}.design-card .design-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.design-card .design-header h4{color:#1e293b;flex:1 1;font-size:1.2rem;font-weight:700;margin:0}.design-card .design-header .design-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.design-card .design-header .default-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.design-card .design-header .design-date{color:#64748b;font-size:.8rem;font-weight:500}.design-card .design-preview{background:#f8fafc;max-height:220px;min-height:180px;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.design-card .design-preview:after{background:linear-gradient(#0000,#f8fafc);bottom:0;content:"";height:40px;left:0;position:absolute;right:0}.design-card .preview-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;line-height:1.5;max-height:160px;overflow:hidden;padding:1rem;position:relative}.design-card .preview-content .variable{background:#fff3cd;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-family:Courier New,monospace;font-size:.7rem;margin:0 2px;padding:.2rem .4rem}.design-card .design-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem}.design-card .design-actions button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.design-card .design-actions button:hover:not(:disabled){transform:translateY(-2px)}.design-card .design-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.no-designs{animation:fadeInScale .6s ease-out;color:#64748b;padding:4rem 2rem;text-align:center}.no-designs .no-designs-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem;opacity:.5}.no-designs p{font-size:1.2rem;margin-bottom:1.5rem}.modal-overlay{animation:fadeInScale .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;z-index:1000}.modal-overlay .modal{animation:slideInUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;padding:3rem}.modal-overlay .modal.large-modal{max-width:1400px;width:95%}.modal-overlay .modal.design-modal .design-editor{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media(max-width:1024px){.modal-overlay .modal.design-modal .design-editor{grid-template-columns:1fr}}.modal-overlay .modal.design-modal .design-editor .editor-section label{align-items:center;color:#374151;display:block;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.modal-overlay .modal.design-modal .design-editor .editor-section textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;min-height:400px;padding:1rem;resize:vertical;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modal-overlay .modal.design-modal .design-editor .editor-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.modal-overlay .modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#667eea);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:2rem;margin-top:0;text-align:center}.variables-help{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);margin-bottom:2rem;padding:1.5rem}.variables-help h4{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem;margin-top:0}.variables-help .variables-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.variables-help .variables-grid .variable-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius-sm);display:flex;gap:.75rem;padding:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.variables-help .variables-grid .variable-item:hover{border-color:#667eea;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);transform:translateX(-5px)}.variables-help .variables-grid .variable-item code{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;min-width:120px;padding:.5rem .75rem;text-align:center}.variables-help .variables-grid .variable-item span{color:#64748b;font-size:.9rem;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions button{justify-content:center;min-width:140px}.loading{color:#64748b;font-size:1.2rem;gap:1rem;padding:3rem}.loading:before{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:30px;width:30px}@media(max-width:768px){.settings{padding:1rem}.settings .page-header{padding:1.5rem}.settings .page-header h2{font-size:1.5rem}.settings .settings-tabs{flex-direction:column;gap:.5rem}.settings .settings-tabs .tab-button{padding:1rem}.settings .settings-card{padding:1.5rem}.settings .designs-grid,.settings .form-grid{grid-template-columns:1fr}.settings .modal .modal{margin:1rem;padding:2rem 1rem}}@media(max-width:480px){.settings{padding:.5rem}.design-card .design-actions{flex-direction:column}.design-card .design-actions button{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#f8fafc;--accent-color:#06d6a0;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--bg-sidebar:#1e293b;--bg-header:#0f172a;--bg-main:#f8fafc;--shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-lg:0 25px 50px -12px #00000040;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-header) 0,#1e293b 100%);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow);color:#fff;height:70px;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.app-header .header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px}.app-header .header-title{align-items:center;display:flex;gap:1rem}.app-header .header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0;position:relative}.app-header .header-title h1:after{background:#06d6a0;background:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:0}.app-header .header-title h1:hover:after{width:100%}.app-header .header-title .logo{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#06d6a0);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.app-header .header-title .logo:before{content:"📘";font-size:1.2rem}.app-header .header-actions{align-items:center;display:flex;gap:1rem}.app-header .header-actions .user-info{align-items:center;background:#ffffff1a;border-radius:12px;border-radius:var(--border-radius);display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.app-header .header-actions .user-info:hover{background:#ffffff26;transform:translateY(-2px)}.app-header .header-actions .user-info .user-avatar{align-items:center;background:linear-gradient(135deg,#06d6a0,#6366f1);background:linear-gradient(135deg,var(--accent-color),var(--primary-color));border-radius:50%;color:#fff;display:flex;font-weight:600;height:36px;justify-content:center;width:36px}.app-header .header-actions .user-info .user-name{font-size:.9rem;font-weight:500}.app-header .header-actions .logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.app-header .header-actions .logout-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.app-header .header-actions .logout-btn:hover{box-shadow:0 10px 20px #ef44444d;transform:translateY(-2px)}.app-header .header-actions .logout-btn:hover:before{left:100%}.app-header .header-actions .logout-btn:active{transform:translateY(0)}.sidebar{animation:slideInRight .6s ease-out;background:linear-gradient(180deg,#1e293b,#0f172a);background:linear-gradient(180deg,var(--bg-sidebar) 0,#0f172a 100%);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);color:#fff;height:calc(100vh - 70px);position:fixed;right:0;top:70px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:280px;z-index:900}.sidebar.collapsed{transform:translateX(100%)}.sidebar .sidebar-nav{display:flex;flex-direction:column;height:100%;padding:2rem 0}.sidebar .sidebar-nav ul{flex:1 1;list-style:none;margin:0;padding:0}.sidebar .sidebar-nav li{animation:fadeIn .6s ease-out;animation-fill-mode:both;margin-bottom:.5rem;padding:0 1.5rem}.sidebar .sidebar-nav li:first-child{animation-delay:.1s}.sidebar .sidebar-nav li:nth-child(2){animation-delay:.2s}.sidebar .sidebar-nav li:nth-child(3){animation-delay:.3s}.sidebar .sidebar-nav li:nth-child(4){animation-delay:.4s}.sidebar .sidebar-nav li:nth-child(5){animation-delay:.5s}.sidebar .sidebar-nav .nav-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--border-radius);color:#94a3b8;color:var(--text-light);cursor:pointer;display:flex;font-size:1rem;gap:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.sidebar .sidebar-nav .nav-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;position:absolute;right:-100%;top:0;transition:right .5s;width:100%}.sidebar .sidebar-nav .nav-item:hover{background:#ffffff0d;box-shadow:0 5px 15px #0003;color:#fff;transform:translateX(-8px)}.sidebar .sidebar-nav .nav-item:hover:before{right:100%}.sidebar .sidebar-nav .nav-item:hover .nav-icon{animation:pulse 1s infinite;transform:scale(1.2)}.sidebar .sidebar-nav .nav-item.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 8px 25px #6366f14d;color:#fff;transform:translateX(-8px)}.sidebar .sidebar-nav .nav-item.active:after{background:#06d6a0;background:var(--accent-color);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar .sidebar-nav .nav-item.active .nav-icon{filter:brightness(1.2);transform:scale(1.2)}.sidebar .sidebar-nav .nav-item .nav-icon{align-items:center;display:flex;font-size:1.3rem;justify-content:center;min-width:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar .sidebar-nav .nav-item .nav-label{flex:1 1;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar .sidebar-nav .nav-item .nav-badge{animation:bounceIn .6s ease-out;background:#06d6a0;background:var(--accent-color);border-radius:20px;color:#1e293b;color:var(--bg-sidebar);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.sidebar .sidebar-nav .sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:1.5rem}.sidebar .sidebar-nav .sidebar-footer .app-version{color:#94a3b8;color:var(--text-light);font-size:.8rem;opacity:.7;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar .sidebar-nav .sidebar-footer .app-version:hover{opacity:1;transform:scale(1.05)}.main-content{animation:fadeIn .8s ease-out;background:#f8fafc;background:var(--bg-main);margin-right:280px;margin-top:70px;min-height:calc(100vh - 70px);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:calc(100% - 280px)}.main-content.expanded{margin-right:0;width:100%}.main-content .content-wrapper{margin:0 auto;max-width:1400px}.main-content .page-header{animation:slideInDown .6s ease-out;margin-bottom:2rem}.main-content .page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#6366f1);background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.main-content .page-header .page-description{color:#64748b;color:var(--text-secondary);font-size:1.1rem;margin:0}.mobile-toggle{animation:bounceIn .6s ease-out;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:50%;bottom:2rem;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:none;height:60px;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px;z-index:1001}.mobile-toggle:hover{transform:scale(1.1) rotate(90deg)}.mobile-toggle:before{content:"☰";font-size:1.5rem;font-weight:700}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@media(max-width:1024px){.sidebar{width:240px}.main-content{margin-right:240px;width:calc(100% - 240px)}}@media(max-width:768px){.app-header{padding:0 1rem}.app-header .header-title h1{font-size:1.2rem}.app-header .user-info .user-name{display:none}.sidebar{transform:translateX(100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}.main-content{margin-right:0;padding:1rem;width:100%}.main-content.sidebar-open{border-radius:12px;border-radius:var(--border-radius);transform:scale(.95)}.mobile-toggle{align-items:center;display:flex;justify-content:center}}@media(max-width:480px){.app-header .header-title h1{font-size:1rem}.app-header .logout-btn span{display:none}.app-header .logout-btn:after{content:"🚪"}.main-content{padding:1rem .5rem}.main-content .page-header h2{font-size:1.5rem}}@media(prefers-color-scheme:dark){:root{--bg-main:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-light:#94a3b8}}@media print{.app-header,.mobile-toggle,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;height:100vh}.app-body{display:flex;flex:1 1;overflow:hidden}.main-content{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:0}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#1e7e34}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.table-responsive{overflow-x:auto}.table{background:#fff;border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:right}.table th{color:#495057;font-weight:600}.table th,.table tr:hover{background:#f8f9fa}.form-group{margin-bottom:1rem}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:.25rem;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal{background:#fff;border-radius:.3rem;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal .modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.modal .modal-header h3{color:#495057;margin:0}.modal .modal-header .close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem}.modal .modal-header .close:hover{color:#495057}.modal .modal-body{padding:1rem}.modal .modal-footer{border-top:1px solid #dee2e6;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}.alert{border:1px solid #0000;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.loading{align-items:center;display:flex;justify-content:center}.loading:after{height:2rem;width:2rem}.search-container{margin-bottom:1rem}.search-container .search-input{border:1px solid #ced4da;border-radius:.25rem;font-size:1rem;max-width:300px;padding:.75rem;width:100%}.search-container .search-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.card{background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;margin-bottom:1rem}.card .card-header{background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.125);padding:.75rem 1.25rem}.card .card-header h3{color:#495057;margin:0}.card .card-body{padding:1.25rem}.card .card-footer{background:#f8f9fa;border-top:1px solid rgba(0,0,0,.125);padding:.75rem 1.25rem}.nav-tabs{border-bottom:1px solid #dee2e6;display:flex;margin-bottom:1rem}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid #0000;border-top-left-radius:.25rem;border-top-right-radius:.25rem;color:#007bff;cursor:pointer;padding:.5rem 1rem;text-decoration:none}.nav-tabs .nav-link.active{background:#fff;border-color:#dee2e6 #dee2e6 #fff;color:#495057}.nav-tabs .nav-link:hover:not(.active){border-color:#e9ecef #e9ecef #dee2e6}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.col{flex:1 1}.col,.col-6{padding:0 .5rem}.col-6{flex:0 0 50%}.col-4{flex:0 0 33.333%}.col-3,.col-4{padding:0 .5rem}.col-3{flex:0 0 25%}@media(max-width:768px){.app-body{flex-direction:column}.col,.col-3,.col-4,.col-6{flex:0 0 100%;margin-bottom:1rem}.modal{margin:1rem;width:95%}.table-responsive{font-size:.9rem}}.message{border-radius:5px;font-weight:500;margin:1rem 0;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.loading-fullscreen{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-fullscreen .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:1rem;width:40px}.loading-fullscreen p{color:#666;font-size:1.1rem}.loading{color:#666;padding:2rem;text-align:center}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";display:inline-block;height:20px;margin-right:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-audit{background:#6f42c1;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.btn-audit:hover:not(:disabled){background:#5e32a8}.btn-audit:disabled{background:#ccc;cursor:not-allowed}
/*# sourceMappingURL=main.10395abc.css.map*/