@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--palette-white:#fff;--palette-cream:#f7f5f0;--palette-gold:#efa752;--palette-amber:#de7a22;--palette-vermilion:#e04627;--palette-vermilion-hover:#c9361a;--palette-wine:#6e1a16;--palette-wine-dark:#52110e;--bg-main:#f7f5f0;--bg-surface:#fff;--bg-surface-elevated:#efebe4;--bg-surface-hover:#e7e2d8;--bg-surface-active:#ded7cb;--border-subtle:#e8e3da;--border-medium:#dcd5c9;--border-strong:#c4baab;--border-focus:#e04627;--border-glass:#0000000f;--primary:#e04627;--primary-hover:#c9361a;--primary-surface:#fdf2ee;--primary-border:#f8d3c6;--accent:#de7a22;--accent-hover:#c46716;--accent-surface:#fcf4eb;--accent-border:#f5dec6;--gold:#efa752;--gold-surface:#fef8ef;--gold-border:#fce6c7;--wine:#6e1a16;--wine-surface:#fbf0f0;--wine-border:#ecc9c7;--text-main:#1c1917;--text-muted:#615750;--text-dim:#948a80;--text-inverse:#fff;--success:#15803d;--success-surface:#f0fdf4;--success-border:#bbf7d0;--warning:#b45309;--warning-surface:#fffbeb;--warning-border:#fde68a;--danger:#b91c1c;--danger-surface:#fef2f2;--danger-border:#fecaca;--info:#1d4ed8;--info-surface:#eff6ff;--info-border:#bfdbfe;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:8px;--font-ar:"Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-en:"Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 3px #1c19170a, 0 1px 2px #1c191705;--shadow-md:0 4px 12px #1c19170d, 0 2px 4px #1c191708;--shadow-lg:0 8px 24px #1c191712, 0 3px 8px #1c191708}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:.92rem;line-height:1.6;overflow-x:hidden;font-family:Cairo,sans-serif!important}body[dir=ltr],button,input,select,textarea{font-family:Cairo,sans-serif!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background:#dcd5c9}::-webkit-scrollbar-thumb:hover{background:#c4baab}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .15s;position:relative}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:1.25rem;transition:all .15s}.glass-card:hover{border-color:var(--border-medium);background:var(--bg-surface);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;font-family:Cairo,sans-serif!important}.btn:active{transform:scale(.98)}.btn-primary{background:var(--palette-vermilion);color:#fff;border:1px solid var(--palette-vermilion);box-shadow:0 2px 6px #e0462733}.btn-primary:hover{background:var(--palette-vermilion-hover);border-color:var(--palette-vermilion-hover);color:#fff;box-shadow:0 3px 8px #e046274d}.btn-wine{background:var(--palette-wine);color:#fff;border:1px solid var(--palette-wine)}.btn-wine:hover{background:var(--palette-wine-dark);border-color:var(--palette-wine-dark)}.btn-gold{background:var(--palette-amber);color:#fff;border:1px solid var(--palette-amber)}.btn-gold:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--border-strong);color:var(--text-main)}.btn-danger{background:var(--danger-surface);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}.form-group{margin-bottom:1.15rem}.form-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.84rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-main);outline:none;padding:.65rem .95rem;font-size:.88rem;transition:all .15s;box-shadow:inset 0 1px 2px #00000005;font-family:Cairo,sans-serif!important}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--palette-vermilion);background:#fff;box-shadow:0 0 0 2px #e0462726}.badge{border-radius:var(--radius-xs);align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.badge-primary{background:var(--primary-surface);color:var(--palette-vermilion);border:1px solid var(--primary-border)}.badge-gold{background:var(--accent-surface);color:var(--palette-amber);border:1px solid var(--accent-border)}.badge-wine{background:var(--wine-surface);color:var(--palette-wine);border:1px solid var(--wine-border)}.badge-success{background:var(--success-surface);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-surface);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-surface);color:var(--danger);border:1px solid var(--danger-border)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1c191780;justify-content:center;align-items:center;padding:1.25rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);padding:1.75rem;animation:.15s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}@media (width<=1024px){.desktop-only{display:none!important}#mobile-nav-toggle{display:inline-flex!important}.sidebar-nav{top:52px;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #1c191726;position:fixed!important}.sidebar-nav.mobile-open{transform:translate(0)!important}}@media (width<=768px){body{font-size:.86rem}.app-main-content{max-height:calc(100vh - 52px)!important;padding:.5rem!important}.glass-panel{border-radius:var(--radius-sm);padding:.85rem!important}.modal-content{border-radius:var(--radius-md);padding:1rem}.btn{padding:.4rem .85rem;font-size:.8rem}.hide-on-mobile{display:none!important}}#qr-reader-viewport{border-radius:var(--radius-md)!important;border:none!important;width:100%!important;height:100%!important;min-height:180px!important}#qr-reader-viewport video{object-fit:cover!important;border-radius:var(--radius-md)!important;width:100%!important;height:100%!important;min-height:180px!important}#qr-reader-viewport img[alt=Info\ icon],#qr-reader-viewport span{display:none!important}@keyframes scannerLaser{0%{opacity:.8;top:10%}50%{opacity:1;top:85%}to{opacity:.8;top:10%}}.secure-form{background:var(--bg-main,#fff);border:1px solid var(--border-subtle,#ddd);width:min(100% - 2rem,560px);color:var(--text-main,#171717);border-radius:16px;margin:2rem auto;padding:1.5rem}.secure-form label{margin:1rem 0;display:block}.secure-form input,.secure-form select{width:100%;margin-top:.4rem;display:block}.secure-form input[type=checkbox]{width:auto;display:inline}.secure-form button{margin:.4rem}.secure-form [role=alert],[role=alert]{color:#b91c1c}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.plan-grid .card{border:1px solid #ccc;border-radius:12px;padding:1rem}