:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419);overflow-x:hidden}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419);min-height:100vh;color:#fff}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419)}.register-container{width:100%;max-width:400px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px 25px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.logo-container{display:flex;justify-content:center;margin-bottom:30px}.logo{max-width:200px;height:auto;max-height:80px;object-fit:contain;filter:brightness(1.1);transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:16px;font-weight:500;margin-bottom:5px}.form-group input{background:#0006;border:2px solid #ffd700;border-radius:12px;padding:15px 18px;color:#fff;font-size:14px;transition:all .3s ease;outline:none}.form-group input::placeholder{color:#ffffff80;font-style:italic}.form-group input:focus{border-color:#ffed4e;box-shadow:0 0 0 3px #ffd70033;background:#0009}.checkbox-group{display:flex;align-items:flex-start;gap:12px;margin:10px 0}.checkbox-group input[type=checkbox]{width:20px;height:20px;background:#0006;border:2px solid #ffd700;border-radius:4px;cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-group input[type=checkbox]:checked{background:gold;border-color:gold}.checkbox-group input[type=checkbox]:checked:after{content:"✓";display:block;color:#000;font-weight:700;text-align:center;line-height:16px;font-size:12px}.checkbox-group label{color:#ffffffe6;font-size:13px;line-height:1.4;cursor:pointer}.button-group{display:flex;justify-content:center;margin-top:20px}.submit-button{width:100%;max-width:200px;padding:15px 20px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.submit-button:hover{background:linear-gradient(135deg,#0056b3,#007bff);transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button:disabled:hover{transform:none;box-shadow:none}@media (max-width: 480px){.app{padding:10px}.register-container{padding:25px 20px;border-radius:15px}.logo-container{margin-bottom:25px}.logo{max-width:160px;max-height:60px}.form-group input{padding:12px 15px;font-size:16px}.button-group{margin-top:15px}.submit-button{padding:12px 20px;max-width:none;width:100%}.checkbox-group{gap:10px}.checkbox-group label{font-size:12px}}@media (max-width: 375px){.register-container{padding:20px 15px}.logo{max-width:140px;max-height:50px}.logo-container{margin-bottom:20px}.form-group label{font-size:15px}.form-group input{padding:10px 12px}}@media (max-height: 500px) and (orientation: landscape){.app{padding:10px}.register-container{margin:10px 0}.register-form{gap:15px}}.admin-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419);padding:20px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;border-bottom:2px solid #ffd700}.admin-header h1{color:gold;margin:0;font-size:28px}.stats{display:flex;align-items:center;gap:20px}.total-users{font-size:18px;font-weight:700;color:gold}.search-container{margin-bottom:25px;display:flex;justify-content:center}.search-input{width:100%;max-width:400px;padding:12px 20px;background:#0006;border:2px solid #ffd700;border-radius:25px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.search-input::placeholder{color:#ffffff80}.search-input:focus{border-color:#ffed4e;box-shadow:0 0 0 3px #ffd70033;background:#0009}.refresh-button{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd7004d}.loading,.error,.no-users{text-align:center;padding:60px 20px}.loading{font-size:24px;color:gold}.error h2{color:#ff6b6b;margin-bottom:15px}.error p{margin-bottom:20px;font-size:16px}.retry-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.no-users h3{color:#888;font-size:20px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.user-item{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.1);position:relative}.user-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd70033;border-color:#ffd7004d}.user-item.selected{border-color:gold;background:#ffd7001a}.user-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-item .username{font-size:18px;font-weight:700;color:gold}.user-id{font-size:12px;color:#888;background:#ffffff1a;padding:2px 8px;border-radius:10px}.user-item-time{font-size:14px;color:#ccc}.user-detail-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-detail-modal{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419);border-radius:15px;padding:0;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;border:2px solid #ffd700;box-shadow:0 10px 50px #00000080}.user-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,215,0,.3);background:#ffd7001a}.user-detail-header h3{margin:0;color:gold;font-size:20px}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#ffffff1a;color:gold}.user-detail-content{padding:25px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-of-type{border-bottom:none}.detail-row label{font-weight:700;color:gold;flex:0 0 40%}.detail-row span{flex:1;text-align:right;word-break:break-all}.detail-row .username{color:gold;font-weight:700}.detail-row .password{font-family:monospace;letter-spacing:1px;color:#ff6b6b;font-weight:700}.copyable{cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:4px;position:relative}.copyable:hover{background:#ffd70033;color:gold;transform:scale(1.02)}.copyable:active{transform:scale(.98);background:#ffd7004d}.copyable:after{content:"📋";opacity:0;position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:12px;transition:opacity .3s ease}.copyable:hover:after{opacity:1}.detail-actions{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.delete-button-large{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;width:100%}.delete-button-large:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b4d}.delete-button-large:active{transform:translateY(0)}@media (max-width: 768px){.admin-container{padding:15px}.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:24px}.stats{flex-direction:column;gap:10px}.search-input{font-size:16px;padding:10px 15px}.users-grid{grid-template-columns:1fr;gap:15px}.user-item{padding:15px}.user-item .username{font-size:16px}.user-detail-modal{margin:10px;max-height:90vh}.user-detail-content{padding:20px}.detail-row{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 0}.detail-row label{flex:none}.detail-row span{text-align:left}.copyable:after{right:-15px;font-size:10px}}@media (max-width: 480px){.admin-header h1{font-size:20px}.total-users{font-size:16px}.user-item{padding:12px}.user-item .username{font-size:15px}.user-item-time{font-size:13px}.user-detail-header{padding:15px 20px}.user-detail-header h3{font-size:18px}.user-detail-content{padding:15px}}