:root{--primary-orange: #ff6b35;--primary-blue: #004e89;--accent-orange: #ff8c42;--accent-blue: #0077b6;--text-dark: #ffffff;--text-light: #b0b0b0;--bg-dark: #0a0e27;--bg-darker: #050810;--bg-card: #141829;--bg-light: #1a1f3a;--bg-white: #1a1f3a;--border-light: #2a3050;--border-dark: #1a1f3a;--success: #10b981;--danger: #ff4444;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--bg-light)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-orange);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-orange);text-decoration:underline}button{cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:600;transition:all .3s ease;font-family:inherit;font-size:.95rem}button.primary{background-color:var(--primary-orange);color:#fff}button.primary:hover{background-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}button.secondary{background-color:var(--primary-blue);color:#fff}button.secondary:hover{background-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #004e894d}button.danger{background-color:var(--danger);color:#fff}button.danger:hover{background-color:#dc2626;transform:translateY(-2px)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{padding:.75rem;border:2px solid var(--border-light);border-radius:.375rem;font-family:inherit;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background-color:var(--bg-card);color:var(--text-dark)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b3533}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.banner{background:linear-gradient(180deg,#0a0e27,#141829);border-bottom:2px solid rgba(255,107,53,.3);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000080}.banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.banner-logo{text-align:center}.banner-logo h1{font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin:0;margin-bottom:.5rem}.banner-logo .pyre{color:var(--primary-orange)}.banner-logo .haven{color:var(--primary-blue)}.banner-logo .tagline{font-size:1rem;color:var(--text-light);margin:0;font-weight:600;letter-spacing:.5px}.banner-logo .orange{color:var(--primary-orange)}.banner-logo .blue{color:var(--primary-blue)}@media(max-width:768px){.banner{padding:1rem 1.5rem}.banner-logo h1{font-size:1.8rem}.banner-logo .tagline{font-size:.85rem}}.sidebar-toggle{display:none;position:fixed;top:80px;left:1rem;z-index:999;background:var(--primary-orange);color:#fff;border:none;padding:.5rem .75rem;font-size:1.5rem;border-radius:.375rem;cursor:pointer;transition:all .3s ease}.sidebar-toggle:hover{background:var(--accent-orange)}.sidebar{width:280px;background:linear-gradient(180deg,#141829,#0a0e27);border-right:2px solid rgba(255,107,53,.2);padding:1.5rem 0;min-height:100%;transition:transform .3s ease;display:flex;flex-direction:column}.sidebar-account{padding:1.5rem;background:#004e891a;border-bottom:2px solid rgba(255,107,53,.2);margin-bottom:1rem}.account-section{margin-bottom:1rem}.section-label{font-size:.75rem;text-transform:uppercase;color:var(--text-light);letter-spacing:1px;margin:0 0 .5rem;font-weight:700}.user-name{font-size:1.1rem;color:var(--primary-orange);font-weight:700;margin:0}.logout-btn{width:100%;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--accent-orange) 100%);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.sidebar-nav{display:flex;flex-direction:column;flex:1;padding:1rem 0}.nav-label{padding:0 1.5rem;margin-bottom:.5rem}.nav-item{padding:.875rem 1.5rem;color:var(--text-dark);text-decoration:none;transition:all .3s ease;border-left:4px solid transparent;display:block;font-weight:600;font-size:.95rem}.nav-item a{color:inherit;text-decoration:none;display:block}.nav-item:hover{background-color:#ff6b351a;border-left-color:var(--primary-orange);color:var(--primary-orange)}.nav-item.active{background-color:#ff6b3526;border-left-color:var(--primary-orange);color:var(--primary-orange);pointer-events:none}.nav-item.active a{pointer-events:none;cursor:default}@media(max-width:768px){.sidebar-toggle{display:block}.sidebar{position:fixed;left:0;top:70px;width:280px;max-height:calc(100vh - 70px);overflow-y:auto;z-index:998;transform:translate(-100%);box-shadow:0 4px 20px #00000080}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}}.home-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#050810,#0a0e27,#141829)}.home-content{display:flex;flex:1}.main-content{flex:1;padding:2rem;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:inherit}.authenticated-section{max-width:1200px;width:100%;animation:fadeIn .5s ease}.authenticated-section h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark)}.authenticated-section h1 .accent{color:var(--primary-orange)}.authenticated-section p{color:var(--text-light);font-size:1.05rem;line-height:1.6}.public-section{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:2.5rem;animation:fadeIn .6s ease}.slogan{text-align:center;margin-bottom:1rem}.slogan h1{font-size:3.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:.5rem;background:linear-gradient(180deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slogan .pyre{color:var(--primary-orange);-webkit-text-fill-color:var(--primary-orange)}.slogan .haven{color:var(--primary-blue);-webkit-text-fill-color:var(--primary-blue)}.slogan .subtitle{font-size:1.1rem;color:var(--text-light);margin-top:.5rem;font-weight:600}.slogan .orange{color:var(--primary-orange)}.slogan .blue{color:var(--primary-blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.main-content{padding:1rem}.slogan h1{font-size:2.5rem}.authenticated-section h1{font-size:1.8rem}.slogan .subtitle{font-size:.95rem}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#050810,#0a0e27,#141829)}.login-card{background:linear-gradient(135deg,#141829,#0a0e27);border-radius:1rem;box-shadow:0 20px 50px #0009;border:2px solid rgba(255,107,53,.2);padding:2.5rem;width:100%;max-width:450px}.login-card h1{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-light);margin-bottom:2rem;font-size:.95rem}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.95rem;border:1px solid}.alert-error{background-color:#ff44441a;color:#f99;border-color:#ff44444d}.alert-success{background-color:#10b9811a;color:#6ee7b7;border-color:#10b9814d}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark);font-size:.95rem}.form-group input{width:100%;padding:.875rem;font-size:1rem;border:2px solid var(--border-light);border-radius:.5rem;transition:all .3s ease;background-color:var(--bg-card);color:var(--text-dark)}.form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b3533;background-color:#141829cc}.form-group input::placeholder{color:var(--text-light)}.form-group input:disabled{background-color:#14182980;cursor:not-allowed;opacity:.6}.form-group small{display:block;margin-top:.375rem;color:var(--text-light);font-size:.85rem}.login-card button{width:100%;padding:.875rem;font-size:1rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--accent-orange) 100%);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.login-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}.login-card button:disabled{opacity:.5;cursor:not-allowed;transform:none}.help-section{background:#004e891a;border:1px solid rgba(0,78,137,.3);border-radius:.5rem;padding:1.25rem;margin-top:1.5rem}.help-section h3{font-size:.9rem;font-weight:700;margin-bottom:.75rem;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px}.help-section ul{list-style:none;padding:0;margin:0}.help-section li{font-size:.85rem;color:var(--text-light);margin-bottom:.5rem;line-height:1.5}.help-section code{background-color:#ff6b351a;padding:.2rem .4rem;border-radius:.25rem;font-family:Courier New,monospace;color:var(--primary-orange);font-size:.8rem}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem}.card{border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;height:100%;transition:all .3s ease;border:2px solid;box-shadow:0 8px 24px #0000004d;background:#141829cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.card-header h3{font-size:1.5rem;margin:0;font-weight:700}.card-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.card-body{flex:1;margin-bottom:1.5rem}.service-key{color:var(--text-light);font-size:.9rem;margin:0;font-family:Courier New,monospace;word-break:break-all}.player-count{color:#4ade80;font-size:1rem;font-weight:600;margin:.5rem 0 0}.card-footer{display:flex;gap:.75rem}.btn-start,.btn-stop{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-stop:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-start:disabled,.btn-stop:disabled{opacity:.6;cursor:not-allowed;transform:none}.card-blue{border-color:#004e8980;background:linear-gradient(135deg,#001e3c99,#00326466)}.card-blue .card-header h3{background:linear-gradient(135deg,#0099d8,#004e89);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-blue:hover{border-color:#0099d8b3;box-shadow:0 12px 32px #004e894d}.card-green{border-color:#10b98180;background:linear-gradient(135deg,#00321e99,#00503266)}.card-green .card-header h3{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-green:hover{border-color:#10b981b3;box-shadow:0 12px 32px #10b9814d}.card-fire{border-color:#ff6b3580;background:linear-gradient(135deg,#3c140a99,#501e0066)}.card-fire .card-header h3{background:linear-gradient(135deg,#ff6b35,#ff8c42,#0099d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-fire:hover{border-color:#ff6b35b3;box-shadow:0 12px 32px #ff6b354d}@media(max-width:768px){.cards-container{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.card-header h3{font-size:1.25rem}.btn-start,.btn-stop{padding:.65rem .9rem;font-size:.9rem}}.expanded-card.proxy-card{background:linear-gradient(135deg,#00321ef2,#0a503ce6);border:2px solid rgba(16,185,129,.7);border-radius:16px;padding:32px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #10b98133,0 0 40px #10b9811a;position:relative;color:#fff}.card-header h2,.server-name{margin:0;font-size:28px;font-weight:700}.expanded-card.lobby-card{background:linear-gradient(135deg,#001e3cf2,#0a3c78e6);border:2px solid rgba(0,153,216,.7);border-radius:16px;padding:32px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0099d833,0 0 40px #0099d81a;position:relative;color:#fff}.expanded-card-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.expanded-card.emberclash-card{background:linear-gradient(135deg,#3c140af2,#64280ae6);border:2px solid rgba(255,107,53,.7);border-radius:16px;padding:32px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #ff6b3533,0 0 40px #ff6b351a;position:relative;color:#fff}.close-button{position:absolute;top:16px;left:16px;background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-button:hover{background:#ffffff4d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;margin-top:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.card-header h2{margin:0;font-size:28px;font-weight:700}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.player-count-display{font-size:16px;font-weight:600;color:#4ade80}.server-name{margin:0;font-size:28px;font-weight:700}.server-name.proxy-name{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.server-name.lobby-name{background:linear-gradient(135deg,#0099d8,#004e89);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.server-name.emberclash-name{background:linear-gradient(135deg,#ff6b35,#ff8c42,#0099d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-running .status-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.status-stopped .status-dot{background:#ef4444}.status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;background:#fff3}.status-badge.online{background:#4caf504d}.status-badge.offline{background:#f443364d}.status-badge.starting,.status-badge.stopping{background:#ff98004d}.action-button{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:24px}.action-button.start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-button.start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.action-button.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-button.stop:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.action-button:disabled{opacity:.6;cursor:not-allowed}.logs-container{flex:1;display:flex;flex-direction:column;background:#0000004d;border-radius:8px;overflow:hidden}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.logs-header h3{margin:0;font-size:18px}.copy-button{padding:8px 16px;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.copy-button:hover{background:#ffffff4d}.logs-content{flex:1;overflow-y:auto;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.5}.log-line{margin-bottom:4px;word-wrap:break-word}.logs-content::-webkit-scrollbar{width:8px}.logs-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.logs-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.logs-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.console-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#050810,#0a0e27,#141829)}.console-content{display:flex;flex:1;overflow:hidden}.console-section{width:100%}.console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,107,53,.2)}.console-header h1{color:var(--text-dark);font-size:2rem;margin:0}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;background:#14182999;border:1px solid rgba(255,107,53,.3);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.connection-status.connected{color:#10b981;border-color:#10b98180}.connection-status.disconnected{color:#ef4444;border-color:#ef444480}.connection-status .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.connection-status.connected .status-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.connection-status.disconnected .status-dot{background:#ef4444;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.cards-container>div{cursor:pointer;transition:transform .2s ease}.cards-container>div:hover{transform:translateY(-4px)}@media(max-width:768px){.main-content{padding:1rem}.console-header{flex-direction:column;align-items:flex-start;gap:1rem}.console-header h1{font-size:1.5rem}.cards-container{grid-template-columns:1fr;gap:1.5rem}}.players-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#050810,#0a0e27,#141829)}.players-content{display:flex;flex:1;overflow:hidden}.players-page{width:100%;height:100%;display:flex;flex-direction:column}.players-header{padding-bottom:1.5rem;border-bottom:2px solid rgba(255,107,53,.2);margin-bottom:2rem}.players-header h1{color:var(--text-dark);font-size:2rem;margin:0}.players-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;flex:1;overflow:hidden}.player-list{background:#14182966;border:1px solid rgba(255,107,53,.2);border-radius:.75rem;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.player-list .search-bar{width:100%;max-width:none;margin-bottom:.5rem}.search-bar input{width:100%;padding:.75rem 1rem;background:#14182999;border:1px solid rgba(255,107,53,.3);border-radius:.5rem;color:var(--text-dark);font-size:1rem;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:#ff6b3599;box-shadow:0 0 0 3px #ff6b351a}.search-bar input::placeholder{color:#fff6}.player-item{padding:1rem;border-radius:.5rem;border:2px solid;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.player-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000004d}.player-item.selected{background:#ff6b3526!important;box-shadow:0 4px 12px #ff6b3533}.player-item.online{border-color:#10b981}.player-item.offline{border-color:#666}.player-name{font-weight:600;color:var(--text-dark);font-size:1rem}.player-status-badge{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.player-details{background:#14182966;border:1px solid rgba(255,107,53,.2);border-radius:.75rem;padding:2rem;overflow-y:auto}.player-details h2{color:var(--text-dark);font-size:1.75rem;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,107,53,.2)}.details-content{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#fff9;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-dark);font-size:1.125rem;font-weight:500;word-break:break-all}.online-status{color:#10b981;display:flex;align-items:center;gap:.5rem}.offline-status{color:#666;display:flex;align-items:center;gap:.5rem}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80;font-size:1.125rem}.loading,.no-players{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80;font-size:1rem}.player-list::-webkit-scrollbar,.player-details::-webkit-scrollbar{width:8px}.player-list::-webkit-scrollbar-track,.player-details::-webkit-scrollbar-track{background:#14182966;border-radius:4px}.player-list::-webkit-scrollbar-thumb,.player-details::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:4px}.player-list::-webkit-scrollbar-thumb:hover,.player-details::-webkit-scrollbar-thumb:hover{background:#ff6b3580}@media(max-width:1024px){.players-layout{grid-template-columns:1fr;grid-template-rows:400px 1fr}}@media(max-width:768px){.main-content{padding:1rem}.players-header h1,.player-details h2{font-size:1.5rem}}.passkey-list{margin-top:1.5rem}.passkey-list table{width:100%;border-collapse:collapse}.passkey-list th{text-align:left;padding:.75rem;background:#ffffff0d;color:#b0b0b0;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.passkey-list td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e0e0e0}.passkey-list tr:last-child td{border-bottom:none}.btn-delete{padding:.5rem 1rem;background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-delete:hover{background:#e74c3c4d}.pin-input{width:100%;padding:.75rem;font-size:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e0e0e0;margin-bottom:1rem}.pin-input:focus{outline:none;border-color:#3498db}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;min-width:400px;max-width:500px}.modal h2{margin-top:0;margin-bottom:1.5rem;color:#e0e0e0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#b0b0b0;font-weight:500}.input{width:100%;padding:.75rem;font-size:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e0e0e0}.input:focus{outline:none;border-color:#3498db}.error-message{color:#e74c3c;margin-bottom:1rem;font-size:.875rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary:hover:not(:disabled){background:#ffffff26}.authenticating{text-align:center;padding:2rem 0}.authenticating p{color:#e0e0e0;margin-bottom:1.5rem}.spinner{width:40px;height:40px;margin:0 auto;border:4px solid rgba(255,255,255,.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#050810,#0a0e27,#141829)}.account-content{display:flex;flex:1}.main-content{flex:1;padding:2rem;overflow-y:auto}.account-inner{max-width:800px;margin:0 auto}.account-inner h1{margin-bottom:2rem;color:#e0e0e0}.account-page{padding:2rem;max-width:800px;margin:0 auto}.account-page h1{margin-bottom:2rem;color:#e0e0e0}.account-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.account-section h2{margin-top:0;margin-bottom:1rem;color:#e0e0e0;font-size:1.25rem}.account-details .detail-row,.signin-methods .method-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.account-details .detail-row:last-child,.signin-methods .method-row:last-child{border-bottom:none}.signin-methods .method-row{flex-wrap:wrap}.signin-methods .method-row>div{display:flex;align-items:center;gap:.75rem;flex:1}.detail-row .label,.method-row .method-name{font-weight:500;color:#b0b0b0}.detail-row .value{color:#e0e0e0;font-family:monospace}.status{padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.875rem}.status-enabled{background:#2ecc7133;color:#2ecc71}.status-disabled{background:#e74c3c33;color:#e74c3c}.btn-manage,.btn-enable{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;color:#fff}.btn-manage{background:#3498db}.btn-manage:hover{background:#2980b9}.btn-enable{background:#2ecc71}.btn-enable:hover{background:#27ae60}.passkey-actions{display:flex;gap:1rem;margin-top:1rem;margin-bottom:0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}