*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}html,body,#root{width:100%;height:100%}:root{--bg-main:#f9fafb;--bg-card:#fff;--primary:#7c3aed;--text-primary:#111827;--text-secondary:#6b7280}.home{background-color:var(--bg-main);justify-content:center;gap:100px;width:100%;min-height:100vh;padding:50px;display:flex}.main-container{background:var(--bg-card);border-radius:10px;width:60%;height:600px;padding:10px 50px;box-shadow:0 4px 12px #0000000d}.heading{justify-content:space-between;gap:40px;padding:20px;display:flex}.heading div>p{color:var(--text-secondary);font-size:14px;font-weight:500}#heading-text{color:var(--text-primary)}.open-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;height:50px;padding:12px 18px;font-weight:700;transition:background .2s}.open-btn:hover{background:#6d28d9}.event-user-container{width:100%;height:80%;padding:10px}body{background:#f5f6f8;margin:0;font-family:Arial,sans-serif}.wrapper{justify-content:center;padding:40px;display:flex}.card{background:#fff;border-radius:10px;width:420px;padding:24px;animation:.2s fadeIn;position:relative;box-shadow:0 4px 12px #00000014}.close-btn{cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:10px;right:12px}h2{margin-bottom:20px;font-size:22px}.field{margin-bottom:18px}label{color:#555;margin-bottom:6px;font-size:14px;display:block}.fake-date-input{opacity:.7;align-items:center;gap:10px;font-size:medium;display:flex}select,input,.fake-date-input{cursor:pointer;background:#fafafa;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}input[type=date]{opacity:0;pointer-events:none;position:absolute}select:focus,input:focus{border-color:#7b61ff}.row{gap:10px;display:flex}.row input:first-child{flex:2}.row input:last-child{flex:1}.btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#6d28d9);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:all .2s}.btn:hover{opacity:.9}.timezone-selector{width:350px}.user-selector-wrapper{cursor:pointer;color:#333;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;width:230px;min-height:40px;padding:0 15px;font-family:Arial,sans-serif;display:flex;position:relative}.dropdown{z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:10px;display:flex;position:absolute;top:110%;left:0;box-shadow:0 8px 20px #00000026}.search-input{border-bottom:1px solid #e5e5e5;align-items:center;gap:8px;padding-bottom:6px;display:flex}.search-input input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.user-listing{border-bottom:1px solid #e5e5e5;flex-direction:column;gap:6px;max-height:120px;display:flex;overflow-y:auto}.user-listing div{cursor:pointer;border-radius:6px;padding:6px 8px}.user-listing div:hover{background:#f5f5f5}.add-profile{gap:6px;display:flex}.add-profile input{border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:6px}.add-profile button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:6px 10px}.add-profile button:hover{background:#6d28d9}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card{color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:400px;padding:16px;font-family:Arial,sans-serif}.row{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.icon{color:#6b7280}.small{margin-right:4px}.label{font-size:14px}.sub{color:#6b7280;align-items:center;margin-top:2px;font-size:13px;display:flex}.divider{background:#e5e7eb;height:1px;margin:12px 0}.meta{color:#6b7280;margin-bottom:12px;font-size:12px}.actions{gap:10px;display:flex}.btn{cursor:pointer;color:#333;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;display:flex}.btn:hover{background:#f3f4f6}.elh-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.elh-container{background:#fff;border-radius:12px;width:520px;max-width:90%;padding:16px;box-shadow:0 6px 24px #0003}.elh-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.elh-header h2{margin:0;font-size:18px;font-weight:600}.elh-close-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.elh-body{max-height:300px;overflow-y:auto}.elh-empty{text-align:center;color:#888;padding:20px 0;font-size:14px}.elh-item{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:10px;padding:10px 12px}.elh-time{color:#777;margin-bottom:4px;font-size:12px}.elh-message{color:#333;font-size:14px}.event-container{background-color:#f3f4f6;border-radius:10px;width:100%;height:100%;padding:10px}.timezone-section{margin-top:10px}.event-listing{flex-wrap:wrap;justify-content:flex-start;gap:10px;width:100%;max-height:70%;margin-top:10px;display:flex;overflow-y:auto}.empty-state{color:#6b7280;justify-content:center;align-items:center;width:100%;height:100%;margin-top:70px;font-size:17px;display:flex}