@charset "UTF-8";.universal-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;background-color:#fffffff2;transition:background-color .2s}[data-theme=dark].universal-loader-overlay{background-color:#121212fa}[data-theme=light].universal-loader-overlay{background-color:#fffffff2}.universal-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%}.universal-loader-text{margin-top:20px;font-size:16px;color:#555;text-align:center;font-weight:500}.spinner-box{width:150px;height:150px;display:flex;justify-content:center;align-items:center;background-color:transparent;position:relative}.blue-orbit,.green-orbit,.red-orbit,.white-orbit{position:absolute;border-radius:50%;box-shadow:0 0 0 2px #0078d426}.blue-orbit{width:120px;height:120px;animation:spin3D 2s linear 0s infinite;border:1.5px solid #3498db}.green-orbit{width:80px;height:80px;animation:spin3D 1.5s linear 0s infinite;border:1.5px solid #2ecc71}.red-orbit{width:50px;height:50px;animation:spin3D 1s linear 0s infinite;border:1.5px solid #e74c3c}.white-orbit{width:20px;height:20px;border:2px solid #f1c40f;animation:spin3D 3s linear 0s infinite}[data-theme=dark] .blue-orbit{border-color:#90caf9}[data-theme=dark] .green-orbit{border-color:#81c784}[data-theme=dark] .red-orbit{border-color:#ef9a9a}[data-theme=dark] .white-orbit{border-color:#ffe082}.w-ball{position:absolute;width:12px;height:12px;background:linear-gradient(to right,#ec407a,#f06292);border-radius:50%;transform:translate(-10px,-10px);animation:bounce 1.5s ease-in-out infinite}@keyframes spin3D{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes bounce{0%,to{transform:translateY(-15px)}50%{transform:translateY(15px)}}[data-theme=dark] .universal-loader-container{background-color:#121212e6}[data-theme=dark] .universal-loader-text{color:#e0e0e0}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.landing-page{min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.logo-text{font-size:42px;font-weight:700;text-transform:lowercase;color:#fff;letter-spacing:2px}.gradient-letter{background:linear-gradient(-18deg,#fff 40%,red 40%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.registered{position:absolute;top:-15px;right:-15px;font-size:16px;color:#fff}.landing-header{background-color:var(--color-bg);padding:var(--space-md) 0;box-shadow:var(--box-shadow-sm);position:sticky;top:0;z-index:1000}.landing-header .container{display:flex;justify-content:space-between;align-items:center}.logo a{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center}.landing-header .logo .masai-part,.landing-header .logo .pay-part{color:var(--color-text-primary);font-weight:600;letter-spacing:.5px}.landing-header .logo .i-part{display:inline-block;font-size:1.2em;line-height:1;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-light));-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;padding:0 2px;font-weight:700}[data-theme=dark] .landing-header .logo .masai-part,[data-theme=dark] .landing-header .logo .pay-part{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2)}[data-theme=dark] .landing-header .logo .i-part{background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}.landing-header .logo a:hover .masai-part,.landing-header .logo a:hover .pay-part{color:var(--color-primary);transition:color .2s ease}[data-theme=dark] .landing-header .logo a:hover .masai-part,[data-theme=dark] .landing-header .logo a:hover .pay-part{color:var(--color-primary-light)}.nav-links{list-style:none;display:flex;gap:var(--space-md);margin:0;padding:0;align-items:center}.nav-links li a{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-links li a:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.login-btn{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}.login-btn:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.signup-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast);border:1px solid var(--color-primary)}.signup-btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.theme-toggle{background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:var(--space-xl) var(--space-md);background-color:var(--color-bg);position:relative;z-index:1}.hero-content{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--space-md)}.hero-content h1{color:var(--color-text-primary);margin-bottom:2rem;font-weight:700;line-height:1.2}.hero-content p{color:var(--color-text-secondary);font-size:1.25rem;margin:0 auto;max-width:800px}.carousel{padding:var(--space-md) 0;animation:fadeIn 1.2s cubic-bezier(.4,0,.2,1)}.carousel-item{position:relative;text-align:center}.carousel-item img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-md)}.carousel-caption{position:absolute;bottom:20px;left:0;right:0;background:linear-gradient(135deg,#000c,#0009);color:var(--color-text-on-primary);padding:var(--space-md);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);animation:slideUpFade 1s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-caption p{margin:0;font-size:var(--font-size-lg);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:textGlow 2s ease-in-out infinite alternate;letter-spacing:.5px;text-transform:uppercase}.slick-dots li button:before{color:var(--color-primary)}.slick-dots li.slick-active button:before{color:var(--color-primary-dark)}.slick-prev,.slick-next{color:var(--color-primary);z-index:1}.slick-prev:hover,.slick-next:hover{color:var(--color-primary-dark)}.slick-prev{left:10px}.slick-next{right:10px}.cta{padding:var(--space-md) 0;text-align:center;background-color:var(--color-bg);animation:fadeIn 1.6s cubic-bezier(.4,0,.2,1)}.cta p{font-size:var(--font-size-md);color:var(--color-text-secondary)}.cta a{color:var(--color-primary);font-weight:500}.cta a:hover{color:var(--color-primary-dark)}.features{padding:var(--space-xl) 0;height:80vh;display:flex;align-items:center;animation:fadeIn 1.4s cubic-bezier(.4,0,.2,1)}.features h2{text-align:center;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.feature-card{background-color:var(--color-card);padding:var(--space-lg);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;opacity:0;transform:translateY(40px);animation:slideUp .7s cubic-bezier(.4,0,.2,1) forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:hover,.feature-card:focus{transform:translateY(-10px) scale(1.03);box-shadow:0 8px 32px #0000001f,0 1.5px 6px #00000014;background:linear-gradient(120deg,var(--color-primary-light) 0%,var(--color-surface) 100%)}.feature-icon{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--space-md)}.feature-card h3{margin-bottom:var(--space-sm);color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary)}.benefits{padding:var(--space-xl) 0;background-color:var(--color-surface);animation:fadeIn 1.8s cubic-bezier(.4,0,.2,1)}.benefits h2{text-align:center;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.benefits ul{list-style:none;padding:0;max-width:600px;margin:0 auto;display:flex;align-items:center;flex-direction:column}.benefits li{margin-bottom:var(--space-md);font-size:var(--font-size-md);color:var(--color-text-secondary);position:relative;padding-left:var(--space-md)}.benefits li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.about{padding:var(--space-xl) 0;height:50vh;display:flex;align-items:center;animation:fadeIn 1.8s cubic-bezier(.4,0,.2,1)}.about h2{text-align:center;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.about p{max-width:800px;margin:0 auto;text-align:center;color:var(--color-text-secondary)}.contact{padding:var(--space-xl) 0;background-color:var(--color-surface);animation:fadeIn 1.8s cubic-bezier(.4,0,.2,1)}.contact h2{text-align:center;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.contact p{text-align:center;color:var(--color-text-secondary)}.footer{background-color:var(--color-surface);padding:var(--space-lg) 0;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:auto;animation:fadeIn 1.8s cubic-bezier(.4,0,.2,1)}.footer a{color:var(--color-text-tertiary);text-decoration:underline}@media (max-width: 768px){.landing-header .container{flex-direction:column;align-items:center;padding:0 var(--space-md)}.logo{margin-bottom:var(--space-md);font-size:1.5rem}.nav-links{flex-direction:row;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.nav-links li{margin:0 var(--space-xs)}.nav-links li a,.theme-toggle{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md)}.hero{min-height:60vh;padding:var(--space-lg) var(--space-md)}.hero-content{padding:0}.hero-content h1{font-size:2rem;margin-bottom:1.5rem}.hero-content p{font-size:1.125rem}.carousel{padding:var(--space-md) 0}.carousel-item img{height:160px;border-radius:var(--border-radius-md);-o-object-fit:cover;object-fit:cover}.carousel-caption{bottom:0;padding:var(--space-xs);border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.carousel-caption p{font-size:.95rem}.cta{padding:var(--space-md) var(--space-md)}.cta p{font-size:1rem;margin-top:var(--space-lg)}.features{padding:var(--space-lg) 0;height:auto;display:block}.features h2{font-size:1.3rem;margin-bottom:var(--space-md)}.features-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-card{padding:var(--space-md);font-size:1rem}.feature-icon{font-size:2rem;margin-bottom:var(--space-sm)}.benefits{padding:var(--space-lg) 0}.benefits h2{font-size:1.2rem;margin-bottom:var(--space-md)}.benefits ul{padding:0 2vw}.benefits li{font-size:1rem;margin-bottom:var(--space-sm)}.about{padding:var(--space-lg) 0;height:auto;display:block}.about h2{font-size:1.2rem;margin-bottom:var(--space-md)}.about p{font-size:1rem;padding:0 2vw}.contact{padding:var(--space-lg) 0}.contact h2{font-size:1.2rem;margin-bottom:var(--space-md)}.contact p{font-size:1rem;padding:0 2vw}.footer{padding:var(--space-md) 0;font-size:.95rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.3)}to{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.6)}}.theme-toggle,.cta a,.nav-links li a{transition:background .3s,color .3s,box-shadow .3s}.theme-toggle:active,.cta a:active,.nav-links li a:active{box-shadow:0 2px 8px #00000014;transform:scale(.97)}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.chat-assistant,.chat-assistant--visible,.chat-assistant--hidden{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1000;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.chat-assistant--hidden{opacity:0;transform:scale(.7);pointer-events:none}.chat-assistant--visible{opacity:1;transform:scale(1);pointer-events:auto}.chat-toggle{background-color:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-sm);border:none;border-radius:50%;font-size:var(--font-size-lg);cursor:pointer;transition:background-color var(--transition-fast),transform .3s ease;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.chat-toggle:hover{background-color:var(--color-primary-dark);transform:scale(1.1)}.chat-window{background-color:var(--color-card);border-radius:var(--border-radius-md);border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:var(--box-shadow-md);width:300px;max-height:400px;display:flex;flex-direction:column;margin-top:var(--space-sm);animation:popIn .3s ease-out forwards}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.chat-header{position:relative;border-top-left-radius:10px;border-top-right-radius:10px;padding:var(--space-sm);border-bottom:1px solid var(--color-gray-light);background-color:#ef4444!important}.menu-toggle{background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);padding:0;margin:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.menu-toggle:hover{color:var(--color-gray-dark)}.chat-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;background-color:var(--color-card);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-sm);overflow:hidden;animation:slideIn .2s ease-out forwards}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.menu-item:hover{background-color:var(--color-primary-light)}.chat-messages{flex:1;padding:var(--space-md);overflow-y:auto;border-bottom:1px solid var(--color-gray-light);scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}.chat-message{margin-bottom:var(--space-sm);padding:var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);transition:all .2s ease}.bot-message{background-color:var(--color-surface);color:var(--color-text-primary);align-self:flex-start}.user-message{background-color:var(--color-primary-light);color:var(--color-text-primary);align-self:flex-end;text-align:right}.chat-message a{color:var(--color-primary);text-decoration:underline}.chat-message a:hover{color:var(--color-primary-dark)}.chat-message ul{list-style-type:none;padding-left:0;margin:0}.chat-message ul li{margin-bottom:var(--space-xs);line-height:1.5}.assistance-buttons{display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-sm)}.assistance-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),transform .2s ease}.assistance-btn:hover{transform:scale(1.05)}.yes-btn{background-color:var(--color-primary);color:var(--color-text-on-primary)}.yes-btn:hover{background-color:var(--color-primary-dark)}.no-btn{background-color:var(--color-gray);color:var(--color-text-primary)}.no-btn:hover{background-color:var(--color-gray-dark)}.chat-input-form{display:flex;padding:var(--space-sm);gap:var(--space-sm)}.chat-input{flex:1;padding:var(--space-sm);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg);transition:border-color .2s ease}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-submit-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-sm);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),transform .2s ease;display:flex;align-items:center;justify-content:center}.chat-submit-btn:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}@media (max-width: 600px){.chat-assistant,.chat-assistant--visible,.chat-assistant--hidden{right:var(--space-md);bottom:var(--space-md)}.chat-toggle{width:48px;height:48px;font-size:1.5rem}.chat-window{width:95vw;max-width:360px;min-width:0;right:0;left:0;margin:0 auto}}@media (max-width: 768px){.chat-window{width:250px;max-height:300px}.chat-toggle{width:36px;height:36px;font-size:var(--font-size-md)}.chat-message{font-size:var(--font-size-xs)}.chat-input,.chat-submit-btn,.assistance-btn{font-size:var(--font-size-xs);padding:var(--space-xs)}.assistance-buttons{flex-direction:column;gap:var(--space-xs)}.menu-item{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.menu-toggle{width:20px;height:20px;font-size:var(--font-size-sm)}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:var(--color-primary);color:#fff;box-shadow:var(--box-shadow-md);position:sticky;top:0;z-index:100;padding:var(--space-md) 0;transition:background-color var(--transition-normal)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-brand h1{margin:0;font-size:var(--font-size-xl);color:var(--color-text-on-primary)}.navbar-brand a{color:var(--color-text-on-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm)}.navbar-menu,.auth-links{display:flex;align-items:center;gap:var(--space-md)}.nav-link{color:var(--color-text-on-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.nav-link:hover{background-color:#fff3;color:#fff}.login-btn{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-text-on-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}.login-btn:hover{background-color:#ffffff1a;border-color:#ffffff80;color:#fff}.signup-btn{background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--color-text-on-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}.signup-btn:hover{background-color:#ffffff40;border-color:#ffffff80;color:#fff;transform:translateY(-1px)}.navbar-user{display:flex;flex-direction:column;align-items:flex-end}.user-email{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-on-primary)}.user-role{font-size:var(--font-size-xs);color:#fffc;text-transform:capitalize}.theme-toggle{background-color:transparent;border:none;color:var(--color-text-on-primary);font-size:var(--font-size-lg);padding:var(--space-xs);cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.theme-toggle:hover{background-color:#fff3}.logout-btn{background-color:#ffffff26;color:var(--color-text-on-primary);border:1px solid rgba(255,255,255,.3);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.logout-btn:hover{background-color:#ffffff4d}.main-content{flex:1;padding:var(--space-xl) 0;background-color:var(--color-surface);transition:background-color var(--transition-normal)}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-lg) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;transition:background-color var(--transition-normal)}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;gap:var(--space-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-lg)}@media (max-width: 768px){.navbar-container{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.navbar-menu{width:100%;justify-content:space-between}.navbar-user{align-items:flex-start}.main-content{padding:var(--space-lg) 0}}.navbar .logo .masai-part,.navbar .logo .pay-part{color:#000;font-weight:700;letter-spacing:.5px;text-shadow:0 0 1px rgba(0,0,0,.1)}.navbar .logo .i-part{display:inline-block;font-size:1.2em;line-height:1;background:#fff;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;padding:0 2px;font-weight:700;text-shadow:0 0 2px rgba(255,255,255,.2)}.navbar .logo a:hover .masai-part,.navbar .logo a:hover .pay-part{color:#333;text-shadow:0 0 2px rgba(0,0,0,.2)}.navbar .logo a:hover .i-part{background:#ffffffe6;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000001a}.user-avatar:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-sm);border-color:#ffffff80}[data-theme=dark] .user-avatar{border-color:#fff3;box-shadow:0 2px 4px #0003}[data-theme=dark] .user-avatar:hover{border-color:#fff6;box-shadow:0 4px 8px #0000004d}.user-popup{position:absolute;top:calc(100% + 30px);right:0;background-color:var(--color-card);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);padding:var(--space-md);min-width:220px;z-index:1000;border:1px solid var(--color-border);animation:slideDown .3s ease-out}[data-theme=dark] .user-popup{background-color:var(--color-surface);border-color:var(--color-border);box-shadow:0 4px 12px #0000004d}.user-popup-header{padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.user-popup-email{color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs);word-break:break-all}[data-theme=dark] .user-popup-email{color:#fff}.user-popup-role{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:capitalize;background-color:rgba(var(--color-primary-rgb),.1);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);display:inline-block}[data-theme=dark] .user-popup-role{background-color:#ffffff1a;color:#ccc}.user-popup-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.user-popup .logout-btn{width:100%;justify-content:center;margin-top:var(--space-sm);background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-sm);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}[data-theme=dark] .user-popup .logout-btn{color:#fff;border-color:#fff3}.user-popup .logout-btn:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.navbar-user-container{position:relative}.logo{display:flex;align-items:center;position:relative}.logo-text{font-size:32px;font-weight:700;text-transform:lowercase;color:var(--color-text-primary);letter-spacing:2px;transition:color .2s}.gradient-letter-navbar{background:linear-gradient(-18deg,#fff 40%,#000 40%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.registered{position:absolute;top:-10px;right:-18px;font-size:14px;color:var(--color-text-primary)}[data-theme=dark] .logo-text{background:linear-gradient(90deg,#fff,#000);color:transparent}[data-theme=dark] .gradient-letter{background:linear-gradient(-18deg,#fff 50%,#ffd93d 50%);color:transparent}[data-theme=dark] .registered{color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-box-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}.message-box-content{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);min-width:300px;max-width:90%;position:relative;box-shadow:var(--box-shadow-lg);animation:slideIn .2s ease-in-out}.message-box-message{font-size:var(--font-size-md);color:var(--color-text-primary);margin-right:var(--space-xl);line-height:1.5;margin-bottom:var(--space-md)}.message-box-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:var(--space-xs);line-height:1;transition:all var(--transition-fast)}.message-box-close:hover{color:var(--color-text-primary);transform:scale(1.1)}.message-box-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg)}.confirm-button,.cancel-button{padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.confirm-button{background-color:var(--color-primary);color:#fff;border:none}.confirm-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.cancel-button{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.cancel-button:hover{background-color:var(--color-background);transform:translateY(-1px)}.message-box-content.error{border-left:4px solid var(--color-error)}.message-box-content.success{border-left:4px solid var(--color-success)}.message-box-content.warning{border-left:4px solid var(--color-warning)}.message-box-content.info{border-left:4px solid var(--color-primary)}[data-theme=dark] .message-box-content{background-color:var(--color-surface-dark)}[data-theme=dark] .cancel-button{background-color:var(--color-surface-dark);border-color:var(--color-border-dark)}[data-theme=dark] .cancel-button:hover{background-color:var(--color-background-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.session-list{margin-bottom:var(--space-xl)}.session-section{margin-bottom:var(--space-xl);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.session-section h3{margin-bottom:var(--space-md);color:var(--color-text-primary);display:flex;align-items:center;font-size:1.2rem;font-weight:600;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.sessions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.scrollable-sessions{overflow-x:auto;padding-bottom:var(--space-md);margin:0 40px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;position:relative}.scrollable-sessions::-webkit-scrollbar{height:8px}.scrollable-sessions::-webkit-scrollbar-track{background:var(--color-background);border-radius:4px}.scrollable-sessions::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}[data-theme=dark] .scrollable-sessions::-webkit-scrollbar-thumb{background-color:var(--color-border-dark)}.scrollable-grid{display:flex;gap:var(--space-md)}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:all var(--transition-fast)}.scroll-button.left{left:-40px}.scroll-button.right{right:-40px}[data-theme=dark] .scroll-button{background-color:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}@media (max-width: 768px){.scrollable-sessions{margin:0 20px}.scroll-button{width:32px;height:32px}.scroll-button.left{left:-20px}.scroll-button.right{right:-20px}}@media (max-width: 768px){.sessions-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin:0 -1rem;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;width:100%;max-width:100vw}.sessions-grid::-webkit-scrollbar{display:none}.session-card{flex:0 0 75vw;min-width:200px;max-width:80vw;padding:12px 10px;min-height:220px;font-size:14px}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a}.carousel-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.carousel-button.prev{left:0}.carousel-button.next{right:0}}@media (min-width: 769px) and (max-width: 1024px){.sessions-grid{display:grid;grid-template-columns:repeat(2,minmax(340px,1fr));gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin:0;overflow-x:auto}.session-card{min-width:340px;max-width:100%}}[data-theme=dark] .carousel-button{background-color:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .carousel-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.session-card{background-color:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);transition:all var(--transition-fast);padding:var(--space-lg);display:flex;flex-direction:column;padding-top:40px;min-height:400px;position:relative}.session-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-md)}@media (max-width: 768px){.session-card:hover{transform:none}}.session-header{display:flex;justify-content:space-between;margin-bottom:var(--space-md);position:relative}.session-type{background-color:#4a89dc1a;color:var(--color-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.session-date{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.session-paid-badge,.session-review-badge{position:absolute;top:-10px;right:-10px;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;box-shadow:var(--box-shadow-sm)}.session-paid-badge{background-color:var(--color-success);color:#fff}.session-review-badge{background-color:var(--color-warning);color:#fff}.session-details{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-row strong{color:var(--color-text-primary);font-weight:500}.detail-row span{color:var(--color-text-secondary)}.notes{flex-direction:column;gap:var(--space-xs)}.notes span{font-style:italic}.session-amount{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.amount-label{font-weight:500;color:var(--color-text-primary)}.amount-value{font-size:1.2rem;font-weight:600;color:var(--color-success)}.session-actions{margin-top:var(--space-md);display:flex;justify-content:space-between;align-items:center}.session-action-buttons{display:flex;gap:var(--space-sm);width:100%}.action-buttons-left,.action-buttons-right{display:flex;gap:var(--space-xs)}.action-buttons-right{margin-left:auto}.symbol-button{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all var(--transition-fast)}.symbol-button.edit{background-color:var(--color-warning-light);color:var(--color-warning)}.symbol-button.delete{background-color:var(--color-error-light);color:var(--color-error)}.symbol-button:hover{transform:scale(1.1)}.attendance-button{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);border:none;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.attendance-button:disabled{opacity:.5;cursor:not-allowed}.status-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.status-badge.paid{background-color:#4caf50;color:#fff}.status-badge.pending,.status-badge.review,.status-badge.unpaid{background-color:#ffc107;color:#000}.session-actions{margin-top:var(--space-md)}.session-action-buttons{margin-top:var(--space-md);display:flex;gap:var(--space-sm);justify-content:space-between;align-items:flex-start;height:40px}.button-row{display:flex;gap:var(--space-sm);justify-content:flex-end}.symbol-button{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-background);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);font-size:20px}.symbol-button:hover{background:var(--color-surface);transform:translateY(-1px)}.symbol-button.edit{color:var(--color-primary)}.symbol-button.edit:hover{background:#4a89dc1a}.symbol-button.delete{color:var(--color-error)}.symbol-button.delete:hover{background:#e74c3c1a}.symbol-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.session-action-buttons .danger{background-color:var(--color-error);color:#fff}.payout-controls{position:absolute;bottom:var(--space-lg);right:var(--space-lg);left:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.required{color:var(--color-error)}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);gap:var(--space-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md);width:100%}.form-row .form-group{width:100%}.form-row .form-group input,.form-row .form-group select{width:100%;box-sizing:border-box}.session-edit-form{flex:1;overflow-y:auto;padding:0 var(--space-md) var(--space-xl) 0;margin-bottom:calc(80px + var(--space-xl))}.session-edit-form input,.session-edit-form select,.session-edit-form textarea{width:100%;max-width:100%;padding:.75rem;height:46px;font-size:.95rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-background);color:var(--color-text-primary);transition:all .2s ease}.session-edit-form select{cursor:pointer;-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 .75rem center;background-size:1em;padding-right:2.5rem}.form-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;padding:var(--space-lg) var(--space-xl);gap:var(--space-md);background:var(--color-surface);border-top:1.5px solid var(--color-border);box-shadow:0 -4px 6px -1px #0000001a}.form-actions button{min-width:120px;height:46px;font-size:.95rem;font-weight:500;padding:0 var(--space-lg)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);margin-bottom:var(--space-xl)}.pagination-arrow{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--color-border);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0}.pagination-arrow:hover{background-color:var(--color-background);transform:translateY(-1px);border-color:var(--color-primary)}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-arrow svg{width:24px;height:24px;fill:var(--color-text-primary)}.pagination-arrow:hover svg{fill:var(--color-primary)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:100px;text-align:center}.empty-state{text-align:center;padding:var(--space-xl);background-color:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);margin-bottom:var(--space-xl)}.empty-state h3{margin-bottom:var(--space-md);color:var(--color-text-primary);font-weight:600}.empty-state p{color:var(--color-text-secondary)}@media (max-width: 1024px){.sessions-grid{grid-template-columns:repeat(2,1fr)}.session-card{min-height:350px}}@media (max-width: 768px){.sessions-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin:0 -1rem;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;width:100%;max-width:100vw}.sessions-grid::-webkit-scrollbar{display:none}.session-card{flex:0 0 75vw;min-width:200px;max-width:80vw;padding:12px 10px;min-height:220px;font-size:14px}.scrollable-sessions{margin:0 10px}.session-section h3{font-size:.95rem}.payout-button{padding:8px 12px;font-size:14px}.session-paid-badge,.session-review-badge{position:static;display:inline-block;margin-bottom:8px;margin-right:8px;top:unset;right:unset;font-size:12px;padding:2px 8px}.session-details{margin-top:20px!important;font-size:13px;gap:4px}}@media (max-width: 480px){.session-card{min-height:280px;padding:12px}.session-details{margin-top:8px;font-size:13px;gap:4px}.detail-row{margin-bottom:6px}.session-actions{gap:8px}.session-action-buttons{flex-wrap:wrap;justify-content:center;gap:8px}.payout-button{width:100%;padding:6px 10px;font-size:13px}.symbol-button{width:28px;height:28px}.session-paid-badge,.session-review-badge{font-size:10px;padding:1px 6px;margin-bottom:6px;margin-right:6px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--color-surface);padding:var(--space-xl) var(--space-xl) 0;border-radius:var(--border-radius-sm);width:90%;max-width:500px;height:70vh;position:relative;box-shadow:var(--box-shadow-lg);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-shrink:0;padding-bottom:var(--space-md);border-bottom:1.5px solid var(--color-border)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:0}.modal-close:hover{color:var(--color-text-primary)}body.modal-open{overflow:hidden}.session-edit-form::-webkit-scrollbar{width:8px}.session-edit-form::-webkit-scrollbar-track{background:transparent}.session-edit-form::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px;border:2px solid var(--color-surface)}.session-edit-form .form-group{margin-bottom:var(--space-lg)}.session-edit-form textarea{min-height:120px}.form-row{margin-bottom:var(--space-lg)}.form-group.full-width{grid-column:1 / -1}.session-edit-form .form-group{margin-bottom:0}.session-edit-form label{display:block;font-size:.9rem;margin-bottom:var(--space-xs);color:var(--color-text-primary);font-weight:500}.session-edit-form input,.session-edit-form select,.session-edit-form textarea{width:100%;padding:.75rem;height:42px;font-size:.95rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-background);color:var(--color-text-primary);transition:all .2s ease}.session-edit-form select{cursor:pointer;-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 .75rem center;background-size:1em;padding-right:2.5rem}.session-edit-form input:focus,.session-edit-form select:focus,.session-edit-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.session-edit-form textarea{min-height:120px;height:auto;resize:vertical;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1.5px solid var(--color-border);gap:var(--space-md);flex-shrink:0}.form-actions button{min-width:100px;height:42px;font-size:.95rem;font-weight:500;padding:0 var(--space-lg)}@media (max-width: 480px){.form-row{grid-template-columns:1fr;gap:var(--space-md)}.modal-content{padding:var(--space-lg)}}.session-form-container{padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);margin-bottom:var(--space-xl)}.session-form-container h3{margin-bottom:var(--space-xl);color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.session-form{display:flex;flex-direction:column;gap:var(--space-md)}.session-form .form-actions{position:static;margin-top:var(--space-lg);padding:var(--space-md) 0 0;border-top:1px solid var(--color-border);background:none;box-shadow:none}.session-form .form-actions button{min-width:120px;height:42px;font-size:.95rem;font-weight:500;padding:0 var(--space-lg)}.form-error{background-color:var(--color-error-bg);color:var(--color-error);padding:var(--space-md);border-radius:var(--border-radius-sm);margin-bottom:var(--space-md)}.form-success{background-color:var(--color-success-bg);color:var(--color-success);padding:var(--space-md);border-radius:var(--border-radius-sm);margin-bottom:var(--space-md)}.message-box-content{white-space:pre-line}.download-pdf-button{background-color:var(--color-text-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-xl);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;height:38px;box-shadow:0 2px 4px #0000001a}.download-pdf-button:hover{background-color:#000;transform:translateY(-1px);box-shadow:0 4px 8px #0003}[data-theme=dark] .download-pdf-button{background-color:var(--color-primary);color:#fff;border:none}[data-theme=dark] .download-pdf-button:hover{background-color:var(--color-primary-dark);color:#fff;border:none;box-shadow:0 4px 8px #0006}.sessions-container{margin-bottom:var(--space-xl)}.sessions-section{margin-bottom:var(--space-xl);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.sessions-section h3{margin-bottom:var(--space-md);color:var(--color-text-primary);display:flex;align-items:center;font-size:1.2rem;font-weight:600;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}[data-theme=dark] .pagination-arrow{background-color:#ffffff0d;border-color:var(--color-border-dark)}[data-theme=dark] .pagination-arrow:hover:not(:disabled){background-color:#ffffff1a;border-color:var(--color-primary)}.scrollable-outer-container{position:relative}.scrollable-sessions-container{overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 var(--space-md)}.scrollable-sessions-container::-webkit-scrollbar{display:none}.scrollable-sessions-grid{display:flex;gap:var(--space-md);padding-bottom:var( --space-xs )}.scrollable-sessions-grid .session-card{flex:0 0 calc((100% / 3) - (var(--space-md) * 2 / 3));min-width:calc((100% / 3) - (var(--space-md) * 2 / 3))}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.scroll-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.scroll-button.left{left:-10px}.scroll-button.right{right:-10px}[data-theme=dark] .scroll-button{background-color:var( --color-surface-dark, var(--color-surface) );border-color:var(--color-border-dark, var(--color-border));color:var(--color-text-primary-dark, var(--color-text-primary))}[data-theme=dark] .scroll-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 1200px){.scrollable-sessions-grid .session-card{flex:0 0 calc((100% / 2) - (var(--space-md) / 2));min-width:calc((100% / 2) - (var(--space-md) / 2))}}@media (max-width: 768px){.scrollable-sessions-grid .session-card{flex:0 0 calc(100% - var(--space-md));min-width:calc(100% - var(--space-md))}.scrollable-sessions-container{margin:0}.scroll-button.left{left:5px}.scroll-button.right{right:5px}}.sessions-grid,.responsive-session-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}@media (max-width: 1024px){.responsive-session-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.responsive-session-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md);overflow-x:unset;flex-direction:unset;padding-bottom:0}.responsive-session-grid>*{flex:unset;max-width:100%;scroll-snap-align:unset}}.payout-calculation-table{width:100%;border-collapse:collapse;margin:20px 0;background-color:var(--color-surface);border-radius:var(--border-radius-md);overflow:hidden}.payout-calculation-table th,.payout-calculation-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.payout-calculation-table th{background-color:#00000005;font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.payout-calculation-table td{font-size:var(--font-size-sm)}.payout-calculation-table tr:last-child{font-weight:700;background-color:rgba(var(--color-primary-rgb),.05)}.payout-calculation-table .amount-column{text-align:right}[data-theme=dark] .payout-calculation-table th{background-color:#ffffff0d}[data-theme=dark] .payout-calculation-table tr:last-child{background-color:#ff33331a}.attendance-button{padding:8px 16px;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center}.attendance-button:hover{opacity:.9;transform:translateY(-2px)}.attendance-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.attendance{margin-top:10px;padding:5px 0;border-top:1px dashed rgba(255,255,255,.1)}.attendance .attended{color:#4caf50;font-weight:500}.status-badge.review{background-color:#ff9800;color:#000}.file-upload-container{padding:var(--space-sm);border:2px dashed var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);margin-bottom:var(--space-sm);text-align:center}.file-input{width:100%;cursor:pointer}.help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);padding:var(--space-sm);background-color:#00000008;border-radius:var(--border-radius-sm)}.help-text p{margin-bottom:var(--space-sm)}.help-text code{background-color:#0000000d;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.9em}.template-link{color:var(--color-primary);text-decoration:underline;font-weight:500;display:inline-block;margin-top:var(--space-xs)}.csv-preview{margin-top:var(--space-xl);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.csv-preview h4{margin-bottom:var(--space-md);font-size:var(--font-size-md);color:var(--color-text-primary)}.csv-table-container{overflow-x:auto;margin-bottom:var(--space-sm)}.csv-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.csv-table th,.csv-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border)}.csv-table th{background-color:var(--color-background);font-weight:600;position:sticky;top:0}.preview-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;font-style:italic;margin-top:var(--space-sm)}.secondary-button{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);margin-right:var(--space-sm)}.secondary-button:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-primary)}.form-error{background-color:var(--color-error-bg);color:var(--color-error);padding:var(--space-md);border-radius:var(--border-radius-sm);margin-bottom:var(--space-md);white-space:pre-line;max-height:150px;overflow-y:auto}.error-troubleshooting{margin-top:10px;padding:10px;background-color:#00000008;border-left:3px solid rgba(220,53,69,.5);border-radius:4px;white-space:normal}.preview-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px;padding:10px 0}.preview-pagination-btn{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:5px 12px;font-size:.9rem;cursor:pointer;transition:all .2s}.preview-pagination-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.preview-pagination-info{color:var(--color-text-secondary);font-size:.9rem}[data-theme=dark] .help-text{background-color:#ffffff0d}[data-theme=dark] .help-text code{background-color:#ffffff1a}[data-theme=dark] .file-upload-container,[data-theme=dark] .csv-preview{background-color:var(--color-surface-dark);border-color:var(--color-border-dark)}[data-theme=dark] .csv-table th{background-color:var(--color-background-dark)}[data-theme=dark] .secondary-button{background-color:var(--color-background-dark);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .secondary-button:hover:not(:disabled){background-color:var(--color-surface-dark);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .error-troubleshooting{background-color:#ffffff0d;border-left-color:#dc3545b3}[data-theme=dark] .preview-pagination-btn{background-color:var(--color-background-dark);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .preview-pagination-btn:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 768px){.csv-preview{margin:var(--space-md) -var(--space-md);border-radius:0;border-left:none;border-right:none}.preview-pagination{flex-wrap:wrap;gap:10px}.help-text code{word-break:break-all}}.session-forms-container{display:flex;flex-direction:column;gap:var(--space-xl)}.session-forms-container .session-form-container{margin-bottom:0}.csv-uploader{margin-bottom:var(--space-xl)}.session-section::-webkit-scrollbar,.sessions-section::-webkit-scrollbar{display:none}@media (max-width: 768px){.session-section,.sessions-section,.scrollable-sessions,.scrollable-sessions-container,.sessions-grid,.responsive-session-grid,.scrollable-outer-container,.session-list,[class*=session] [class*=scroll],[class*=scroll]{scrollbar-width:none!important;-ms-overflow-style:none!important}.session-section::-webkit-scrollbar,.sessions-section::-webkit-scrollbar,.scrollable-sessions::-webkit-scrollbar,.scrollable-sessions-container::-webkit-scrollbar,.sessions-grid::-webkit-scrollbar,.responsive-session-grid::-webkit-scrollbar,.scrollable-outer-container::-webkit-scrollbar,.session-list::-webkit-scrollbar,[class*=session] [class*=scroll]::-webkit-scrollbar,[class*=scroll]::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}}.payout-list{margin-bottom:var(--space-xl)}.payout-table-container{overflow-x:auto;background-color:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm)}.payout-table{width:100%;border-collapse:collapse}.payout-table th,.payout-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.payout-table thead{background-color:#00000005}.payout-table th{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:center}.payout-table th.actions{text-align:left}.payout-table td{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-md);text-align:center}.payout-table td.amount{font-weight:600;color:var(--color-text-primary)}.payout-table .status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;margin-left:var(--space-md)}.payout-table .status-paid{background-color:#4caf50;color:#fff}.payout-table .status-pending,.payout-table .status-underReview{background-color:#ffc107;color:#000}.payout-table .actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{font-size:12px;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;transition:all .2s;margin-right:8px}.action-btn:last-child{margin-right:0}.action-btn.primary{background-color:var(--color-primary);color:#fff}.action-btn.primary:hover{background-color:var(--color-primary-dark)}.action-btn.secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.action-btn.secondary:hover{background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.action-btn.warning{background-color:var(--color-warning);color:#fff}.action-btn.warning:hover{background-color:#f1c40fcc}.action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.payout-details{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.payout-details h3{margin-bottom:var(--space-md);color:var(--color-text-primary)}.payout-breakdown{margin-top:var(--space-md)}.breakdown-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border)}.breakdown-row:last-child{border-bottom:none;font-weight:600;padding-top:var(--space-sm);margin-top:var(--space-xs)}@media (max-width: 768px){.payout-table th,.payout-table td{padding:var(--space-sm)}.action-btn{padding:3px 6px;font-size:11px}}.payout-actions{margin-bottom:var(--space-lg);display:flex;justify-content:flex-end}.date-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.date-picker-content{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--border-radius-md);min-width:300px;max-width:400px;box-shadow:var(--box-shadow-lg)}.date-picker-content h3{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.date-inputs{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.date-inputs .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.date-inputs label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.date-inputs input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.payout-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.summary-card{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);box-shadow:var(--box-shadow-sm);text-align:center}.summary-card h3{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.summary-card .amount{font-size:var(--font-size-xl);font-weight:700}.summary-card .amount.paid{color:var(--color-success)}.summary-card .amount.pending{color:var(--color-warning)}.payout-search{margin-bottom:var(--space-lg)}.search-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-text-primary);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.search-input::-moz-placeholder{color:var(--color-text-secondary)}.search-input::placeholder{color:var(--color-text-secondary)}[data-theme=dark] .summary-card{background-color:var(--color-surface-dark)}[data-theme=dark] .summary-card .amount.paid{color:var(--color-success-light)}[data-theme=dark] .summary-card .amount.pending{color:var(--color-warning-light)}[data-theme=dark] .search-input{background-color:var(--color-surface-dark);border-color:var(--color-border-dark)}[data-theme=dark] .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.payment-modal-content{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--border-radius-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--box-shadow-lg)}.modal-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-secondary)}.payment-header{text-align:center;margin-bottom:var(--space-xl)}.payment-header h2{margin-bottom:var(--space-sm);color:var(--color-text-primary)}.payment-amount{font-size:var(--font-size-lg)}.amount-label{color:var(--color-text-secondary);margin-right:var(--space-sm)}.amount-value{font-weight:600;color:var(--color-primary)}.payment-details{display:flex;flex-direction:column;gap:var(--space-lg)}.mentor-info{background-color:var(--color-background);padding:var(--space-md);border-radius:var(--border-radius-md)}.mentor-info p{margin:var(--space-xs) 0;color:var(--color-text-secondary)}.payment-methods h3{margin-bottom:var(--space-md);color:var(--color-text-primary)}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.method-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.method-card.selected{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.method-icon{font-size:24px;margin-bottom:var(--space-sm)}.method-name{font-size:var(--font-size-sm);text-align:center;color:var(--color-text-primary)}.payment-summary{background-color:var(--color-background);padding:var(--space-lg);border-radius:var(--border-radius-md)}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.summary-row.total{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-weight:600;color:var(--color-text-primary)}.pay-now-btn{width:100%;padding:var(--space-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.pay-now-btn:hover{background-color:var(--color-primary-dark)}.pay-now-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .payment-modal-content{background-color:var(--color-surface-dark)}[data-theme=dark] .method-card{border-color:var(--color-border-dark)}[data-theme=dark] .method-card.selected{background-color:rgba(var(--color-primary-rgb),.15)}[data-theme=dark] .mentor-info,[data-theme=dark] .payment-summary{background-color:var(--color-surface-dark)}.amount.review{color:#ff9800}.status-underReview{background-color:#ff9800;color:#000}.action-btn.approve{background-color:#4caf50;color:#fff;transition:all .2s ease}.action-btn.approve:hover{background-color:#388e3c}.payout-table td.yourself-actions{display:none}.payout-table td.yourself-actions .action-btn{min-width:auto;white-space:normal}.chat-section{display:flex;flex-direction:column;height:auto;min-height:80px;max-height:600px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.chat-section.expanded{height:600px}.chat-header{padding:20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.chat-header-content{cursor:pointer;position:relative;padding:8px;border-radius:8px;transition:background-color .2s ease}.chat-header-content:hover{background-color:#0000000d}.unread-badge{position:absolute;top:50%;right:16px;transform:translateY(-50%);background-color:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.chat-header h3{margin:12px 0 4px;font-size:1.25rem;color:#1e293b;font-weight:600}.chat-header p{margin:0;font-size:.875rem;color:#fff}[data-theme=dark] .chat-header p{color:#fff}.partner-selector{margin-bottom:12px}.partner-selector select{width:100%;padding:10px 40px 10px 14px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#1e293b;font-size:.95rem;cursor:pointer;transition:all .2s ease;-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='%2364748b' 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 12px center;background-size:16px}.partner-selector select:hover{border-color:#cbd5e1}.partner-selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.partner-selector select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.messages-container{flex:1;overflow-y:auto;padding:20px;background-color:#343333;scrollbar-width:thin;scrollbar-color:#000000 #333333;transition:all .3s ease;max-height:400px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#333}.messages-container::-webkit-scrollbar-thumb{background-color:#000;border-radius:3px}.messages{display:flex;flex-direction:column;gap:12px}.message{margin-bottom:4px;max-width:70%;animation:fadeIn .3s ease}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;position:relative;box-shadow:0 1px 2px #0000000d}.message.sent .message-content{background-color:#30425f;color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background-color:#564d54;color:#f2f6fc;border-bottom-left-radius:4px}.message-content p{margin:0 0 4px;word-break:break-word;line-height:1.4}.message-time{font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px;color:#ffffffe6}.sent .message-time{justify-content:flex-end;color:#ffffffe6}.received .message-time{justify-content:flex-start;color:#ffffffe6}.message-status{display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-left:4px;line-height:1;font-weight:200;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.sent .message-status{color:#ffffffe6}.received .message-status{color:#64748b}.message-status.delivered{color:#ffffffe6}.message-status.read{color:#ffffffe6;letter-spacing:-1px}.message-status.pending{color:#ffffffe6;font-size:16px}.message-form{display:flex;padding:16px;background-color:#050506;border-top:1px solid #e2e8f0;gap:12px}.message-form input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid #e2e8f0;font-size:.95rem;transition:all .2s ease;background-color:gray;color:#fff;caret-color:#0ff!important;position:relative;z-index:10}input::-moz-placeholder{color:#e1cece;opacity:1}input::placeholder{color:#e1cece;opacity:1}[data-theme=dark] .message-form input{background-color:#1a1a1a;border-color:#333;color:#fff;caret-color:#0ff}[data-theme=dark] .message-form input::-moz-placeholder{color:#dee0e3}[data-theme=dark] .message-form input::placeholder{color:#dee0e3}.message-form input:hover{border-color:#cbd5e1;caret-color:#0ff!important;background-color:gray!important;color:#fff!important}.message-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;caret-color:#0ff!important;background-color:gray!important;color:#fff!important}.message-form input:disabled{background-color:#f1f5f9;cursor:not-allowed;color:#94a3b8}.message-form button{padding:12px 24px;background-color:#cd2a2a;color:#fff;border:none;border-radius:24px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.message-form button:hover:not(.disabled){background-color:#b0291a;transform:translateY(-1px)}.message-form button.disabled{background-color:#7d3b3b;cursor:not-allowed;transform:none}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:40px 20px}.empty-chat-icon{font-size:48px;margin-bottom:20px;opacity:.7}.empty-chat p{font-size:1.1rem;max-width:300px;line-height:1.5}.chat-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#64748b;font-size:.95rem}.chat-error{background-color:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin:12px;font-size:.9rem;display:flex;align-items:center;justify-content:center;text-align:center}.typing-indicator{display:flex;align-items:center;padding:8px 12px;margin:4px 0;color:#64748b;font-size:.9rem}.typing-indicator .dots{display:inline-block;margin-left:4px;animation:typing 1.4s infinite}@keyframes typing{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.message-form button.sending{background-color:#93c5fd;cursor:not-allowed;transform:none}.message-form button:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none}@media (max-width: 768px){.chat-section{height:calc(100vh - 200px);max-height:none;border-radius:0}.message{max-width:85%}.message-form{padding:12px}.message-form input{padding:10px 14px}.message-form button{padding:10px 20px;min-width:80px}}.dashboard{background-color:var(--color-card);border-radius:var(--border-radius-lg);padding:var(--space-xl);box-shadow:var(--box-shadow-md);transition:all var(--transition-normal);padding:20px;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:30px}.dashboard-header .dashboard-title,.dashboard-header h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:10px}.dashboard-header .dashboard-subtitle,.dashboard-header p{color:#718096;font-size:1.1rem;font-weight:400}.error-message{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#e74c3c;padding:16px;border-radius:4px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.error-message p{margin:0;flex:1}.retry-button{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.retry-button:hover{background-color:#c0392b}[data-theme=dark] .error-message{background-color:#e74c3c26;border-left-color:#ff6b6b;color:#ff6b6b}[data-theme=dark] .retry-button{background-color:#ff6b6b}[data-theme=dark] .retry-button:hover{background-color:#ff5252}.dashboard-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-button{background-color:transparent;color:var(--color-text-secondary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;border-bottom:2px solid transparent;padding:var(--space-sm) var(--space-md);font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.tab-button:hover{background-color:#4a89dc0d;color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:#4a89dc1a}.tab-button.has-notification{position:relative}.tab-notification{position:absolute;top:-6px;right:-6px;background-color:#e53e3e;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}@media (max-width: 480px){.tab-notification{width:16px;height:16px;font-size:10px;top:-4px;right:-4px}}.dashboard-content{margin-top:var(--space-lg)}.status-bookmarks{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-xs)}.bookmark{background-color:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);white-space:nowrap;border:1px solid var(--color-border)}.bookmark:hover{background-color:#4a89dc0d;color:var(--color-primary);border-color:var(--color-primary)}.bookmark.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.bookmark .count{background-color:#fff3;padding:2px 6px;border-radius:12px;font-size:var(--font-size-xs);min-width:24px;text-align:center}.bookmark:not(.active) .count{background-color:var(--color-surface);color:var(--color-text-secondary)}.filter-controls{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.search-filters{display:flex;flex-direction:column;gap:var(--space-md)}.mentor-search{position:relative;width:100%;max-width:400px}.search-input-container{position:relative}.search-loading{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-md);z-index:10;max-height:200px;overflow-y:auto}.search-result-item{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast)}.search-result-item:hover{background-color:#4a89dc1a}.selected-mentor{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:#4a89dc1a;border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.clear-selection{background:none;border:none;color:var(--color-text-secondary);padding:2px 6px;cursor:pointer;font-size:var(--font-size-md);line-height:1;border-radius:50%}.clear-selection:hover{background-color:#0000001a}.date-filters{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap}.date-range-select{font-weight:500;color:var(--color-text-primary)}.date-range-active{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:#4a89dc1a;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.custom-date-range{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm)}.filter-group{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-md)}.filter-select,.filter-date{min-width:150px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' 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 8px center;background-size:16px;padding-right:32px}.filter-select option{background-color:var(--color-background);color:var(--color-text-primary);padding:var(--space-sm)}.filter-select:focus,.filter-date:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.filter-date{position:relative}.filter-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity var(--transition-fast);transition:opacity var(--transition-fast);filter:invert(.4)}.filter-date::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .filter-select,[data-theme=dark] .filter-date{background-color:var(--color-surface-dark);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' 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")}[data-theme=dark] .filter-select option{background-color:#1a1a1a;color:#fff;padding:var(--space-sm)}[data-theme=dark] .filter-select:focus,[data-theme=dark] .filter-date:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary-light)}[data-theme=dark] .filter-date::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}[data-theme=dark] .filter-date::-webkit-calendar-picker-indicator:hover{opacity:1}@-moz-document url-prefix(){[data-theme=dark] .filter-select{color-scheme:dark}[data-theme=dark] .filter-select option{background-color:#1a1a1a;color:#fff}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){[data-theme=dark] .filter-select,[data-theme=dark] .filter-select option{background-color:#1a1a1a;color:#fff}}[data-theme=dark] select{background-color:#1a1a1a;color:#fff;border-color:#333}[data-theme=dark] .filter-select,[data-theme=dark] select,[data-theme=dark] .filter-date{color:#fff}[data-theme=dark] .filter-select option,[data-theme=dark] select option{color:#fff;background-color:#1a1a1a}[data-theme=dark] .filter-select:disabled,[data-theme=dark] select:disabled,[data-theme=dark] .filter-date:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed}@media (max-width: 768px){.dashboard{padding:var(--space-md)}.dashboard-content{padding:var(--space-sm)}.dashboard-tabs{flex-wrap:wrap;margin-bottom:var(--space-md)}.tab-button{flex:1 1 calc(33.333% - var(--space-xs));margin-bottom:var(--space-xs)}.stats-cards{grid-template-columns:1fr}.date-filters{flex-direction:column;align-items:flex-start}.search-filters{flex-direction:column}.status-bookmarks{flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.bookmark{padding:var(--space-sm) var(--space-md)}.queries-table{display:block;overflow-x:auto}.queries-table th,.queries-table td{min-width:120px}.action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.audit-logs-table-container{overflow-x:auto;margin:0 -var(--space-sm);padding:0 var(--space-sm)}.dashboard-tabs{justify-content:flex-start}.tab-button{padding:var(--space-sm) var(--space-md)}.filter-group{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:0!important}.date-range-filter{display:flex;flex-direction:column;gap:8px}.date-separator{margin:8px 0!important;align-self:center;font-weight:700;letter-spacing:1px}.filter-select,.filter-date{width:100%}.pagination{flex-wrap:wrap;gap:var(--space-sm)}select.filter-select{padding:8px 10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;background-position:right 8px center;max-width:100%}.admin-dashboard .sessions-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin:0 -1rem;scrollbar-width:thin;-ms-overflow-style:none}.admin-dashboard .sessions-grid::-webkit-scrollbar{height:6px}.admin-dashboard .sessions-grid::-webkit-scrollbar-track{background:var(--color-background);border-radius:4px}.admin-dashboard .sessions-grid::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.admin-dashboard .session-card{flex:0 0 calc(90% - var(--space-md));min-width:280px;margin-bottom:var(--space-sm)}[data-theme=dark] .admin-dashboard .sessions-grid::-webkit-scrollbar-thumb{background-color:var(--color-border-dark)}[data-theme=dark] select.filter-select{color:#fff;background-color:#1a1a1a}}@media (max-width: 480px){.dashboard{padding:12px;margin:0}.dashboard-header h2{font-size:18px}.dashboard-header p{font-size:14px}.stat-card{padding:12px}.stat-card h3{font-size:14px}.stat-card .stat-value{font-size:18px}.tab-button{font-size:13px;padding:6px 8px}.audit-logs-table th,.audit-logs-table td,.queries-table th,.queries-table td{padding:6px 4px;font-size:11px}.action-btn{padding:4px 6px;font-size:11px;margin-right:4px}.filter-controls,.session-card,.payout-card{padding:10px}.session-card h3,.payout-card h3{font-size:16px}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.view-changes-btn{padding:4px 8px;font-size:12px}}@media (max-width: 360px){.dashboard-tabs{gap:2px}.tab-button{font-size:11px;padding:5px 6px}.bookmark{padding:4px 6px;font-size:11px}.bookmark .count{min-width:18px;font-size:10px}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-md) 0}.pagination-button{padding:var(--space-sm) var(--space-lg);border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);color:var(--color-text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--color-text-secondary);font-size:.95rem}[data-theme=dark] .pagination-button{background-color:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .pagination-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .pagination-info{color:var(--color-text-secondary-dark)}.audit-logs-section{margin-bottom:var(--space-xl)}.audit-logs-filters{margin-bottom:var(--space-lg);background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);box-shadow:var(--box-shadow-sm)}.audit-logs-container{background-color:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);overflow:hidden;margin-top:20px}.audit-logs-table-container{overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch;max-width:100%}.audit-logs-table{width:100%;border-collapse:collapse;margin-bottom:20px}.audit-logs-table th,.audit-logs-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.audit-logs-table th{background-color:#f7fafc;font-weight:600;color:#4a5568}.audit-logs-table td{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.audit-logs-table tr:hover{background-color:#f7fafc}.log-details{display:flex;flex-direction:column;gap:var(--space-xs)}.view-changes-btn{padding:6px 12px;background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:4px;color:#2c5282;cursor:pointer;font-size:.9em;transition:all .2s}.view-changes-btn:hover{background-color:#bee3f8;border-color:#90cdf4}.pagination-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;color:#4a5568;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .audit-logs-table th{background-color:#000;color:#fff;border-bottom:1px solid #333}[data-theme=dark] .audit-logs-table tr:hover{background-color:red!important;color:#000!important}[data-theme=dark] .audit-logs-table tr:hover td{color:#000!important}[data-theme=dark] .audit-logs-container .audit-logs-table tr:hover{background-color:red!important;color:#000!important}[data-theme=dark] .audit-logs-container .audit-logs-table tr:hover td{color:#000!important}[data-theme=dark] .audit-logs-section .audit-logs-container .audit-logs-table tr:hover{background-color:red!important;color:#000!important}[data-theme=dark] .audit-logs-section .audit-logs-container .audit-logs-table tr:hover td{color:#000!important}[data-theme=dark] .audit-logs-table tr:hover{background-color:red!important}.sample-data-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-left:auto}.sample-data-btn:hover{background-color:var(--color-primary-dark)}.payout-log{background-color:#f0f8ff4d}.payout-log:hover{background-color:#f0f8ff80}.payout-changes{color:#2c5282;font-size:.9em;margin-top:8px;padding:8px;background-color:#ebf8ff80;border-radius:4px;border-left:3px solid #4299e1}.payout-changes .payment-method{display:inline-block;margin-left:8px;padding:2px 6px;background-color:#ebf8ff;border-radius:3px;color:#2b6cb0;font-weight:500}.changes-section{margin-top:8px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.pagination-info{color:#4a5568;font-size:.9em}[data-theme=dark] .payout-log{background-color:#4299e11a}[data-theme=dark] .payout-log:hover{background-color:#4299e126}[data-theme=dark] .payout-changes{background-color:#4299e11a;border-left-color:#4299e1;color:#90cdf4}[data-theme=dark] .payout-changes .payment-method{background-color:#4299e133;color:#90cdf4}.clear-filters-btn{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.clear-filters-btn:hover{background-color:var(--color-surface-hover);color:red;border-color:red}.clear-filters-btn:active{transform:translateY(1px)}[data-theme=dark] .clear-filters-btn{background-color:var(--color-surface-dark);color:var(--color-text-secondary-dark);border-color:var(--color-border-dark)}[data-theme=dark] .clear-filters-btn:hover{background-color:var(--color-surface-hover-dark);color:red;border-color:red}.payout-summary-section{margin-bottom:var(--space-xl)}.payout-total{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--box-shadow-sm);text-align:center}.payout-total h3{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.payout-total .amount{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.payout-total .date-range-info{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.payout-filters{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--box-shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}[data-theme=dark] .payout-total,[data-theme=dark] .payout-filters{background-color:var(--color-surface-dark)}[data-theme=dark] .payout-total .amount{color:var(--color-primary-light)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-lg);box-shadow:var(--box-shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.stat-card h3{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.stat-card .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.empty-state{text-align:center;padding:40px 20px;color:#718096}.empty-state h3{color:#2d3748;margin-bottom:10px}.loading{text-align:center;padding:20px;color:#4a5568}.count{display:inline-block;margin-left:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface);border-radius:1rem;font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-secondary)}.pending-queries{background-color:var(--color-surface);border-radius:var(--border-radius-md);padding:var(--space-md)}.queries-table{width:100%;border-collapse:collapse}.queries-table th,.queries-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.queries-table th{background-color:var(--color-card);color:var(--color-text-primary);font-weight:500}.queries-table td{color:var(--color-text-secondary)}.action-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-right:var(--space-sm)}.status-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none}.status-btn:hover{background-color:var(--color-primary-dark)}.email-btn{background-color:var(--color-gray);color:var(--color-text-primary);text-decoration:none}.email-btn:hover{background-color:var(--color-gray-dark)}.dashboard-title{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:10px}.dashboard-subtitle{color:#718096;font-size:1.1rem;font-weight:400}[data-theme=dark] .dashboard-title{color:#fff!important}[data-theme=dark] .dashboard-subtitle{color:#e0e6ed!important}.filter-box{background-color:var(--color-surface, #fff);border-radius:var(--border-radius-md, 12px);box-shadow:var(--box-shadow-sm, 0 2px 8px rgba(74, 137, 220, .07));border:1px solid var(--color-border, #e2e8f0);padding:20px 16px;margin-bottom:24px;color:var(--color-text-primary, #2d3748);transition:background .3s,border .3s}[data-theme=dark] .filter-box{background-color:var(--color-surface-dark, #23272f);border:1px solid var(--color-border-dark, #444);color:var(--color-text-primary-dark, #fff);box-shadow:0 2px 8px #0000002e}.filter-box .filter-select,.filter-box .filter-date{background:#fff;color:#2d3748;border:1px solid #cbd5e0}[data-theme=dark] .filter-box .filter-select,[data-theme=dark] .filter-box .filter-date{background-color:#000!important;color:#fff!important;border:1px solid #444!important}[data-theme=dark] .filter-box .filter-select::-moz-placeholder,[data-theme=dark] .filter-box .filter-date::-moz-placeholder{color:#bbb!important;opacity:1!important}[data-theme=dark] .filter-box .filter-select::placeholder,[data-theme=dark] .filter-box .filter-date::placeholder{color:#bbb!important;opacity:1!important}[data-theme=dark] .filter-box .filter-date::-webkit-calendar-picker-indicator{filter:invert(1)}[data-theme=dark] .filter-box input[type=date].filter-date{background-color:#000!important;color:#fff!important;border:1px solid #444!important}[data-theme=dark] .filter-box input[type=date].filter-date::-webkit-calendar-picker-indicator{filter:invert(1);background-color:transparent}[data-theme=dark] .filter-box input[type=date].filter-date::-moz-calendar-picker-indicator{filter:invert(1);background-color:transparent}[data-theme=dark] .filter-box input[type=date].filter-date::-ms-clear{display:none}[data-theme=dark] .filter-box input[type=date].filter-date::-ms-reveal{display:none}[data-theme=dark] .filter-box input[type=date].filter-date::-webkit-datetime-edit-fields-wrapper{color:#fff}[data-theme=dark] .filter-box input[type=date].filter-date::-webkit-datetime-edit{color:#fff;background-color:#000}.auth-form-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:20px;animation:fadeIn .5s ease}.auth-form-card{background-color:var(--color-card);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-md);width:100%;max-width:420px;padding:32px}.auth-header{margin-bottom:24px;text-align:center}.auth-header h2{font-size:24px;margin-bottom:8px;color:var(--color-text-primary)}.auth-header p{color:var(--color-text-secondary);font-size:14px}.auth-error{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#e74c3c;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group select{padding:12px;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-bg);font-size:14px;transition:border-color .3s,box-shadow .3s}.form-group input.error,.form-group select.error{border-color:#e74c3c;background-color:#e74c3c0d}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff00001a}.field-error{color:#e74c3c;font-size:12px;margin-top:4px;display:block}.auth-submit-btn{margin-top:8px;padding:14px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}.auth-submit-btn:hover{background-color:var(--color-primary-dark)}.auth-submit-btn:disabled{background-color:var(--color-primary-light);cursor:not-allowed}.auth-switch{margin-top:24px;text-align:center;font-size:14px;color:var(--color-text-secondary)}.auth-switch a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}[data-theme=dark] .auth-form-card{background-color:var(--color-card-dark)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:var(--color-bg-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}[data-theme=dark] .form-group input:-webkit-autofill,[data-theme=dark] .form-group input:-webkit-autofill:hover,[data-theme=dark] .form-group input:-webkit-autofill:focus,[data-theme=dark] .form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #000 inset!important;-webkit-text-fill-color:var(--color-text-primary-dark)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background-color:#000!important;caret-color:var(--color-text-primary-dark)!important}[data-theme=dark] .form-group input:-webkit-autofill{background-color:#000!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .form-group input:autofill{background-color:#000!important;color:var(--color-text-primary-dark)!important}[data-theme=dark] .form-group input.error,[data-theme=dark] .form-group select.error{border-color:#e74c3c;background-color:#e74c3c1a}[data-theme=dark] .field-error{color:#ff6b6b}@media (max-width: 480px){.auth-form-card{padding:24px 20px}}:root{scroll-behavior:smooth;--color-primary: #ff0000;--color-primary-light: #ff3333;--color-primary-dark: #cc0000;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-card: #ffffff;--color-border: #e0e0e0;--color-text-primary: #1a1a1a;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-text-on-primary: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--shimmer-base: #f0f0f0;--shimmer-highlight: #f9f9f9;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--box-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--box-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--box-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.dark-mode{--color-primary: #ff3333;--color-primary-light: #ff6666;--color-primary-dark: #cc0000;--color-bg: #121212;--color-bg-dark: #121212;--color-surface: #1e1e1e;--color-card: #2a2a2a;--color-border: #333333;--color-border-dark: #333333;--color-text-primary: #ffffff;--color-text-primary-dark: #ffffff;--color-text-secondary: #cccccc;--color-text-tertiary: #999999;--color-text-on-primary: #ffffff;--shimmer-base: #2a2a2a;--shimmer-highlight: #3a3a3a;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444}::-webkit-scrollbar{width:0;height:0;background:transparent}*{-ms-overflow-style:none;scrollbar-width:none}.scrollable{overflow:auto;-webkit-overflow-scrolling:touch}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color var(--transition-normal),color var(--transition-normal)}button{cursor:pointer;font-family:var(--font-family);border:none;background-color:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}button:hover{background-color:var(--color-primary-dark)}button.text{background-color:transparent;color:var(--color-primary);padding:var(--space-xs) var(--space-sm)}button.text:hover{background-color:#ff00000d}button.secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}button.secondary:hover{background-color:var(--color-border)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff00001a}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shimmer{background:var(--shimmer-base);background-image:linear-gradient(to right,var(--shimmer-base) 0%,var(--shimmer-highlight) 20%,var(--shimmer-base) 40%,var(--shimmer-base) 100%);background-repeat:no-repeat;background-size:800px 100%;display:inline-block;position:relative;animation:shimmer 1.5s infinite linear;border-radius:var(--border-radius-sm);min-height:16px}.shimmer.shimmer-card{width:100%;height:120px;margin-bottom:var(--space-md)}.shimmer.shimmer-text{width:100%;height:14px;margin-bottom:var(--space-sm)}.shimmer.shimmer-button{width:100px;height:36px}.shimmer.shimmer-circle{width:48px;height:48px;border-radius:50%}.shimmer-container{display:flex;flex-direction:column;width:100%;padding:var(--space-md)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);width:100%}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.form-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.form-group{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--space-sm)}.container{padding:0 var(--space-sm)}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' 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 8px center;background-size:16px;padding:var(--space-sm) var(--space-md);padding-right:32px;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer}select:hover{border-color:var(--color-primary)}select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}select option{background-color:var(--color-background);color:var(--color-text-primary);padding:var(--space-sm)}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' 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-color:var(--color-surface-dark);color:var(--color-text-primary-dark);border-color:var(--color-border-dark)}[data-theme=dark] select option{background-color:#1a1a1a;color:#fff}[data-theme=dark] select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary-light)}@-moz-document url-prefix(){[data-theme=dark] select{color-scheme:dark}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){[data-theme=dark] select{background-color:#1a1a1a;color:#fff}}select:disabled{background-color:var(--color-surface);color:var(--color-text-tertiary);cursor:not-allowed}[data-theme=dark] select:disabled{background-color:#2a2a2a;color:#666}.dark-mode input:-webkit-autofill,.dark-mode input:-webkit-autofill:hover,.dark-mode input:-webkit-autofill:focus,.dark-mode input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #121212 inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.dark-mode input:-webkit-autofill+div,.dark-mode input:-webkit-autofill:focus+div{background-color:#121212!important;color:#fff!important}