.app{display:flex;min-height:100vh;background-color:#f5f5f5;padding:0 32px 128px}.pages{display:flex;flex-direction:row;width:100%;height:40px;gap:12px}.pages div{background-color:red;width:24px;height:24px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:pointer}.tickets-grid{display:flex;flex-wrap:wrap;gap:1rem;margin:-.5rem}:root{font-family:Open Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffffe}#root{font-family:Open Sans,sans-serif;flex:1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.login{min-height:100vh;flex-direction:column;display:flex}.background{position:absolute;top:0;right:0;height:100%;width:35vw;background-color:#ce3640;z-index:0}.background .bubble{width:26px;height:26px;border-radius:13px;position:relative;top:10%;right:0;border-width:1px;border:1px solid rgba(255,255,255,.5019607843)}.header{justify-self:flex-start;padding:24px;height:0}.body{z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex:1;padding:24px}.body .login-image{flex:1;display:flex;justify-content:center;align-items:center}.body .form{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.body .form .form-body{width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.body .form .form-body .form-group{display:flex;flex-direction:column;width:100%}.body .form .form-body .form-group label{display:block;margin-bottom:.5rem;font-size:20px;font-weight:600;color:#263a43}.body .form .form-body .form-group input{padding:.75rem;border:1px solid #b1b1b1;border-radius:6px;font-size:18px}.body .form .form-body .form-group input:focus{outline:none;border-color:#007bff}.body .form .form-body h1{text-align:center;margin-bottom:2rem;color:#000;font-weight:400}.body .form .form-body button{margin-top:20px;width:100%;background-color:#ce3640;color:#fff;border:none;border-radius:6px;font-size:20px;font-weight:700;line-height:160%;cursor:pointer;transition:background-color .2s}.body .form .form-body button:hover{background-color:#0056b3}.body .form .form-body button:active{background-color:#004085}.error-message{background-color:#fff3f3;color:#dc3545;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.tabs{width:100%;display:flex;flex:1;flex-direction:column;gap:1rem}.tabs .tabs-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;border-bottom:1px solid rgba(2,50,81,.3137254902)}.tabs .tabs-header .tabs-header-left{display:flex;gap:1rem;align-items:center}.tabs .tabs-header .tabs-header-left .tab{min-width:fit-content;height:fit-content;padding:0 8px;border:none;outline:none;cursor:pointer;transition-property:box-shadow font-weight;transition:all .2s;font-weight:400;color:#000}.tabs .tabs-header .tabs-header-left .tab:hover{box-shadow:0 2px #0000001a}.tabs .tabs-header .tabs-header-left .tab.active{font-weight:700}.tabs .tabs-header .logo{justify-self:center;align-self:center}.tabs .tabs-header .logo img{width:200px}.tabs .tabs-header .tabs-header-right{justify-self:end;align-self:center;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end}.tabs .tabs-header .tabs-header-right .email{font-weight:700}.tabs .tabs-header .tabs-header-right .logout{color:gray;cursor:pointer}.tabs .tabs-header .tabs-header-right .logout:hover{color:#020202}.tabs .tabs-content{flex:1;width:100%;display:flex}.ticket-pill{display:flex;border-radius:10px;gap:10px;padding:10px;background:#1c83c5;justify-content:center;align-items:center;height:40px}.ticket-pill.selectable{cursor:pointer}.ticket-pill.selected{background-color:#023251;border-color:#007bff;box-shadow:0 2px 4px #007bff33}.ticket-pill .ticket-id{color:#fff;text-align:center;justify-content:center;font-weight:700;font-size:20px;line-height:157%;letter-spacing:0%}.ticket-pill .sold-info{margin-left:1rem;padding-left:1rem;border-left:1px solid #ddd;display:flex;flex-direction:column}.ticket-pill .sold-info .sold-date{font-size:.85rem;color:#f0f0f0}.ticket-pill .sold-info .sold-by{font-size:.85rem;color:#fff}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{position:relative;background-color:#e0e0e0;overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:-200px;height:100%;width:200px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skeleton-loading 1.2s infinite}.skeleton .skeleton-text{display:inline-block;width:4ch;height:1em;background-color:#ddd;color:transparent}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background-color:transparent;height:100vh;display:flex;align-items:flex-end;visibility:hidden;opacity:0;transition:all .3s ease-in-out;pointer-events:none}.bottom-sheet.open{visibility:visible;opacity:1}.bottom-sheet.open .bottom-sheet-content{transform:translateY(0)}.bottom-sheet .bottom-sheet-content{background-color:#ce3640;width:100%;padding:32px;transform:translateY(100%);transition:transform .3s ease-in-out;pointer-events:auto;display:grid;grid-template-columns:1fr 300px;justify-content:space-between}.bottom-sheet .bottom-sheet-content .bottom-sheet-content-left{display:flex;flex-direction:column;justify-content:space-between;justify-content:center}.bottom-sheet .bottom-sheet-content .bottom-sheet-content-left span{font-weight:700;font-size:20px;line-height:157%;letter-spacing:0%;color:#fff}.bottom-sheet .bottom-sheet-content .bottom-sheet-content-left .selected-tickets{margin-bottom:1.5rem}.bottom-sheet .bottom-sheet-content .bottom-sheet-content-left .selected-tickets p{color:#666;margin-bottom:.5rem}.bottom-sheet .bottom-sheet-content .bottom-sheet-content-left .selected-tickets .ticket-list{display:flex;flex-wrap:wrap;gap:.5rem}.bottom-sheet .bottom-sheet-content .bottom-sheet-content-left .selected-tickets .ticket-list .selected-ticket{background-color:#f5f5f5;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#333;-webkit-user-select:none;user-select:none}.bottom-sheet .bottom-sheet-content .actions{display:flex;flex-direction:column;gap:1rem}.bottom-sheet .bottom-sheet-content .actions button{flex:1;padding:1rem;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:background-color .2s;outline:none}.bottom-sheet .bottom-sheet-content .actions button.cancel{background-color:#f8f9fa;color:#6c757d}.bottom-sheet .bottom-sheet-content .actions button.cancel:hover{background-color:#e9ecef}.bottom-sheet .bottom-sheet-content .actions button.confirm{background-color:#000;color:#fff;font-weight:700}.bottom-sheet .bottom-sheet-content .actions button.confirm:hover{background-color:#d3d3d3}.new-sale{display:grid;grid-template-rows:120px 1fr auto;gap:20px;flex:1}.new-sale .no-data{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.new-sale .no-data .art{display:flex;justify-content:center;align-items:center;flex-direction:column}.new-sale .no-data .art img{filter:contrast(.5)}.new-sale .no-data .art span{font-size:24px;color:gray}.new-sale .search-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.new-sale .search-bar input{padding:1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.new-sale .search-bar input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.new-sale .tickets-grid{display:flex;flex-wrap:wrap;gap:1rem;margin:-.5rem;min-height:420px}.new-sale .pager{border-top:1px solid #eee;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.new-sale .pager .pager-info{font-size:.95rem;color:#555}.new-sale .pager .pager-buttons{display:flex;align-items:center;gap:12px}.new-sale .pager .pager-buttons .pager-page{font-size:.95rem;color:#333}.new-sale .pager .pager-buttons .pager-btn{padding:8px 14px;border:1px solid #ddd;background:#fafafa;border-radius:8px;cursor:pointer;font-weight:500;transition:background .15s ease}.new-sale .pager .pager-buttons .pager-btn:hover:not(:disabled){background:#f0f0f0}.new-sale .pager .pager-buttons .pager-btn:disabled{opacity:.5;cursor:not-allowed}.sold-tickets{display:flex;flex-wrap:wrap;height:min-content;gap:12px}