:root{--c-1:#242c39;--c-2:#edeff0;--c-98:#e53935;--c-98-rgb:229, 57, 53;--c-99:#fff;--c-100:#000;--f-s-0:max(11px, min(11px, .7rem));--f-s-1:max(12px, min(12px, .8rem));--f-s-2:max(14px, min(14px, 1.2rem));--f-s-3:max(16px, min(16px, 1.6rem));--f-s-4:max(18px, min(18px, 1.8rem));--f-s-5:max(20px, min(20px, 2rem));--f-s-6:max(20px, min(24px, 2.2rem));--f-s-7:max(25px, min(34px, 3.4rem));--f-s-8:max(30px, min(40px, 3.7rem));--f-s-9:max(35px, min(50px, 4rem));--f-s-10:max(40px, min(70px, 5.5rem));--f-s-11:max(35px, min(64px, 4rem));--body-font:1rem;--p-f:"Playfair", serif;--s-f:"Poppins", sans-serif;--general-font-size:1.2rem}.custom-button{gap:8px;height:auto;padding:10px 24px;font-weight:500;line-height:1.5;transition:background-color .2s,border-color .2s,opacity .2s;border-radius:8px!important}.custom-button:hover:not(:disabled){box-shadow:none;opacity:.9;transform:none}.custom-button:disabled{opacity:.6;cursor:not-allowed}.custom-button.a-b-1{background:var(--c-1);border:1px solid var(--c-1);color:var(--c-99)}.custom-button.a-b-2{background:var(--c-2);border:1px solid var(--c-2);color:var(--c-1)}.custom-button.a-b-2:hover{background:#e1e4e6;border-color:#e1e4e6}.custom-button.a-b-3{border:1.5px solid var(--c-1);color:var(--c-1);background:0 0}.custom-button.a-b-3:hover{background:#242c390d}.custom-button .btn-content{display:inline-block}.custom-button i{vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}.custom-button[data-agora-icon]:before,.custom-button[data-agora-icon-right]:after{font-size:1.2rem;margin:0!important}.custom-button.btn-close,.custom-button.btn-edit,.custom-button.btn-delete{opacity:1!important;background:0 0!important;border:none!important;border-radius:50%!important;padding:0!important;transition:background-color .2s,color .2s!important}.custom-button.btn-close:hover:not(:disabled),.custom-button.btn-edit:hover:not(:disabled){color:var(--c-1)!important;opacity:1!important;background:#242c3914!important}.custom-button.btn-delete:hover:not(:disabled){color:#ef4444!important;opacity:1!important;background:#ef44441a!important}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite btn-spin;display:inline-block}.custom-button.a-b-2 .btn-spinner,.custom-button.a-b-3 .btn-spinner{border-color:#242c3933;border-top-color:var(--c-1)}@keyframes btn-spin{to{transform:rotate(360deg)}}.main-header{border-bottom:1px solid var(--c-2);height:70px;box-shadow:0 2px 10px #00000005}.ag-x-sticky-t0{z-index:1000;position:sticky;top:0}.logo-badge{background:var(--c-1);border-radius:12px;width:40px;height:40px;margin-right:12px;font-size:1.2rem}.brand-text{color:var(--c-1);letter-spacing:-.5px}.header-avatar{object-fit:cover;border:2px solid var(--c-2);width:36px;height:36px}.header-avatar-placeholder{background:var(--c-1);width:36px;height:36px;color:var(--c-99);font-weight:600}.profile-pill{border:1px solid #0000;border-radius:50px;transition:background .2s;position:relative}.profile-pill:hover{border-color:var(--c-2)}.header-dropdown{background:var(--c-99);border:1px solid var(--c-2);z-index:1001;border-radius:12px;width:200px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #0000001a}.signout-btn:hover{color:#d00!important;background:#fff0f0!important}.rotate-180{transform:rotate(180deg)}.transition{transition:transform .2s}.gap-20{gap:20px}.gap-16{gap:16px}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}.manager-layout-container{background-color:var(--c-2);height:calc(100vh - 60px);display:flex;overflow:hidden}.manager-sidebar{background-color:var(--c-99);border-right:1px solid var(--c-2);flex-direction:column;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--c-2);padding:24px 20px}.sidebar-header h3{font-size:var(--f-s-4);color:var(--c-1);font-family:var(--s-f);margin:0;font-weight:600}.sidebar-nav{flex-direction:column;gap:4px;padding:16px 0;display:flex}.nav-link{color:var(--c-1);font-family:var(--s-f);font-weight:500;font-size:var(--f-s-2);align-items:center;padding:12px 24px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background-color:var(--c-2)}.nav-link.active{background-color:var(--c-1);color:var(--c-99);font-weight:600}.manager-content{background-color:var(--c-99);border-radius:8px;flex:1;margin:16px;padding:32px;overflow-y:auto;box-shadow:0 4px 12px #0000000d}.login-container{background:var(--c-2);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--c-99);border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 30px #0000000d;padding:50px!important}.login-btn{min-width:240px}@media (width<=575px){.login-container{background:var(--c-2);padding:20px 15px}.login-card{border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:40px 20px!important}.login-btn{width:100%}}.profile-img{object-fit:cover;border:3px solid var(--c-2);width:100px;height:100px}.profile-placeholder{background:var(--c-2);justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;font-size:2rem;font-weight:600;display:flex}.avatar-wrapper{justify-content:center;display:flex}.ag-x-inset-0{inset:0}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0006;animation:.2s ease-out confirmFadeIn}.confirm-content{border-radius:16px;width:100%;max-width:440px;padding:30px;animation:.3s cubic-bezier(.16,1,.3,1) confirmSlideUp}.confirm-body-wrapper{gap:16px}.confirm-icon-circle{background:rgba(var(--c-98-rgb), .1);border-radius:50%;width:48px;height:48px}.confirm-warn-icon{color:var(--c-98)}.confirm-title{color:var(--c-1);font-weight:700}.confirm-message{color:#555;font-size:14px;line-height:1.5}.confirm-footer-wrapper{gap:12px;margin-top:24px}.confirm-btn-cancel{border:1.5px solid var(--c-2);color:var(--c-1);font-weight:600;font-size:var(--f-s-2);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px;transition:background .2s}.confirm-btn-cancel:hover{background:#f5f5f5}.confirm-btn-danger{background:var(--c-98);color:#fff;font-weight:600;font-size:var(--f-s-2);cursor:pointer;border:none;border-radius:8px;padding:10px 18px;transition:background .2s,filter .2s}.confirm-btn-danger:hover{filter:brightness(.9)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.table-responsive{background:var(--c-99);border:1px solid var(--c-2);border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 4px 20px #00000008}.premium-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--f-s-2)}.premium-table th{color:var(--c-1);border-bottom:1.5px solid var(--c-2);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;padding:18px 24px;font-size:11px;font-weight:600}.premium-table td{border-bottom:1px solid var(--c-2);vertical-align:middle;padding:16px 24px}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background:#fafbfc}.table-client-meta{gap:12px}.table-client-meta h4{font-size:var(--f-s-3);color:var(--c-1);margin:0;font-weight:600}.client-code-badge{background:var(--c-2);color:var(--c-1);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.table-actions{gap:4px}.table-btn-action{padding:0}.btn-edit{color:var(--c-1);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:inline-flex}.btn-edit:hover{background:#242c3914}.btn-delete{color:var(--c-98);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:inline-flex}.btn-delete:hover{background:rgba(var(--c-98-rgb), .08)}.floating-label-group{width:calc(50% - 12px);position:relative}.floating-input{width:100%;font-size:var(--f-s-2);border:none;border-bottom:1.5px solid var(--c-2);background:0 0;border-radius:0;outline:none;padding:24px 0 8px;transition:all .2s}.floating-input:focus{border-color:var(--c-1)}.floating-label{font-size:var(--f-s-2);color:#888;pointer-events:none;transition:all .2s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.floating-input:focus~.floating-label,.floating-input:not(:placeholder-shown)~.floating-label{color:var(--c-1);font-size:11px;font-weight:500;top:6px}.custom-select-wrapper{width:180px;position:relative}.custom-select-trigger{border:1.5px solid var(--c-2);background:var(--c-99);cursor:pointer;width:100%;font-size:var(--f-s-2);border-radius:8px;outline:none;padding:10px 14px;font-weight:500;transition:all .2s}.custom-select-trigger:focus{border-color:var(--c-1)}.custom-select-dropdown{background:var(--c-99);border:1px solid var(--c-2);z-index:100;border-radius:10px;max-height:250px;padding:6px;animation:.15s ease-out slideUp;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #00000026}.custom-select-option{cursor:pointer;font-size:var(--f-s-2);border-radius:6px;gap:10px;padding:10px 12px;font-weight:500;transition:background .15s}.custom-select-option:hover{background:var(--c-2);color:var(--c-1)}.social-builder-title{font-weight:600}.flex-1{flex:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;animation:.2s ease-out fadeIn}.modal-content{background:var(--c-99);border-radius:20px;width:100%;max-width:750px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-header{background:var(--c-99);z-index:10;border-bottom:1.5px solid var(--c-2);padding:24px;position:sticky;top:0}.modal-header h2{font-family:var(--p-f);font-size:var(--f-s-6);margin:0;font-weight:700}.btn-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:inline-flex}.btn-close:hover{color:var(--c-1);background:#242c3914}.modal-form{gap:20px;padding:24px}.social-builder-section{border:1.5px solid var(--c-2);background:#fcfdfe;border-radius:12px;padding:16px}.social-builder-inputs{gap:12px;margin-bottom:15px}.added-socials-list{gap:8px;margin-top:10px}.added-social-row{background:var(--c-2);font-size:var(--f-s-2);border-radius:8px;padding:8px 12px}.social-meta{gap:10px}.modal-footer{background:var(--c-99);z-index:10;border-top:1.5px solid var(--c-2);gap:12px;padding:24px;position:sticky;bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.geo-fallback{flex-direction:column;gap:6px;display:flex}.geo-fallback-hint{color:#9ca3af;margin:0;font-size:12px;line-height:1.5}.geo-fallback-hint code{color:#374151;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-size:11px}.home-container{max-width:1200px;font-family:var(--s-f);color:var(--c-1);margin:0 auto;padding:40px 20px}.dashboard-header{border-bottom:2px solid var(--c-2);margin-bottom:30px;padding-bottom:20px}.header-title-section h1{font-family:var(--p-f);font-size:var(--f-s-7);margin:0 0 8px;font-weight:700}.header-title-section p{color:#666;font-size:var(--f-s-3);margin:0}.btn-primary{background-color:var(--c-1);color:var(--c-99);font-weight:600;font-size:var(--f-s-2);cursor:pointer;border:none;border-radius:8px;gap:8px;padding:12px 24px;transition:all .2s;box-shadow:0 4px 12px #242c3926}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 18px #242c3933}.btn-secondary{color:var(--c-1);border:1.5px solid var(--c-1);font-weight:600;font-size:var(--f-s-2);cursor:pointer;background-color:#0000;border-radius:8px;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background-color:#242c390d}.filter-bar{background:var(--c-99);border:1px solid var(--c-2);border-radius:12px;gap:16px;margin-bottom:30px;padding:16px;box-shadow:0 4px 20px #0000000a}.search-bar-icon{color:#888}.search-input{border:1.5px solid var(--c-2);font-size:var(--f-s-2);border-radius:8px;outline:none;flex:1;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:var(--c-1)}.empty-state{text-align:center;background:var(--c-99);border:1px dashed var(--c-2);border-radius:16px;padding:60px 20px}.empty-state i{color:#bbb;margin-bottom:20px;font-size:60px;display:block}.empty-state h3{font-family:var(--p-f);font-size:var(--f-s-5);margin-bottom:10px}