@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#1a1a1a}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #667eea4d;font-family:Inter,sans-serif}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.9);color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}.input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:white;color:#1a1a1a;font-weight:400}.input:hover{border-color:#667eea}.input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-container{position:relative;margin-bottom:2rem}.search-results{position:absolute;top:100%;left:0;right:0;background:white;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:10;max-height:300px;overflow-y:auto;border:1px solid #e1e5e9;margin-top:4px}.search-result-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f9fa}.search-highlight{background-color:#fff3cd;color:#856404;font-weight:600;padding:1px 3px;border-radius:3px;box-shadow:0 1px 2px #8564041a}.search-result-item:last-child{border-bottom:none}.guest-name{font-weight:600;color:#1a1a1a}.table-info{color:#667eea;font-weight:500;margin-top:4px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1a1a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.guest-list{margin-top:2rem}.guest-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.7);border-radius:12px;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.3)}.guest-info{flex:1}.guest-actions{display:flex;gap:.5rem}.btn-small{padding:8px 12px;font-size:14px}.btn-danger{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%)}.btn-danger:hover{background:linear-gradient(135deg,#ff5252 0%,#d32f2f 100%)}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.02em}.header p{color:#ffffffe6;font-size:1.1rem}.tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab{flex:1;padding:1rem;background:rgba(255,255,255,.2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.tab.active{background:rgba(255,255,255,.95);color:#333}.tab:hover:not(.active){background:rgba(255,255,255,.3)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 100%);border-radius:16px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header h3{margin:0;color:#fff;font-size:1.3rem;font-weight:600}.admin-header p{margin:.5rem 0 0;color:#ffffffe6;font-size:.95rem}.login-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a}.login-card h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:2rem;text-align:center;font-weight:700}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input{background:rgba(255,255,255,.9);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:16px 20px;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:white}.login-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 25px #667eea4d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.login-btn:active{transform:translateY(0)}.welcome-banner{background:rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-banner h3{margin:0;color:#fff;font-size:1.4rem;font-weight:600}.welcome-banner p{margin:.5rem 0 0;color:#ffffffe6;font-size:1rem}.logout-btn{background:rgba(255,255,255,.15);color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 16px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn:hover{background:rgba(255,255,255,.25);border-color:#ffffff80;transform:translateY(-1px)}.password-hint{margin-top:1rem;padding:1rem;background-color:#667eea1a;border-radius:8px;font-size:.9rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state h3{margin-bottom:1rem;color:#1a1a1a}@media (max-width: 768px){.container{padding:1rem}.card{padding:1.5rem}.form-row{grid-template-columns:1fr}.header h1{font-size:2rem}.tabs{flex-direction:column}}