@import"https://fonts.googleapis.com/css2?family=Coiny&display=swap";.protected-route-container{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;padding:2rem}.access-denied-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:3rem;text-align:center;max-width:500px;width:100%;position:relative;overflow:hidden}.access-denied-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f093fb,#f5576c)}.access-denied-icon{font-size:4rem;color:#f56565;margin-bottom:1.5rem}.access-denied-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.access-denied-message{color:#718096;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.access-denied-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.login-button{padding:.875rem 2rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f093fb4d}.home-button{padding:.75rem 1.5rem;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.home-button:hover{background:#667eea;color:#fff}.loading-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.loading-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:3rem;text-align:center;max-width:400px;width:100%}.loading-spinner{width:3rem;height:3rem;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.loading-message{color:#718096;font-size:1rem}.unauthorized-container{min-height:100vh;background:linear-gradient(135deg,#fed7d7,#f56565);display:flex;align-items:center;justify-content:center;padding:2rem}.unauthorized-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:3rem;text-align:center;max-width:500px;width:100%;position:relative;overflow:hidden}.unauthorized-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fed7d7,#f56565)}.unauthorized-icon{font-size:4rem;color:#f56565;margin-bottom:1.5rem}.unauthorized-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.unauthorized-message{color:#718096;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.contact-admin-message{background:#f7fafc;border-radius:8px;padding:1rem;margin-bottom:2rem;border-left:4px solid #667eea}.contact-admin-text{color:#4a5568;font-size:.875rem;margin:0}.error-container{min-height:100vh;background:linear-gradient(135deg,#fed7d7,#e53e3e);display:flex;align-items:center;justify-content:center;padding:2rem}.error-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:3rem;text-align:center;max-width:500px;width:100%}.error-icon{font-size:4rem;color:#e53e3e;margin-bottom:1.5rem}.error-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.error-message{color:#718096;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.retry-button{padding:.875rem 2rem;background:#e53e3e;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 8px 25px #e53e3e4d}.role-required-message{background:#fbb6ce;border-radius:8px;padding:1rem;margin-bottom:2rem;border-left:4px solid #ed64a6}.role-required-text{color:#97266d;font-size:.875rem;font-weight:500;margin:0}.current-role-info{background:#e6fffa;border-radius:8px;padding:1rem;margin-bottom:2rem;border-left:4px solid #38b2ac}.current-role-text{color:#2c7a7b;font-size:.875rem;margin:0}@media (max-width: 768px){.protected-route-container,.loading-container,.unauthorized-container,.error-container{padding:1rem}.access-denied-card,.loading-card,.unauthorized-card,.error-card{padding:2rem}.access-denied-title,.unauthorized-title,.error-title{font-size:1.75rem}.access-denied-actions{gap:.75rem}.login-button,.home-button,.retry-button{width:100%;justify-content:center;display:flex;align-items:center}}@media (max-width: 480px){.access-denied-card,.loading-card,.unauthorized-card,.error-card{padding:1.5rem}.access-denied-icon,.unauthorized-icon,.error-icon{font-size:3rem}.access-denied-title,.unauthorized-title,.error-title{font-size:1.5rem}}.bidaboss-logo{display:flex;align-items:center}.bidaboss-logo-icon{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;margin-right:8px;padding:4px}.bidaboss-logo-icon svg{width:100%;height:100%;color:#fff;fill:currentColor}.bidaboss-logo-icon--sm{height:32px;width:auto}.bidaboss-logo-icon--md{height:40px;width:auto}.bidaboss-logo-icon--lg{height:48px;width:auto}.bidaboss-logo-icon--xl{height:64px;width:auto}.bidaboss-logo-icon--2xl{height:80px;width:auto}.bidaboss-logo-text{display:flex;flex-direction:column}.bidaboss-logo-title{color:#fff;font-weight:700;font-size:18px;line-height:1.2}.bidaboss-logo-subtitle{color:#fff;font-size:12px;font-weight:500}.bidaboss-logo--navy .bidaboss-logo-title{color:#1b365d}.bidaboss-logo--navy .bidaboss-logo-subtitle{color:#424242}.bidaboss-logo--white .bidaboss-logo-title,.bidaboss-logo--white .bidaboss-logo-subtitle{color:#fff}.bidaboss-logo--gold .bidaboss-logo-title{color:gold}.bidaboss-logo--gold .bidaboss-logo-subtitle{color:gold;opacity:.8}.bidaboss-logo--blue .bidaboss-logo-title{color:#00f}.bidaboss-logo--blue .bidaboss-logo-subtitle{color:#0000bf}.bidaboss-logo-text-only{color:#1b365d;font-weight:700;font-size:20px}.bidaboss-logo-text-only--white{color:#fff}.bidaboss-logo-text-only--gold{color:gold}.bidaboss-logo-text-only--blue{color:#00f}@media (max-width: 768px){.bidaboss-logo-title{font-size:16px}.bidaboss-logo-subtitle{font-size:10px}.bidaboss-logo-text-only{font-size:18px}}.layout-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#f9fafb,#fd7f280d);display:flex;position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:256px;background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-right:1px solid rgba(253,127,40,.2)}.sidebar-header{display:flex;height:64px;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,255,.2);background:linear-gradient(90deg,#00f,#0000bf);position:relative}.sidebar-nav{margin-top:24px;padding-left:12px;padding-right:12px}.nav-items{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:12px;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s ease-in-out;text-decoration:none;position:relative;cursor:pointer}.nav-item--active{background:linear-gradient(90deg,#00f,#0000bf);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.02)}.nav-item--inactive{color:#1b365d}.nav-item--inactive:hover{background-color:#0000ff1a;color:#00f;transform:scale(1.01)}.nav-item__icon{margin-right:12px;height:20px;width:20px;transition:color .2s ease-in-out}.nav-item--active .nav-item__icon{color:#fff}.nav-item--inactive .nav-item__icon{color:#1b365d99}.nav-item--inactive:hover .nav-item__icon{color:#00f}.notification-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;height:20px;width:20px;font-size:12px;font-weight:700;background-color:gold;color:#1b365d;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.user-section{position:absolute;bottom:0;left:0;right:0;padding:16px;border-top:1px solid rgba(253,127,40,.2);background:linear-gradient(180deg,rgba(253,127,40,.05),transparent)}.user-info{margin-bottom:16px;padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid rgba(253,127,40,.2);display:flex;justify-content:space-between;align-items:center}.user-info__name{font-size:14px;font-weight:600;color:#1b365d}.user-info__role{font-size:12px;color:#00f;font-weight:500;text-transform:capitalize;background-color:#ffd70033;padding:4px 8px;border-radius:9999px;display:inline-block;margin-top:0}.logout-btn{display:flex;width:100%;align-items:center;padding:12px;font-size:14px;font-weight:500;color:#1b365d;border-radius:8px;transition:all .2s ease-in-out;background:none;border:none;cursor:pointer}.logout-btn:hover{background-color:#ef44440d;color:#dc2626;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.logout-btn__icon{margin-right:12px;height:20px;width:20px;color:#1b365d99;transition:color .2s ease-in-out}.logout-btn:hover .logout-btn__icon{color:#ef4444}.main-content{margin-left:16rem;min-height:100vh;background:inherit;flex:1;width:calc(100% - 16rem)}.main-header{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-bottom:1px solid rgba(253,127,40,.2);width:100%}.header-content{padding:20px 24px}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.mobile-menu-btn:hover{background-color:#0000ff1a}.mobile-menu-icon{width:24px;height:24px;color:#1b365d}.mobile-close-btn{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.mobile-close-btn:hover{background-color:#ffffff1a}.mobile-close-icon{width:24px;height:24px;color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:40}.page-title{font-size:24px;font-weight:700;color:#1b365d}.header-user-section{display:flex;align-items:center;gap:16px}.user-avatar{height:32px;width:32px;background:linear-gradient(135deg,#fd7f28,gold);border-radius:9999px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .2s ease-in-out}.user-avatar__image{height:100%;width:100%;border-radius:9999px;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;transition:opacity .2s ease-in-out;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.user-avatar__image:not([src]){display:none!important}.user-avatar__initial{color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-in-out;z-index:1}.page-content{padding:24px;min-height:calc(100vh - 64px);background:inherit}.content-container{max-width:1280px;margin-left:auto;margin-right:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){body{overflow-x:hidden!important}*{max-width:100vw;box-sizing:border-box}.layout-container,.main-content,.page-content,.content-container{max-width:100vw!important;overflow-x:hidden!important}.hidden-mobile{display:none!important}h1,h2,h3,h4,h5,h6,.page-title,.nav-item{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}button{min-height:44px;min-width:44px}.modal,[role=dialog]{max-width:95vw!important;max-height:95vh!important;margin:2.5vw auto!important}}@media (max-width: 1200px){.content-container{max-width:1024px}}@media (max-width: 1024px){.sidebar{width:200px}.main-content{margin-left:200px;width:calc(100% - 200px)}.content-container{max-width:800px}.page-content{padding:20px}}@media (max-width: 768px){.layout-container{overflow-x:hidden}.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;z-index:50;width:280px;box-shadow:none}.sidebar--mobile-open{transform:translate(0);box-shadow:0 25px 50px -12px #00000040}.sidebar-overlay{display:block}.mobile-menu-btn{display:flex}.mobile-close-btn{display:block}.main-content{margin-left:0;width:100%;min-height:100vh;position:relative}.main-header{position:sticky;top:0;z-index:30;background-color:#fff}.page-title{font-size:20px;margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 120px)}.header-user-section{margin-right:0;flex-shrink:0}.user-avatar{width:32px;height:32px;position:relative;overflow:hidden}.user-avatar__image{height:100%;width:100%;border-radius:9999px;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.user-avatar__initial{font-size:14px;display:flex;align-items:center;justify-content:center}.page-content{padding:16px;width:100%;box-sizing:border-box;overflow-x:hidden}.content-container{max-width:none;margin:0;width:100%}.nav-item{padding:14px;font-size:15px}.nav-item__icon{width:22px;height:22px;margin-right:14px}}@media (max-width: 640px){.layout-container{overflow-x:hidden}.header-content{padding:12px 16px}.page-content{padding:12px;width:100%;box-sizing:border-box}.page-title{font-size:18px;max-width:calc(100vw - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left{min-width:0;flex:1;gap:10px}.user-info__name{font-size:13px}.user-info__role{font-size:11px;padding:3px 6px}.nav-item{padding:12px;font-size:14px}.nav-item__icon{width:20px;height:20px;margin-right:12px}.mobile-menu-icon,.mobile-close-icon{width:22px;height:22px}.user-avatar{width:28px;height:28px}.user-avatar__initial{font-size:12px}.logout-btn{padding:10px;font-size:13px}.logout-btn__icon{width:18px;height:18px}.notification-badge{height:18px;width:18px;font-size:11px}}@media (max-width: 480px){.sidebar{width:260px}.header-content{padding:10px 12px}.page-content{padding:8px;width:100%;box-sizing:border-box}.page-title{font-size:16px;max-width:calc(100vw - 80px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left{gap:8px;min-width:0;flex:1}.header-inner{gap:12px}.header-user-section{flex-shrink:0}.user-info__name{font-size:12px}.user-info__role{font-size:10px;padding:2px 5px}.nav-item{padding:10px;font-size:13px}.nav-item__icon{width:18px;height:18px;margin-right:10px}.mobile-menu-icon,.mobile-close-icon{width:20px;height:20px}.user-avatar{width:26px;height:26px}.user-avatar__initial{font-size:11px}.logout-btn{padding:8px;font-size:12px}.logout-btn__icon{width:16px;height:16px;margin-right:8px}.notification-badge{height:16px;width:16px;font-size:10px}.sidebar-nav{margin-top:16px;padding-left:8px;padding-right:8px}.user-section{padding:12px}.user-info{margin-bottom:12px;padding:10px}}@media (max-width: 360px){.sidebar{width:240px}.page-title{font-size:14px;max-width:calc(100vw - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left{gap:6px;min-width:0;flex:1}.header-content{padding:8px 10px}.page-content{padding:6px;width:100%;box-sizing:border-box}.mobile-menu-icon,.mobile-close-icon{width:18px;height:18px}.user-avatar{width:24px;height:24px}.user-avatar__initial{font-size:10px}.nav-item{padding:8px;font-size:12px}.nav-item__icon{width:16px;height:16px;margin-right:8px}}@media screen and (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.layout-container{overflow-x:hidden;overflow-y:auto;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;height:100vh;max-height:100vh;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:60;box-shadow:none}.sidebar--mobile-open{transform:translate(0);box-shadow:0 25px 50px -12px #00000040}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:55}.main-content{margin-left:0;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.main-header{position:sticky;top:0;z-index:40;background-color:#fff;border-bottom:1px solid rgba(253,127,40,.2)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.mobile-menu-btn:hover{background-color:#0000ff1a}.mobile-close-btn{display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.mobile-close-btn:hover{background-color:#ffffff1a}.header-content{padding:8px 16px}.page-title{font-size:16px;max-width:calc(100vw - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header{height:50px;padding:0 12px;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-nav{margin-top:12px;padding-left:8px;padding-right:8px;max-height:calc(100vh - 180px);overflow-y:auto}.nav-item{padding:10px 12px;font-size:14px;margin-bottom:4px}.nav-item__icon{width:18px;height:18px;margin-right:10px}.user-section{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(180deg,rgba(253,127,40,.05),transparent);border-top:1px solid rgba(253,127,40,.2);max-height:120px}.user-info{margin-bottom:12px;padding:8px}.user-info__name{font-size:13px}.user-info__role{font-size:11px;padding:3px 6px}.logout-btn{padding:8px;font-size:13px}.logout-btn__icon{width:16px;height:16px}.page-content{padding:12px;width:100%;box-sizing:border-box;overflow-x:hidden}}@media screen and (min-width: 901px) and (max-width: 1024px) and (orientation: landscape){.sidebar{width:200px;position:fixed;height:100vh}.main-content{margin-left:200px;width:calc(100% - 200px)}.mobile-menu-btn,.mobile-close-btn,.sidebar-overlay{display:none}}@media screen and (max-width: 900px) and (orientation: landscape){.layout-container{min-height:100vh;min-height:-webkit-fill-available}.sidebar{max-height:100vh;max-height:-webkit-fill-available}.main-content{min-height:100vh;min-height:-webkit-fill-available}}@media screen and (max-width: 640px) and (orientation: landscape) and (max-height: 400px){.sidebar{width:240px}.sidebar-header{height:40px;padding:0 8px}.sidebar-nav{margin-top:8px;max-height:calc(100vh - 140px)}.nav-item{padding:6px 10px;font-size:13px}.nav-item__icon{width:16px;height:16px;margin-right:8px}.user-section{max-height:100px;padding:8px}.user-info{padding:6px;margin-bottom:8px}.user-info__name{font-size:12px}.user-info__role{font-size:10px;padding:2px 4px}.logout-btn{padding:6px;font-size:12px}.logout-btn__icon{width:14px;height:14px}.header-content{padding:6px 12px}.page-title{font-size:14px}}@media screen and (max-width: 900px) and (orientation: landscape){body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.sidebar-nav{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.main-content{overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}.nav-item,.logout-btn,.mobile-menu-btn,.mobile-close-btn{min-height:44px;display:flex;align-items:center}.nav-item,.sidebar-header,.user-section{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.nav-item,.mobile-menu-btn,.mobile-close-btn,.logout-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(calc(var(--gradient-angle, 135) * 1deg),#00f,#0000bf);background-image:linear-gradient(calc(var(--gradient-angle, 135) * 1deg),#0000ffbf,#0000bfcc),url(/assets/bg-CFpmlWBh.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;padding:16px;position:relative;overflow:hidden;transition:background 1s cubic-bezier(.16,1,.3,1)}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(calc(var(--gradient-angle, 135) * 1deg + 90deg),rgba(255,255,255,.05) 0%,transparent 50%,rgba(0,0,191,.1) 100%);pointer-events:none;transition:background 1s cubic-bezier(.16,1,.3,1)}.login-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(calc(var(--gradient-angle, 135) * 1deg + 180deg),transparent 0%,rgba(0,0,255,.08) 100%);pointer-events:none;transition:background 1s cubic-bezier(.16,1,.3,1)}@keyframes floatingElements{0%,to{opacity:.8;transform:translate(0) rotate(0)}33%{opacity:1;transform:translate(10px,-10px) rotate(2deg)}66%{opacity:.9;transform:translate(-5px,5px) rotate(-1deg)}}.login-card{width:100%;max-width:420px;background-color:#fffffff2;border-radius:20px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #fff3,inset 0 1px #ffffff1a;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .6s ease-out;position:relative;z-index:10}.login-card:hover{background-color:#fffffffa;box-shadow:0 35px 70px -12px #00000080,0 0 0 1px #ffffff4d,inset 0 1px #fff3;transform:translateY(-2px)}.login-header{background:linear-gradient(135deg,#00f,#0000bf);padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{color:#fff;font-size:32px;font-weight:800;margin-top:24px;margin-bottom:8px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Coiny,cursive;display:flex;justify-content:center;align-items:center}@keyframes subtleGoldGlow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,208,0,.5)}50%{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px rgba(255,208,0,.6),0 0 15px rgba(255,208,0,.2)}}.login-subtitle{color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;margin-top:8px;animation:fadeInUp .6s ease-out .2s both}.login-form-container{padding:32px 24px}.login-form{display:flex;flex-direction:column;gap:24px;animation:fadeInUp .6s ease-out .4s both}.form-group{display:flex;flex-direction:column;animation:slideInFromLeft .5s ease-out both}.form-group:nth-child(1){animation-delay:.5s}.form-group:nth-child(2){animation-delay:.6s}.form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;transition:color .2s ease-in-out;position:relative}.form-group:focus-within .form-label{color:#00f}.form-input{width:100%;padding:14px 16px;border:1.5px solid #d1d5db;border-radius:12px;font-size:16px;color:#1f2937;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative}.form-input:focus{outline:none;border-color:#00f;box-shadow:0 0 0 3px #0000ff1a,0 4px 12px #0000ff26}.error-icon{height:20px;width:20px;color:#dc2626;flex-shrink:0}.error-text{flex:1;font-size:14px;line-height:1.4;color:#dc2626}.error-dismiss-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;width:24px;height:24px;flex-shrink:0;transition:all .2s ease-in-out}.error-dismiss-btn:hover{background-color:#dc26261a;transform:scale(1.1)}.error-dismiss-btn:active{transform:scale(.95)}.login-button{width:100%;background:linear-gradient(135deg,#00f,#0000bf);color:#fff;font-weight:600;padding:12px 16px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:16px;min-height:48px;max-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;letter-spacing:.5px;text-transform:none;position:relative;overflow:hidden;animation:slideInFromBottom .6s ease-out .7s both;box-shadow:0 4px 12px #00f3}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#0000bf,navy);box-shadow:0 8px 25px #0000ff4d;transform:scale(1.02)}.login-button:active{box-shadow:0 6px 20px #0000ff40;transform:scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 8px #0000ff26;transform:none}.login-button:disabled:hover{background:linear-gradient(135deg,#00f,#0000bf);box-shadow:0 2px 8px #0000ff26;transform:none}.login-button:focus{outline:none;box-shadow:0 0 0 2px #0000ff4d,0 0 0 4px #0000ff1a}.button-content{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;min-height:24px;position:relative;text-align:center}.button-text{font-weight:600;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;display:inline-block;line-height:1;text-align:center;width:100%}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px}@media (max-width: 640px){.login-card{margin:16px;border-radius:16px;max-width:none}.login-header{padding:32px 20px}.login-form-container{padding:24px 20px}.login-title{font-size:26px;letter-spacing:1px}.login-subtitle{font-size:14px}.form-input{padding:12px 16px;font-size:16px;border-radius:8px}.login-button{min-height:52px;max-height:52px;font-size:15px;padding:14px 20px;border-radius:8px}.button-content{gap:8px;min-height:20px}.loading-spinner{width:16px;height:16px}.error-message{padding:12px;font-size:14px;border-radius:8px}.error-icon{width:20px;height:20px}.error-dismiss-btn{width:24px;height:24px;font-size:18px}}@media (max-width: 480px){.login-page{padding:8px}.login-header{padding:24px 16px}.login-form-container{padding:20px 16px}.login-title{font-size:22px;letter-spacing:1px}.login-subtitle{font-size:13px}.form-input{padding:14px}.login-button{min-height:50px;max-height:50px;padding:14px 20px}.error-message{padding:12px 14px;font-size:13px;gap:10px}.error-icon{width:18px;height:18px}.error-text{font-size:13px}.error-dismiss-btn{width:20px;height:20px;font-size:16px}}@media (max-width: 360px){.login-title{font-size:20px}.form-input{padding:12px}.login-button{min-height:48px;max-height:48px;font-size:14px}}.forgot-password-link-container{text-align:center;margin-top:16px}.forgot-password-link{background:none;border:none;color:#00f;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px;border-radius:4px;transition:all .2s ease-in-out;font-weight:500}.forgot-password-link:hover{color:#0000bf;background:#0000ff0d;text-decoration:none;transform:translateY(-1px)}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.forgot-password-card{background:#fffffffa;padding:40px;border-radius:20px;box-shadow:0 20px 50px #0000004d;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.forgot-password-header{text-align:center;margin-bottom:32px}.forgot-password-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.forgot-password-subtitle{font-size:14px;color:#6b7280;line-height:1.4}.success-icon{width:64px;height:64px;color:#10b981;margin:0 auto 16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-bottom:24px;color:#15803d;font-size:14px;line-height:1.4}.forgot-password-form .form-group{margin-bottom:24px}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.submit-btn{width:100%;background:linear-gradient(135deg,#00f,#0000bf);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 12px #0000bf4d}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0000bf66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-btn,.back-to-login-btn{width:100%;background:#6b72801a;color:#374151;border:1px solid #d1d5db;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px}.back-btn:hover:not(:disabled),.back-to-login-btn:hover{background:#6b728033;border-color:#9ca3af}.back-icon{width:16px;height:16px}.back-btn:disabled{opacity:.5;cursor:not-allowed}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(calc(var(--gradient-angle, 135) * 1deg),#00f,#0000bf);background-attachment:fixed;padding:16px;position:relative;overflow:hidden;transition:background 1s cubic-bezier(.16,1,.3,1)}.register-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(calc(var(--gradient-angle, 135) * 1deg + 90deg),rgba(255,255,255,.03) 0%,transparent 50%,rgba(0,0,191,.05) 100%);pointer-events:none;transition:background 1s cubic-bezier(.16,1,.3,1)}.register-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(calc(var(--gradient-angle, 135) * 1deg + 180deg),transparent 0%,rgba(0,0,255,.05) 100%);pointer-events:none;transition:background 1s cubic-bezier(.16,1,.3,1)}.register-form-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(0);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .6s ease-out;padding:0;width:100%;max-width:480px;position:relative}.register-form-container:hover{box-shadow:0 35px 70px -12px #00000059,0 0 0 1px #fff3}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.register-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00f,#0000bf)}.register-header{background:linear-gradient(135deg,#00f,#0000bf);padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-title{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Coiny,cursive;display:flex;justify-content:center;align-items:center}.bida-text{color:#fff}.boss-text{color:#ffd000;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,208,0,.5);animation:subtleGoldGlow 4s ease-in-out infinite}@keyframes subtleGoldGlow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,208,0,.5)}50%{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 15px rgba(255,208,0,.7),0 0 25px rgba(255,208,0,.3)}}.register-subtitle{color:#ffffffe6;font-size:16px;font-weight:500;margin-top:8px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.register-form-content{padding:32px 24px;background:#fff}.register-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease-in-out}.form-input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease-in-out;background:#f9fafb;color:#1f2937;font-weight:400;line-height:1.5;outline:none}.form-input:focus{border-color:#00f;box-shadow:0 0 0 3px #0000ff1a,0 4px 12px #0000ff26;background:#fff}.form-input:hover:not(:focus){border-color:#9ca3af;box-shadow:0 2px 8px #0000001a}.form-input::-moz-placeholder{color:#9ca3af;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.form-input::placeholder{color:#9ca3af;transition:color .2s ease-in-out}.form-input:focus::-moz-placeholder{color:#d1d5db}.form-input:focus::placeholder{color:#d1d5db}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626;padding:14px 16px;border-radius:12px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;animation:errorSlideIn .3s ease-out;box-shadow:0 4px 12px #dc262626;transition:all .3s ease-in-out}.error-message:hover{box-shadow:0 6px 16px #dc262633;transform:translateY(-1px)}.error-text{flex:1;font-weight:500}.error-dismiss-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;font-weight:700;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out;flex-shrink:0}.error-dismiss-btn:hover{background:#dc26261a;transform:scale(1.1)}.register-button{width:100%;background:linear-gradient(135deg,#00f,#0000bf);color:#fff;font-weight:600;padding:12px 16px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:16px;min-height:48px;max-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;letter-spacing:.5px;text-transform:none;position:relative;overflow:hidden;box-shadow:0 4px 12px #00f3;margin-top:20px}.register-button:hover{background:linear-gradient(135deg,#0000bf,navy);box-shadow:0 8px 25px #0000ff4d;transform:scale(1.02)}.register-button:active{box-shadow:0 6px 20px #0000ff40;transform:scale(.98)}.register-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 8px #0000ff26;transform:none}.register-button:disabled:hover{background:linear-gradient(135deg,#00f,#0000bf);box-shadow:0 2px 8px #0000ff26;transform:none}.register-button:focus{outline:none;box-shadow:0 0 0 2px #0000ff4d,0 0 0 4px #0000ff1a}.login-link-container{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:20px}.login-text{color:#6b7280;font-size:14px}.login-link{color:#00f;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;position:relative}.login-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#0000bf;transition:width .3s ease-in-out}.login-link:hover{color:#0000bf;transform:translateY(-1px)}.login-link:hover:after{width:100%}@media (max-width: 768px){.register-container{padding:12px}.register-form-container{max-width:none;margin:0;border-radius:16px}.register-header{padding:32px 20px}.register-title{font-size:24px}.register-subtitle{font-size:14px}.register-form-content{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:20px}.form-input{padding:12px 16px;font-size:16px}.form-input,.form-select{border-radius:8px}.register-button{min-height:52px;font-size:15px;padding:14px 20px;border-radius:8px}.button-content{gap:8px}.loading-spinner{width:16px;height:16px}.error-message,.success-message{padding:12px;font-size:14px;border-radius:8px}.login-section{padding:16px;margin-top:16px}}@media (max-width: 640px){.register-container{padding:8px}.register-header{padding:24px 16px}.register-form-content{padding:20px 16px}.register-title{font-size:22px}.register-subtitle{font-size:13px}.form-input,.form-select{padding:14px;font-size:16px}.register-button{min-height:50px;padding:14px 20px}.form-label{font-size:13px}.login-section{padding:14px}.login-text{font-size:13px}}@media (max-width: 480px){.register-title{font-size:20px}.register-subtitle{font-size:12px}.form-input,.form-select{padding:12px}.register-button{min-height:48px;font-size:14px}.form-label{font-size:12px}}@media (max-width: 360px){.register-form-container{border-radius:12px}.register-title{font-size:18px}.form-input,.form-select{padding:10px 12px}}.dashboard-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.dashboard-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.dashboard-subtitle{color:#718096;font-size:1.125rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.stat-number{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.stat-label{color:#718096;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.main-content{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.sidebar-content{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a}@media (max-width: 768px){.dashboard-container{padding:.75rem}.dashboard-title{font-size:1.75rem;margin-bottom:.5rem}.dashboard-content{grid-template-columns:1fr;gap:.75rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.stat-card{padding:.75rem;min-height:auto}.stat-number{font-size:1.5rem;margin-bottom:.25rem}.stat-label{font-size:.75rem}.stat-icon{width:1.5rem;height:1.5rem}}@media (max-width: 640px){.dashboard-container{padding:.5rem}.dashboard-title{font-size:1.5rem;margin-bottom:.5rem}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.5rem;border-radius:.375rem}.stat-number{font-size:1.25rem;margin-bottom:.125rem}.stat-label{font-size:.6875rem;line-height:1.2}.stat-icon{width:1.25rem;height:1.25rem}}@media (max-width: 360px){.dashboard-container{padding:.25rem}.dashboard-title{font-size:1.25rem;margin-bottom:.25rem}.dashboard-stats{gap:.25rem}.stat-card{padding:.375rem}.stat-number{font-size:1.125rem}.stat-label{font-size:.625rem}.stat-icon{width:1rem;height:1rem}}.modern-form-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #0000001a,0 20px 48px #0000001a;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-form-container:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0000001f,0 25px 55px #0000001f}.modern-form-group{display:flex;flex-direction:column;margin-bottom:20px;animation:slideInFromLeft .5s ease-out both;position:relative;overflow:visible}.modern-form-group:nth-child(1){animation-delay:.1s}.modern-form-group:nth-child(2){animation-delay:.2s}.modern-form-group:nth-child(3){animation-delay:.3s}.modern-form-group:nth-child(4){animation-delay:.4s}.modern-form-group:nth-child(5){animation-delay:.5s}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.modern-form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;transition:color .2s ease-in-out;position:relative;display:flex;align-items:center;gap:6px}.modern-form-group:focus-within .modern-form-label{color:#00f}.modern-form-label.required:after{content:"*";color:#ef4444;margin-left:2px}.modern-form-label-icon{height:16px;width:16px;opacity:.7;transition:opacity .2s ease-in-out}.modern-form-group:focus-within .modern-form-label-icon{opacity:1;color:#00f}.modern-form-input{width:100%;padding:14px 16px;border:1.5px solid #d1d5db;border-radius:12px;font-size:16px;color:#1f2937;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;font-family:inherit}.modern-form-input:focus{outline:none;border-color:#00f;box-shadow:0 0 0 3px #0000ff1a,0 4px 12px #0000ff26;transform:translateY(-1px)}.modern-form-input:hover:not(:focus){border-color:#9ca3af;box-shadow:0 2px 8px #0000001a}.modern-form-input::-moz-placeholder{color:#9ca3af;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.modern-form-input::placeholder{color:#9ca3af;transition:color .2s ease-in-out}.modern-form-input:focus::-moz-placeholder{color:#d1d5db}.modern-form-input:focus::placeholder{color:#d1d5db}.modern-form-input:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.modern-form-input:disabled::-moz-placeholder{color:#d1d5db}.modern-form-input:disabled::placeholder{color:#d1d5db}.modern-form-input.error{border-color:#ef4444;background-color:#fef2f2}.modern-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 4px 12px #ef444426}.modern-form-input.success{border-color:#10b981;background-color:#f0fdf4}.modern-form-input.success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a,0 4px 12px #10b98126}.modern-form-textarea{width:100%;padding:14px 16px;border:1.5px solid #d1d5db;border-radius:12px;font-size:16px;color:#1f2937;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;resize:vertical;min-height:120px;font-family:inherit}.modern-form-textarea:focus{outline:none;border-color:#00f;box-shadow:0 0 0 3px #0000ff1a,0 4px 12px #0000ff26;transform:translateY(-1px)}.modern-form-textarea:hover:not(:focus){border-color:#9ca3af;box-shadow:0 2px 8px #0000001a}.modern-form-select{width:100%;min-width:150px;padding:14px 40px 14px 16px;border:1.5px solid #d1d5db;border-radius:12px;font-size:16px;color:#1f2937;background-color:#fff;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-sizing:border-box;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-form-select{flex-shrink:0}.flex .modern-form-select{min-width:-moz-max-content;min-width:max-content;width:auto}@media (max-width: 768px){.modern-form-select{min-width:120px;font-size:14px}.flex .modern-form-select{width:100%;min-width:unset}}.modern-form-select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff26,0 8px 25px #007aff40,0 4px 12px #0000001a;transform:translateY(-2px) scale(1.01);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23007AFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-color:#fafbff}.modern-form-select:hover:not(:focus){border-color:#9ca3af;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f;transform:translateY(-1px);background-color:#fcfcfd}.modern-form-select:active{transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.25,.46,.45,.94)}.modern-form-select:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.modern-form-select:focus:after{opacity:1}.modern-form-input-with-icon{position:relative}.modern-form-input-with-icon .modern-form-input{padding-right:48px}.modern-form-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);height:20px;width:20px;color:#6b7280;transition:color .2s ease-in-out;cursor:pointer}.modern-form-input-with-icon:focus-within .modern-form-input-icon{color:#00f}.modern-form-input-icon:hover{color:#374151}.password-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.password-toggle-btn:hover{background-color:#0000ff1a;transform:scale(1.1)}.password-toggle-btn:active{transform:scale(.95)}.modern-form-button{background:linear-gradient(135deg,#00f,#0000bf);color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:16px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00f3;animation:slideInFromBottom .6s ease-out both}.modern-form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.modern-form-button:hover:before{left:100%}.modern-form-button:hover{background:linear-gradient(135deg,#0000bf,navy);box-shadow:0 8px 25px #0000ff4d;transform:translateY(-2px)}.modern-form-button:active{box-shadow:0 6px 20px #0000ff40;transform:translateY(0)}.modern-form-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;box-shadow:none;transform:none}.modern-form-button:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;transform:none}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-form-button-secondary{background:#fff;color:#374151;font-weight:600;padding:12px 24px;border-radius:12px;border:1.5px solid #d1d5db;cursor:pointer;transition:all .2s ease-in-out;font-size:16px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;animation:slideInFromBottom .6s ease-out both}.modern-form-button-secondary:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.modern-form-button-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.modern-form-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:16px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 12px #ef444433;animation:slideInFromBottom .6s ease-out both}.modern-form-button-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.modern-form-button-danger:active{transform:translateY(0);box-shadow:0 6px 20px #ef444440}.modern-form-error{color:#ef4444;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:6px;animation:errorSlideIn .3s ease-out}.modern-form-error-icon{height:16px;width:16px;flex-shrink:0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modern-form-success{color:#10b981;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:6px;animation:successSlideIn .3s ease-out}.modern-form-success-icon{height:16px;width:16px;flex-shrink:0}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modern-form-help{color:#6b7280;font-size:14px;margin-top:6px;line-height:1.4}@media (max-width: 640px){.modern-form-container{padding:16px;border-radius:12px}.modern-form-input,.modern-form-textarea,.modern-form-select,.modern-form-button,.modern-form-button-secondary,.modern-form-button-danger{font-size:16px}.modern-form-group{margin-bottom:16px}}@media (max-width: 480px){.modern-form-container{padding:12px}.modern-form-input,.modern-form-textarea,.modern-form-select{padding:12px 14px}.modern-form-button,.modern-form-button-secondary,.modern-form-button-danger{padding:10px 20px;min-height:44px}}.modern-form-loading{display:inline-block;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite}.modern-form-checkbox,.modern-form-radio{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 0}.modern-form-checkbox input,.modern-form-radio input{position:absolute;opacity:0;cursor:pointer}.modern-form-checkbox .checkmark,.modern-form-radio .checkmark{height:20px;width:20px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.modern-form-radio .checkmark{border-radius:50%}.modern-form-checkbox:hover .checkmark,.modern-form-radio:hover .checkmark{border-color:#9ca3af}.modern-form-checkbox input:checked~.checkmark,.modern-form-radio input:checked~.checkmark{background-color:#00f;border-color:#00f}.modern-form-checkbox .checkmark:after{content:"";display:none;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.modern-form-radio .checkmark:after{content:"";display:none;width:8px;height:8px;border-radius:50%;background:#fff}.modern-form-checkbox input:checked~.checkmark:after,.modern-form-radio input:checked~.checkmark:after{display:block}.modern-form-checkbox-label,.modern-form-radio-label{font-size:14px;color:#374151;line-height:1.4}.upload-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#e3ffe7,#d9e7ff)}.upload-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.upload-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.upload-subtitle{color:#718096;font-size:1.125rem}.upload-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a}.upload-zone{border:3px dashed #cbd5e0;border-radius:12px;padding:3rem;text-align:center;transition:all .3s ease;cursor:pointer;margin-bottom:2rem}.upload-zone:hover{border-color:#667eea;background-color:#f7fafc}.upload-zone.dragover{border-color:#667eea;background-color:#ebf8ff;transform:scale(1.02)}.upload-icon{font-size:3rem;color:#cbd5e0;margin-bottom:1rem}.upload-zone:hover .upload-icon,.upload-zone.dragover .upload-icon{color:#667eea}.upload-text{font-size:1.25rem;color:#4a5568;margin-bottom:.5rem}.upload-subtext{color:#718096;font-size:.875rem}.file-input{display:none}.upload-button{display:inline-block;padding:.75rem 1.5rem;background:#667eea;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none;margin-top:1rem}.upload-button:hover{background:#5a67d8}.file-list{margin-top:2rem}.file-list-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;background:#f7fafc}.file-info{display:flex;align-items:center;flex:1}.file-icon{width:40px;height:40px;border-radius:8px;background:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;margin-right:1rem;font-size:.875rem}.file-details{flex:1}.file-name{font-weight:600;color:#2d3748;margin-bottom:.25rem}.file-size{font-size:.875rem;color:#718096}.file-status{margin-right:1rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:#fbb6ce;color:#97266d}.status-uploading{background:#bee3f8;color:#2b6cb0}.status-success{background:#c6f6d5;color:#276749}.status-error{background:#fed7d7;color:#c53030}.file-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.remove-btn{background:#f56565;color:#fff}.remove-btn:hover{background:#e53e3e}.retry-btn{background:#ed8936;color:#fff}.retry-btn:hover{background:#dd6b20}.view-btn{background:#48bb78;color:#fff}.view-btn:hover{background:#38a169}.progress-bar{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:#667eea;transition:width .3s ease}.upload-controls{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.upload-stats{color:#718096;font-size:.875rem}.upload-actions{display:flex;gap:1rem}.clear-all-btn{padding:.75rem 1.5rem;background:#e2e8f0;color:#4a5568;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.clear-all-btn:hover{background:#cbd5e0}.upload-all-btn{padding:.75rem 1.5rem;background:#48bb78;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.upload-all-btn:hover{background:#38a169}.upload-all-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:1rem}.success-message{background:#c6f6d5;color:#276749;padding:1rem;border-radius:8px;margin-bottom:1rem}.upload-guidelines{background:#f7fafc;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.guidelines-title{font-weight:600;color:#2d3748;margin-bottom:.75rem}.guidelines-list{list-style:none;padding:0;margin:0}.guidelines-list li{color:#4a5568;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.guidelines-list li:before{content:"✓";position:absolute;left:0;color:#48bb78;font-weight:600}@media (max-width: 768px){.upload-container{padding:1rem}.upload-title{font-size:2rem}.upload-zone{padding:2rem;min-height:200px}.upload-text{font-size:1rem}.upload-subtext{font-size:.875rem}.upload-button{padding:.75rem 1.5rem;font-size:.875rem}.file-item{padding:.75rem}.file-name{font-size:.875rem}.upload-controls{flex-direction:column;gap:1rem}.upload-actions{width:100%;justify-content:stretch}.upload-all-btn,.clear-all-btn{flex:1}}@media (max-width: 640px){.upload-container{padding:.75rem}.upload-header{padding:1.5rem;margin-bottom:1.5rem}.upload-title{font-size:1.75rem}.upload-subtitle{font-size:1rem}.upload-zone{padding:1.5rem;min-height:180px}.upload-icon{width:48px;height:48px}.upload-text{font-size:.875rem}.upload-subtext{font-size:.75rem}.upload-button{padding:.75rem 1.25rem;font-size:.8rem}.file-details{gap:.25rem}.file-actions{gap:.5rem}.action-btn{padding:.5rem;min-width:36px;min-height:36px}}@media (max-width: 480px){.upload-container{padding:.5rem}.upload-header{padding:1rem;margin-bottom:1rem}.upload-title{font-size:1.5rem}.upload-zone{padding:1rem;min-height:160px}.upload-icon{width:40px;height:40px}.file-item{padding:.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.file-info{width:100%}.file-actions{flex-direction:column;width:100%}.action-btn{width:100%;justify-content:center}.upload-controls{flex-direction:column;gap:1rem;align-items:stretch}.upload-actions{justify-content:stretch}.upload-actions button{flex:1}}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:600px;margin:2rem auto}.access-denied-icon{width:4rem;height:4rem;color:#f56565;margin-bottom:1.5rem}.access-denied h2{font-size:1.875rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.access-denied p{font-size:1.125rem;color:#718096;line-height:1.6;max-width:400px}.promotion-approval-container{padding:20px;max-width:1200px;margin:0 auto}.promotion-header{text-align:center;margin-bottom:30px}.promotion-header h2{color:#2c3e50;margin-bottom:10px;font-size:2.2rem}.promotion-header p{color:#7f8c8d;font-size:1.1rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.filter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.filter-buttons button{padding:8px 16px;border:2px solid #3498db;background:#fff;color:#3498db;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500;white-space:nowrap;min-height:44px}@media (max-width: 768px){.filter-buttons{gap:.5rem}.filter-buttons button{padding:.375rem .75rem;font-size:.75rem;min-height:36px}}@media (max-width: 640px){.filter-buttons{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));display:grid;gap:.5rem}.filter-buttons button{padding:.375rem .5rem;font-size:.6875rem;text-align:center}}@media (max-width: 360px){.filter-buttons button{padding:.25rem .375rem;font-size:.625rem}}.filter-buttons button:hover{background:#e3f2fd}.filter-buttons button.active{background:#3498db;color:#fff}.refresh-btn{padding:8px 16px;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;font-weight:500}.refresh-btn:hover{background:#219a52}.refresh-btn:disabled{background:#95a5a6;cursor:not-allowed}.no-requests{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:20px 0}.no-requests h3{color:#6c757d;margin-bottom:15px}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:25px;margin-top:20px}@media (max-width: 768px){.requests-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem}}@media (max-width: 640px){.requests-grid{gap:.75rem}}@media (max-width: 360px){.requests-grid{gap:.5rem}}.request-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.request-header{margin-bottom:1rem;gap:.75rem}}@media (max-width: 640px){.request-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.user-info{flex:1;min-width:0}.user-info h3{margin:0;color:#2c3e50;font-size:1.3rem}.username{color:#7f8c8d;margin:5px 0;font-weight:500}.contact{color:#95a5a6;font-size:.9rem;margin:5px 0 0}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.badge-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.badge-secondary{background:#e2e3e5;color:#6c757d;border:1px solid #d6d8db}.promotion-details{margin-bottom:20px}.promotion-path{display:flex;align-items:center;gap:15px;margin-bottom:15px;justify-content:center;background:#f8f9fa;padding:15px;border-radius:8px}.from-role,.to-role{padding:8px 16px;border-radius:6px;font-weight:700;font-size:1.1rem}.from-role{background:#e74c3c;color:#fff}.to-role{background:#27ae60;color:#fff}.arrow{font-size:1.5rem;color:#3498db;font-weight:700}.points-info{text-align:center;color:#2c3e50;font-size:1.1rem}.requirements-met{margin-bottom:20px}.requirements-met strong{display:block;margin-bottom:10px;color:#2c3e50}.requirements-list{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #27ae60}.requirement-item{padding:5px 0;color:#27ae60;font-weight:500}.request-timeline{margin-bottom:20px;background:#f8f9fa;padding:15px;border-radius:8px}.timeline-item{display:flex;justify-content:space-between;margin-bottom:8px}.timeline-item:last-child{margin-bottom:0}.timeline-item .label{font-weight:600;color:#6c757d}.timeline-item .value{color:#2c3e50}.admin-notes{margin-bottom:20px;padding:15px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.admin-notes strong{display:block;margin-bottom:10px;color:#856404}.admin-notes p{margin:0;color:#856404;font-style:italic}.action-buttons{display:flex;gap:15px;justify-content:center}.approve-btn,.reject-btn{flex:1;padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.approve-btn{background:#27ae60;color:#fff}.approve-btn:hover:not(:disabled){background:#219a52;transform:translateY(-1px)}.reject-btn{background:#e74c3c;color:#fff}.reject-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}@media (max-width: 768px){.promotion-approval-container{padding:.75rem}.promotion-header{margin-bottom:1.5rem}.promotion-header h2{font-size:1.75rem;margin-bottom:.5rem}.promotion-header p{font-size:.875rem}.requests-grid{grid-template-columns:1fr;gap:1rem}.request-card{padding:1rem;border-radius:8px}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.5rem}.filter-buttons{justify-content:center;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.375rem .75rem;font-size:.75rem}.search-input{padding:.5rem;font-size:.875rem}.promotion-path{flex-direction:column;gap:.5rem;align-items:flex-start}.role-badge{padding:.25rem .5rem;font-size:.75rem}.action-buttons{flex-direction:column;gap:.5rem}.action-btn{width:100%;padding:.5rem;font-size:.875rem;justify-content:center}.timeline-item{flex-direction:column;gap:.375rem;align-items:flex-start}.timeline-date{font-size:.75rem}.timeline-content{font-size:.875rem}}@media (max-width: 640px){.promotion-approval-container{padding:.5rem}.promotion-header h2{font-size:1.5rem}.promotion-header p{font-size:.75rem}.request-card{padding:.75rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.request-id{font-size:.875rem}.status-badge{padding:.125rem .375rem;font-size:.625rem}.user-info{flex-direction:column;align-items:flex-start;gap:.25rem}.user-avatar{width:32px;height:32px;font-size:.875rem}.user-name{font-size:.875rem}.user-current-role{font-size:.75rem}.promotion-details{gap:.75rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{font-size:.6875rem}.detail-value{font-size:.75rem}.filter-buttons{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.action-btn{padding:.375rem;font-size:.75rem}.spinner{width:32px;height:32px}}@media (max-width: 360px){.promotion-approval-container{padding:.25rem}.promotion-header{margin-bottom:1rem}.promotion-header h2{font-size:1.25rem}.promotion-header p{font-size:.6875rem}.request-card{padding:.5rem}.filter-btn{padding:.25rem .5rem;font-size:.6875rem}.action-btn{padding:.25rem;font-size:.6875rem}.user-avatar{width:28px;height:28px;font-size:.75rem}.detail-label{font-size:.625rem}.detail-value{font-size:.6875rem}.role-badge{padding:.125rem .25rem;font-size:.625rem}.status-badge{padding:.125rem .25rem;font-size:.5625rem}.timeline-date{font-size:.625rem}.timeline-content{font-size:.6875rem}}.tab-navigation{background:transparent;padding:0;margin:0;isolation:isolate}.tab-navigation nav{display:flex;align-items:center;justify-content:flex-start;gap:4px;background:#f8fafc;border-radius:12px;padding:8px;box-shadow:inset 0 1px 3px #0000001a;width:-moz-fit-content;width:fit-content;min-width:100%}.tab-navigation>nav>button{position:relative;cursor:pointer;border:none;background:transparent;outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#64748b;min-height:40px;gap:6px;flex:1;text-align:center}.tab-navigation>nav>button:disabled{opacity:.5;cursor:not-allowed}.tab-navigation>nav>button:focus{outline:2px solid transparent;outline-offset:2px}.tab-navigation>nav>button:not(:disabled):hover:not(.active-tab){background:#ffffff80;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tab-navigation.blue>nav>.active-tab{background:#2563eb!important;color:#fff!important;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.tab-navigation.blue>nav>.active-tab:hover{background:#1d4ed8!important;box-shadow:0 6px 16px #2563eb66}.tab-navigation.indigo>nav>.active-tab{background:#4f46e5!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.tab-navigation.indigo>nav>.active-tab:hover{background:#4338ca!important;box-shadow:0 6px 16px #4f46e566}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;font-weight:600;line-height:1;margin-left:8px;transition:all .2s ease-in-out}.tab-navigation.blue .tab-badge,.tab-navigation.indigo .tab-badge{background:#fff3;color:#fff}.tab-navigation>nav>button:not(.active-tab) .tab-badge{background:#e2e8f0;color:#64748b}.tab-navigation>nav>button:hover:not(.active-tab) .tab-badge{background:#cbd5e1;color:#475569}.tab-icon{width:18px;height:18px;flex-shrink:0}@media (max-width: 768px){.tab-navigation nav{padding:2px;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation nav::-webkit-scrollbar{display:none}.tab-navigation>nav>button{flex-shrink:0;padding:8px 12px;font-size:.75rem;min-width:auto;border-radius:6px}.tab-navigation .tab-icon{width:14px;height:14px}.tab-navigation .tab-badge{min-width:16px;height:16px;font-size:.625rem;margin-left:4px;padding:2px 4px}}@media (max-width: 640px){.tab-navigation nav{padding:4px;gap:2px}.tab-navigation button{padding:6px 10px;font-size:.6875rem}.tab-navigation .tab-icon{width:12px;height:12px}.tab-navigation .tab-badge{min-width:14px;height:14px;font-size:.5625rem;margin-left:2px}}@media (max-width: 480px){.tab-navigation nav{flex-direction:column;align-items:stretch;padding:8px 12px;gap:4px}.tab-navigation button{justify-content:flex-start;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;margin-right:0;font-size:.75rem}.tab-navigation button[class*=border-blue-500],.tab-navigation button[class*=border-indigo-500]{background:linear-gradient(90deg,#3b82f61a,#60a5fa0d);border-color:var(--tab-active-color, #3b82f6)}.tab-navigation button[class*=border-blue-500]:after,.tab-navigation button[class*=border-indigo-500]:after{display:none}}@media (max-width: 360px){.tab-navigation nav{padding:6px 8px;gap:3px}.tab-navigation button{padding:6px 8px;font-size:.6875rem}.tab-navigation .tab-icon{width:10px;height:10px}.tab-navigation .tab-badge{min-width:12px;height:12px;font-size:.5rem;margin-left:2px}}.tab-navigation{pointer-events:auto}.tab-navigation>nav>button{pointer-events:auto;transform:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.tab-navigation>nav>button:hover:not(.active-tab){transform:translateY(-1px)!important}.tab-navigation.blue>nav>.active-tab,.tab-navigation.indigo>nav>.active-tab{transform:translateY(-1px)!important}.user-management-container{padding:1rem;min-height:100vh;background:linear-gradient(135deg,#f9fafb,#a8edea1a,#fed6e31a);width:100%;box-sizing:border-box}@media (min-width: 768px){.user-management-container{padding:1.5rem}}@media (min-width: 1024px){.user-management-container{padding:2rem}}.tab-navigation{margin-bottom:1.5rem;background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000001a;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.tab-navigation::-webkit-scrollbar{height:4px}.tab-navigation::-webkit-scrollbar-track{background:transparent}.tab-navigation::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}.team-hierarchy-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:1rem;margin-bottom:1.5rem;position:relative;border:1px solid rgba(59,130,246,.1)}@media (min-width: 768px){.team-hierarchy-container{padding:1.5rem;margin-bottom:2rem}}.hierarchy-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}@media (min-width: 768px){.hierarchy-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}}.hierarchy-search-section{flex:1;min-width:0}.hierarchy-search-input{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;min-height:44px}.hierarchy-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hierarchy-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (min-width: 768px){.hierarchy-actions{flex-wrap:nowrap}}.hierarchy-button{padding:.625rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #d1d5db;background:#fff;color:#374151;min-height:40px;display:flex;align-items:center;gap:.375rem;white-space:nowrap;flex:1;justify-content:center}@media (min-width: 768px){.hierarchy-button{flex:none;font-size:.875rem;padding:.75rem 1rem;min-height:44px}}.hierarchy-button:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.team-node{margin-bottom:.5rem;position:relative}.team-node.level-0{margin-left:0}.team-node.level-1{margin-left:1.5rem}.team-node.level-2{margin-left:3rem}.team-node.level-3{margin-left:4.5rem}.team-node.level-4{margin-left:6rem}.hierarchy-connector{position:absolute;left:-1.5rem;top:50%;height:2px;background:#e5e7eb;border-radius:1px}.hierarchy-line{width:100%;height:100%;background:linear-gradient(90deg,#e5e7eb,transparent)}.hierarchy-level-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #d1d5db}.team-children{margin-top:.5rem;padding-left:0}.child-connector{z-index:1}.children-connector{z-index:0}@media (max-width: 640px){.team-node.level-1{margin-left:1rem!important}.team-node.level-2{margin-left:2rem!important}.team-node.level-3{margin-left:3rem!important}.team-node.level-4{margin-left:4rem!important}.hierarchy-connector{left:-1rem}.hierarchy-level-badge{font-size:.6875rem;padding:.0625rem .375rem}}.team-node:before{content:"";position:absolute;left:-.75rem;top:0;bottom:0;width:2px;background:#f3f4f6;z-index:-1}.team-node.level-0:before{display:none}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;margin-bottom:.5rem}@media (min-width: 768px){.team-card{padding:1rem}}.team-card:hover{border-color:#3b82f6;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.team-node-content{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.team-node-content{flex-direction:row;align-items:center;justify-content:space-between}}.team-user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.team-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#2563eb)}@media (min-width: 768px){.team-user-avatar{width:40px;height:40px;font-size:1rem}}.role-admin-bg{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:2px solid #fca5a5}.role-sd-bg{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:2px solid #93c5fd}.role-asd-bg{background:linear-gradient(135deg,#059669,#047857)!important;border:2px solid #6ee7b7}.role-sa-bg{background:linear-gradient(135deg,#d97706,#b45309)!important;border:2px solid #fbbf24}.team-user-details{flex:1;min-width:0}.team-user-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.9375rem;word-wrap:break-word}@media (min-width: 768px){.team-user-name{font-size:1rem}}.team-user-email{font-size:.8125rem;color:#6b7280;word-wrap:break-word}@media (min-width: 768px){.team-user-email{font-size:.875rem}}.team-user-role{display:inline-block;padding:.25rem .5rem;background:#3b82f61a;color:#3b82f6;border-radius:12px;font-size:.75rem;font-weight:500;margin-top:.25rem}.team-node-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-self:flex-start}@media (min-width: 640px){.team-node-actions{flex-wrap:nowrap;align-self:center}}.user-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(59,130,246,.1);overflow:hidden}.user-list-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;border-bottom:1px solid #e5e7eb}@media (min-width: 768px){.user-list-header{padding:1.5rem}}.user-list-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}@media (min-width: 768px){.user-list-title{font-size:1.5rem}}.user-list-subtitle{color:#6b7280;font-size:.875rem}.user-list-controls{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.user-list-controls{flex-direction:row;align-items:center;justify-content:space-between}}.search-controls{display:flex;flex-direction:column;gap:.75rem;flex:1;min-width:0}@media (min-width: 640px){.search-controls{flex-direction:row;gap:1rem}}.role-filter-select{padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;min-height:44px;min-width:140px}.role-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-card{border-bottom:1px solid #f3f4f6;padding:1rem;transition:background-color .2s ease;background:#fff}.user-card:hover{background-color:#3b82f605}.user-card:last-child{border-bottom:none}@media (min-width: 768px){.user-card{padding:1.25rem}}.user-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-main-info{flex:1;min-width:0}.user-name{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.25rem;word-wrap:break-word}.user-email{color:#6b7280;font-size:.875rem;word-wrap:break-word;margin-bottom:.5rem}.user-role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-sa{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.role-asd{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.role-sd{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.role-agent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}@media (max-width: 768px){.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;margin-bottom:.5rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}@media (min-width: 768px){.user-card{padding:1rem}}.user-card:hover{border-color:#3b82f6;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.user-card:last-child{margin-bottom:0}.user-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(59,130,246,.1);padding:1rem;overflow:hidden;margin-bottom:1.5rem}@media (min-width: 768px){.user-list-container{padding:1.5rem;margin-bottom:2rem}}.user-card-actions .action-btn{background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:8px;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s ease;min-height:44px}.user-card-actions .action-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.user-card-actions .action-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.user-card-actions .action-btn:nth-child(2){background:#10b981;border-color:#10b981}.user-card-actions .action-btn:nth-child(2):hover{background:#059669;border-color:#059669}.user-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-avatar.bg-admin{background:linear-gradient(135deg,#ef4444,#dc2626)}.user-avatar.bg-sd{background:linear-gradient(135deg,#3b82f6,#2563eb)}.user-avatar.bg-asd{background:linear-gradient(135deg,#10b981,#059669)}.user-avatar.bg-sa{background:linear-gradient(135deg,#f59e0b,#d97706)}}.user-card-details{display:grid;gap:.75rem;margin-bottom:1rem}@media (min-width: 640px){.user-card-details{grid-template-columns:1fr 1fr}}.user-detail-item{display:flex;flex-direction:column;gap:.25rem}.user-detail-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.user-detail-value{font-size:.875rem;color:#1f2937;font-weight:500;word-wrap:break-word}.user-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #f3f4f6}@media (min-width: 640px){.user-card-actions{justify-content:flex-end;flex-wrap:nowrap}}.action-btn{padding:.625rem 1rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-height:36px;display:flex;align-items:center;justify-content:center;gap:.375rem;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1}@media (min-width: 640px){.action-btn{flex:none;min-width:80px;font-size:.8125rem}}@media (min-width: 768px){.action-btn{font-size:.875rem;padding:.75rem 1rem;min-height:40px}}.action-btn:active{transform:translateY(0)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 640px){.modal-footer{flex-direction:column}.modal-footer .action-btn{flex:none;width:100%}}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;box-sizing:border-box;min-height:44px}.form-textarea{resize:vertical;min-height:80px}.form-error{color:#ef4444;font-size:.8125rem;margin-top:.25rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.alert-close{margin-left:auto;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.alert-close:hover{background:#0000001a}@media (max-width: 480px){.user-management-container{padding:.75rem}.tab-navigation{padding:.375rem;margin-bottom:1rem}.tab-button{padding:.625rem .75rem;font-size:.8125rem}.team-hierarchy-container{padding:.75rem;margin-bottom:1rem}.user-card{padding:.75rem}.user-card-details{grid-template-columns:1fr}.user-card-actions{flex-direction:column}.action-btn{flex:none;width:100%}.modal-header,.modal-body,.modal-footer{padding:1rem}}@media (prefers-reduced-motion: reduce){.tab-button,.action-btn,.team-card,.user-card,.modal-close{transition:none}.tab-button:hover,.action-btn:hover,.team-card:hover,.user-card:hover{transform:none}.loading-spinner{animation:none;border:4px solid #3b82f6}}@media (prefers-contrast: high){.team-card,.user-card{border:2px solid #000}.tab-button,.action-btn{border-width:2px}}@media (max-width: 768px){.tab-button,.action-btn,.form-input,.form-select,.modal-close{-webkit-tap-highlight-color:rgba(59,130,246,.1);touch-action:manipulation}.tab-button,.action-btn{min-height:44px;min-width:44px}.form-input,.form-select{min-height:44px}.modal-close{min-width:44px;min-height:44px}}.franchise-orders-container{padding:1rem;min-height:100vh;background:linear-gradient(135deg,#f9fafb,#3b82f60d);width:100%;box-sizing:border-box}@media (min-width: 768px){.franchise-orders-container{padding:1.5rem}}@media (min-width: 1024px){.franchise-orders-container{padding:2rem}}.franchise-orders-header{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(59,130,246,.1)}@media (min-width: 768px){.franchise-orders-header{padding:2rem;margin-bottom:2rem}}.franchise-orders-title{font-size:1.875rem;font-weight:700;color:#1e40af;margin-bottom:.5rem;line-height:1.2;word-wrap:break-word}@media (min-width: 768px){.franchise-orders-title{font-size:2.25rem}}@media (min-width: 1024px){.franchise-orders-title{font-size:2.5rem}}.franchise-orders-subtitle{color:#64748b;font-size:.875rem;line-height:1.5}@media (min-width: 768px){.franchise-orders-subtitle{font-size:1rem}}@media (min-width: 1024px){.franchise-orders-subtitle{font-size:1.125rem}}.franchise-orders-controls{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1)}@media (min-width: 768px){.franchise-orders-controls{padding:1.5rem;margin-bottom:2rem}}.controls-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-section{flex:1;min-width:0}.search-input{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;min-height:44px}.filters-section{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.filters-section{flex-direction:row;gap:1rem}}.franchise-orders-filters{display:flex;gap:.5rem;flex-wrap:wrap}@media (min-width: 768px){.franchise-orders-filters{gap:1rem;flex-wrap:nowrap}}.filter-button{padding:.625rem 1rem;border-radius:8px;border:2px solid #e5e7eb;background:#fff;color:#374151;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (min-width: 768px){.filter-button{padding:.75rem 1.5rem;font-size:.875rem}}.filter-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 4px 8px #3b82f64d}.filter-button:active{transform:translateY(0)}.sort-controls{display:flex;gap:.5rem;align-items:center}.sort-select{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;background:#fff;min-height:44px;min-width:120px}@media (min-width: 768px){.sort-select{font-size:.875rem;padding:.75rem}}.franchise-orders-list{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(59,130,246,.1);overflow:hidden;margin-bottom:2rem}.mobile-order-card{border-bottom:1px solid #f3f4f6;padding:1rem;transition:background-color .2s ease;background:#fff}.mobile-order-card:hover{background-color:#3b82f605}.mobile-order-card:last-child{border-bottom:none}@media (min-width: 768px){.mobile-order-card{padding:1.5rem}}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.mobile-card-id{font-weight:700;color:#1e40af;font-size:1rem;line-height:1.2;word-break:break-all;flex:1;min-width:0}@media (min-width: 768px){.mobile-card-id{font-size:1.125rem}}.mobile-card-status{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;text-align:center;min-width:80px}@media (min-width: 768px){.mobile-card-status{font-size:.8125rem;padding:.5rem 1rem;min-width:90px}}.mobile-card-content{display:grid;gap:.75rem;margin-bottom:1rem}@media (min-width: 640px){.mobile-card-content{grid-template-columns:1fr 1fr;gap:1rem}}.mobile-info-row{display:flex;flex-direction:column;gap:.25rem}.mobile-info-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mobile-info-value{font-size:.875rem;color:#1f2937;font-weight:500;word-wrap:break-word;line-height:1.4}.mobile-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding-top:.75rem;border-top:1px solid #f3f4f6}@media (min-width: 640px){.mobile-card-actions{justify-content:flex-end;flex-wrap:nowrap}}.status-completed{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}@media (min-width: 640px){.action-button{flex:none;min-width:80px;font-size:.8125rem;padding:.75rem 1rem;min-height:40px}}@media (min-width: 768px){.action-button{font-size:.875rem;padding:.75rem 1.25rem;min-height:44px}}.action-button-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-button-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.action-button-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-button-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.action-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-button-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.action-button-secondary{background:#f8fafc;color:#374151;border-color:#d1d5db}.action-button-secondary:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-button:disabled:hover{transform:none;box-shadow:none}.loading-container,.empty-container{padding:3rem 1rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-message{color:#6b7280;font-size:1rem;margin-bottom:.5rem}.empty-description{color:#9ca3af;font-size:.875rem}@media (max-width: 480px){.franchise-orders-container{padding:.75rem}.franchise-orders-header{padding:1rem;margin-bottom:1rem}.franchise-orders-title{font-size:1.5rem}.mobile-order-card{padding:.75rem}.mobile-card-content{grid-template-columns:1fr}.mobile-card-actions{flex-direction:column;align-items:stretch}.action-button{flex:none;width:100%}}@media (prefers-reduced-motion: reduce){.filter-button,.action-button,.pagination-button{transition:none}.filter-button:hover,.action-button:hover,.pagination-button:hover{transform:none}.loading-spinner{animation:none;border:4px solid #3b82f6}}@media (prefers-contrast: high){.mobile-order-card{border:1px solid #000}.filter-button,.action-button,.pagination-button{border-width:2px}}@media (max-width: 768px){.filter-button,.action-button,.pagination-button,.search-input,.sort-select{-webkit-tap-highlight-color:rgba(59,130,246,.1);touch-action:manipulation}.filter-button,.action-button,.pagination-button{min-height:44px;min-width:44px}.search-input,.sort-select{min-height:44px}}.commission-container{padding:1rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f9fafb,#3b82f60d);min-height:100vh;width:100%;box-sizing:border-box}.commission-header{text-align:center;margin-bottom:1.5rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(59,130,246,.1)}.commission-title{font-size:1.875rem;font-weight:700;color:#1e40af;margin-bottom:.5rem;line-height:1.2}@media (min-width: 1024px){.commission-title{font-size:2.5rem}}.commission-subtitle{font-size:.875rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}@media (min-width: 768px){.commission-subtitle{font-size:1rem}}@media (min-width: 1024px){.commission-subtitle{font-size:1.1rem}}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-size:.875rem;box-shadow:0 2px 8px #dc26261a}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:1rem 0}@media (min-width: 768px){.loading-spinner{min-height:400px}}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#6b7280;font-size:.875rem}.commission-stats{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.commission-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 768px){.commission-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}}.stat-card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;text-align:center;border:1px solid rgba(59,130,246,.1);transition:all .2s ease;position:relative;overflow:hidden}@media (min-width: 768px){.stat-card{padding:1.5rem}}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.stat-number{font-size:2rem;font-weight:700;color:#1e40af;margin-bottom:.5rem;line-height:1}@media (min-width: 768px){.stat-number{font-size:2.25rem}}@media (min-width: 1024px){.stat-number{font-size:2.5rem}}.stat-label{font-size:.8125rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 768px){.stat-label{font-size:.875rem}}.commission-tabs{background:#fff;border-radius:12px;padding:.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.tab-buttons{display:flex;gap:.5rem;min-width:-moz-min-content;min-width:min-content}@media (min-width: 768px){.tab-buttons{justify-content:center}}.tab-button{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;min-height:44px;display:flex;align-items:center;gap:.5rem;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (min-width: 768px){.tab-button{padding:.875rem 1.25rem;font-size:.9375rem}}.tab-button:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f64d}.tab-button:active{transform:translateY(0)}.commission-controls{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1)}@media (min-width: 768px){.commission-controls{padding:1.5rem;margin-bottom:2rem}}.controls-row{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.controls-row{flex-direction:row;align-items:center;justify-content:space-between}}.search-filter-section{display:flex;flex-direction:column;gap:.75rem;flex:1;min-width:0}@media (min-width: 640px){.search-filter-section{flex-direction:row;gap:1rem}}.search-input{flex:1;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;min-height:44px}.status-filter,.items-per-page-select{padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;min-height:44px;min-width:140px}.status-filter:focus,.items-per-page-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bulk-actions-section{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}@media (min-width: 768px){.bulk-actions-section{flex-wrap:nowrap}}.commission-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(59,130,246,.1);overflow:hidden;margin-bottom:1.5rem}@media (min-width: 768px){.commission-table-container{margin-bottom:2rem}}.commission-card{border-bottom:1px solid #f3f4f6;padding:1rem;transition:background-color .2s ease;background:#fff}.commission-card:hover{background-color:#3b82f605}.commission-card:last-child{border-bottom:none}@media (min-width: 768px){.commission-card{padding:1.25rem}}.commission-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.commission-card-id{font-weight:700;color:#1e40af;font-size:1rem;line-height:1.2;word-break:break-all;flex:1;min-width:0}@media (min-width: 768px){.commission-card-id{font-size:1.125rem}}.commission-card-status{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;text-align:center;min-width:80px}@media (min-width: 768px){.commission-card-status{font-size:.8125rem;padding:.5rem 1rem;min-width:90px}}.commission-card-content{display:grid;gap:.75rem;margin-bottom:1rem}@media (min-width: 640px){.commission-card-content{grid-template-columns:1fr 1fr;gap:1rem}}@media (min-width: 1024px){.commission-card-content{grid-template-columns:repeat(3,1fr)}}.commission-info-item{display:flex;flex-direction:column;gap:.25rem}.commission-info-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.commission-info-value{font-size:.875rem;color:#1f2937;font-weight:500;word-wrap:break-word;line-height:1.4}.commission-amount{color:#059669;font-weight:700;font-size:1rem}.commission-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding-top:.75rem;border-top:1px solid #f3f4f6}@media (min-width: 640px){.commission-card-actions{justify-content:flex-end;flex-wrap:nowrap}}.status-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-paid{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.status-processing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-button{padding:.625rem 1rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-height:36px;display:flex;align-items:center;justify-content:center;gap:.375rem;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1}@media (min-width: 640px){.action-button{flex:none;min-width:80px;font-size:.8125rem}}@media (min-width: 768px){.action-button{font-size:.875rem;padding:.75rem 1rem;min-height:40px}}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.btn-secondary{background:#f8fafc;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.bulk-actions-bar{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}@media (min-width: 768px){.bulk-actions-bar{flex-direction:row;align-items:center;justify-content:space-between}}.bulk-actions-info{font-size:.875rem;color:#374151;font-weight:500}.bulk-actions-buttons{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}@media (min-width: 768px){.bulk-actions-buttons{width:auto;flex-wrap:nowrap}}.pagination-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1);display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 768px){.pagination-container{padding:1.5rem;flex-direction:row;justify-content:space-between}}@media (min-width: 768px){.pagination-info{text-align:left}}.pagination-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.pagination-controls{justify-content:flex-end;flex-wrap:nowrap}}.pagination-button{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.8125rem;cursor:pointer;transition:all .2s ease;min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.pagination-button{font-size:.875rem;padding:.625rem 1rem;min-height:40px}}.pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;width:100%}@media (min-width: 640px){.modal-content{max-width:600px}}@media (min-width: 768px){.modal-content{max-width:700px}}@media (min-width: 1024px){.modal-content{max-width:800px}}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}@media (min-width: 768px){.modal-title{font-size:1.5rem}}.modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#e5e7eb;transform:scale(1.05)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 640px){.modal-footer{flex-direction:column}.modal-footer .action-button{flex:none;width:100%}}.empty-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#9ca3af}.empty-message{color:#6b7280;font-size:1rem;margin-bottom:.5rem;font-weight:500}.empty-description{color:#9ca3af;font-size:.875rem;line-height:1.5}@media (max-width: 480px){.commission-container{padding:.75rem}.commission-header{padding:1rem;margin-bottom:1rem}.commission-title{font-size:1.5rem}.commission-stats{gap:.75rem}.stat-card{padding:1rem}.stat-number{font-size:1.75rem}.commission-card{padding:.75rem}.commission-card-content{grid-template-columns:1fr}.commission-card-actions{flex-direction:column;align-items:stretch}.action-button{flex:none;width:100%}}@media (prefers-reduced-motion: reduce){.tab-button,.action-button,.pagination-button,.stat-card,.commission-card,.modal-close{transition:none}.tab-button:hover,.action-button:hover,.pagination-button:hover,.stat-card:hover,.commission-card:hover{transform:none}.spinner{animation:none;border:4px solid #3b82f6}}@media (prefers-contrast: high){.commission-card,.stat-card{border:2px solid #000}.tab-button,.action-button,.pagination-button{border-width:2px}}@media (max-width: 768px){.tab-button,.action-button,.pagination-button,.search-input,.status-filter,.items-per-page-select,.modal-close{-webkit-tap-highlight-color:rgba(59,130,246,.1);touch-action:manipulation}.tab-button,.action-button,.pagination-button{min-height:44px;min-width:44px}.search-input,.status-filter,.items-per-page-select{min-height:44px}.modal-close{min-width:44px;min-height:44px}}.commission-container{padding:.75rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#3b82f608);min-height:100vh;width:100%;box-sizing:border-box}@media (min-width: 640px){.commission-container{padding:1rem}}@media (min-width: 768px){.commission-container{padding:1.5rem}}@media (min-width: 1024px){.commission-container{padding:2rem}}.commission-header{text-align:center;margin-bottom:1rem;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(59,130,246,.1)}@media (min-width: 640px){.commission-header{margin-bottom:1.5rem;padding:1.5rem}}@media (min-width: 768px){.commission-header{padding:2rem;margin-bottom:2rem}}.commission-title{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:.5rem;line-height:1.2}@media (min-width: 640px){.commission-title{font-size:1.875rem}}@media (min-width: 768px){.commission-title{font-size:2.25rem}}.commission-subtitle{font-size:.8125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.5}@media (min-width: 640px){.commission-subtitle{font-size:.875rem}}@media (min-width: 768px){.commission-subtitle{font-size:1rem;line-height:1.6}}.commission-stats{display:grid;grid-template-columns:1fr;gap:.875rem;margin-bottom:1rem}@media (min-width: 480px){.commission-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.commission-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}}.stat-card{background:#fff;padding:1rem;border-radius:12px;text-align:center;border:1px solid rgba(59,130,246,.1);box-shadow:0 2px 12px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}@media (min-width: 640px){.stat-card{padding:1.25rem}}@media (min-width: 768px){.stat-card{padding:1.5rem;border-radius:16px}}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.stat-number{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:.375rem;line-height:1}@media (min-width: 480px){.stat-number{font-size:1.75rem}}@media (min-width: 640px){.stat-number{font-size:2rem;margin-bottom:.5rem}}.stat-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 480px){.stat-label{font-size:.8125rem}}.commission-tabs{background:#fff;border-radius:12px;padding:.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1);overflow-x:auto;scrollbar-width:thin}@media (min-width: 640px){.commission-tabs{margin-bottom:1.5rem}}@media (min-width: 768px){.commission-tabs{margin-bottom:2rem}}.commission-tabs::-webkit-scrollbar{height:4px}.commission-tabs::-webkit-scrollbar-track{background:transparent}.commission-tabs::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}.tab-btn{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#f9fafb;color:#6b7280;min-height:44px;margin-right:.5rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (min-width: 480px){.tab-btn{font-size:.875rem;padding:.75rem 1.25rem}}@media (min-width: 768px){.tab-btn{padding:.875rem 1.5rem;font-size:.9375rem}}.tab-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 8px #3b82f64d}.filters-section{background:#fff;border-radius:12px;padding:.875rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1)}@media (min-width: 640px){.filters-section{padding:1rem;margin-bottom:1.5rem}}@media (min-width: 768px){.filters-section{padding:1.5rem;margin-bottom:2rem}}.search-box{margin-bottom:.875rem}@media (min-width: 640px){.search-box{margin-bottom:1rem}}.search-input{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;min-height:44px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-controls{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 480px){.filter-controls{flex-direction:row;gap:1rem}}.status-filter,select[class*=filter]{flex:1;padding:.875rem 2.5rem .875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}.status-filter:focus,select[class*=filter]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1)}.orders-table{display:none}@media (min-width: 768px){.orders-table{display:table;width:100%;border-collapse:collapse}}.mobile-order-cards{display:block;padding:.5rem}@media (min-width: 768px){.mobile-order-cards{display:none}}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.order-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.order-card:last-child{margin-bottom:0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.card-name{font-size:1rem;font-weight:600;color:#1f2937;flex:1;min-width:0}.card-status{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.card-info{display:grid;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.info-label{font-weight:500;color:#374151;min-width:-moz-fit-content;min-width:fit-content}.info-value{text-align:right;word-break:break-word}.card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:36px;touch-action:manipulation}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626}.action-btn:disabled{opacity:.5;cursor:not-allowed}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#047857}.status-rejected{background:#fee2e2;color:#991b1b}@media (min-width: 768px){.orders-table th,.orders-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.orders-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.orders-table th:hover{background:#f3f4f6}.orders-table tbody tr:hover{background:#f9fafb}.orders-table .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}}.pagination-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:#fff;border-top:1px solid #e5e7eb}@media (min-width: 640px){.pagination-section{flex-direction:row;justify-content:space-between;padding:1.5rem}}.pagination-info{font-size:.875rem;color:#6b7280;text-align:center}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:36px;touch-action:manipulation}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow-y:auto;width:100%;max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}@media (min-width: 640px){.modal-header{padding:1.5rem}}.modal-title{font-size:1.125rem;font-weight:600;color:#1f2937}@media (min-width: 640px){.modal-title{font-size:1.25rem}}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:4px;transition:all .2s ease;min-height:40px;min-width:40px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1rem}@media (min-width: 640px){.modal-body{padding:1.5rem}}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#991b1b;padding:.875rem;border-radius:12px;margin-bottom:1rem;text-align:center;font-size:.8125rem;box-shadow:0 2px 8px #dc26261a}@media (min-width: 640px){.error-message{padding:1rem;margin-bottom:1.5rem}}@media (min-width: 768px){.error-message{font-size:1rem}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.875rem}.loading-text{color:#6b7280;font-size:.8125rem}@media (hover: none) and (pointer: coarse){.tab-btn,.action-btn,.pagination-btn,.order-card{-webkit-tap-highlight-color:rgba(59,130,246,.1)}.tab-btn:active,.action-btn:active,.pagination-btn:active{transform:scale(.98)}.order-card:active{transform:scale(.99)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.page-header{position:relative;overflow:hidden;border-radius:16px;margin-bottom:24px;transition:all .3s ease-in-out}.page-header__content{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 32px}.page-header__main{display:flex;align-items:center;gap:16px}.page-header__logo,.page-header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-header__icon{width:48px;height:48px;border-radius:12px;background:#3b82f61a;color:#3b82f6}.page-header__text{flex:1}.page-header__title{font-size:28px;font-weight:700;margin:0;line-height:1.2}.page-header__subtitle{font-size:16px;margin:4px 0 0;opacity:.8;line-height:1.4}.page-header__actions{display:flex;align-items:center;gap:12px}.page-header--default{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-header--default .page-header__title{color:#1e293b}.page-header--default .page-header__subtitle{color:#64748b}.page-header--gradient{background:linear-gradient(135deg,#00f,#0000bf,#667eea);color:#fff;box-shadow:0 10px 25px #0000ff4d}.page-header--gradient .page-header__title{color:#fff}.page-header--gradient .page-header__subtitle{color:#ffffffe6}.page-header--gradient .page-header__icon{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header__decoration{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header__decoration--1{width:120px;height:120px;top:-30px;right:-30px;animation:float 6s ease-in-out infinite}.page-header__decoration--2{width:80px;height:80px;bottom:-20px;left:20%;animation:float 8s ease-in-out infinite reverse}.page-header__decoration--3{width:60px;height:60px;top:50%;right:20%;animation:float 10s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.page-header--minimal{background:transparent;border:none;box-shadow:none;padding:16px 0}.page-header--minimal .page-header__content{padding:0}.page-header--minimal .page-header__title{color:#1e293b;font-size:24px}.page-header--minimal .page-header__subtitle{color:#64748b;font-size:14px}.page-header--default:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.page-header--gradient:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00f6}.page-header--gradient:hover .page-header__decoration{animation-duration:4s}@media (max-width: 768px){.page-header__content{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}.page-header__main{width:100%}.page-header__actions{width:100%;justify-content:flex-end}.page-header__title{font-size:24px}.page-header__subtitle{font-size:14px}.page-header__decoration{display:none}}@media (max-width: 480px){.page-header__content{padding:16px 20px}.page-header__main{gap:12px}.page-header__icon{width:40px;height:40px}.page-header__title{font-size:20px}.page-header__subtitle{font-size:13px}}.paid-commissions{padding:16px;background-color:#f8fafc;min-height:100vh}.paid-commissions-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.paid-commissions-title{font-size:28px;font-weight:700;color:#1a202c;margin:0}.paid-commissions-subtitle{font-size:16px;color:#718096;margin:0}.search-filter-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.search-filter-header{padding:20px;border-bottom:1px solid #e2e8f0}.search-bar{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.action-buttons{display:flex;gap:12px;align-items:center}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:#f7fafc;border-color:#cbd5e0}.filter-toggle-btn.active{background:#ebf8ff;border-color:#3182ce;color:#2c5aa0}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#f7fafc;border-color:#cbd5e0}.advanced-filters{padding:20px;background:#f7fafc;border-top:1px solid #e2e8f0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column}.filter-label{font-weight:500;font-size:14px;margin-bottom:6px;color:#4a5568}.filter-select,.filter-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.filter-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clear-filters-btn{padding:10px 16px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#f7fafc;border-color:#cbd5e0}.results-count{font-size:14px;color:#718096;display:flex;align-items:center}.enhanced-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{padding:20px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.table-title{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 4px}.table-subtitle{font-size:14px;color:#718096;margin:0}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.sortable-header:hover{background-color:#f1f5f9}.sort-indicators{display:flex;align-items:center;gap:4px}.sort-icon{width:16px;height:16px;color:#a0aec0}.sort-direction{color:#3182ce;font-weight:600}.mobile-commission-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.mobile-commission-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{background:#ebf8ff;border-radius:50%;padding:8px;flex-shrink:0}.user-details h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 4px}.user-details p{font-size:14px;color:#718096;margin:0 0 8px}.amount-display{text-align:right;flex-shrink:0}.amount-value{font-size:20px;font-weight:700;color:#10b981;margin-bottom:8px}.card-details{display:grid;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label{color:#718096;font-weight:500}.detail-value{color:#2d3748;font-weight:500;text-align:right}.expand-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#3182ce;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.expand-button:hover{background:#f7fafc;border-color:#3182ce}.expanded-details{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.pagination-container{padding:20px;border-top:1px solid #e2e8f0;background:#f7fafc}.pagination-controls{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#4a5568}.items-per-page-select{padding:6px 8px;border:2px solid #e2e8f0;border-radius:4px;font-size:14px;background:#fff}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:44px;text-align:center}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn.active{background:#3182ce;border-color:#3182ce;color:#fff}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.paid{background:#d1fae5;color:#065f46}.role-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.25px}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.error-container{background:#fed7d7;border:2px solid #fc8181;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.error-icon{color:#e53e3e;flex-shrink:0}.error-message{color:#c53030;font-weight:500}.success-container{background:#c6f6d5;border:2px solid #68d391;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.success-icon{color:#38a169;flex-shrink:0}.success-message{color:#2f855a;font-weight:500}@media (max-width: 768px){.paid-commissions{padding:12px}.paid-commissions-header{padding:16px}.paid-commissions-title{font-size:24px}.search-filter-header{flex-direction:column;gap:16px;align-items:stretch}.search-bar{max-width:none}.action-buttons{flex-wrap:wrap;justify-content:stretch}.filter-toggle-btn,.export-btn{flex:1;justify-content:center}.filters-grid{grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:12px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.paid-commissions{padding:8px}.mobile-commission-card{padding:16px}.card-header{flex-direction:column;gap:12px}.amount-display{text-align:left;width:100%}.user-info{gap:8px}.amount-value{font-size:18px}}@media (prefers-color-scheme: dark){.paid-commissions{background-color:#1a202c}.search-filter-container,.enhanced-table,.mobile-commission-card{background:#2d3748;border-color:#4a5568}.table-header,.advanced-filters,.pagination-container{background:#2d3748}.paid-commissions-title,.table-title,.detail-value{color:#f7fafc}.paid-commissions-subtitle,.table-subtitle,.detail-label{color:#a0aec0}}.btn-primary:hover{background-color:#2c5282}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover{background-color:#cbd5e0}.paid-commissions-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.table th{background-color:#f7fafc;font-weight:600;color:#4a5568;font-size:14px}.table td{font-size:14px;color:#2d3748}.table tr:hover{background-color:#f7fafc}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-paid{background-color:#c6f6d5;color:#22543d}.status-pending{background-color:#fed7d7;color:#742a2a}.status-processing{background-color:#faf089;color:#744210}.amount-cell{font-weight:600;color:#22543d}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px;background:#fff;border-top:1px solid #e2e8f0}.pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:#3182ce;color:#fff;border-color:#3182ce}.pagination-info{font-size:14px;color:#4a5568;margin:0 16px}.no-data{text-align:center;padding:40px;color:#718096;font-size:16px}.loading{text-align:center;padding:40px;color:#4a5568;font-size:16px}.error-message{background-color:#fed7d7;color:#742a2a;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #feb2b2}@media (max-width: 768px){.paid-commissions{padding:10px}.paid-commissions-header{flex-direction:column;gap:12px;text-align:center}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column}.table th,.table td{padding:8px;font-size:12px}.pagination{flex-wrap:wrap;gap:4px}.pagination-btn{padding:6px 10px;font-size:12px}}#root{width:100%;margin:0;padding:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body{margin:0!important;padding:0!important;overflow-x:hidden}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}@media (max-width: 768px){button,a,[role=button]{min-height:44px;min-width:44px}.nav-item{min-height:48px;padding:12px 16px}.form-input{padding:12px 16px;font-size:16px}}.bidaboss-logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.bidaboss-logo:hover{filter:drop-shadow(0 0 2em #0000FFaa)}@keyframes bidaboss-glow{0%,to{filter:drop-shadow(0 0 1em #0000FF50)}50%{filter:drop-shadow(0 0 2em #FFD70080)}}.bidaboss-logo-animated{animation:bidaboss-glow 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00f,gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#0000bf,#e6c200)}*{transition:all .2s ease-in-out}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #0000FF;outline-offset:2px}.bg-bidaboss-gradient{background:linear-gradient(135deg,#00f,gold)}.bg-bidaboss-gradient-reverse{background:linear-gradient(135deg,gold,#00f)}.bidaboss-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.bidaboss-card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000ff1a,0 10px 10px -5px #0000ff0a}.text-bidaboss-gradient{background:linear-gradient(135deg,#00f,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bidaboss-spinner{border-color:#00f;border-top-color:transparent}.btn-bidaboss{background:linear-gradient(135deg,#00f,gold);border:none;color:#fff;font-weight:600;transition:all .3s ease}.btn-bidaboss:hover{background:linear-gradient(135deg,#0000bf,#e6c200);transform:translateY(-1px);box-shadow:0 10px 20px #0000ff4d}.text-success-bidaboss{color:#10b981}.text-error-bidaboss{color:#ef4444}.bg-success-bidaboss{background-color:#d1fae5;border-color:#10b981}.bg-error-bidaboss{background-color:#fee2e2;border-color:#ef4444}.modal-overlay-full{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;z-index:9999!important;overflow:hidden;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:radial-gradient(circle at 20% 80%,rgba(0,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%),#0000004d;background-color:#0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay-full>div{max-height:90vh;max-width:calc(100vw - 2rem);margin:1rem auto;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#fffffff2!important;border:1px solid rgba(255,255,255,.18)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay-full>div{animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.modal-overlay-full>div{margin:.5rem;max-height:95vh;max-width:calc(100vw - 1rem)}}@supports (-webkit-backdrop-filter: blur(20px)){.modal-overlay-full{background:radial-gradient(circle at 20% 80%,rgba(0,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.08) 0%,transparent 50%),#0003}}:root{--screen-xs: 480px;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--touch-target: 44px;--z-modal: 1000;--z-dropdown: 900;--z-sticky: 800;--z-header: 700;--z-overlay: 600}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-fluid{width:100%;padding-left:var(--space-sm);padding-right:var(--space-sm)}@media (min-width: 768px){.container-fluid{padding-left:var(--space-md);padding-right:var(--space-md)}}.grid{display:grid;gap:var(--space-md)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-responsive{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-responsive-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width: 640px){.grid{gap:var(--space-sm)}.grid-responsive,.grid-responsive-sm,.grid-responsive-lg{grid-template-columns:1fr}}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}.p-2{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.p-6{padding:var(--space-lg)}.m-2{margin:var(--space-sm)}.m-4{margin:var(--space-md)}.m-6{margin:var(--space-lg)}.px-2{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-4{padding-left:var(--space-md);padding-right:var(--space-md)}.px-6{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-4{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-6{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}@media (max-width: 640px){.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-lg)}.text-responsive-3xl{font-size:var(--text-xl)}.text-responsive-4xl{font-size:var(--text-2xl)}}@media (min-width: 641px){.text-responsive-lg{font-size:var(--text-xl)}.text-responsive-xl,.text-responsive-2xl{font-size:var(--text-2xl)}.text-responsive-3xl{font-size:var(--text-3xl)}.text-responsive-4xl{font-size:var(--text-4xl)}}.card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(0,0,0,.05);overflow:hidden}.card-mobile{border-radius:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 640px){.card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:var(--space-md)}}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid #e2e8f0;background:#f8fafc}.card-body{padding:var(--space-xl)}.card-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid #e2e8f0;background:#f8fafc}@media (max-width: 640px){.card-header,.card-footer{padding:var(--space-md) var(--space-lg)}.card-body{padding:var(--space-lg)}}@media (max-width: 480px){.card-header,.card-footer{padding:var(--space-sm) var(--space-md)}.card-body{padding:var(--space-md)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;max-width:90vw;max-height:90vh;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch}@media (min-width: 640px){.modal{max-width:600px}}@media (min-width: 768px){.modal-lg{max-width:800px}.modal-xl{max-width:1000px}}@media (max-width: 640px){.modal-overlay{padding:var(--space-sm)}.modal{max-width:95vw;max-height:95vh;border-radius:8px}.modal-fullscreen-mobile{max-width:100vw;max-height:100vh;border-radius:0;margin:0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:var(--text-sm);font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:var(--touch-target);min-width:var(--touch-target);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-sm{padding:.5rem 1rem;font-size:var(--text-xs);min-height:36px}.btn-lg{padding:1rem 2rem;font-size:var(--text-base);min-height:52px}@media (max-width: 640px){.btn{padding:.875rem 1.25rem;font-size:var(--text-sm);min-height:var(--touch-target)}.btn-sm{padding:.625rem 1rem;min-height:40px}.btn-lg{padding:1rem 1.5rem;min-height:48px}.btn-full-mobile{width:100%}}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:500;color:#374151;margin-bottom:var(--space-sm);font-size:var(--text-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:var(--text-base);transition:border-color .2s ease,box-shadow .2s ease;min-height:var(--touch-target)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 640px){.form-group{margin-bottom:var(--space-md)}.form-label{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{padding:.875rem .75rem;font-size:16px}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a}.table{width:100%;border-collapse:collapse;min-width:600px}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.table th{background:#f9fafb;font-weight:600;color:#374151;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.table th,.table td{padding:.5rem .75rem;font-size:var(--text-sm)}.table th{font-size:var(--text-xs)}.table-card-mobile{display:block}.table-card-mobile .table{display:none}.table-row-card{background:#fff;border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-sm);box-shadow:0 2px 4px #0000001a}}.nav-mobile{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;z-index:var(--z-header);display:none}.nav-mobile-item{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--space-sm);color:#6b7280;text-decoration:none;font-size:var(--text-xs);min-height:var(--touch-target);flex:1}.nav-mobile-item.active{color:#3b82f6}.nav-mobile-icon{width:20px;height:20px;margin-bottom:2px}@media (max-width: 768px){.nav-mobile{display:flex}}.show-mobile{display:none}.hide-mobile{display:block}@media (max-width: 768px){.show-mobile{display:block}.hide-mobile{display:none}.show-mobile-flex{display:flex}.hide-mobile-flex{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.img-responsive{max-width:100%;height:auto;border-radius:8px}.img-cover{-o-object-fit:cover;object-fit:cover}.img-contain{-o-object-fit:contain;object-fit:contain}.scroll-smooth{scroll-behavior:smooth}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#f3f4f6}.scrollbar-thin::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#9ca3af}.loading-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite alternate;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.card{border:2px solid #000}.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#fff}}@media print{.no-print{display:none!important}.page-break{page-break-after:always}.card{box-shadow:none;border:1px solid #ccc}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));cursor:default}body{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1));cursor:default}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],input[type=number],textarea,[contenteditable=true]{cursor:text!important}button,a,[role=button],select,[type=button],[type=submit],[type=reset],[type=checkbox],[type=radio]{cursor:pointer!important}.container{width:100%}@media (min-width: 480px){.container{max-width:480px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.btn{display:inline-flex;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-ring-offset-color: #ffffff;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;align-items:center;justify-content:center;font-size:var(--text-sm)}.btn:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(253 127 40 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.btn:disabled{pointer-events:none;opacity:.5}.btn-success{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-success:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.btn-danger{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.btn-sm{height:2.25rem;padding-left:.75rem;padding-right:.75rem}.card{border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card-header{display:flex;flex-direction:column}.card-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.card-header{padding:1.5rem;flex-direction:column;padding:var(--space-lg);display:flex}.input{height:2.5rem;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-ring-offset-color: #fff;padding-top:var(--space-sm);padding-bottom:var(--space-sm);font-size:var(--text-sm);display:flex}.input::file-selector-button{border-width:0px;background-color:transparent;font-size:.875rem;line-height:1.25rem;font-weight:500}.input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.input::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.input:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(253 127 40 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.input:disabled{cursor:not-allowed;opacity:.5}.label{font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1;font-size:var(--text-sm)}.peer:disabled~.label{cursor:not-allowed;opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-4{right:-1rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.order-1{order:1}.order-2{order:2}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.-mr-2{margin-right:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[90vh\]{height:90vh}.h-\[95vh\]{height:95vh}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-120px\)\]{max-height:calc(100vh - 120px)}.max-h-\[calc\(100vh-12rem\)\]{max-height:calc(100vh - 12rem)}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-\[140px\]{min-height:140px}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[44px\]{min-width:44px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-bidaboss-blue\/10>:not([hidden])~:not([hidden]){border-color:#0000ff1a}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-bidaboss-blue{--tw-border-opacity: 1;border-color:rgb(0 0 255 / var(--tw-border-opacity, 1))}.border-bidaboss-blue\/20{border-color:#00f3}.border-bidaboss-orange{--tw-border-opacity: 1;border-color:rgb(253 127 40 / var(--tw-border-opacity, 1))}.border-bidaboss-orange\/20{border-color:#fd7f2833}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-200\/60{border-color:#e5e7eb99}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-200\/50{border-color:#bbf7d080}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-600{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.border-primary-600{--tw-border-opacity: 1;border-color:rgb(232 111 32 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-200\/50{border-color:#fecaca80}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/30{border-color:#ffffff4d}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-t-bidaboss-orange{--tw-border-opacity: 1;border-top-color:rgb(253 127 40 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-bidaboss-blue\/10{background-color:#0000ff1a}.bg-bidaboss-blue\/5{background-color:#0000ff0d}.bg-bidaboss-orange\/10{background-color:#fd7f281a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-100\/70{background-color:#f3f4f6b3}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/80{background-color:#fffc}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-opacity-0{--tw-bg-opacity: 0}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-60{--tw-bg-opacity: .6}.bg-opacity-90{--tw-bg-opacity: .9}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-bidaboss-blue\/5{--tw-gradient-from: rgb(0 0 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-bidaboss-orange{--tw-gradient-from: #FD7F28 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 127 40 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-100{--tw-gradient-from: #dbeafe var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-100{--tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-400{--tw-gradient-from: #818cf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from: #eef2ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-100{--tw-gradient-from: #fee2e2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 226 226 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-100{--tw-gradient-from: #fef9c3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-bidaboss-blue\/5{--tw-gradient-to: rgb(0 0 255 / .05) var(--tw-gradient-to-position)}.to-bidaboss-gold{--tw-gradient-to: #FFD700 var(--tw-gradient-to-position)}.to-bidaboss-gold\/5{--tw-gradient-to: rgb(255 215 0 / .05) var(--tw-gradient-to-position)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-blue-200{--tw-gradient-to: #bfdbfe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)}.to-gray-100\/50{--tw-gradient-to: rgb(243 244 246 / .5) var(--tw-gradient-to-position)}.to-green-200{--tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-red-200{--tw-gradient-to: #fecaca var(--tw-gradient-to-position)}.to-rose-50{--tw-gradient-to: #fff1f2 var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to: #fef08a var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-bidaboss-blue{--tw-text-opacity: 1;color:rgb(0 0 255 / var(--tw-text-opacity, 1))}.text-bidaboss-navy{--tw-text-opacity: 1;color:rgb(27 54 93 / var(--tw-text-opacity, 1))}.text-bidaboss-navy\/50{color:#1b365d80}.text-bidaboss-navy\/60{color:#1b365d99}.text-bidaboss-navy\/70{color:#1b365db3}.text-bidaboss-orange{--tw-text-opacity: 1;color:rgb(253 127 40 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/25{--tw-shadow-color: rgb(59 130 246 / .25);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#00f;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:#00c}::-webkit-scrollbar-thumb:active{background:#009}::-webkit-scrollbar-corner{background:#f1f5f9}*,.scrollable-content{scrollbar-width:thin;scrollbar-color:#0000FF #f1f5f9}.scrollable-content::-webkit-scrollbar{width:8px;height:8px}.scrollable-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#00f;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#00c}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-bidaboss-blue\/5:hover{background-color:#0000ff0d}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-300:hover{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:bg-opacity-20:hover{--tw-bg-opacity: .2}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-indigo-700:hover{--tw-gradient-from: #4338ca var(--tw-gradient-from-position);--tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:text-bidaboss-blue:hover{--tw-text-opacity: 1;color:rgb(0 0 255 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-800:hover{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.hover\:text-green-900:hover{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-400\/20:hover{--tw-shadow-color: rgb(96 165 250 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-blue-500\/25:hover{--tw-shadow-color: rgb(59 130 246 / .25);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-blue-500\/5:hover{--tw-shadow-color: rgb(59 130 246 / .05);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/25:hover{--tw-shadow-color: rgb(99 102 241 / .25);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-purple-400:focus{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.focus\:border-purple-600:focus{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.focus\:border-red-400:focus{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:shadow-\[0_0_0_2px_rgba\(239\,68\,68\,0\.2\)\]:focus{--tw-shadow: 0 0 0 2px rgba(239,68,68,.2);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_2px_rgba\(59\,130\,246\,0\.2\)\]:focus{--tw-shadow: 0 0 0 2px rgba(59,130,246,.2);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(107\,114\,128\,0\.2\)\]:focus{--tw-shadow: 0 0 0 3px rgba(107,114,128,.2);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(109\,40\,217\,0\.1\)\]:focus{--tw-shadow: 0 0 0 3px rgba(109,40,217,.1);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(147\,51\,234\,0\.1\)\]:focus{--tw-shadow: 0 0 0 3px rgba(147,51,234,.1);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(239\,68\,68\,0\.1\)\]:focus{--tw-shadow: 0 0 0 3px rgba(239,68,68,.1);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(59\,130\,246\,0\.1\)\]:focus{--tw-shadow: 0 0 0 3px rgba(59,130,246,.1);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(59\,130\,246\,0\.3\)\]:focus{--tw-shadow: 0 0 0 3px rgba(59,130,246,.3);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-bidaboss-blue:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 255 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:shadow-none:hover:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:m-4{margin:1rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-16{margin-left:4rem}.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-20{height:5rem}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-7{height:1.75rem}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.sm\:min-h-\[180px\]{min-height:180px}.sm\:w-10{width:2.5rem}.sm\:w-20{width:5rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-7{width:1.75rem}.sm\:w-auto{width:auto}.sm\:max-w-lg{max-width:32rem}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0px}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sm\:self-auto{align-self:auto}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-6{height:1.5rem}.md\:h-8{height:2rem}.md\:w-12{width:3rem}.md\:w-6{width:1.5rem}.md\:w-8{width:2rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-4{gap:1rem}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:self-auto{align-self:auto}.md\:p-6{padding:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}