.navbar{width:var(--navbar-width);color:#f9fafb;box-sizing:border-box;background:radial-gradient(circle at 0 0,#4c3073 0%,#2d1b4e 32%,#120626 80%);border:1px solid #ffffff1f;border-radius:22px;justify-content:center;height:100%;min-height:100vh;margin:.75rem;padding:1.25rem .9rem;transition:width .35s,transform .35s,background .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:0 18px 40px #000c}.navbar-inner{flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;height:100%;display:flex}.navbar-top{flex-direction:column;gap:1rem;width:100%;display:flex}.navbar-top-row{align-items:center;margin-bottom:.25rem;display:flex}.navbar-brand{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#e5e7eb;flex:1;font-size:.9rem;font-weight:600}.navbar-header{align-items:center;gap:.75rem;width:100%;display:flex}.navbar-header-text{opacity:0;flex-direction:column;max-width:0;transition:opacity .2s,max-width .2s;display:flex;overflow:hidden}.navbar-header-name{color:#f9fafb;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.navbar-header-subtitle{color:#d1d5db;font-size:.8rem}.navbar-avatar{color:#fff;cursor:pointer;background:radial-gradient(circle at 30% 0,#6d4496 0%,#4c3073 45%,#120626 100%);border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 10px 25px #0000008c}.navbar-avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.navbar-avatar:hover{border-color:#ffffff52;transform:translateY(-2px)scale(1.02);box-shadow:0 14px 32px #000c}.navbar-avatar-initial{letter-spacing:.04em;font-size:1.1rem}.navbar-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.navbar-section-main{flex:1}.navbar-section-user{width:100%}.navbar-section-bottom{border-top:1px solid #ffffff29;padding-top:1rem}.navbar-divider{background:#ffffff2e;border-radius:999px;width:100%;height:1px}.navbar-search-label{opacity:.9;font-size:12px}.navbar-search-input{color:#fff;background:#1a0f2e;border:1px solid #5a3d8a;border-radius:6px;outline:none;width:100%;padding:.5rem}.nav-icon-button{cursor:pointer;color:#e5e7eb;background:0 0;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s,color .2s;display:flex;position:relative}.nav-icon{justify-content:center;align-items:center;display:flex}.nav-icon-button svg{width:20px;height:20px}.nav-icon-button:hover{color:#f9fafb;background:#18181b;border-color:#3f3f46;transform:translateY(-1px);box-shadow:0 10px 26px #000000bf}.nav-icon-button-danger:hover{background:#ef4444e6}.nav-tooltip{white-space:nowrap;color:#f9fafb;opacity:0;pointer-events:none;transform-origin:0;background:#18181b;border:1px solid #ffffff14;border-radius:999px;padding:.35rem .65rem;font-size:12px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 14px 35px #000000d9}.nav-icon-button:hover .nav-tooltip{opacity:1;transform:translate(6px,-50%)}.navbar.open .navbar-inner{align-items:stretch;gap:1.5rem}.navbar.open .navbar-section{align-items:stretch}.navbar.closed .navbar-header{justify-content:center;gap:0}.navbar.open .navbar-header-text{opacity:1;max-width:180px}.navbar.closed .navbar-header-text{display:none}.navbar.open .nav-icon-button{justify-content:flex-start;gap:.75rem;width:100%;padding:0 .75rem}.navbar.closed .navbar-brand{display:none}.navbar.closed .navbar-top-row{justify-content:center}.nav-label{opacity:0;white-space:nowrap;color:#e5e7eb;max-width:0;font-size:.95rem;font-weight:500;transition:opacity .2s,max-width .2s;overflow:hidden}.navbar.open .nav-label{opacity:1;max-width:180px}.navbar.open .nav-tooltip{display:none}.popup-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-container{color:#f9fafb;background:radial-gradient(circle at 0 0,#4c3073 0%,#2d1b4e 32%,#120626 80%);border:1px solid #ffffff29;border-radius:18px;width:90%;max-width:420px;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 22px 60px #000000d9}.popup-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.popup-title{letter-spacing:.06em;text-transform:uppercase;color:#e5e7eb;margin:0;font-size:1.1rem;font-weight:600}.popup-close{color:#e5e7eb;cursor:pointer;background:#111827d9;border:1px solid #9477ddd9;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s;display:flex}.popup-close:hover{background:#4c3073fa;border-color:#ec4899e6;transform:translateY(-1px);box-shadow:0 10px 28px #000000e6}.popup-input-group{margin-bottom:1rem}.popup-label{margin-bottom:.5rem;font-size:14px;display:block}.popup-input{color:#fff;box-sizing:border-box;background:#1a0f2e;border:1px solid #5a3d8a;border-radius:6px;outline:none;width:100%;padding:.75rem}.popup-primary-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;width:100%;margin-bottom:1rem;padding:.75rem;font-weight:600;transition:all .3s}.popup-primary-button:hover{background:#a78bfa;transform:scale(1.02)}.popup-primary-button:disabled{cursor:not-allowed;background:#4c3073;transform:scale(1)}.popup-secondary-button{color:#c4b5fd;cursor:pointer;background:0 0;border:1px solid #6d4496;border-radius:6px;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .3s}.popup-secondary-button:hover{background:#4c3073;border-color:#7c3aed;transform:scale(1.02)}.popup-info-text{color:#c4b5fd;margin-bottom:1rem;font-size:14px}.cart-popup-container{color:#fff;background:#2d1b4e;border:1px solid #5a3d8a;border-radius:8px;width:90%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto}.cart-title{margin:0 0 1.5rem;font-size:1.5rem}.cart-empty{text-align:center;color:#c4b5fd;padding:2rem 0}.ticket-item{background:#4c3073;border:1px solid #6d4496;border-radius:8px;margin-bottom:1rem;padding:1rem}.ticket-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.ticket-event-name{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.ticket-price{color:#10b981;font-size:1.1rem;font-weight:600}.ticket-details{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.ticket-detail{color:#c4b5fd;font-size:.875rem}.ticket-detail strong{color:#fff}.ticket-actions{justify-content:flex-end;gap:.5rem;display:flex}.ticket-action-button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.ticket-action-remove{color:#fff;background:#ef4444}.ticket-action-remove:hover{background:#dc2626;transform:scale(1.05)}.ticket-action-download{color:#fff;background:#7c3aed}.ticket-action-download:hover{background:#a78bfa;transform:scale(1.05)}.cart-total{border-top:1px solid #6d4496;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:1.1rem;font-weight:600;display:flex}.cart-actions{gap:1rem;margin-top:1.5rem;display:flex}.cart-checkout-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;flex:2;padding:.75rem;font-weight:600;transition:all .3s}.cart-checkout-button:hover{background:#059669;transform:scale(1.02)}.cart-close-button{color:#c4b5fd;cursor:pointer;background:0 0;border:1px solid #6d4496;border-radius:6px;flex:1;padding:.75rem;font-weight:600;transition:all .3s}.cart-close-button:hover{background:#4c3073;border-color:#7c3aed;transform:scale(1.02)}@keyframes flowIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flowOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(-20px)}}.popup-container{animation:.3s ease-out flowIn}.popup-container.closing{animation:.3s ease-in forwards flowOut}.cart-popup-container{animation:.3s ease-out flowIn}.cart-popup-container.closing{animation:.3s ease-in forwards flowOut}.navbar.closed,.navbar.open{transform:translate(0)}.navbar-toggle{cursor:pointer;background:#4c3073;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.navbar-toggle svg{width:24px;height:24px}.content-column{flex:1;padding:1rem;transition:margin-left .35s}.main.nav-open .content-column,.main.nav-closed .content-column{margin-left:var(--navbar-width)}