body{background-color:#fff;margin:0}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000040;display:flex;gap:1rem;justify-content:space-between;max-width:400px;min-width:320px;padding:1rem 1.5rem;position:fixed;right:20px;top:100px;z-index:10000}.toast-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.toast-message{color:#333;font-size:.95rem;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-info{border-left:4px solid #667eea}.toast-action{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.toast-action:hover{box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.toast-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.toast-close:hover{color:#333}@media (max-width:768px){.toast{left:10px;min-width:auto;right:10px}}.error-boundary{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:500px;padding:3rem;text-align:center}.error-boundary-content h1{color:#dc3545;margin-bottom:1rem}.error-boundary-content p{color:#666;margin-bottom:2rem}.reload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:transform .2s}.reload-button:hover{transform:translateY(-2px)}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-search{display:flex;flex:1 1;gap:.5rem;margin:0 1rem;max-width:400px}.search-input{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:.5rem 1rem}.search-input::placeholder{color:#fffc}.search-input:focus{background:#ffffff4d;border-color:#ffffff80}.search-button{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background .3s}.search-button:hover{background:#ffffff4d}.navbar-logo{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-decoration:none}.navbar-theme-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:.4rem .6rem;transition:background .2s}.navbar-theme-toggle:hover{background:#ffffff4d}.navbar-menu{align-items:center;display:flex;gap:1.5rem}.navbar-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .3s}.navbar-link:hover{opacity:.8}.cart-link{background:#fff3;border-radius:20px;font-weight:600;padding:.5rem 1rem;position:relative;transition:all .2s}.cart-link:hover{background:#ffffff4d;transform:translateY(-1px)}.navbar-user{color:#fff;font-size:.9rem}.navbar-button{background:#fff;border:none;border-radius:25px;color:#667eea;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:transform .2s}.navbar-button:hover{transform:scale(1.05)}@media (max-width:968px){.navbar-search{display:none}}@media (max-width:768px){.navbar{padding:1rem}.navbar-container,.navbar-menu{flex-wrap:wrap}.navbar-menu{gap:.5rem}.navbar-link{font-size:.9rem}}.back-to-top{background:#0f172a;border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 16px #0f172a4d;color:#fff;cursor:pointer;font-size:1.25rem;height:48px;position:fixed;right:1.5rem;transition:transform .2s,box-shadow .2s;width:48px;z-index:999}.back-to-top:hover{box-shadow:0 8px 24px #0f172a66;transform:translateY(-4px)}.game-home{align-items:center;background:linear-gradient(180deg,#0d0d0d,#1a0a0a 40%,#0d0d0d);color:#eee;display:flex;justify-content:center;min-height:80vh;padding:2rem}.game-home-container{max-width:520px;text-align:center;width:100%}.game-title{color:#d4af37;font-size:2.5rem;margin-bottom:.25rem;text-shadow:0 0 24px #d4af3766}.game-subtitle{color:#aaa;font-size:.9rem;margin-bottom:1.5rem;opacity:.8}.casino-balance-box{background:linear-gradient(135deg,#1a1a1a,#2d1f1f);border:2px solid #d4af37;border-radius:16px;box-shadow:0 0 24px #d4af3726;margin-bottom:2rem;padding:1.25rem}.casino-balance-label{color:#888;display:block;font-size:.75rem;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.casino-balance-amount{color:#d4af37;font-size:2rem;font-weight:700}.casino-refill-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.9rem;margin:1rem auto 0;padding:.6rem 1.2rem}.casino-refill-btn:hover{background:#1d4ed8}.casino-games-grid,.game-menu-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1.5rem}.casino-games-grid .game-menu-card{padding:1.25rem .75rem}.casino-games-grid .game-menu-icon{font-size:2.25rem}.casino-games-grid .game-menu-card h2{font-size:1rem}.casino-games-grid .game-menu-card p{font-size:.8rem}.game-menu-card.coming-soon{cursor:default;opacity:.75;pointer-events:none;position:relative}.coming-soon-badge{background:#444;border-radius:4px;color:#aaa;font-size:.65rem;padding:.2rem .4rem;position:absolute;right:.5rem;top:.5rem}.game-menu-card{background:#ffffff0d;border:2px solid #d4af3766;border-radius:16px;color:inherit;padding:2rem 1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.game-menu-card:hover{border-color:#d4af37;box-shadow:0 8px 32px #d4af3733;transform:translateY(-4px)}.game-menu-icon{display:block;font-size:3.5rem;margin-bottom:.75rem}.game-menu-card h2{color:#fff;font-size:1.25rem;margin-bottom:.25rem}.game-menu-card p{color:#bbb;font-size:.9rem;opacity:.85}.game-stats{background:#0000004d;border-radius:12px;color:#999;font-size:.9rem;padding:1rem}.game-stats strong{color:#d4af37}.win-overlay{align-items:center;animation:winFadeIn .3s ease-out;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9999}.win-overlay.win{background:#0009}.win-overlay.bonus{animation:bonusReveal .5s ease-out;background:#000000bf}@keyframes winFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bonusReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.win-confetti{animation:confettiMove 1.5s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#d4af37 2px,#0000 0),radial-gradient(circle at 80% 20%,#ff6b6b 2px,#0000 0),radial-gradient(circle at 40% 40%,#4ade80 2px,#0000 0),radial-gradient(circle at 60% 60%,#60a5fa 2px,#0000 0),radial-gradient(circle at 30% 70%,#fbbf24 2px,#0000 0);background-size:80px 80px,120px 120px,100px 100px,90px 90px,110px 110px;inset:0;opacity:.6;position:absolute}.win-overlay.bonus .win-confetti{animation:confettiMove .8s ease-in-out infinite,confettiPulse .5s ease-in-out}@keyframes confettiMove{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(2px,-3px) rotate(2deg)}50%{transform:translate(-2px,2px) rotate(-2deg)}75%{transform:translate(3px,1px) rotate(1deg)}}@keyframes confettiPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.win-content{animation:winPop .4s ease-out .2s both;background:linear-gradient(135deg,#1a1a1a,#2d1f1f);border:4px solid #d4af37;border-radius:24px;box-shadow:0 0 0 2px #0000004d,0 0 60px #d4af3780,inset 0 0 40px #d4af371a;padding:2rem 3rem;position:relative;text-align:center;z-index:1}.win-overlay.bonus .win-content{animation:bonusPop .6s cubic-bezier(.34,1.56,.64,1) .2s both;border-width:6px;box-shadow:0 0 80px #d4af3799}@keyframes winPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bonusPop{0%{opacity:0;transform:scale(.3) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.win-badge{color:#d4af37;font-size:1.25rem;font-weight:800;letter-spacing:.3em;margin-bottom:.5rem;text-shadow:0 0 20px #d4af37cc}.win-overlay.bonus .win-badge{animation:bonusBlink .5s ease-in-out 3;font-size:1.75rem}@keyframes bonusBlink{0%,to{opacity:1}50%{opacity:.7}}.win-amount{color:#4ade80;font-size:2.5rem;font-weight:700;text-shadow:0 0 20px #4ade8099}.win-overlay.bonus .win-amount{color:#fbbf24;font-size:3rem;text-shadow:0 0 30px #fbbf24cc}.win-sub{color:#aaa;font-size:1rem;margin-top:.5rem}.casino-slots{background:linear-gradient(180deg,#0d0d0d,#1a0a0a 50%,#0d0d0d);color:#fff;min-height:100vh;padding:1.5rem}.casino-slots-container{margin:0 auto;max-width:480px}.casino-back{color:#d4af37;display:inline-block;font-size:.95rem;margin-bottom:1rem;text-decoration:none}.casino-back:hover{text-decoration:underline}.casino-balance-bar{align-items:center;background:linear-gradient(90deg,#1a1a1a,#2d1f1f);border:2px solid #d4af37;border-radius:12px;box-shadow:0 0 20px #d4af3733;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.balance-display{display:flex;flex-direction:column}.balance-label{color:#aaa;font-size:.75rem;text-transform:uppercase}.balance-value{color:#d4af37;font-size:1.75rem;font-weight:700}.bet-selector{align-items:center;display:flex;gap:.5rem}.bet-label{color:#ccc;font-size:.9rem}.bet-select{background:#1a1a1a;border:2px solid #d4af37;border-radius:8px;color:#d4af37;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem .75rem}.slot-machine{background:linear-gradient(180deg,#2d1f1f,#1a1212);border:4px solid #d4af37;border-radius:24px;box-shadow:0 0 0 2px #1a1a1a,0 0 40px #d4af3726,inset 0 0 60px #00000080;margin-bottom:1.5rem;padding:2rem}.slot-title{color:#d4af37;font-size:1.5rem;font-weight:800;letter-spacing:.3em;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 20px #d4af3780}.reels-container{gap:.5rem;margin-bottom:1.5rem}.reel,.reels-container{display:flex;justify-content:center}.reel{align-items:center;background:linear-gradient(180deg,#0d0d0d,#1a1a1a);border:3px solid #d4af37;border-radius:12px;box-shadow:inset 0 0 20px #000c;height:100px;width:80px}.reel-symbol{font-size:2.5rem;font-weight:700}.reels-container.spinning .reel-symbol{animation:reel-spin .1s linear infinite}@keyframes reel-spin{0%{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spin-button{background:linear-gradient(180deg,#c9a227,#8b6914);border:none;border-radius:12px;box-shadow:0 4px 0 #5c4a0e,0 6px 20px #0006;color:#1a1a1a;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:.15em;padding:1rem 2rem;transition:transform .1s,box-shadow .1s;width:100%}.spin-button:hover:not(:disabled){box-shadow:0 3px 0 #5c4a0e,0 5px 15px #0006;transform:translateY(1px)}.spin-button:active:not(:disabled){box-shadow:0 1px 0 #5c4a0e;transform:translateY(3px)}.spin-button:disabled{background:#444;box-shadow:none;color:#888;cursor:not-allowed}.slot-message{font-size:1.1rem;font-weight:700;margin-top:1rem;text-align:center}.slot-message.win{color:#4ade80;text-shadow:0 0 10px #4ade8080}.slot-message.lose{color:#94a3b8}.paytable{background:#0006;border:1px solid #333;border-radius:12px;padding:1rem 1.25rem}.paytable h3{color:#d4af37;font-size:.9rem;margin-bottom:.5rem}.paytable ul{color:#bbb;font-size:.85rem;list-style:none}.paytable li{padding:.2rem 0}.casino-dice{background:linear-gradient(180deg,#0d0d0d,#1a0a0a);color:#fff;min-height:100vh;padding:1.5rem}.casino-dice-container{margin:0 auto;max-width:400px}.dice-title{color:#d4af37;margin-bottom:.5rem;text-align:center}.dice-rules{color:#999;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.dice-result{gap:2rem;margin:1.5rem 0}.dice-die,.dice-result{display:flex;justify-content:center}.dice-die{align-items:center;background:linear-gradient(135deg,#2d1f1f,#1a1a1a);border:3px solid #d4af37;border-radius:16px;font-size:2.5rem;font-weight:700;height:80px;width:80px}.dice-sum{font-size:1.25rem;margin-bottom:1rem;text-align:center}.dice-choices{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.dice-btn{background:#333;border:2px solid #555;border-radius:12px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.dice-btn.active{background:#2d1f1f;border-color:#d4af37;color:#d4af37}.casino-dice .spin-button{margin-top:.5rem;padding:1rem;width:100%}.casino-dice .slot-message{margin-top:1rem;text-align:center}.casino-dice .casino-balance-bar{align-items:center;background:#d4af371a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.casino-roulette{background:linear-gradient(180deg,#0d0d0d,#1a0a0a);color:#fff;min-height:100vh;padding:1.5rem}.casino-roulette-container{margin:0 auto;max-width:400px}.roulette-title{color:#d4af37;margin-bottom:.5rem;text-align:center}.roulette-rules{color:#999;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.roulette-wheel{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d1f1f);border:4px solid #d4af37;border-radius:50%;display:flex;height:160px;justify-content:center;margin:1.5rem auto;width:160px}.roulette-wheel.spinning{animation:wheelSpin 2.5s ease-out}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(5turn)}}.roulette-ball{color:#d4af37;font-size:2rem;font-weight:700}.roulette-result{border-radius:8px;font-weight:700;margin:1rem 0;padding:.5rem;text-align:center}.roulette-result.red{background:#b91c1c;color:#fff}.roulette-result.black{background:#1f2937;color:#fff}.roulette-choices{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.roulette-btn{border:2px solid;border-radius:12px;cursor:pointer;font-weight:700;padding:.75rem 1.5rem}.roulette-btn.red{background:#7f1d1d;border-color:#b91c1c;color:#fca5a5}.roulette-btn.black{background:#1f2937;border-color:#374151;color:#d1d5db}.roulette-btn.active{box-shadow:0 0 20px currentColor}.casino-roulette .casino-balance-bar{align-items:center;background:#d4af371a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.casino-roulette .spin-button{margin-top:.5rem;padding:1rem;width:100%}.casino-wheel{background:linear-gradient(180deg,#0d0d0d,#1a0a0a);color:#fff;min-height:100vh;padding:1.5rem}.casino-wheel-container{margin:0 auto;max-width:420px}.wheel-title{color:#d4af37;margin-bottom:.5rem;text-align:center}.wheel-rules{color:#999;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.wheel-circle{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d1f1f);border:5px solid #d4af37;border-radius:50%;display:flex;height:220px;justify-content:center;margin:1.5rem auto;overflow:hidden;position:relative;width:220px}.wheel-circle.spinning{animation:wheelRotate 3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes wheelRotate{0%{transform:rotate(0deg)}to{transform:rotate(5turn)}}.wheel-pointer{color:#d4af37;font-size:1.5rem;left:50%;position:absolute;text-shadow:0 0 10px #d4af37;top:-8px;transform:translateX(-50%);z-index:2}.wheel-segments{align-items:center;background:conic-gradient(from 0deg,#b91c1c 0deg 36deg,#1f2937 36deg 72deg,#b91c1c 72deg 108deg,#1f2937 108deg 144deg,#15803d 144deg 180deg,#1e40af 180deg 216deg,#b91c1c 216deg 252deg,#1f2937 252deg 288deg,#d4af37 288deg 324deg,#1f2937 324deg 1turn);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;inset:10px;justify-content:center;position:absolute}.wheel-result{color:#4ade80;font-size:1.25rem;font-weight:700;margin:1rem 0;text-align:center}.casino-wheel .casino-balance-bar{align-items:center;background:#d4af371a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.casino-wheel .spin-button{margin-top:.5rem;padding:1rem;width:100%}.casino-blackjack{background:linear-gradient(180deg,#0d0d0d,#0a1a0a);color:#fff;min-height:100vh;padding:1.5rem}.blackjack-container{margin:0 auto;max-width:440px}.blackjack-title{color:#d4af37;margin-bottom:1rem;text-align:center}.casino-blackjack .hands{margin:1.5rem 0}.casino-blackjack .hand{margin-bottom:1rem}.casino-blackjack .hand span{color:#999;display:block;margin-bottom:.5rem}.casino-blackjack .cards{display:flex;flex-wrap:wrap;gap:.5rem}.casino-blackjack .card{align-items:center;background:#fff;border-radius:8px;color:#1a1a1a;display:flex;font-weight:700;height:64px;justify-content:center;width:48px}.casino-blackjack .actions{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.casino-blackjack .dice-btn{background:#2d1f1f;border:2px solid #d4af37;border-radius:12px;color:#d4af37;cursor:pointer;padding:.75rem 1.5rem}.casino-blackjack .casino-balance-bar{align-items:center;background:#d4af371a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.casino-blackjack .spin-button{margin-top:.5rem;padding:1rem;width:100%}.casino-scratch{background:linear-gradient(180deg,#0d0d0d,#1a0a0a);color:#fff;min-height:100vh;padding:1.5rem}.scratch-container{margin:0 auto;max-width:400px}.scratch-title{color:#d4af37;margin-bottom:.5rem;text-align:center}.scratch-rules{color:#999;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.scratch-card{align-items:center;background:linear-gradient(135deg,#2d1f1f,#1a1a1a);border:4px solid #d4af37;border-radius:20px;display:flex;justify-content:center;min-height:220px;padding:2rem}.scratch-cover,.scratch-result{text-align:center;width:100%}.scratch-hint{color:#444;display:block;font-size:4rem;margin-bottom:1rem}.scratch-result .scratch-mult{color:#d4af37;display:block;font-size:2rem}.scratch-result .scratch-win{color:#4ade80;display:block;font-size:1.5rem;margin:.5rem 0 1rem}.casino-scratch .casino-balance-bar{align-items:center;background:#d4af371a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.casino-scratch .spin-button{margin-top:.5rem;padding:1rem;width:100%}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:2.5rem;width:100%}.auth-card h2{color:#333;font-size:2rem;margin:0 0 1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-select:focus{border-color:#667eea;outline:none}.auth-forgot,.form-select{cursor:pointer}.auth-forgot{background:none;border:none;color:#667eea;display:block;font-size:.9rem;margin-top:.5rem;padding:0;text-align:left}.auth-forgot:hover{text-decoration:underline}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:transform .2s;width:100%}.auth-button:hover:not(:disabled){transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-ghost{background:#0000;border:1px solid #ddd;color:#666;margin-top:.75rem}.auth-button-ghost:hover:not(:disabled){background:#f5f5f5}.error-message{background:#fee;border-radius:8px;color:#c33;margin-bottom:1rem;padding:.75rem;text-align:center}.auth-link{color:#666;margin-top:1.5rem;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.profile-page{background:#f8f9fa;min-height:calc(100vh - 200px);padding:2rem}.profile-page .container{margin:0 auto;max-width:800px}.profile-page h1{color:#333;margin-bottom:2rem}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:3rem}.profile-header{border-bottom:2px solid #e0e0e0;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin:0 auto 1rem;width:100px}.profile-header h2{color:#333;margin:0 0 .5rem}.profile-email{color:#666;margin:0 0 1rem}.role-badge{border-radius:25px;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;text-transform:capitalize}.role-badge.admin{background:#dc3545;color:#fff}.role-badge.owner{background:#667eea;color:#fff}.role-badge.customer{background:#28a745;color:#fff}.profile-info{display:flex;flex-direction:column;gap:1.5rem}.info-item{border-bottom:1px solid #e0e0e0;padding:1rem 0}.info-item:last-child{border-bottom:none}.info-item label{color:#666;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.info-item p{color:#333;font-size:1.1rem;margin:0}.capitalize{text-transform:capitalize}.profile-edit-btn{background:#0000;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.4rem .75rem}.profile-edit-btn:hover{background:#f5f5f5;border-color:#ccc;color:#333}.profile-edit-name{margin:0 0 .5rem}.profile-edit-name input{border:2px solid #e0e0e0;border-radius:10px;display:block;font-size:1.1rem;margin:0 auto .75rem;max-width:280px;padding:.6rem 1rem;text-align:center;width:100%}.profile-edit-name input:focus{border-color:#667eea;outline:none}.profile-edit-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.profile-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem}.profile-btn--primary{background:#667eea;color:#fff}.profile-btn--primary:hover:not(:disabled){background:#5a67d8}.profile-btn--primary:disabled{cursor:not-allowed;opacity:.7}.profile-btn--ghost{background:#f5f5f5;border:1px solid #ddd;color:#555}.profile-btn--ghost:hover:not(:disabled){background:#eee}.profile-uid{color:#666;font-size:.9rem;word-break:break-all}.profile-quick-links{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.profile-quick-links h3{color:#666;font-size:1rem;font-weight:600;margin:0 0 1rem}.quick-links-grid{display:flex;flex-wrap:wrap;gap:.75rem}.quick-link{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;color:#333;display:inline-flex;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .2s}.quick-link:hover{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.profile-card{padding:2rem 1.5rem}}.not-found{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.not-found-inner{max-width:420px;text-align:center}.not-found-code{color:#cbd5e1;display:block;font-size:4rem;font-weight:800;line-height:1;margin-bottom:.5rem}.not-found h1{color:#0f172a;font-size:1.5rem;margin:0 0 .75rem}.not-found p{color:#64748b;line-height:1.5;margin:0 0 1.5rem}.not-found-btn{background:#0f172a;border-radius:10px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.not-found-btn:hover{background:#1e293b;transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.toast-container{pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.toast-container>*{pointer-events:auto}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background:#0f172a;color:#e2e8f0}[data-theme=dark] .App{background:#0f172a}
/*# sourceMappingURL=main.b4952906.css.map*/