*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{display:flex;place-items:center;min-width:320px;min-height:100vh}:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:0px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}button:hover,button:focus,button:focus-visible{outline:0px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.bottom-tab{position:sticky;bottom:0;left:0;width:100%;height:65px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ddd;z-index:1000}.tab-item{flex:1;text-align:center;font-size:12px;color:#999}.tab-item i{font-size:18px;display:block;margin-bottom:4px}.tab-item.active{color:#333}.mainlist-container{width:100%;height:100%;z-index:1000;background-color:#fff;overflow-y:hidden;position:relative;box-sizing:border-box}.mainlist-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.mainlist-topbar select{padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;background-color:#fff}.mainlist-topbar .icons img{width:35px;height:35px;cursor:pointer}.list-scroll-area h3{margin-bottom:1rem;font-size:1.2rem;color:#333}.list-scroll-area ul{list-style:none;padding:0}.list-scroll-area ul li{background:#f9f9f9;margin-bottom:.5rem;padding:.75rem;border-radius:6px;box-shadow:0 1px 3px #0000001a}.list-scroll-area{flex:1;overflow-y:auto;padding:1rem}.fixed-post-button{position:absolute;display:flex;justify-content:flex-end;bottom:1rem;right:1rem;z-index:999}.fixed-post-button button{font-size:1rem;padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .2s ease}.fixed-post-button button:hover{background-color:#0056b3}.circle-button{width:60px;height:60px;border-radius:50%;background-color:#007bff;color:#fff;font-size:24px;border:none;box-shadow:0 4px 6px #0000001a;cursor:pointer}.circle-button:hover{background-color:#0056b3}.circle-button.close-btn{background-color:#999;position:absolute;bottom:1rem;right:1rem}.circle-button.close-btn:hover{background-color:#666}.floating-menu{position:absolute;bottom:3rem;right:.25rem;width:180px;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #00000026;z-index:1000}.floating-menu button{font-size:.95rem;padding:8px 16px;border:none;background-color:#007bff;color:#fff;border-radius:6px;cursor:pointer;box-shadow:0 2px 4px #00000014;transition:background-color .2s ease}.floating-menu button:hover{background-color:#0056b3}.icons{display:flex;gap:12px;align-items:center;justify-content:flex-end}.icons button{padding:8px;cursor:pointer}.icons i{font-size:24px;color:#333}.upload-button{background-color:#5a67d8;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;display:inline-block;margin-bottom:10px}.preview-container{display:flex;gap:10px;overflow-x:auto;margin:10px 0;overflow:hidden}.preview-box{position:relative;width:90px;height:90px;flex-shrink:0}.preview-box img{width:100%;height:100%;object-fit:cover;border-radius:8px}.delete-btn{position:absolute;top:4px;right:4px;background:#ff0000b3;border:none;color:#fff;border-radius:50%;padding:4px 6px;font-size:12px;cursor:pointer}.cropper-container{position:relative;width:100%;height:100vh;background:#000;overflow:hidden}.cropper-wrapper{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);touch-action:pan-y}.cropper-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 20px;transform:translateY(-50%);pointer-events:none}.cropper-controls button{background:#ffffffb3;border:none;font-size:16px;padding:10px 16px;border-radius:8px;pointer-events:auto}@media (max-width: 768px){.cropper-controls button{display:none}}.cropper-actions{position:absolute;top:10px;width:100%;display:flex;justify-content:space-between;padding:0 16px;z-index:10}.cropper-actions button{background:#ffffffe6;border:none;font-size:14px;padding:8px 14px;border-radius:6px}.cropper-zoom-rotate{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#ffffffd9;padding:10px 20px;border-radius:12px;z-index:10}.cropper-zoom-rotate input[type=range]{width:100px}.input-section{margin:1rem 0;display:flex;flex-direction:column;gap:1rem}.input-title{padding:.5rem;font-size:1rem;width:100%}.category-select{display:flex;overflow-x:auto;gap:.5rem}.category-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;border:2px solid transparent;padding:.5rem;border-radius:10px}.category-item.selected{border-color:#007bff}.category-icon{width:50px;height:50px;border-radius:50%}.pray-mode label{margin-right:1rem}.textarea-message{width:100%;height:100px;resize:none;padding:.5rem}.save-button{margin-top:2rem;padding:1rem;width:100%;font-size:1.1rem;background-color:#007bff;color:#fff;border:none;border-radius:10px;cursor:pointer}.login-container{position:relative;z-index:1000;width:100%;height:100%;background-color:#fff;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-content{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.login-logo{width:180px;margin-bottom:2rem}.login-button{width:250px;padding:.75rem 1rem;margin:.5rem 0;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.login-button:hover{opacity:.9}.google-button{background-color:#db4437}.kakao-button{background-color:#fee500;color:#3c1e1e}.facebook-button{background-color:#1877f2}.myalram-container{position:relative;z-index:1000;width:100%;height:100%;background-color:#fff;overflow-y:auto;z-index:500}.myalram-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.myalram-icon-button{width:10%;background:none;border:none;padding:0;cursor:pointer}.myalram-title{width:80%;font-weight:700;font-size:1.1rem;flex:1;text-align:center}.mypage-container{position:relative;z-index:1000;width:100%;height:100%;background-color:#fff;overflow-y:auto}.mypage-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.mypage-main-icon-button{width:50%;background:none;border:none;padding:0;cursor:pointer;text-align:right}.mypage-main-title{width:50%;font-weight:700;font-size:1.1rem;flex:1;text-align:left}.mypage-icon-button{width:10%;background:none;border:none;padding:0;cursor:pointer}.mypage-title{width:80%;font-weight:700;font-size:1.1rem;flex:1;text-align:center}.mypage-profile-section{display:flex;align-items:center;justify-content:space-between;padding:0rem 1rem;margin:0rem 1.5rem;gap:1rem}.mypage-profile-img-wrapper{position:relative;width:85px;height:85px;flex-shrink:0}.mypage-profile-img{width:100%;height:100%;border-radius:30%;object-fit:cover;display:block}.mypage-badge{position:absolute;right:-9px;bottom:-9px;width:35px;height:35px;border-radius:50%;border:2px solid white;object-fit:cover}.mypage-nickname{font-size:1.2rem;font-weight:700}.mypage-card-button{flex:1;background-color:#fff;border-radius:12px;padding:.6rem;text-align:center;box-shadow:0 2px 6px #0000001a;cursor:pointer}.mypage-card-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.mypage-card-sub{font-size:.9rem;color:#888}.mypage-advertise{margin:1.5rem 0rem;height:110px;border-top:8px solid #ececec;border-bottom:8px solid #ececec}.mypage-action-info{padding:0rem 1.5rem;margin-bottom:1rem}.mypage-action-title{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin-bottom:1.2rem}.mypage-action-viewall{font-size:.9rem;color:#707070;cursor:pointer}.mypage-action-status-wrapper{display:flex;justify-content:space-around;text-align:center}.mypage-action-status{display:flex;flex-direction:column;align-items:center}.mypage-action-count{width:65px;height:65px;border:1px solid #444;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700}.mypage-action-label{margin-top:.5rem;font-size:.85rem;color:#000}.mypage-section-list{padding:0rem 1.5rem;border-top:5px solid #ececec}.mypage-section-item{font-size:1rem;color:#707070;font-weight:700;margin-top:1.2rem;margin-bottom:1.2rem;cursor:pointer}.mypage-sub-section-label{text-align:right;font-size:.9rem;color:#707070;margin-top:1.2rem;margin-bottom:1.2rem}.change-profile-editor{max-width:400px;margin:2rem auto;text-align:center;padding:1.5rem;border:1px solid #e0e0e0;border-radius:16px;background-color:#fafafa;box-shadow:0 4px 12px #0000000f}.change-profile-editor h2{font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:#333}.change-profile-crop-container{position:relative;width:100%;height:300px;background:#333;margin-bottom:1rem;border-radius:10px;overflow:hidden}.change-profile-input{margin-top:1rem}.change-profile-button{padding:.6rem 1.2rem;margin:1rem .3rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;background-color:#1976d2;color:#fff;transition:background-color .2s ease-in-out}.change-profile-button:hover{background-color:#1565c0}.change-profile-button:disabled{background-color:#ccc;cursor:not-allowed}.change-profile-preview{margin-top:1.5rem}.change-profile-preview h3{margin-bottom:.5rem;font-size:1.2rem;color:#444}.change-profile-preview img{width:300px;height:300px;object-fit:cover;border-radius:20%;border:2px solid #ccc;box-shadow:0 2px 8px #0000001a}.language-button,.currency-button{padding:.5rem 1.2rem;border:1px solid #ccc;border-radius:20px;background-color:#fff;color:#333;font-weight:700;cursor:pointer;transition:.3s}.language-button.selected,.currency-button.selected{background-color:#007bff;color:#fff;border-color:#007bff}.save-button{padding:.7rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer}.save-button:hover{background-color:#0056b3}.toast-message{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:14px;z-index:1000;animation:fadein .3s,fadeout .3s 1.7s}@keyframes fadein{0%{opacity:0;bottom:60px}to{opacity:1;bottom:80px}}@keyframes fadeout{0%{opacity:1;bottom:80px}to{opacity:0;bottom:100px}}.mychurch-container,.mainfavor-container,.amainground-container{width:100%;height:100%;background-color:#fff;overflow-y:auto}.ad-next-button{width:100%;padding:12px;margin-top:20px;font-size:16px;border:none;border-radius:8px;transition:background-color .3s ease;cursor:not-allowed;background-color:#ccc;color:#fff}.ad-next-button.active{background-color:#ff7a00;cursor:pointer}.ad-next-button.disabled{background-color:#ccc;cursor:not-allowed}.ad-preview-container{margin-top:20px;width:100%;max-width:500px;height:100px;overflow:hidden;border-radius:8px;border:1px solid #ddd}.ad-preview-image{width:100%;height:100%;object-fit:cover}.link-mode-buttons button{margin-right:10px;padding:10px 16px;border:1px solid #ddd;border-radius:6px;background-color:#eee;cursor:pointer}.link-mode-buttons button.active{background-color:#ff7a00;color:#fff;font-weight:700}.link-mode-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.select-section select,.link-section input{width:100%;margin-top:10px;padding:8px}.preview-button{margin-top:10px;background-color:#ff7a00;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.preview-box{margin-top:10px;font-size:14px}.ad-card{border:1px solid #ccc;padding:10px;margin-bottom:12px;border-radius:8px;background-color:#fff}.ad-card-header{font-weight:700;margin-bottom:8px}.ad-status.orange{color:orange}.ad-status.green{color:green}.ad-status.grey{color:gray}.ad-status.red{color:red}.ad-image{width:100%;height:auto;margin-bottom:10px}.ad-link{font-size:.9rem;margin-bottom:6px;word-break:break-all}.ad-regions{font-size:.9rem;margin-bottom:6px;white-space:pre-line}.ad-stats{font-size:.9rem;color:#555}.custom-file-label{width:55px;height:55px;border-radius:10%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #ccc;transition:background-color .2s ease}.custom-file-label:hover{background-color:#e0e0e0}.camera-icon{font-size:24px;color:#666}.login-grade-wrapper{text-align:center;padding:2rem;background-color:#f8f8f8;border-radius:16px;margin:2rem auto;max-width:400px;box-shadow:0 4px 12px #0000001a}.login-grade-title{font-size:1.5rem;margin-bottom:1.5rem}.login-grade-buttons button{display:block;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;background-color:#fff;border:2px solid #ccc;border-radius:8px;cursor:pointer;transition:all .2s ease}.login-grade-buttons button:hover{background-color:#e9e9e9}.main-layout{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9}.main-content{display:flex;width:100%;max-width:1080px;flex:1;margin:0 auto;overflow:hidden}.left-panel{width:480px;flex-shrink:0;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.scroll-area{flex:1;overflow-y:auto}.action-button-wrapper{padding:1rem;text-align:center;z-index:100}.action-button{background-color:#f60;color:#fff;border:none;padding:.75rem 1.2rem;font-size:1rem;border-radius:999px;box-shadow:0 2px 10px #0003;cursor:pointer;width:90%;max-width:440px}.right-panel{flex-grow:1;min-width:0;padding:1rem;overflow-y:auto;display:none}@media screen and (min-width: 768px){.right-panel{display:block}}.admin-container{display:flex;height:100vh;font-family:Noto Sans KR,sans-serif}.admin-sidebar{width:240px;min-width:240px;background-color:#f9f9f9;border-right:1px solid #ddd;padding:20px;box-sizing:border-box}.admin-sidebar h3{margin-bottom:20px;font-size:1.2rem;color:#333}.admin-sidebar ul{list-style:none;padding:0;margin:0}.admin-sidebar li{margin-bottom:12px;padding:10px 14px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;color:#444}.admin-sidebar li:hover{background-color:#eee}.admin-sidebar li.active{background-color:#333;color:#fff;font-weight:700}.admin-content{flex-grow:1;padding:30px;overflow:auto;background-color:#fff;box-sizing:border-box}.tab-container{width:100%;padding:20px;box-sizing:border-box}.tab-buttons{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee}.tab-buttons button{background:none;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;color:#666}.tab-buttons button:hover,.tab-buttons button:focus{color:#000}.tab-buttons button.active{border-bottom:3px solid #333;color:#000;font-weight:700}.tab-content{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000000d}.prayer-settings-container{max-width:1200px;margin:40px auto;padding:20px;display:flex;gap:40px;align-items:flex-start;font-family:Segoe UI,sans-serif}.category-form{flex:1;background:#f9f9f9;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.category-form h3{margin-bottom:16px;font-size:20px;color:#333}.category-form input[type=text],.category-form input[type=number],.category-form input[type=file]{display:block;width:100%;margin-bottom:12px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.category-form button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}.category-form button:disabled{background-color:#aaa;cursor:not-allowed}.category-list-wrapper{flex:2}.category-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.category-table th,.category-table td{text-align:left;padding:12px;border-bottom:1px solid #eee}.category-table th{background-color:#f0f0f0}.category-table img{width:60px;height:60px;object-fit:cover;border-radius:6px}.user-list-container{padding:20px}.user-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.user-filter-row input{flex:1;min-width:120px;padding:6px 8px}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{border:1px solid #ccc;padding:8px;text-align:center}.user-table img{object-fit:cover}.pagination{margin-top:20px;text-align:center}.pagination button{margin:0 4px;padding:6px 12px}.pagination button.active{font-weight:700;background-color:#007bff;color:#fff}.adlist-container{padding:20px;background-color:#fff;border-radius:6px}.adlist-header{display:flex;justify-content:space-between;margin-bottom:10px}.adlist-header input{width:250px;padding:6px 10px;font-size:14px}.adlist-header button{padding:6px 12px;font-size:14px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.adlist-table{width:100%;border-collapse:collapse;margin-bottom:20px}.adlist-table th{border:1px solid #ccc;padding:6px 3px;font-size:13px;text-align:center}.adlist-table td{border:1px solid #ccc;padding:3px;font-size:13px;text-align:center}.adlist-table th{background-color:#f2f2f2}.adlist-footer{display:flex;justify-content:space-between;align-items:center}.adlist-footer button{padding:6px 10px;margin-right:10px;background-color:#2196f3;color:#fff;border:none;cursor:pointer}.upload-button{background-color:#f57c00;color:#fff;padding:8px 16px}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.image-modal-content img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 10px #fff}