.orders-page-container{min-height:100vh;background:var(--main-background);padding:20px 20px 280px;position:relative}.orders-page-back-button{display:none!important}@media (min-width:768px){.orders-page-back-button{display:flex!important;position:absolute;top:20px;left:20px;z-index:10}}.orders-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;margin-top:20px}@media (max-width:1023px){.orders-page-header{flex-direction:column;align-items:stretch;gap:16px}}.orders-page-header-left{display:flex;flex-direction:column;gap:4px}.orders-page-title{font-size:24px;font-weight:700;color:var(--text)}.orders-page-subtitle,.orders-page-title{margin:0;font-family:var(--font-arial-rounded-mt)}.orders-page-subtitle{font-size:16px;color:var(--sub-text)}.orders-page-desktop-toggle{display:none;gap:10px}.orders-page-desktop-toggle-btn{background:var(--main-background);border:1px solid var(--gray2);border-radius:100px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 33px var(--shadow);font-family:var(--font-arial-rounded-mt);font-size:17px;font-weight:600;color:var(--text)}.orders-page-desktop-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 40px var(--shadow)}.orders-page-desktop-toggle-btn--active{background:var(--blue-blue);color:white;border-color:var(--blue-blue)}.orders-page-desktop-toggle-icon{font-size:20px;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:inherit}.orders-page-desktop-toggle-btn:not(.orders-page-desktop-toggle-btn--active) .orders-page-desktop-toggle-icon{opacity:.6}.orders-page-tabs-container{display:flex;justify-content:center;margin-bottom:20px;position:sticky;top:0;background:var(--main-background);z-index:10;padding:10px 0}@media (max-width:1023px){.orders-page-tabs-container{position:static;margin-bottom:0;padding:0}}@media (min-width:1024px){.orders-page-tabs-container{position:static;margin-bottom:0;padding:0;background:transparent;flex:1 1}}.orders-page-tabs{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 8px;overflow:visible!important}.orders-page-tabs::-webkit-scrollbar{display:none}.orders-page-tab{height:35px;padding:0 5px;border-radius:10px;border:2px solid var(--gray4);background:var(--main-background);color:var(--gray4);font-size:15px;font-weight:600;font-family:var(--font-arial-rounded-mt);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px;position:relative}.orders-page-tab--active{box-shadow:0 0 50px var(--tab-shadow,rgba(15,131,233,.25))}.orders-page-tab--active,.orders-page-tab:hover:not(.orders-page-tab--active){border-color:var(--tab-color,var(--blue-blue));color:var(--tab-color,var(--blue-blue))}.orders-page-tab:hover:not(.orders-page-tab--active){opacity:.7}.orders-page-tab-label{line-height:1}.orders-page-content{width:100%;margin:0 auto}.orders-page-work-orders{width:100%}.orders-page-work-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-auto-rows:10px;gap:10px;width:100%;align-items:start}.orders-page-work-order-card{cursor:pointer;transition:transform .2s ease;will-change:transform;overflow:visible!important}.orders-page-work-order-card,.orders-page-work-order-card *{font-family:var(--font-arial-rounded-mt)!important}.orders-page-work-order-card:hover{transform:translateY(-2px)}.orders-page-work-order-card:active{transform:translateY(0)}@media (max-width:767px){.orders-page-work-orders-grid{grid-template-columns:1fr;gap:10px;grid-auto-rows:auto}}@media (min-width:768px) and (max-width:1024px){.orders-page-work-orders-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1440px){.orders-page-work-orders-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1441px){.orders-page-work-orders-grid{grid-template-columns:repeat(4,1fr)}}.orders-page-tickets{width:100%}.orders-page-tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-auto-rows:10px;gap:10px;width:100%;align-items:start}@media (max-width:767px){.orders-page-tickets-grid{grid-template-columns:1fr;gap:10px;grid-auto-rows:auto}}@media (min-width:768px) and (max-width:1024px){.orders-page-tickets-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1440px){.orders-page-tickets-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1441px){.orders-page-tickets-grid{grid-template-columns:repeat(4,1fr)}}.orders-page-ticket-card{background:var(--main-background);border:1px solid var(--gray2);border-radius:20px;padding:5px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 33px var(--shadow);position:relative}.orders-page-ticket-card:hover{transform:translateY(-2px);box-shadow:0 4px 40px var(--shadow)}.orders-page-ticket-content{display:flex;gap:10px;align-items:center;position:relative}.orders-page-ticket-image{width:60px;height:80px;border-radius:15px;object-fit:cover;background:var(--blue-blue)}.orders-page-ticket-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.orders-page-ticket-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;height:20px}.orders-page-ticket-title{font-size:16px;font-weight:700;margin:0;padding:0;font-family:var(--font-arial-rounded-mt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0;transition:color .2s ease;line-height:1}.orders-page-ticket-not-paid-icon{position:absolute;top:8px;left:8px;width:28px;height:28px;background:#FFA500;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;z-index:10;box-shadow:0 2px 8px rgba(255,165,0,.3)}.orders-page-ticket-not-paid-icon svg{width:14px;height:14px}.orders-page-ticket-chevron{width:20px;height:20px;flex-shrink:0;color:var(--sub-text);transition:color .2s ease;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.orders-page-ticket-card:hover .orders-page-ticket-chevron{color:var(--text)}.orders-page-ticket-date{font-size:14px;color:var(--sub-text);margin:0;font-family:var(--font-arial-rounded-mt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page-stints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-auto-rows:10px;gap:10px;width:100%;align-items:start}@media (max-width:767px){.orders-page-stints-grid{grid-template-columns:1fr;gap:10px;grid-auto-rows:auto}}@media (min-width:768px) and (max-width:1024px){.orders-page-stints-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1440px){.orders-page-stints-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1441px){.orders-page-stints-grid{grid-template-columns:repeat(4,1fr)}}.orders-page-empty,.orders-page-loading{display:flex;justify-content:center;align-items:center;min-height:300px;color:var(--sub-text);font-size:16px;font-weight:600;font-family:var(--font-arial-rounded-mt)}.orders-page-view-toggle,.orders-page-view-toggle-container{display:none}@media (max-width:1023px){.orders-page-view-toggle-container{display:block;position:fixed;bottom:0;left:0;right:0;z-index:99;pointer-events:none}.orders-page-view-toggle{display:flex;position:absolute;bottom:90px;left:10px;right:10px;gap:10px;padding:0 10px;pointer-events:auto;flex-wrap:wrap;justify-content:center}.orders-page-view-toggle-button{flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:10px;background:var(--main-background);border:1px solid var(--best-gray);border-radius:100px;cursor:pointer;transition:all .2s ease;color:var(--gray4);box-shadow:0 2px 5px var(--shadow);font-family:var(--font-arial-rounded-mt)}.orders-page-view-toggle-button--active{background-color:var(--blue-blue);color:white}.orders-page-view-toggle-icon{flex-shrink:0;width:20px;height:20px}.orders-page-view-toggle-label{font-size:17px;font-weight:700;text-align:center;line-height:1.2;white-space:nowrap;font-family:var(--font-arial-rounded-mt)}}@media (min-width:1024px){.orders-page-container{padding:40px}.orders-page-header{margin-bottom:30px}.orders-page-title{font-size:28px}.orders-page-subtitle{font-size:18px}.orders-page-desktop-toggle{display:flex}.orders-page-bottom-nav{display:none}}@media (min-width:768px) and (max-width:1023px){.orders-page-container{padding:30px 30px 220px}}@media (max-width:767px){.orders-page-container{padding:8px 8px 220px}.orders-page-header{padding:12px 8px;margin-bottom:10px}.orders-page-title{font-size:22px}.orders-page-subtitle{font-size:14px}.orders-page-tabs-container{padding:10px 0}.orders-page-tab{font-size:14px;padding:0 5x}}@media (prefers-color-scheme:dark){.orders-page-ticket-card{box-shadow:0 2px 33px rgba(255,255,255,.05)}.orders-page-ticket-card:hover{box-shadow:0 4px 40px rgba(255,255,255,.1)}.orders-page-bottom-nav-button{box-shadow:0 2px 33px rgba(255,255,255,.05)}.orders-page-bottom-nav-button:hover{box-shadow:0 4px 40px rgba(255,255,255,.1)}}