:root{--primary-red: #C1272D;--primary-green: #006233;--primary-blue: #0066CC;--gold: #D4AF37;--dark: #0A2540;--light: #F5F7FA;--white: #FFFFFF;--gray-100: #F8F9FA;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-600: #6C757D;--gray-800: #343A40;--success: #00A86B;--warning: #FF9500;--error: #FF3B30;--info: #17A2B8;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);color:var(--dark);min-height:100vh;direction:rtl}.header{background:linear-gradient(135deg,var(--dark) 0%,#1A365D 100%);color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg);position:relative}.header:before{content:"النظام الوطني للوفاء";position:absolute;font-size:120px;opacity:.03;white-space:nowrap;z-index:0;top:50%;right:0;transform:translateY(-50%);font-weight:900}.header-left,.header-right{display:flex;align-items:center;gap:20px;z-index:1}.logo{display:flex;align-items:center;gap:15px}.logo-icon{width:60px;height:60px;background:var(--primary-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:700;box-shadow:0 4px 15px #c1272d4d}.logo-text h1{font-size:24px;font-weight:700;margin-bottom:5px;background:linear-gradient(90deg,#FFD700,#FFFFFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text p{font-size:14px;opacity:.9}.language-selector{display:flex;gap:5px;background:rgba(255,255,255,.1);padding:5px;border-radius:var(--radius-sm)}.lang-btn{padding:8px 16px;border:none;background:transparent;color:#fff;border-radius:6px;cursor:pointer;transition:var(--transition);font-weight:500}.lang-btn.active{background:white;color:var(--primary-blue)}.lang-btn:hover:not(.active){background:rgba(255,255,255,.2)}.user-info{display:flex;align-items:center;gap:10px;padding:10px 15px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm)}.user-avatar{width:40px;height:40px;background:var(--primary-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user-name{font-weight:500}.qr-section{background:white;padding:20px;margin:20px auto;max-width:1200px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.qr-container{text-align:center}.qr-code{width:200px;height:200px;margin:0 auto 10px;background:var(--light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:2px dashed var(--gray-300)}.qr-placeholder{color:var(--gray-600);text-align:center}.qr-placeholder i{font-size:60px;margin-bottom:10px;color:var(--primary-blue)}.qr-placeholder p{font-weight:500;margin-bottom:5px}.qr-placeholder small{font-size:12px;opacity:.7}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;max-width:1400px;margin:30px auto;padding:0 20px}.card{background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:25px;transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--gray-200)}.card-header h3{display:flex;align-items:center;gap:10px;color:var(--dark);font-size:18px}.balance-card{grid-column:1 / -1;background:linear-gradient(135deg,var(--primary-blue) 0%,#004C99 100%);color:#fff;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.1}.balance-amount{font-size:64px;font-weight:900;margin:20px 0;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.2)}.currency{font-size:32px;opacity:.9;margin-right:10px}.balance-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:30px}.detail-item{display:flex;justify-content:space-between;padding:15px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm)}.detail-item .label{opacity:.9}.detail-item .value{font-weight:600}.detail-item .value.highlight{color:var(--gold)}.devises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:30px}.devise-item{background:var(--gray-100);padding:15px;border-radius:var(--radius-sm);text-align:center;border:2px solid transparent;cursor:pointer;transition:var(--transition)}.devise-item:hover{border-color:var(--primary-blue);transform:translateY(-3px)}.devise-item.active{border-color:var(--primary-green);background:linear-gradient(135deg,#e6f7f0 0%,#d4f0e8 100%)}.devise-symbol{font-size:24px;margin-bottom:10px}.devise-code{font-weight:600;color:var(--dark);margin-bottom:5px}.devise-rate{color:var(--gray-600);font-size:14px}.converter{display:flex;align-items:center;gap:20px;margin-top:30px;padding:20px;background:var(--gray-100);border-radius:var(--radius-md)}.converter-input,.converter-output{flex:1;display:flex;gap:10px}.converter-input input,.converter-output select{padding:12px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-size:16px}.converter-input input{flex:2}.converter-input select,.converter-output select{flex:1}.converter-arrow{font-size:24px;color:var(--primary-blue)}.converter-output #convertedAmount{flex:2;background:white;padding:12px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-size:16px;font-weight:600}.banques-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.banque-item{background:var(--gray-100);padding:20px;border-radius:var(--radius-sm);text-align:center;border:2px solid transparent;cursor:pointer;transition:var(--transition);position:relative}.banque-item:hover{border-color:var(--primary-blue);transform:translateY(-3px)}.banque-item.selected{border-color:var(--primary-green);background:linear-gradient(135deg,#e6f7f0 0%,#d4f0e8 100%)}.banque-icon{font-size:32px;margin-bottom:10px;color:var(--primary-blue)}.banque-name{font-weight:600;margin-bottom:5px}.banque-type{font-size:12px;color:var(--gray-600);background:var(--gray-200);padding:2px 8px;border-radius:10px;display:inline-block}.banque-remove{position:absolute;top:5px;left:5px;background:var(--error);color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;opacity:0;transition:var(--transition)}.banque-item:hover .banque-remove{opacity:1}.banque-personnalisee{margin-top:20px;padding:20px;background:var(--gray-100);border-radius:var(--radius-md);display:flex;gap:10px}.banque-personnalisee input{flex:1;padding:12px;border:2px solid var(--primary-blue);border-radius:var(--radius-sm)}.banque-personnalisee button{padding:12px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.banque-personnalisee button:first-of-type{background:var(--primary-green);color:#fff}.banque-personnalisee button.btn-cancel{background:var(--gray-300);color:var(--dark)}.bot-status{display:flex;align-items:center;gap:5px;font-size:14px}.bot-status.online i{color:var(--success)}.bot-status.offline i{color:var(--error)}.chat-container{margin-top:20px}.chat-messages{height:300px;overflow-y:auto;padding:15px;background:var(--gray-100);border-radius:var(--radius-md);margin-bottom:20px}.message{display:flex;gap:15px;margin-bottom:20px}.message .avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.message.bot .avatar{background:var(--primary-green)}.message .content{flex:1}.message .text{background:white;padding:15px;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.message.bot .text{background:var(--primary-green);color:#fff;border:none}.message .time{font-size:12px;color:var(--gray-600);margin-top:5px;text-align:left}.chat-input{display:flex;gap:10px;margin-bottom:20px}.chat-input input{flex:1;padding:15px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-size:16px}.chat-input input:focus{outline:none;border-color:var(--primary-blue)}.chat-input button{padding:0 30px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:var(--transition)}.chat-input button:hover{background:#0052a3}.quick-commands{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.cmd-btn{padding:12px;background:var(--gray-100);border:2px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.cmd-btn:hover{background:var(--gray-200);border-color:var(--primary-blue)}.certificat-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{font-weight:600;color:var(--dark)}.option-group select,.option-group input{padding:12px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-size:16px}.certificat-actions{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary,.btn-tertiary{padding:15px 30px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:10px;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,#004C20 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#004C20 0%,var(--primary-green) 100%);transform:translateY(-3px);box-shadow:0 6px 20px #006a334d}.btn-secondary{background:var(--primary-blue);color:#fff}.btn-secondary:hover{background:#0052a3;transform:translateY(-3px)}.btn-tertiary{background:var(--gray-200);color:var(--dark)}.btn-tertiary:hover{background:var(--gray-300);transform:translateY(-3px)}.archives-filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.archives-filters input,.archives-filters select{padding:12px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-size:16px;min-width:150px}.archives-filters input[type=text]{flex:1}.archives-list{max-height:400px;overflow-y:auto}.archive-item{background:var(--gray-100);padding:20px;margin-bottom:10px;border-radius:var(--radius-md);border-left:4px solid var(--primary-green);transition:var(--transition)}.archive-item:hover{background:var(--gray-200);transform:translate(-5px)}.archive-header{display:flex;justify-content:space-between;margin-bottom:10px}.archive-title{font-weight:600;color:var(--dark)}.archive-date{font-size:14px;color:var(--gray-600)}.archive-details{display:flex;gap:20px;font-size:14px;color:var(--gray-600)}.archive-actions{display:flex;gap:10px;margin-top:15px}.footer{background:var(--dark);color:#fff;padding:40px 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto}.footer-section h4{color:var(--gold);margin-bottom:20px;font-size:18px}.footer-section p{margin-bottom:10px;opacity:.8}.footer-section a{display:block;color:#fff;text-decoration:none;margin-bottom:10px;opacity:.8;transition:var(--transition)}.footer-section a:hover{opacity:1;color:var(--gold)}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{opacity:.7;margin-bottom:10px}.version{font-size:14px;color:var(--gray-300)}.modal{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:white;border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:2px solid var(--gray-200);background:var(--primary-green);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h3{font-size:24px}.modal-close{background:none;border:none;color:#fff;font-size:30px;cursor:pointer;line-height:1}.modal-body{padding:30px}.modal-footer{padding:25px;border-top:1px solid var(--gray-200);display:flex;gap:15px;justify-content:flex-end}.modal-footer button{padding:12px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:10px}.modal-footer button:first-child{background:var(--primary-green);color:#fff}.modal-footer button:nth-child(2){background:var(--primary-blue);color:#fff}.modal-footer button:last-child{background:var(--gray-300);color:var(--dark)}@media (max-width: 768px){.header{flex-direction:column;gap:20px;text-align:center}.dashboard{grid-template-columns:1fr}.converter,.certificat-actions{flex-direction:column}.banques-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.devises-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.balance-amount{font-size:48px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-800)}.inscription-container{background:linear-gradient(135deg,#0a2540 0%,#1a365d 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}.inscription-card{background:white;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;border:3px solid #006233}.inscription-header{text-align:center;margin-bottom:30px}.inscription-header h1{color:#006233;font-size:32px;margin-bottom:10px}.inscription-header h2{color:#c1272d;font-size:20px;margin-bottom:10px}.inscription-header p{color:#666;font-size:14px}.inscription-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.form-group input,.form-group select{width:100%;padding:15px;border:2px solid #ddd;border-radius:10px;font-size:16px;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#006233;box-shadow:0 0 0 3px #0062331a}.language-selection{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:10px}.language-selection span{display:block;margin-bottom:10px;font-weight:600;color:#333}.lang-buttons{display:flex;gap:10px}.lang-buttons .lang-btn{flex:1;padding:12px;border:2px solid #ddd;background:white;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.lang-buttons .lang-btn.active{background:#006233;color:#fff;border-color:#006233}.lang-buttons .lang-btn:hover:not(.active){border-color:#006233;background:#f0f9f0}.terms{margin:20px 0;display:flex;align-items:flex-start;gap:10px}.terms input{margin-top:5px}.terms label{font-size:14px;color:#666}.terms a{color:#006233;text-decoration:none}.terms a:hover{text-decoration:underline}.btn-inscription{width:100%;padding:18px;background:linear-gradient(135deg,#006233 0%,#00a86b 100%);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 6px 20px #0062334d}.btn-inscription:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00623366}.inscription-footer{margin-top:30px;text-align:center;font-size:12px;color:#888;border-top:1px solid #eee;padding-top:20px}.qr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qr-actions{display:flex;gap:10px}.btn-qr{padding:10px 20px;border:2px solid #006233;background:white;color:#006233;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-qr:hover{background:#006233;color:#fff}.btn-qr.btn-scan{background:#c1272d;border-color:#c1272d;color:#fff}.btn-qr.btn-scan:hover{background:#a02025;border-color:#a02025}.qr-display{background:white;padding:30px;border-radius:15px;text-align:center;margin-bottom:20px;border:2px dashed #006233}.qr-code-display{width:200px;height:200px;margin:0 auto 20px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:60px;color:#006233}.qr-info p{font-weight:600;margin-bottom:5px;font-size:14px;color:#333}.qr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stat{background:#f8f9fa;padding:15px;border-radius:10px;text-align:center;border:1px solid #e9ecef}.stat i{font-size:24px;color:#006233;margin-bottom:10px;display:block}.stat span{font-size:14px;color:#666}.stat strong{color:#333;font-size:16px}.balance-timer{display:flex;justify-content:space-between;margin:20px 0;padding:15px;background:rgba(255,255,255,.1);border-radius:10px}.timer-display,.earnings-display{display:flex;align-items:center;gap:10px;color:#fff}.timer-display i,.earnings-display i{font-size:20px;color:gold}.production-indicator{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.2);padding:8px 15px;border-radius:20px;color:#00ff41;font-size:14px}.regime-toggle{display:flex;gap:10px}.regime-btn{padding:8px 16px;border:2px solid #666;background:transparent;color:#666;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.regime-btn.active{border-color:#00ff41;background:rgba(0,255,65,.1);color:#00ff41}.scanner-modal{max-width:400px}.scanner-view{text-align:center;padding:30px}.scanner-animation{width:250px;height:250px;margin:0 auto 20px;position:relative;border:3px solid #00ff41;border-radius:15px;overflow:hidden}.laser{position:absolute;width:100%;height:3px;background:#00ff41;top:50%;animation:scan 2s linear infinite;box-shadow:0 0 10px #00ff41}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.scanner-result{text-align:center;padding:30px}.success-animation{font-size:60px;color:#00a86b;margin-bottom:20px}.btn-simulate{background:linear-gradient(135deg,#00ff41 0%,#00a86b 100%);color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;margin:0 auto}#sessionTimer{font-size:12px;color:#888;margin-top:10px}#currentTimer{color:#00ff41;font-weight:600}@media (max-width: 768px){.inscription-card{padding:20px}.qr-stats{grid-template-columns:1fr}.balance-timer{flex-direction:column;gap:15px}.lang-buttons{flex-direction:column}}