:root{--onb-primary: #000000;--onb-primary-soft: #f8f9fa;--onb-secondary: #000000;--onb-bg: #f5f6f9;--onb-dark: #0f172a;--onb-muted: #6b7280;--onb-border: #e5e7eb}.onb-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,#e0edff 0,#f9fafb 40%,#f3f4f6);color:var(--onb-dark)}.onb-header{padding:.7rem 1.5rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid var(--onb-border);box-shadow:0 12px 40px #0f172a0f;position:sticky;top:0;z-index:10}.onb-main{flex:1;padding:0 0 2.5rem}.onb-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem}.onb-main>.onb-wrapper{padding-top:.5rem}.onb-card{border-radius:1.5rem;border:1px solid var(--onb-border);background:#fffffff5;box-shadow:0 26px 80px #0f172a1f;padding:1.5rem 1.5rem 1.2rem}.onb-brand-pill{display:flex;align-items:center;gap:.6rem}.onb-brand-logo{height:65px;width:auto;display:block}.onb-stepper{display:flex;gap:1rem;flex-wrap:wrap}.onb-step-pill{display:flex;align-items:center;gap:.6rem;padding:.35rem .9rem;border-radius:999px;border:1px dashed #cbd5e1;background:#f9fafb;font-size:.78rem;color:var(--onb-muted);cursor:default;transition:all .2s ease}.onb-step-index{width:22px;height:22px;border-radius:999px;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:#fff}.onb-step-pill.active{border-style:solid;border-color:var(--onb-primary);background:var(--onb-primary-soft);color:var(--onb-dark)}.onb-step-pill.active .onb-step-index{border-color:transparent;background:linear-gradient(135deg,var(--onb-primary),var(--onb-secondary));color:#fff}.onb-step-pill.done{border-color:#22c55e;background:#ecfdf3;color:#15803d}.onb-step-pill.done .onb-step-index{border-color:transparent;background:#22c55e;color:#ecfdf3}.onb-step-pill-muted{opacity:.6}.onb-section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--onb-muted)}.onb-section-title{font-size:1.4rem;font-weight:700}.onb-view{display:none}.onb-view.active{display:block}.onb-field-card{border-radius:1.1rem;border:1px solid var(--onb-border);background:#f9fafb;padding:1rem}.onb-plan-card{border-radius:1.05rem;border:1px solid #e5e7eb;background:#fff;padding:1rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;position:relative}.onb-plan-card:hover{border-color:var(--onb-primary);box-shadow:0 14px 40px #0f172a1f;transform:translateY(-1px)}.onb-plan-card.selected{border-color:var(--onb-primary);box-shadow:0 18px 55px #2563eb40}.onb-plan-tag{font-size:.7rem;border-radius:999px;padding:.15rem .55rem;background:#e0f2fe;color:#1d4ed8}.onb-plan-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;background:#22c55e;color:#ecfdf3;display:flex;align-items:center;justify-content:center;font-size:.9rem}.onb-plan-card-large{min-height:120px;padding:1.25rem;display:flex;flex-direction:row;gap:1.25rem;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1}.onb-plan-card-large:hover{transform:translateY(-2px);box-shadow:0 16px 50px #0f172a26}.onb-plan-card-large.selected{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#22c55e;box-shadow:0 20px 60px #22c55e59;border-width:2px}.onb-plan-card-large.dimmed{opacity:.4;transform:scale(.98)}.onb-plan-card-large.dimmed:hover{opacity:.6;transform:scale(.99)}.onb-plan-content{flex:1;display:flex;flex-direction:column}.onb-plan-content ul{flex:1;margin-bottom:0}.onb-plan-content ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onb-plan-icon-area{width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.onb-plan-card-large.selected .onb-plan-icon-area{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e66,0 4px 12px #22c55e4d;animation:iconPulse .6s cubic-bezier(.4,0,.2,1)}.onb-plan-icon-area i{font-size:3rem;color:#6b7280;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.onb-plan-card-large.selected .onb-plan-icon-area i{color:#fff;animation:iconBounce .6s cubic-bezier(.4,0,.2,1);transform:scale(1.05)}.onb-plans-scroll-wrapper{position:relative}.onb-plans-scroll-container{max-height:380px;overflow-y:auto;overflow-x:hidden;padding:.75rem .75rem 1rem;margin:-.75rem -.75rem 0}.onb-scroll-indicator{position:absolute;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--onb-primary) 0%,var(--onb-secondary) 100%);border-radius:50%;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px #0006;z-index:10;pointer-events:none;animation:scrollPulse 2s ease-in-out infinite}.onb-scroll-indicator-top{top:-8px}.onb-scroll-indicator-bottom{bottom:-8px}.onb-scroll-indicator i{animation:scrollBounce 1.5s ease-in-out infinite}@keyframes scrollPulse{0%,to{box-shadow:0 4px 12px #6366f166}50%{box-shadow:0 6px 20px #6366f199}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.onb-plans-scroll-container::-webkit-scrollbar{width:6px}.onb-plans-scroll-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.onb-plans-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;transition:background .2s ease}.onb-plans-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes iconBounce{0%,to{transform:scale(1.05) translateY(0)}50%{transform:scale(1.1) translateY(-6px)}}.onb-payment-method-card{border-radius:1rem;border:1px solid #e5e7eb;background:#f9fafb;padding:.9rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.onb-payment-method-card input{cursor:pointer}.onb-payment-method-card.selected{border-color:var(--onb-primary);background:#f8f9ff}.onb-payment-method-icon{width:32px;height:32px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.onb-fake-card{border-radius:1rem;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e5e7eb;position:relative;overflow:hidden}.onb-fake-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0 0,rgba(255,255,255,.16),transparent 60%);mix-blend-mode:screen}.onb-fake-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.onb-fake-card-number{font-size:1.02rem;letter-spacing:.18em}.onb-qr-placeholder{border-radius:.8rem;border:1px dashed #cbd5e1;background:#f9fafb;height:120px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--onb-muted)}.onb-meta-account-card{border-radius:1rem;border:1px solid #e5e7eb;padding:.8rem .9rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.onb-meta-account-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#f97316,#ec4899);flex-shrink:0}.onb-meta-account-card.selected{border-color:var(--onb-primary);background:#f8f9ff}.onb-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.55rem;padding-top:.75rem;border-top:1px solid #e5e7eb;font-size:.78rem;color:var(--onb-muted)}.onb-btn-pill{border-radius:999px}.btn-back-simple{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:transparent;color:#6c757d;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back-simple:hover{background:#f8f9fa;color:#6c757d!important;border-color:#adb5bd}.btn-back-simple i{transition:transform .2s ease}.btn-back-simple:hover i{transform:translate(-2px)}.onb-btn-continue{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem .875rem 1.75rem;background:linear-gradient(135deg,#000,#000);color:#fff;border:none;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0006;overflow:hidden}.onb-btn-continue:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.onb-btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.onb-btn-continue:hover:before{opacity:1}.onb-btn-continue:active{transform:translateY(0);box-shadow:0 4px 14px #6366f166}.onb-btn-continue-text{position:relative;z-index:1}.onb-btn-continue-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.onb-btn-continue:hover .onb-btn-continue-icon{background:#ffffff4d;transform:translate(4px)}.onb-btn-continue-icon i{font-size:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.onb-btn-continue:hover .onb-btn-continue-icon i{transform:translate(2px)}@media(max-width:991.98px){.onb-brand-logo{height:65px}}@media(max-width:767.98px){.onb-card{padding:1.1rem 1rem}.onb-stepper{gap:.6rem}.onb-step-pill{padding:.3rem .6rem}.onb-brand-logo{height:65px}.onb-plan-card-large{flex-direction:column;gap:1rem;padding:1.25rem}.onb-plan-icon-area{width:80px;height:80px;align-self:center}.onb-plan-icon-area i{font-size:2.5rem}.onb-plans-scroll-container{max-height:450px}}@media(max-width:575.98px){.onb-brand-logo{height:40px}.onb-main{padding:1.5rem 0 2rem}.onb-section-title{font-size:1.2rem}}:root{--admin-primary: #7c3aed;--admin-primary-soft: #f5f3ff;--admin-primary-gradient: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);--admin-secondary: #e5e7eb;--admin-bg: #f5f6f9;--admin-card-bg: #ffffff;--admin-border: #e5e7eb;--admin-muted: #6b7280;--admin-dark: #0f172a;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-danger: #ef4444;--admin-info: #3b82f6}body{background:var(--admin-bg);color:var(--admin-dark)}.admin-wrapper{min-height:100vh;display:flex;overflow-x:hidden}.admin-sidebar{width:260px;background:linear-gradient(180deg,#1e1b4b,#312e81);color:#e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0;box-shadow:2px 0 10px #0000001a;z-index:1000}.admin-sidebar-header{padding:1.5rem 1.2rem 1rem;border-bottom:1px solid rgba(167,139,250,.2);display:flex;align-items:center;gap:.8rem}.admin-sidebar-logo{display:flex;align-items:center;justify-content:center}.admin-sidebar-logo-svg{height:70px;width:auto;display:block}.admin-sidebar-title{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.2}.admin-sidebar-subtitle{font-size:.75rem;color:#a78bfa;text-transform:uppercase;letter-spacing:.05em}.admin-sidebar-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#a78bfa;padding:1rem 1.2rem .4rem;font-weight:600}.admin-nav-side{list-style:none;margin:0;padding:0}.admin-nav-side-btn{width:calc(100% - 1.4rem);border:0;background:transparent;color:#e5e7eb;text-align:left;padding:.65rem 1.2rem;display:flex;align-items:center;gap:.65rem;font-size:.85rem;cursor:pointer;border-radius:.7rem;margin:.15rem .7rem;text-decoration:none;transition:all .2s ease}.admin-nav-side-btn i{font-size:1.1rem;width:20px;text-align:center}.admin-nav-side-btn:hover{background:#a78bfa26;color:#fff;transform:translate(2px)}.admin-nav-side-btn.active{background:#a78bfa40;color:#fff;font-weight:600;box-shadow:0 2px 8px #7c3aed4d}.admin-sidebar-footer{margin-top:auto;padding:1rem 1.2rem;border-top:1px solid rgba(167,139,250,.2);font-size:.75rem;color:#a78bfa;text-align:center}.admin-btn-logout{width:100%;padding:.6rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fecaca;border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-btn-logout:hover{background:#ef44444d;border-color:#ef444480;color:#fff}.admin-main-area{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:260px}.admin-main-header{background:var(--admin-card-bg);border-bottom:1px solid var(--admin-border);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.admin-header-icon{width:48px;height:48px;background:var(--admin-primary-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--admin-primary);flex-shrink:0}.admin-breadcrumb-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--admin-muted);font-weight:600;margin-bottom:.25rem}.admin-main-title{font-size:1.75rem;font-weight:700;color:var(--admin-dark);margin:0}.admin-user-pill{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--admin-primary-soft);border-radius:.75rem;border:1px solid rgba(124,58,237,.2)}.admin-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.admin-user-name{font-size:.9rem;font-weight:600;color:var(--admin-dark);line-height:1.2}.admin-user-role{font-size:.75rem;color:var(--admin-primary);font-weight:500}.admin-main-content{flex:1;padding:2rem;overflow-y:auto}.admin-mobile-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--admin-primary);color:#fff;border:none;box-shadow:0 4px 12px #7c3aed66;cursor:pointer;z-index:1000;font-size:1.5rem;transition:all .3s ease}.admin-mobile-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #7c3aed80}.admin-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-mobile-overlay.show{display:block}.admin-card{background:var(--admin-card-bg);border-radius:.75rem;border:1px solid var(--admin-border);box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.admin-card:hover{box-shadow:0 4px 12px #00000014}.admin-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:space-between}.admin-card-title{font-size:1.1rem;font-weight:600;color:var(--admin-dark);margin:0}.admin-card-body{padding:1.5rem}.admin-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:600;line-height:1}.admin-badge-success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.admin-badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.admin-badge-danger{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.admin-badge-info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.admin-badge-primary{background:#7c3aed1a;color:#7c3aed;border:1px solid rgba(124,58,237,.2)}.admin-btn{padding:.65rem 1.25rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:var(--admin-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.admin-btn-secondary,.admin-btn-secondary:hover{background:var(--admin-secondary);color:#000}.admin-btn-success{background:#10b981;color:#fff}.admin-btn-success:hover{background:#059669;color:#fff!important}.admin-btn-warning{background:#f59e0b;color:#000}.admin-btn-warning:hover{background:#f59e0b;color:#000!important}.admin-btn-danger{background:#ef4444;color:#fff}.admin-btn-danger:hover{background:#dc2626;color:#fff!important}.admin-btn-sm{padding:.45rem .9rem;font-size:.85rem}.admin-btn-lg{padding:.85rem 1.75rem;font-size:1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--admin-primary-soft)}.admin-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--admin-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--admin-border)}.admin-table td{padding:1rem;border-bottom:1px solid var(--admin-border);font-size:.9rem;color:var(--admin-dark)}.admin-table tbody tr:hover{background:var(--admin-primary-soft)}.admin-form-group{margin-bottom:1.25rem}.admin-form-label{display:block;font-size:.9rem;font-weight:600;color:var(--admin-dark);margin-bottom:.5rem}.admin-form-label-required:after{content:"*";color:var(--admin-danger);margin-left:.25rem}.admin-form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--admin-border);border-radius:.5rem;font-size:.9rem;transition:all .2s ease}.admin-form-control:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #7c3aed1a}.admin-form-text{font-size:.8rem;color:var(--admin-muted);margin-top:.35rem}.admin-form-error{font-size:.8rem;color:var(--admin-danger);margin-top:.35rem}@media(max-width:991px){.admin-sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:1000;transition:left .3s ease}.admin-sidebar.show{left:0}.admin-main-area{margin-left:0}.admin-mobile-toggle{display:flex;align-items:center;justify-content:center}.admin-main-header{padding:1rem 1.25rem}.admin-main-title{font-size:1.35rem}.admin-user-pill{padding:.4rem .75rem}.admin-avatar{width:35px;height:35px;font-size:.8rem}.admin-user-name{font-size:.85rem}.admin-user-role{font-size:.7rem}.admin-main-content{padding:1.25rem}.admin-card-body{padding:1rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.75rem .5rem}}@media(max-width:575px){.admin-main-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-user-pill{width:100%;justify-content:center}.admin-main-content{padding:1rem}}.admin-wrapper a:not(.admin-btn):not(.btn),.admin-wrapper .clickable-text{color:var(--admin-primary);transition:color .2s ease}.admin-wrapper a:not(.admin-btn):not(.btn):hover,.admin-wrapper .clickable-text:hover{color:#6b7280}.admin-card a:not(.admin-btn):not(.btn){color:var(--admin-primary);text-decoration:none}.admin-card a:not(.admin-btn):not(.btn):hover{color:#6b7280;text-decoration:underline}.admin-card{border-radius:12px}.admin-btn{border-radius:8px}.environment-card,.modal-content{border-radius:12px}:root{--primary-color: #1877f2;--secondary-color: #42b883;--success-color: #00c851;--danger-color: #ff4444;--warning-color: #ffbb33;--info-color: #33b5e5;--dark-color: #212529;--light-color: #f8f9fa;--meta-blue: #1877f2;--meta-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#212529;background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-primary{background:var(--meta-gradient)}.text-meta{color:var(--meta-blue)}.bg-meta{background-color:var(--meta-blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.card{border-radius:12px;border:none;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.btn{border-radius:8px;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.btn-primary{background-color:var(--meta-blue);border-color:var(--meta-blue)}.btn-primary:hover{background-color:#1565d8;border-color:#1565d8;transform:translateY(-1px)}.form-control,.form-select{border-radius:8px;border:1px solid #dee2e6;padding:.625rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--meta-blue);box-shadow:0 0 0 .2rem #1877f226}.badge{border-radius:6px;font-weight:500;padding:.35em .65em}.sidebar{background:#fff;box-shadow:2px 0 8px #0000000d;min-height:100vh}.sidebar-link{color:#6c757d;padding:.75rem 1.25rem;border-radius:8px;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:.75rem}.sidebar-link:hover{background-color:#f8f9fa;color:var(--meta-blue)}.sidebar-link.active{background-color:#1877f21a;color:var(--meta-blue);font-weight:600}.table{border-radius:8px;overflow:hidden}.table thead th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;color:#6c757d}.spinner-border-sm{width:1rem;height:1rem;border-width:.15em}@media(max-width:768px){.sidebar{position:fixed;left:-100%;transition:left .3s ease;z-index:1050}.sidebar.show{left:0}}