*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden}#app{height:100%}.flex{display:flex}.mr3{margin-right:10px}.guest-list-header{align-items:center;gap:10px;margin-bottom:15px}.guest-list-header span{align-items:center;height:30px;display:flex}.guest-list-header h3{margin-bottom:0}body{color:#e0e0e0;background:#0a0a0a;height:100vh;max-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.login-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#1e1e1e;border:1px solid #333;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #0000004d}.login-card h1{color:#fff;text-align:center;margin-bottom:8px;font-size:28px}.login-card h2{color:#888;text-align:center;margin-bottom:32px;font-size:18px;font-weight:400}.login-card input{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:14px;transition:all .3s}.login-card input:focus{background:#2f2f2f;border-color:#4caf50;outline:none}.login-card button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background .3s}.login-card button:hover{background:#45a049}.error-message{color:#f44336;text-align:center;background:#f443361a;border-radius:8px;margin-bottom:16px;padding:10px;font-size:14px}.admin-container{background:#0a0a0a;flex-direction:column;height:100%;display:flex}.admin-header{z-index:100;background:#1e1e1e;border-bottom:1px solid #333;flex:0 0 74px;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.admin-body{flex-direction:column;flex:1;min-height:0;padding-bottom:10px;display:flex;overflow:hidden}.admin-header h1{color:#fff;font-size:24px}.logout-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .3s}.logout-btn:hover{background:#d32f2f}.tabs{background:#0a0a0a;border-bottom:1px solid #333;flex:0 0 64px;gap:4px;padding:20px 32px 0;display:flex}.tab,.tab-active{cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.tab{color:#888}.tab-active{color:#4caf50;background:#1e1e1e}.panel{flex:1;min-height:0}.guests-panel{gap:24px;height:100%;padding:24px 32px;display:flex}.guests-list{background:#1e1e1e;border:1px solid #333;border-radius:12px;flex:1;max-height:calc(100vh - 140px);padding:20px;overflow-y:auto}.guests-list h3{color:#fff;font-size:18px}.guest-card{cursor:pointer;background:#2a2a2a;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .3s;display:flex}.guest-card:hover{background:#333;transform:translate(4px)}.guest-card.selected{background:#3a3a3a;border-color:#4caf50}.guest-name{font-size:14px;font-weight:500}.guest-status{font-size:20px}.guest-form{background:#1e1e1e;border:1px solid #333;border-radius:12px;flex:2;max-height:calc(100vh - 140px);padding:24px;overflow-y:auto}.guest-form h3{color:#fff;margin-bottom:20px;font-size:20px}.form-field{margin-bottom:20px}.form-field label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-field input,.form-field textarea{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.form-field input:focus,.form-field textarea:focus{border-color:#4caf50;outline:none}.form-field textarea{resize:vertical;font-family:inherit}.link-copy{gap:8px;display:flex}.link-input{color:#888;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;flex:1;padding:8px 12px;font-size:12px}.link-copy button,.link-copy a{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:6px;align-items:center;padding:8px 16px;font-size:12px;text-decoration:none;display:flex}.form-buttons{gap:12px;margin-top:24px;display:flex}.save-btn,.delete-btn,.cancel-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.save-btn{color:#fff;background:#4caf50}.save-btn:hover{background:#45a049}.delete-btn{color:#fff;background:#f44336}.delete-btn:hover{background:#d32f2f}.cancel-btn{color:#fff;background:#555}.cancel-btn:hover{background:#666}.guest-answers{border-top:1px solid #333;margin-top:32px;padding-top:24px}.guest-answers h4{color:#fff;margin-bottom:16px;font-size:16px}.answers-content{background:#2a2a2a;border-radius:8px;padding:16px}.answers-content p{margin-bottom:8px;font-size:14px}.guest-events{border-top:1px solid #333;margin-top:32px;padding-top:24px}.guest-events h4{color:#fff;margin-bottom:16px;font-size:16px}.event-item{background:#2a2a2a;border-radius:8px;margin-bottom:8px;padding:12px}.event-header{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.event-name{color:#4caf50;font-weight:600}.event-date{color:#888;font-size:11px}.event-meta{margin-top:8px}.toggle-json{color:#2196f3;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px}.json-preview{background:#1a1a1a;border-radius:6px;margin-top:8px;padding:12px;font-family:Courier New,monospace;font-size:11px;overflow-x:auto}.events-panel{height:100%;padding:24px 32px;overflow:hidden auto}.events-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.events-header h3{color:#fff;font-size:20px}.pagination{align-items:center;gap:12px;display:flex}.pagination button{color:#e0e0e0;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:6px 12px;transition:all .3s}.pagination button:hover:not(:disabled){background:#333}.pagination button:disabled{opacity:.5;cursor:not-allowed}.events-list{flex-direction:column;gap:12px;display:flex}.event-row{background:#1e1e1e;border:1px solid #333;border-radius:10px;gap:16px;padding:16px;transition:all .3s;display:flex}.event-row:hover{border-color:#4caf50;transform:translate(4px)}.event-icon{flex-shrink:0;font-size:24px}.event-details{flex:1}.event-type{margin-bottom:4px;font-size:14px;font-weight:600}.event-guest{color:#4caf50;margin-bottom:4px;font-size:13px}.event-time{color:#888;margin-bottom:8px;font-size:11px}.event-answer-preview{background:#2a2a2a;border-radius:6px;margin-top:8px;padding:8px;font-size:12px}.event-error-preview{margin-top:8px}.error-message-small{color:#f44336;background:#f443361a;border-radius:6px;padding:8px;font-family:monospace;font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.search-bar{margin:12px 0;position:relative}.search-input{color:#e0e0e0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;width:100%;padding:10px 32px 10px 36px;font-size:14px;transition:all .3s}.search-input:focus{background:#2f2f2f;border-color:#4caf50;outline:none}.search-input::placeholder{color:#888;font-size:13px}.search-clear{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{color:#f44336;background:#3a3a3a}.search-bar:before{content:"🔍";opacity:.6;pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-info{color:#4caf50;background:#4caf501a;border-bottom:1px solid #333;margin-bottom:8px;padding:8px 16px;font-size:12px}.no-results{text-align:center;color:#888;padding:40px 20px;font-size:14px}.search-highlight{color:#4caf50;background:#4caf504d;border-radius:3px;padding:0 2px;font-weight:500}.search-match-hint{color:#888;margin-top:4px;font-size:11px;font-weight:400;display:block}.guest-name{flex:1;font-size:14px;font-weight:500;line-height:1.4}