@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap";.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:linear-gradient(180deg,#004d99,#003d7a);display:flex;flex-direction:column;z-index:1000;transition:all .3s ease;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;font-family:Raleway,sans-serif;box-shadow:4px 0 20px #0000004d}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{padding:24px 20px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid rgba(255,255,255,.1);min-height:80px}.sidebar-logo{display:flex;align-items:center;justify-content:center;width:70px;height:30px;gap:8px;color:#fff;font-size:.95rem;font-weight:500;margin:0;text-align:center;letter-spacing:.5px}.sidebar-logo-title{color:#fff;font-size:1rem;font-weight:500;margin:0;text-align:center;letter-spacing:.3px}.sidebar-logo-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;letter-spacing:1px;transition:all .3s ease}.logo_sidebar{width:100%;height:100%}.sidebar-logo-icon:hover{transform:translateY(-2px)}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:15px;padding:14px 18px;color:#ffffffd9;text-decoration:none;border-radius:12px;transition:all .3s ease;border:none;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;background:transparent;text-align:left;white-space:nowrap;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:#fff;transform:scaleY(0);transition:transform .3s ease}.nav-link:hover{background:#ffffff26;color:#fff;transform:translate(5px)}.nav-link:hover:before{transform:scaleY(1)}.nav-link.active{background:#fff3;color:#fff;font-weight:600;box-shadow:0 4px 12px #ffffff26}.nav-link.active:before{transform:scaleY(1)}.nav-icon{width:22px;height:22px;flex-shrink:0;stroke:currentColor;transition:all .3s ease}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.active .nav-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.nav-text{font-size:.95rem;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-logo{font-size:0;gap:0}.sidebar-logo-icon{width:45px;height:45px;font-size:1.2rem}.nav-text{display:none}.nav-link{justify-content:center;padding:14px}.nav-link:hover{transform:translate(0) scale(1.05)}}@media (max-width: 768px){.sidebar{width:100%;height:auto;max-height:none;border-bottom:2px solid rgba(255,255,255,.1);position:relative;z-index:500;flex-direction:row}.sidebar-header{flex:0 0 auto;border-bottom:none;border-right:2px solid rgba(255,255,255,.1);padding:15px;min-height:70px}.sidebar-logo{flex-direction:row;gap:10px;font-size:.9rem}.sidebar-logo-icon{width:40px;height:40px;font-size:1.1rem}.sidebar-nav{flex-direction:row;padding:0 10px;max-height:70px;overflow-x:auto;overflow-y:hidden;flex:1;gap:8px;align-items:center}.nav-link{padding:10px 16px;gap:10px;font-size:.85rem}.nav-link:hover{transform:translateY(-2px)}.nav-text{display:inline}.nav-icon{width:20px;height:20px}.sidebar-nav::-webkit-scrollbar{height:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000001a}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff6;border-radius:2px}}@media (max-width: 480px){.sidebar-header{padding:12px}.sidebar-logo{font-size:.8rem;gap:8px}.sidebar-logo-icon{width:35px;height:35px;font-size:1rem}.nav-link{padding:8px 12px;gap:8px;font-size:.8rem}.nav-icon{width:18px;height:18px}}.navbar{position:fixed;top:0;left:260px;right:0;height:86px;background:linear-gradient(180deg,#004d99,#003d7a);display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 2px 10px #00000026;z-index:999;transition:left .3s ease}.navbar-left{display:flex;align-items:center}.page-title{color:#fff;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:500;margin:0;letter-spacing:.5px}.navbar-right{display:flex;align-items:center;gap:20px}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 15px;border-radius:25px;transition:background .3s ease}.user-profile:hover{background:#ffffff1a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#004d99,#06c);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #004d994d;transition:transform .3s ease}.user-profile:hover .user-avatar{transform:scale(1.05)}.user-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-avatar svg{width:24px;height:24px;color:#fff}.user-name-navbar{color:#fff;font-family:Raleway,sans-serif;font-size:1rem;font-weight:500}@media (max-width: 1024px){.navbar{left:80px}}@media (max-width: 768px){.navbar{left:0;top:70px;padding:0 20px}.page-title{font-size:1.2rem}.user-name-navbar{display:none}.user-avatar,.user-avatar-img{width:36px;height:36px}.user-avatar svg{width:20px;height:20px}}@media (max-width: 480px){.navbar{height:60px;padding:0 15px}.page-title{font-size:1.1rem}.user-avatar,.user-avatar-img{width:32px;height:32px}.user-avatar svg{width:18px;height:18px}}:root{--primary: #004d99;--white: #ffffff;font-family:Raleway,sans-serif}.pulse-loader-wrapper{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:transparent}.pl{display:block;width:6.25em;height:6.25em}.pl__ring,.pl__ball{animation:ring 2s ease-out infinite}.pl__ball{animation-name:ball}@keyframes ring{0%{stroke-dasharray:0 257 0 0 1 0 0 258}25%{stroke-dasharray:0 0 0 0 257 0 258 0}50%,to{stroke-dasharray:0 0 0 0 0 515 0 0}}@keyframes ball{0%,50%{animation-timing-function:ease-in;stroke-dashoffset:1}64%{stroke-dashoffset:-109}78%{stroke-dashoffset:-145}92%{stroke-dashoffset:-157}57%,71%,85%,99%,to{stroke-dashoffset:-163}}.dashboard-layout{display:flex;min-height:100vh;background:#fff;font-family:Raleway,sans-serif}.dashboard-content{flex:1;transition:margin-left .3s ease}.dashboard-main{padding:30px;min-height:calc(100vh - 76px);background:linear-gradient(135deg,#fff,#f8f9fa);position:relative;overflow-x:hidden}.dashboard-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,77,153,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;position:relative;z-index:1}.dashboard-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.dashboard-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.timeframe-selector{display:flex;gap:8px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.timeframe-btn{padding:8px 16px;border:none;background:transparent;color:#666;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Raleway,sans-serif}.timeframe-btn:hover{background:#f8f9fa;color:#004d99}.timeframe-btn.active{background:#004d99;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px;position:relative;z-index:1}.stat-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;transition:all .3s ease;border:1px solid #e5e7eb;cursor:pointer;animation:slideUp .5s ease-out forwards;opacity:0}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #004d991f;border-color:#004d99}.stat-icon-wrapper{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#004d99,#003d7a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon{width:28px;height:28px;color:#fff}.stat-content{flex:1}.stat-label{font-size:13px;color:#666;margin:0 0 6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.stat-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.stat-trend.up{color:#004d99}.stat-trend.down{color:#ef4444}.stat-trend svg{width:16px;height:16px}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px;position:relative;z-index:1}.chart-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 24px #004d991f;border-color:#004d99}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.chart-period{font-size:12px;color:#666;background:#f8f9fa;padding:4px 12px;border-radius:6px;font-weight:500;text-transform:capitalize}.chart-icon{color:#004d99}.patients-section{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;position:relative;z-index:1;transition:all .3s ease}.patients-section:hover{box-shadow:0 8px 24px #004d991f;border-color:#004d99}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.view-all{font-size:13px;color:#004d99;text-decoration:none;font-weight:600;transition:all .3s ease;padding:6px 12px;border-radius:6px}.view-all:hover{background:#f8f9fa;color:#003d7a}.patients-table{width:100%}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px;background:#f8f9fa;border-radius:10px;margin-bottom:8px}.table-header .table-cell{font-weight:600;color:#1a1a1a;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px;border-bottom:1px solid #e5e7eb;transition:all .2s ease;align-items:center}.table-row:hover{background:#f8f9fa;border-radius:8px}.table-row:last-child{border-bottom:none}.table-cell{font-size:14px;color:#666}.patient-name{font-weight:500;color:#1a1a1a}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px;text-align:center}.year-selector{display:flex;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.year-dropdown{padding:8px 32px 8px 16px;border:none;background:transparent;color:#1a1a1a;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;font-family:Raleway,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23004d99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.year-dropdown:hover{background-color:#f8f9fa}.year-dropdown:focus{background-color:#f8f9fa;border-color:#004d99}.year-dropdown option{background:#fff;color:#1a1a1a}@media (max-width: 1400px){.charts-section{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-content{margin-left:80px}.dashboard-main{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.dashboard-content{margin-left:0}.dashboard-main{margin-top:130px;padding:16px}.dashboard-header{flex-direction:column;gap:16px}.timeframe-selector{width:100%;justify-content:space-around}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.charts-section{gap:16px}.chart-card{padding:16px}.table-header,.table-row{grid-template-columns:1fr;gap:12px;padding:12px}.table-header .table-cell:before,.table-row .table-cell:before{content:attr(data-label);font-weight:600;color:#1a1a1a;margin-right:8px}.patients-section{padding:16px}}@media (max-width: 480px){.dashboard-main{margin-top:130px;padding:12px}.dashboard-title{font-size:22px}.dashboard-subtitle{font-size:12px}.stats-grid{gap:8px}.stat-card{padding:12px;gap:12px}.stat-icon-wrapper{width:48px;height:48px}.stat-icon{width:24px;height:24px}.stat-value{font-size:20px}.section-title{font-size:16px}.chart-title{font-size:14px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#004d99,#036);font-family:Raleway,sans-serif;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.05) 35px,rgba(255,255,255,.05) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px);opacity:.4}.login-card{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0006;max-width:450px;width:100%;position:relative;z-index:1;animation:fadeIn .8s ease-in-out;border:1px solid rgba(0,77,153,.2)}.logo-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.logo-icon{width:48px;height:48px;color:#fff}.login-title{color:#1a1a1a;font-size:2rem;font-weight:700;text-align:center;margin:0;letter-spacing:-.5px}.login-form{display:flex;flex-direction:column;gap:25px}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.eye-toggle{position:absolute;right:15px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.login-button{margin-top:15px;padding:16px;border:none;border-radius:10px;background:linear-gradient(135deg,#004d99,#036);color:#fff;font-size:1.1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #004d994d}.login-button:hover:not(:disabled){box-shadow:0 6px 25px #004d9980;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password{background:none;border:none;color:#666;font-size:.9rem;font-family:Raleway,sans-serif;cursor:pointer;text-align:center;transition:color .3s ease;padding:0;margin-top:-10px}.forgot-password:hover:not(:disabled){color:#004d99}.forgot-password:disabled{opacity:.5;cursor:not-allowed}.login-quote{margin-top:30px;text-align:center;color:#004d99;font-style:italic;font-size:.95rem;font-weight:500;border-top:1px solid #e5e7eb;padding-top:20px}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1ab3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader-spinner{width:60px;height:60px;border:4px solid rgba(0,77,153,.3);border-top:4px solid #004d99;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.login-card{padding:40px 30px}.login-title{font-size:1.75rem}.login-button{font-size:1rem}}@media (max-width: 480px){.login-container{padding:15px}.login-card{padding:35px 25px}.login-logo{width:70px;height:70px}.logo-icon{width:42px;height:42px}.login-title{font-size:1.5rem;margin-bottom:30px}.input-wrapper input{font-size:.95rem;padding:12px 12px 12px 42px}.login-button{font-size:.95rem;padding:14px}}*{margin:0;padding:0;box-sizing:border-box}.app{display:flex;min-height:100vh;background-color:#f9faf9}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column}.content-area{margin-top:84px;flex:1}.settings-layout{display:flex;min-height:100vh;background:#fff;font-family:Raleway,sans-serif}.settings-content{flex:1;transition:margin-left .3s ease}.settings-main{padding:30px;min-height:calc(100vh - 76px);background:linear-gradient(135deg,#fff,#f8f9f8);position:relative;overflow-x:hidden}.settings-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,77,153,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.profile-image-container-main{display:flex;gap:20px;align-items:center}.settings-header{margin-bottom:32px;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}.settings-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.settings-subtitle{font-size:14px;color:#666;margin:0;font-weight:400}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1}.profile-display-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease;animation:slideUp .5s ease-out forwards;opacity:0;animation-delay:.05s;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,#fff,#f8f9f8)}.profile-display-card:hover{box-shadow:0 8px 24px #004d991f;border-color:#004d99;transform:translateY(-4px)}.profile-image-container{width:120px;height:120px;border-radius:12px;overflow:hidden;margin-bottom:20px;border:3px solid #004d99;box-shadow:0 4px 12px #004d9926}.profile-image{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:8px}.profile-name{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.profile-email{font-size:14px;color:#666;margin:0}.profile-role{font-size:13px;color:#004d99;margin:0;font-weight:600;background:#004d991a;padding:6px 12px;border-radius:6px;display:inline-block}.profile-card{height:fit-content}.settings-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease;animation:slideUp .5s ease-out forwards;opacity:0}.settings-card:nth-child(2){animation-delay:.1s}.settings-card:nth-child(3){animation-delay:.15s}.settings-card:hover{box-shadow:0 8px 24px #004d991f;border-color:#004d99}.card-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.card-header-content{display:flex;align-items:center;gap:12px}.card-icon{width:24px;height:24px;color:#004d99}.logout-icon{color:#ef4444}.card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#1a1a1a;letter-spacing:.3px}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Raleway,sans-serif;color:#1a1a1a;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.form-input:disabled{background:#f8f9f8;color:#666;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{flex:1;padding-right:48px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.password-toggle:hover{color:#004d99;background:#f8f9f8}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.strength-bar-container{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.strength-bar{height:100%;transition:all .3s ease;border-radius:3px}.strength-label{font-size:12px;font-weight:600;min-width:60px;text-align:right}.password-requirements{background:#f8f9f8;padding:16px;border-radius:10px;border:1px solid #e5e7eb}.requirements-title{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.requirement-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;transition:all .3s ease}.requirement-item.met{color:#004d99}.requirement-item.not-met{color:#ef4444}.requirement-item svg{flex-shrink:0}.submit-btn{padding:14px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #004d9933}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #004d994d;background:linear-gradient(135deg,#036,#004d99)}.submit-btn:active{transform:translateY(0)}.success-message{padding:12px 16px;background:#d1fae5;color:#065f46;border-radius:8px;font-size:14px;font-weight:500;border:1px solid #10b981;animation:slideDown .3s ease-out}.error-message{padding:12px 16px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:14px;font-weight:500;border:1px solid #ef4444;animation:slideDown .3s ease-out}.top-logout-btn{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ef444433}.top-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}.top-logout-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a99;display:flex;align-items:flex-start;overflow-y:auto;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:14px;padding:32px;box-shadow:0 10px 40px #004d9933;max-width:400px;width:90%;position:relative;animation:slideUp .3s ease-out}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#666;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.modal-close:hover{color:#1a1a1a;background:#f8f9f8}.modal-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.modal-message{font-size:14px;color:#666;margin:0 0 24px;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-cancel-btn{padding:10px 20px;background:#f8f9f8;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.modal-cancel-btn:hover{background:#e5e7eb;border-color:#666}.modal-logout-btn{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #ef444433}.modal-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}.modal-logout-btn:active{transform:translateY(0)}@media (max-width: 1400px){.settings-grid{grid-template-columns:1fr}.settings-header{flex-direction:column;gap:16px}.top-logout-btn{width:100%;justify-content:center}}@media (max-width: 1024px){.settings-content{margin-left:80px}.settings-main{padding:24px}.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.settings-content{margin-left:0}.settings-main{margin-top:130px;padding:16px}.settings-grid{gap:16px}.settings-card{padding:20px}}@media (max-width: 480px){.settings-main{margin-top:130px;padding:12px}.settings-title{font-size:22px}.settings-subtitle{font-size:12px}.settings-card{padding:16px}.card-title{font-size:16px}.form-input{padding:10px 14px;font-size:13px}.submit-btn,.logout-btn{padding:12px 20px;font-size:14px}.password-requirements{padding:12px}.requirements-title,.requirement-item{font-size:12px}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#004d99,#036);font-family:Raleway,sans-serif;padding:20px;position:relative;overflow:hidden}.forgot-password-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.05) 35px,rgba(255,255,255,.05) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px);opacity:.4}.forgot-password-card{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0006;max-width:450px;width:100%;position:relative;z-index:1;animation:fadeIn .8s ease-in-out;border:1px solid rgba(0,77,153,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px}.forgot-password-logo{width:70px;height:70px;background:linear-gradient(135deg,#004d99,#036);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:0 8px 24px #004d994d}.login-logo{width:180px;height:100px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.login_brnd_logo{width:80%;height:80%}.logo-icon{width:40px;height:40px;color:#fff}.forgot-password-main-title{color:#1a1a1a;font-size:1.8rem;font-weight:700;text-align:center;margin:0;letter-spacing:-.5px}.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:20px;font-size:.95rem;font-weight:500;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#004d9926;color:#004d99;border:1px solid rgba(0,77,153,.3)}.alert-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.alert-icon{width:20px;height:20px;flex-shrink:0}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.step-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 8px;letter-spacing:-.3px;text-align:center}.step-description{color:#666;font-size:.95rem;margin:0;font-weight:400;line-height:1.5;text-align:center}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#1a1a1a;font-weight:500;font-size:.95rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;width:20px;height:20px;color:#004d99;pointer-events:none;z-index:2}.input-wrapper input{width:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:Raleway,sans-serif;transition:all .3s ease;background:#fff;color:#1a1a1a}.input-wrapper input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.input-wrapper input::placeholder{color:#666}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.eye-toggle{position:absolute;right:15px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .2s ease}.eye-toggle:disabled{opacity:.5;cursor:not-allowed}.eye-icon{width:22px;height:22px;color:#004d99;transition:opacity .2s ease,transform .2s ease}.eye-toggle:hover:not(:disabled) .eye-icon{opacity:.8;transform:scale(1.1)}.otp-group{display:flex;justify-content:center;gap:12px;margin:20px 0}.otp-input{width:70px;height:70px;text-align:center;font-size:1.8rem;font-weight:700;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;background:#fff;color:#1a1a1a;font-family:Raleway,sans-serif}.otp-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.otp-input:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.password-error{padding:12px 14px;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.9rem;font-weight:500;margin-top:-10px}.submit-button{margin-top:10px;padding:16px;border:none;border-radius:10px;background:linear-gradient(135deg,#004d99,#036);color:#fff;font-size:1.1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #004d994d}.submit-button:hover:not(:disabled){box-shadow:0 6px 25px #004d9980;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.back-to-login{background:none;border:none;color:#666;font-size:.9rem;font-family:Raleway,sans-serif;cursor:pointer;text-align:center;transition:color .3s ease;padding:0;margin-top:-5px}.back-to-login:hover:not(:disabled){color:#004d99}.back-to-login:disabled{opacity:.5;cursor:not-allowed}.forgot-password-quote{margin-top:25px;text-align:center;color:#004d99;font-style:italic;font-size:.95rem;font-weight:500;border-top:1px solid #e5e7eb;padding-top:18px}@media (max-width: 768px){.forgot-password-card{padding:40px 30px}.forgot-password-main-title{font-size:1.5rem}.step-title{font-size:1.3rem}.otp-input{width:60px;height:60px;font-size:1.5rem}.submit-button{font-size:1rem}}@media (max-width: 480px){.forgot-password-container{padding:15px}.forgot-password-card{padding:35px 25px}.forgot-password-logo{width:60px;height:60px}.login-logo{width:70px;height:70px}.logo-icon{width:36px;height:36px}.forgot-password-main-title{font-size:1.3rem;margin-bottom:20px}.step-title{font-size:1.2rem;margin-bottom:6px}.step-description{font-size:.9rem}.input-wrapper input{font-size:.95rem;padding:12px 12px 12px 42px}.otp-group{gap:8px}.otp-input{width:50px;height:50px;font-size:1.3rem}.submit-button{font-size:.95rem;padding:14px}.forgot-password-quote{font-size:.85rem;margin-top:20px;padding-top:15px}}.users-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:fadeInDown .6s ease}.users-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.users-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.users-controls{display:flex;gap:20px;margin-bottom:30px;animation:fadeIn .8s ease}.filter-wrapper{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:10px;border:2px solid #e5e7eb}.filter-label{color:#1a1a1a;font-weight:500;font-size:.95rem;white-space:nowrap}.filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#004d99}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;animation:fadeInUp .8s ease}.stat-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-inactive{background:linear-gradient(135deg,#666,#4d4d4d);color:#fff}.stat-suspended{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.users-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:30px;animation:fadeInUp 1s ease}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#004d99,#036)}.users-table th{color:#fff;font-weight:600;font-size:.95rem;text-align:left;padding:18px 20px;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:16px 20px;color:#1a1a1a;font-size:.95rem}.user-name-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#004d99,#036);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0;overflow:hidden}.user-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.user-name{font-weight:500;color:#1a1a1a}.user-email{color:#666;font-weight:400}.user-phone{color:#004d99;font-weight:500}.role-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;background:#004d9926;color:#004d99}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-active{background:#10b98126;color:#10b981}.status-inactive{background:#66666626;color:#666}.status-inactive{background:#ef444426;color:#ef4444}.action-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}@media (max-width: 1024px){.users-controls{flex-direction:column}.filter-wrapper{justify-content:space-between}.users-stats{grid-template-columns:repeat(2,1fr)}.users-table-wrapper{overflow-x:auto}.users-table{min-width:1000px}}@media (max-width: 768px){.users-container{padding:20px}.users-header{flex-direction:column;align-items:flex-start;gap:20px}.users-title{font-size:1.75rem}.users-subtitle{font-size:.95rem}.users-stats{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:1.75rem}.users-table th,.users-table td{padding:14px 16px;font-size:.9rem}.user-avatar{width:36px;height:36px;font-size:1rem}.pagination{flex-wrap:wrap}.pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}}@media (max-width: 480px){.users-container{padding:15px}.users-title{font-size:1.5rem}.users-subtitle{font-size:.9rem}.search-input{font-size:.9rem;padding:12px 12px 12px 42px}.filter-wrapper{padding:8px 16px}.filter-label{font-size:.9rem}.filter-select{font-size:.9rem;padding:6px 10px}.stat-card{padding:16px;gap:16px}.stat-icon{width:44px;height:44px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}.pagination-btn{padding:8px 14px;font-size:.9rem}.pagination-number{width:36px;height:36px;font-size:.9rem}}.ads-page-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.ads-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:fadeInDown .6s ease}.ads-page-header-content{flex:1}.ads-page-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.ads-page-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.ads-page-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #004d994d}.ads-page-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #004d9966}.ads-page-add-btn svg{width:20px;height:20px}.ads-page-controls{display:flex;gap:20px;margin-bottom:30px;animation:fadeIn .8s ease}.ads-page-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.ads-page-search-icon{position:absolute;left:15px;width:20px;height:20px;color:#004d99;pointer-events:none;z-index:2}.ads-page-search-input{width:100%;height:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:Raleway,sans-serif;transition:all .3s ease;background:#fff;color:#1a1a1a}.ads-page-search-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.ads-page-search-input::placeholder{color:#666}.ads-page-filter-wrapper{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:10px;border:2px solid #e5e7eb}.ads-page-filter-label{color:#1a1a1a;font-weight:500;font-size:.95rem;white-space:nowrap}.ads-page-filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.ads-page-filter-select:focus{outline:none;border-color:#004d99}.ads-page-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;animation:fadeInUp .8s ease}.ads-page-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.ads-page-stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.ads-page-stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ads-page-stat-icon svg{width:28px;height:28px}.ads-page-stat-total{background:linear-gradient(135deg,#004d99,#036);color:#fff}.ads-page-stat-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ads-page-stat-inactive{background:linear-gradient(135deg,#666,#4d4d4d);color:#fff}.ads-page-stat-info{flex:1}.ads-page-stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1}.ads-page-stat-label{font-size:.9rem;color:#666;margin:0;font-weight:400}.ads-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:30px;animation:fadeInUp 1s ease}.ads-page-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.ads-page-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #00000026}.ads-page-card-preview{position:relative;width:100%;height:200px;overflow:hidden;background:#f5f7fa}.ads-page-card-preview img,.ads-page-card-preview video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ads-page-card:hover .ads-page-card-preview img,.ads-page-card:hover .ads-page-card-preview video{transform:scale(1.05)}.ads-page-card-video{background:#000}.ads-page-type-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#004d99f2;color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ads-page-type-badge svg{width:16px;height:16px}.ads-page-status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ads-page-status-badge.ads-page-status-active{background:#10b981f2;color:#fff}.ads-page-status-badge.ads-page-status-inactive{background:#666666f2;color:#fff}.ads-page-card-info{padding:20px}.ads-page-card-filename{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-page-card-meta{display:flex;align-items:center;margin-bottom:16px}.ads-page-card-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666}.ads-page-card-date svg{width:16px;height:16px}.ads-page-card-actions{display:flex;gap:10px}.ads-page-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.ads-page-action-btn svg{width:18px;height:18px}.ads-page-edit-btn{background:#004d991a;color:#004d99}.ads-page-edit-btn:hover{background:#004d99;color:#fff;transform:translateY(-2px)}.ads-page-delete-btn{background:#ef44441a;color:#ef4444}.ads-page-delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.ads-page-no-data{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666}.ads-page-no-data-icon{width:48px;height:48px;color:#004d99;margin:0 auto 16px}.ads-page-no-data p{font-size:1.1rem;margin:0;font-weight:500}.ads-page-pagination{display:flex;justify-content:center;align-items:center;gap:12px;animation:fadeIn 1s ease}.ads-page-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.ads-page-pagination-btn:hover:not(:disabled){background:#004d99;color:#fff;border-color:#004d99;transform:translateY(-2px)}.ads-page-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ads-page-pagination-btn svg{width:16px;height:16px}.ads-page-pagination-numbers{display:flex;gap:8px}.ads-page-pagination-number{width:40px;height:40px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.ads-page-pagination-number:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.ads-page-pagination-number.ads-page-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.ads-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;overflow-y:auto}.ads-page-modal-content{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;margin:auto}.ads-page-modal-header{position:relative;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ads-page-modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.ads-page-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#6666661a;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ads-page-modal-close:hover{background:#ef44441a;color:#ef4444}.ads-page-modal-close svg{width:20px;height:20px}.ads-page-modal-form{padding:24px;overflow-y:auto;flex:1}.ads-page-form-group{margin-bottom:20px}.ads-page-form-label{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.ads-page-form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.ads-page-form-select:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.ads-page-file-upload-wrapper{position:relative}.ads-page-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ads-page-file-label{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .3s ease}.ads-page-file-label:hover{border-color:#004d99;background:#004d990d}.ads-page-file-label svg{width:24px;height:24px;color:#004d99;flex-shrink:0}.ads-page-file-label span{font-size:.95rem;color:#666;font-weight:500}.ads-page-preview-wrapper{width:100%;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.ads-page-preview-image{width:100%;height:auto;max-height:300px;object-fit:contain;display:block;background:#f9fafb}.ads-page-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.ads-page-btn-cancel{flex:1;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.ads-page-btn-cancel:hover{background:#f9fafb;border-color:#666;color:#1a1a1a}.ads-page-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.ads-page-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.ads-page-btn-submit svg{width:20px;height:20px}.ads-page-delete-modal{max-width:450px}.ads-page-delete-modal .ads-page-modal-header{text-align:center;padding:32px 24px 20px}.ads-page-delete-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.ads-page-delete-icon svg{width:32px;height:32px;color:#ef4444}.ads-page-delete-content{padding:0 24px 24px;text-align:center}.ads-page-delete-message{font-size:1.1rem;font-weight:500;color:#1a1a1a;margin:0 0 12px}.ads-page-delete-warning{font-size:.95rem;color:#ef4444;margin:0 0 12px}.ads-page-delete-info{font-size:.9rem;color:#666;margin:0}.ads-page-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.ads-page-btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.ads-page-btn-delete svg{width:20px;height:20px}@media (max-width: 1024px){.ads-page-controls{flex-direction:column}.ads-page-filter-wrapper{justify-content:space-between}.ads-page-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.ads-page-container{padding:20px}.ads-page-header{flex-direction:column;align-items:flex-start;gap:20px}.ads-page-add-btn{width:100%;justify-content:center}.ads-page-title{font-size:1.75rem}.ads-page-subtitle{font-size:.95rem}.ads-page-stats{grid-template-columns:1fr}.ads-page-stat-card{padding:20px}.ads-page-stat-value{font-size:1.75rem}.ads-page-grid{grid-template-columns:1fr}.ads-page-pagination{flex-wrap:wrap}.ads-page-pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}.ads-page-modal-content{max-width:100%;max-height:90vh}}@media (max-width: 480px){.ads-page-container{padding:15px}.ads-page-title{font-size:1.5rem}.ads-page-subtitle{font-size:.9rem}.ads-page-search-input{font-size:.9rem;padding:12px 12px 12px 42px}.ads-page-filter-wrapper{padding:8px 16px}.ads-page-filter-label{font-size:.9rem}.ads-page-filter-select{font-size:.9rem;padding:6px 10px}.ads-page-stat-card{padding:16px;gap:16px}.ads-page-stat-icon{width:44px;height:44px}.ads-page-stat-icon svg{width:24px;height:24px}.ads-page-stat-value{font-size:1.5rem}.ads-page-stat-label{font-size:.85rem}.ads-page-add-btn{padding:10px 20px;font-size:.95rem}.ads-page-card-actions{flex-direction:column}.ads-page-pagination-btn{padding:8px 14px;font-size:.9rem}.ads-page-pagination-number{width:36px;height:36px;font-size:.9rem}.ads-page-modal-title{font-size:1.3rem}.ads-page-modal-form{padding:20px}.ads-page-modal-actions{flex-direction:column;padding:16px 20px}.ads-page-btn-cancel,.ads-page-btn-submit,.ads-page-btn-delete{width:100%}}.banner-mgmt-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9f8);padding:30px;font-family:Raleway,sans-serif}.banner-mgmt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:bannerFadeInDown .6s ease}@keyframes bannerFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-mgmt-header-content{flex:1}.banner-mgmt-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.banner-mgmt-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.banner-mgmt-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #004d994d}.banner-mgmt-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #004d9966}.banner-mgmt-add-btn svg{width:20px;height:20px}.banner-mgmt-controls{display:flex;gap:20px;margin-bottom:30px;animation:bannerFadeIn .8s ease}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:1}}.banner-mgmt-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.banner-mgmt-search-icon{position:absolute;left:15px;width:20px;height:20px;color:#004d99;pointer-events:none;z-index:2}.banner-mgmt-search-input{width:100%;height:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:Raleway,sans-serif;transition:all .3s ease;background:#fff;color:#1a1a1a}.banner-mgmt-search-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.banner-mgmt-search-input::placeholder{color:#666}.banner-mgmt-filter-wrapper{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:10px;border:2px solid #e5e7eb}.banner-mgmt-filter-label{color:#1a1a1a;font-weight:500;font-size:.95rem;white-space:nowrap}.banner-mgmt-filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.banner-mgmt-filter-select:focus{outline:none;border-color:#004d99}.banner-mgmt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;animation:bannerFadeInUp .8s ease}@keyframes bannerFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner-mgmt-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #e5e7eb}.banner-mgmt-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #004d991f;border-color:#004d99}.banner-mgmt-stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-mgmt-stat-icon svg{width:28px;height:28px}.banner-mgmt-stat-total{background:linear-gradient(135deg,#004d99,#036);color:#fff}.banner-mgmt-stat-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.banner-mgmt-stat-inactive{background:linear-gradient(135deg,#666,#4d4d4d);color:#fff}.banner-mgmt-stat-info{flex:1}.banner-mgmt-stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1}.banner-mgmt-stat-label{font-size:.9rem;color:#666;margin:0;font-weight:400}.banner-mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:30px;animation:bannerFadeInUp 1s ease}.banner-mgmt-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #e5e7eb}.banner-mgmt-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #004d9926;border-color:#004d99}.banner-mgmt-card-preview{position:relative;width:100%;height:200px;overflow:hidden;background:#f5f7fa}.banner-mgmt-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.banner-mgmt-card:hover .banner-mgmt-card-preview img{transform:scale(1.05)}.banner-mgmt-status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-mgmt-status-badge.banner-mgmt-status-active{background:#10b981f2;color:#fff}.banner-mgmt-status-badge.banner-mgmt-status-inactive{background:#666666f2;color:#fff}.banner-mgmt-card-info{padding:20px}.banner-mgmt-card-filename{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-mgmt-card-link-section{margin-bottom:12px}.banner-mgmt-card-link-label{font-size:.85rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.banner-mgmt-card-link{display:inline-block;font-size:.9rem;color:#004d99;text-decoration:none;word-break:break-all;transition:all .3s ease}.banner-mgmt-card-link:hover{text-decoration:underline;color:#036}.banner-mgmt-card-meta{display:flex;align-items:center;margin-bottom:16px}.banner-mgmt-card-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666}.banner-mgmt-card-date svg{width:16px;height:16px}.banner-mgmt-card-actions{display:flex;gap:10px}.banner-mgmt-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.banner-mgmt-action-btn svg{width:18px;height:18px}.banner-mgmt-edit-btn{background:#004d991a;color:#004d99}.banner-mgmt-edit-btn:hover{background:#004d99;color:#fff;transform:translateY(-2px)}.banner-mgmt-delete-btn{background:#ef44441a;color:#ef4444}.banner-mgmt-delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.banner-mgmt-no-data{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666}.banner-mgmt-no-data-icon{width:48px;height:48px;color:#004d99;margin:0 auto 16px}.banner-mgmt-no-data p{font-size:1.1rem;margin:0;font-weight:500}.banner-mgmt-pagination{display:flex;justify-content:center;align-items:center;gap:12px;animation:bannerFadeIn 1s ease}.banner-mgmt-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.banner-mgmt-pagination-btn:hover:not(:disabled){background:#004d99;color:#fff;border-color:#004d99;transform:translateY(-2px)}.banner-mgmt-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.banner-mgmt-pagination-btn svg{width:16px;height:16px}.banner-mgmt-pagination-numbers{display:flex;gap:8px}.banner-mgmt-pagination-number{width:40px;height:40px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.banner-mgmt-pagination-number:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.banner-mgmt-pagination-number.banner-mgmt-pagination-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.banner-mgmt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:bannerFadeIn .3s ease;padding:20px;overflow-y:auto}.banner-mgmt-modal-content{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:bannerSlideUp .3s ease;margin:auto}@keyframes bannerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.banner-mgmt-modal-header{position:relative;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.banner-mgmt-modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;padding-right:40px}.banner-mgmt-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#6666661a;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.banner-mgmt-modal-close:hover{background:#ef44441a;color:#ef4444}.banner-mgmt-modal-close svg{width:20px;height:20px}.banner-mgmt-modal-body{overflow-y:auto;flex:1;display:flex;flex-direction:column}.banner-mgmt-modal-form{padding:24px;flex:1;display:flex;flex-direction:column}.banner-mgmt-form-group{margin-bottom:20px}.banner-mgmt-form-label{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.banner-mgmt-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;transition:all .3s ease;box-sizing:border-box}.banner-mgmt-form-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.banner-mgmt-form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.banner-mgmt-form-select:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.banner-mgmt-file-upload-wrapper{position:relative}.banner-mgmt-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.banner-mgmt-file-label{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .3s ease}.banner-mgmt-file-label:hover{border-color:#004d99;background:#004d990d}.banner-mgmt-file-label svg{width:24px;height:24px;color:#004d99;flex-shrink:0}.banner-mgmt-file-label span{font-size:.95rem;color:#666;font-weight:500}.banner-mgmt-preview-wrapper{width:100%;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.banner-mgmt-preview-image{width:100%;height:auto;max-height:300px;object-fit:contain;display:block;background:#f9fafb}.banner-mgmt-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:auto}.banner-mgmt-btn-cancel{flex:1;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.banner-mgmt-btn-cancel:hover{background:#f9fafb;border-color:#666;color:#1a1a1a}.banner-mgmt-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.banner-mgmt-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.banner-mgmt-btn-submit svg{width:20px;height:20px}.banner-mgmt-delete-modal{max-width:450px}.banner-mgmt-delete-modal .banner-mgmt-modal-header{text-align:center;padding:32px 24px 20px}.banner-mgmt-delete-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.banner-mgmt-delete-icon svg{width:32px;height:32px;color:#ef4444}.banner-mgmt-delete-content{padding:0 24px 24px;text-align:center}.banner-mgmt-delete-message{font-size:1.1rem;font-weight:500;color:#1a1a1a;margin:0 0 12px}.banner-mgmt-delete-warning{font-size:.95rem;color:#ef4444;margin:0 0 12px}.banner-mgmt-delete-info{font-size:.9rem;color:#666;margin:0}.banner-mgmt-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.banner-mgmt-btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.banner-mgmt-btn-delete svg{width:20px;height:20px}@media (max-width: 1024px){.banner-mgmt-controls{flex-direction:column}.banner-mgmt-filter-wrapper{justify-content:space-between}.banner-mgmt-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.banner-mgmt-container{padding:20px}.banner-mgmt-header{flex-direction:column;align-items:flex-start;gap:20px}.banner-mgmt-add-btn{width:100%;justify-content:center}.banner-mgmt-title{font-size:1.75rem}.banner-mgmt-subtitle{font-size:.95rem}.banner-mgmt-stats{grid-template-columns:1fr}.banner-mgmt-stat-card{padding:20px}.banner-mgmt-stat-value{font-size:1.75rem}.banner-mgmt-grid{grid-template-columns:1fr}.banner-mgmt-pagination{flex-wrap:wrap}.banner-mgmt-pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}.banner-mgmt-modal-content{max-width:100%;max-height:calc(100vh - 20px)}}@media (max-width: 480px){.banner-mgmt-container{padding:15px}.banner-mgmt-title{font-size:1.5rem}.banner-mgmt-subtitle{font-size:.9rem}.banner-mgmt-search-input{font-size:.9rem;padding:12px 12px 12px 42px}.banner-mgmt-filter-wrapper{padding:8px 16px}.banner-mgmt-filter-label{font-size:.9rem}.banner-mgmt-filter-select{font-size:.9rem;padding:6px 10px}.banner-mgmt-stat-card{padding:16px;gap:16px}.banner-mgmt-stat-icon{width:44px;height:44px}.banner-mgmt-stat-icon svg{width:24px;height:24px}.banner-mgmt-stat-value{font-size:1.5rem}.banner-mgmt-stat-label{font-size:.85rem}.banner-mgmt-add-btn{padding:10px 20px;font-size:.95rem}.banner-mgmt-card-actions{flex-direction:column}.banner-mgmt-pagination-btn{padding:8px 14px;font-size:.9rem}.banner-mgmt-pagination-number{width:36px;height:36px;font-size:.9rem}.banner-mgmt-modal-title{font-size:1.3rem}.banner-mgmt-modal-form{padding:20px}.banner-mgmt-modal-actions{flex-direction:column;padding:16px 20px}.banner-mgmt-btn-cancel,.banner-mgmt-btn-submit,.banner-mgmt-btn-delete{width:100%}}.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9f8);padding:30px;font-family:Raleway,sans-serif}.privacy-policy-header{margin-bottom:40px;animation:fadeInDown .6s ease}.privacy-policy-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.privacy-policy-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.privacy-policy-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;margin-bottom:30px;animation:fadeIn .8s ease;overflow:hidden}.privacy-policy-content-section{padding:30px;animation:slideUp .5s ease}.content-editor:empty:before{content:"Start typing your privacy policy here...";color:#999}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#666;font-size:.9rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.privacy-policy-preview-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;padding:30px;animation:fadeInUp 1s ease}@media (max-width: 768px){.privacy-policy-container{padding:20px}.privacy-policy-wrapper{border-radius:12px}.privacy-policy-content-section{padding:20px}.language-switcher{flex-direction:column;gap:12px;align-items:flex-start}.language-buttons{width:100%}.lang-btn{flex:1;justify-content:center}.editor-toolbar{padding:10px}.toolbar-btn{width:32px;height:32px}.toolbar-btn svg{width:16px;height:16px}.content-editor{min-height:300px;padding:16px;font-size:.95rem}.editor-actions{flex-direction:column;gap:8px}.action-group{width:100%;gap:8px}.action-btn{flex:1;padding:10px 12px;font-size:.85rem}.btn-save{width:100%}.privacy-policy-preview-section{padding:20px}.preview-container{padding:16px;max-height:400px}.preview-content{padding:16px}}@media (max-width: 480px){.privacy-policy-container{padding:15px}.privacy-policy-title{font-size:1.5rem}.privacy-policy-subtitle{font-size:.9rem}.privacy-policy-content-section{padding:16px}.language-switcher{padding:12px}.editor-toolbar{gap:4px;padding:8px}.toolbar-group{gap:2px}.toolbar-btn{width:28px;height:28px}.toolbar-btn svg{width:14px;height:14px}.toolbar-text{font-size:.75rem}.content-editor{min-height:250px;padding:12px;font-size:.9rem}.privacy-policy-preview-section{padding:16px;border-radius:12px}.preview-title{font-size:1.25rem}.preview-subtitle{font-size:.85rem}.preview-container{padding:12px;max-height:350px}.preview-content{padding:12px}.preview-text{font-size:.9rem;line-height:1.6}}.terms-conditions-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9f8);padding:30px;font-family:Raleway,sans-serif}.terms-conditions-header{margin-bottom:40px;animation:fadeInDown .6s ease}.terms-conditions-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.terms-conditions-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.terms-conditions-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;margin-bottom:30px;animation:fadeIn .8s ease;overflow:hidden}.terms-conditions-content-section{padding:30px;animation:slideUp .5s ease}.content-editor:empty:before{content:"Start typing your terms and conditions here...";color:#999}.terms-conditions-preview-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;padding:30px;animation:fadeInUp 1s ease}.preview-text h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:16px 0 12px}.preview-text h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:14px 0 10px}.preview-text p{margin:8px 0;word-break:break-word}.preview-text ul,.preview-text ol{margin:8px 0;padding-left:24px}.preview-text li{margin:4px 0}.preview-text strong{font-weight:600;color:#004d99}@media (max-width: 768px){.terms-conditions-container{padding:20px}.terms-conditions-wrapper{border-radius:12px}.terms-conditions-content-section{padding:20px}.language-switcher{flex-direction:column;gap:12px;align-items:flex-start}.language-buttons{width:100%}.lang-btn{flex:1;justify-content:center}.editor-toolbar{padding:10px}.toolbar-btn{width:32px;height:32px}.toolbar-btn svg{width:16px;height:16px}.content-editor{min-height:300px;padding:16px;font-size:.95rem}.editor-actions{flex-direction:column;gap:8px}.action-group{width:100%;gap:8px}.action-btn{flex:1;padding:10px 12px;font-size:.85rem}.btn-save{width:100%}.terms-conditions-preview-section{padding:20px}.preview-container{padding:16px;max-height:400px}.preview-content{padding:16px}}@media (max-width: 480px){.terms-conditions-container{padding:15px}.terms-conditions-title{font-size:1.5rem}.terms-conditions-subtitle{font-size:.9rem}.terms-conditions-content-section{padding:16px}.language-switcher{padding:12px}.editor-toolbar{gap:4px;padding:8px}.toolbar-group{gap:2px}.toolbar-btn{width:28px;height:28px}.toolbar-btn svg{width:14px;height:14px}.toolbar-text{font-size:.75rem}.content-editor{min-height:250px;padding:12px;font-size:.9rem}.terms-conditions-preview-section{padding:16px;border-radius:12px}.preview-title{font-size:1.25rem}.preview-subtitle{font-size:.85rem}.preview-container{padding:12px;max-height:350px}.preview-content{padding:12px}.preview-text{font-size:.9rem;line-height:1.6}}.information-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f9f8);padding:30px;font-family:Raleway,sans-serif}.information-header{margin-bottom:40px;animation:fadeInDown .6s ease}.information-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.information-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.information-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;margin-bottom:30px;animation:fadeIn .8s ease;overflow:hidden}.information-content-section{padding:30px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.language-switcher{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.language-label{font-size:.95rem;font-weight:600;color:#1a1a1a;white-space:nowrap}.language-buttons{display:flex;gap:8px}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:500;font-family:Raleway,sans-serif;color:#666;cursor:pointer;transition:all .3s ease}.lang-btn svg{width:16px;height:16px}.lang-btn:hover{border-color:#004d99;color:#004d99;background:#004d990d}.lang-btn.active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.editor-section{display:flex;flex-direction:column;gap:16px}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px;background:linear-gradient(135deg,#f9fafb,#f0f1f3);border-radius:12px;border:1px solid #e5e7eb}.editor-info{flex:1}.editor-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.last-updated{font-size:.9rem;color:#666;margin:0}.editor-stats{display:flex;gap:16px;align-items:center}.char-count,.word-count{font-size:.9rem;font-weight:600;color:#004d99;background:#004d991a;padding:6px 12px;border-radius:6px;white-space:nowrap}.title-section{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.title-label{font-size:.95rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:4px}.required-mark{color:#ef4444;font-size:1rem}.title-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:500;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;transition:all .3s ease;outline:none}.title-input::placeholder{color:#999;font-weight:400}.title-input:focus{border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.content-label-wrapper{margin-bottom:8px}.content-label{font-size:.95rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:4px}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap}.toolbar-group{display:flex;gap:4px}.toolbar-divider{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#666}.toolbar-btn svg{width:18px;height:18px}.toolbar-btn:hover{background:#004d991a;border-color:#004d99;color:#004d99}.toolbar-btn:active{transform:scale(.95)}.toolbar-text{font-size:.85rem;font-weight:700;font-family:Raleway,sans-serif}.editor-wrapper{position:relative;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;transition:all .3s ease;min-height:400px}.editor-wrapper:focus-within{border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.content-editor{width:100%;min-height:400px;padding:20px;border:none;background:#fff;color:#1a1a1a;font-family:Raleway,sans-serif;font-size:1rem;line-height:1.6;outline:none;overflow-y:auto}.content-editor:empty:before{content:"Start typing your information content here...";color:#999}.content-editor h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:16px 0 12px}.content-editor h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:14px 0 10px}.content-editor p{margin:8px 0;line-height:1.6}.content-editor ul,.content-editor ol{margin:8px 0;padding-left:24px}.content-editor li{margin:4px 0}.content-editor strong{font-weight:600;color:#004d99}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.action-group{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:auto;gap:6px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#666;font-size:.9rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.action-btn:hover:not(:disabled){border-color:#004d99;color:#004d99;background:#004d990d;transform:translateY(-2px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.btn-clear{color:#666}.btn-clear:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef44440d}.btn-discard{color:#666}.btn-discard:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b;background:#f59e0b0d}.btn-save{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save.saving{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #004d9966}50%{box-shadow:0 0 0 6px #004d9900}}.information-preview-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;padding:30px;animation:fadeInUp 1s ease}.preview-header{margin-bottom:24px}.preview-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 4px}.preview-subtitle{color:#666;font-size:.95rem;margin:0;font-weight:400}.preview-container{background:linear-gradient(135deg,#f9fafb,#f0f1f3);border:2px solid #e5e7eb;border-radius:12px;padding:24px;max-height:500px;overflow-y:auto;transition:all .3s ease}.preview-container::-webkit-scrollbar{width:8px}.preview-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px}.preview-container::-webkit-scrollbar-thumb{background:#004d99;border-radius:10px}.preview-container::-webkit-scrollbar-thumb:hover{background:#036}.preview-content{background:#fff;border-radius:8px;padding:20px}.preview-text{color:#1a1a1a;font-size:1rem;line-height:1.8;font-family:Raleway,sans-serif}.preview-main-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #004d99}.preview-main-content h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:16px 0 12px}.preview-main-content h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:14px 0 10px}.preview-main-content p{margin:8px 0;word-break:break-word}.preview-main-content ul,.preview-main-content ol{margin:8px 0;padding-left:24px}.preview-main-content li{margin:4px 0}.preview-main-content strong{font-weight:600;color:#004d99}.no-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999;text-align:center;min-height:200px}.no-preview svg{width:48px;height:48px;color:#004d99}.no-preview p{font-size:1rem;margin:0}@media (max-width: 1024px){.editor-header{flex-direction:column;gap:12px}.editor-stats{width:100%;justify-content:flex-start}.content-editor{min-height:350px}}@media (max-width: 768px){.information-container{padding:20px}.information-wrapper{border-radius:12px}.information-content-section{padding:20px}.language-switcher{flex-direction:column;gap:12px;align-items:flex-start}.language-buttons{width:100%}.lang-btn{flex:1;justify-content:center}.editor-toolbar{padding:10px}.toolbar-btn{width:32px;height:32px}.toolbar-btn svg{width:16px;height:16px}.content-editor{min-height:300px;padding:16px;font-size:.95rem}.editor-actions{flex-direction:column;gap:8px}.action-group{width:100%;gap:8px}.action-btn{flex:1;padding:10px 12px;font-size:.85rem}.btn-save{width:100%}.information-preview-section{padding:20px}.preview-container{padding:16px;max-height:400px}.preview-content{padding:16px}.preview-main-title{font-size:1.5rem}}@media (max-width: 480px){.information-container{padding:15px}.information-title{font-size:1.5rem}.information-subtitle{font-size:.9rem}.information-content-section{padding:16px}.language-switcher{padding:12px}.editor-toolbar{gap:4px;padding:8px}.toolbar-group{gap:2px}.toolbar-btn{width:28px;height:28px}.toolbar-btn svg{width:14px;height:14px}.toolbar-text{font-size:.75rem}.content-editor{min-height:250px;padding:12px;font-size:.9rem}.information-preview-section{padding:16px;border-radius:12px}.preview-title{font-size:1.25rem}.preview-subtitle{font-size:.85rem}.preview-container{padding:12px;max-height:350px}.preview-content{padding:12px}.preview-main-title{font-size:1.25rem;margin-bottom:16px;padding-bottom:12px}.preview-main-content{font-size:.9rem;line-height:1.6}}.home-cms-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.home-cms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:fadeInDown .6s ease}.header-content{flex:1}.home-cms-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.home-cms-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.btn-add-new{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.btn-add-new svg{width:20px;height:20px}.btn-add-new:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.home-cms-controls{display:flex;gap:20px;margin-bottom:30px;animation:fadeIn .8s ease}.search-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:15px;width:20px;height:20px;color:#004d99;pointer-events:none;z-index:2}.search-input{width:100%;height:100%;padding:14px 14px 14px 45px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:Raleway,sans-serif;transition:all .3s ease;background:#fff;color:#1a1a1a}.search-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.search-input::placeholder{color:#666}.home-cms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;animation:fadeInUp .8s ease}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:28px;height:28px}.stat-total{background:linear-gradient(135deg,#004d99,#036);color:#fff}.stat-info{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1}.stat-label{font-size:.9rem;color:#666;margin:0;font-weight:400}.home-cms-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:30px;animation:fadeInUp 1s ease}.home-cms-table{width:100%;border-collapse:collapse}.home-cms-table thead{background:linear-gradient(135deg,#004d99,#036)}.home-cms-table th{color:#fff;font-weight:600;font-size:.95rem;text-align:left;padding:18px 20px;white-space:nowrap}.home-cms-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.home-cms-table tbody tr:hover{background:#f9fafb}.home-cms-table tbody tr:last-child{border-bottom:none}.home-cms-table td{padding:16px 20px;color:#1a1a1a;font-size:.95rem}.content-title{font-weight:600;color:#1a1a1a}.content-text{color:#666;font-weight:400;line-height:1.5}.action-buttons{display:flex;gap:8px}.action-btn{width:36px;height:36px;border:none;width:auto;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-btn svg{width:18px;height:18px}.view-btn{background:#004d991a;color:#004d99}.view-btn:hover{background:#004d99;color:#fff;transform:translateY(-2px)}.edit-btn{background:#10b9811a;color:#10b981}.edit-btn:hover{background:#10b981;color:#fff;transform:translateY(-2px)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.no-data{text-align:center;padding:60px 20px!important;color:#666}.no-data-icon{width:48px;height:48px;color:#004d99;margin:0 auto 16px}.no-data p{font-size:1.1rem;margin:0;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;animation:fadeIn 1s ease}.pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#004d99;color:#fff;border-color:#004d99;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px}.pagination-numbers{display:flex;gap:8px}.pagination-number{width:40px;height:40px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.pagination-number:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;overflow-y:auto;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#004d99,#036)}.modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.modal-close{width:36px;height:36px;border:none;background:#fff3;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close svg{width:20px;height:20px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px;overflow-y:auto;flex:1}.language-section{margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.language-section:last-child{margin-bottom:0}.language-heading{display:flex;align-items:center;gap:8px;color:#004d99;font-size:1.2rem;font-weight:600;margin:0 0 16px}.language-heading svg{width:24px;height:24px}.content-detail{margin-bottom:16px}.content-detail:last-child{margin-bottom:0}.detail-label{font-size:.9rem;font-weight:600;color:#666;margin-bottom:6px}.detail-value{font-size:1rem;color:#1a1a1a;line-height:1.6;background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.modal-footer{padding:20px 30px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.btn-close{background:linear-gradient(135deg,#004d99,#036);color:#fff}.btn-close:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.home-cms-form-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.home-cms-form-header{margin-bottom:30px;animation:fadeInDown .6s ease}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.btn-back svg{width:18px;height:18px}.btn-back:hover{background:#004d99;color:#fff;border-color:#004d99}.home-cms-form-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.home-cms-form-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.cms-form{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #e5e7eb;padding:30px;animation:fadeInUp .8s ease}.form-section{margin-bottom:30px;padding:24px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.form-section:last-of-type{margin-bottom:0}.section-title{display:flex;align-items:center;gap:8px;color:#004d99;font-size:1.2rem;font-weight:600;margin:0 0 20px}.section-title svg{width:24px;height:24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.required{color:#ef4444}.form-input,.form-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:24px}.form-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.form-btn svg{width:20px;height:20px}.btn-cancel{background:#fff;color:#666;border:2px solid #e5e7eb}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#666;color:#1a1a1a}.btn-submit{background:linear-gradient(135deg,#004d99,#036);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.home-cms-container,.home-cms-form-container{padding:20px}.home-cms-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-add-new{width:100%;justify-content:center}.home-cms-title,.home-cms-form-title{font-size:1.5rem}.home-cms-table-wrapper{overflow-x:auto}.home-cms-table{min-width:600px}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.modal-header{padding:20px}.modal-title{font-size:1.25rem}.modal-body{padding:20px}.form-actions{flex-direction:column}.form-btn{width:100%}}@media (max-width: 480px){.home-cms-container,.home-cms-form-container{padding:15px}.home-cms-title,.home-cms-form-title{font-size:1.25rem}.cms-form{padding:20px}.form-section{padding:16px}}.gold-page-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.gold-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:fadeInDown .6s ease}.gold-page-header-content{flex:1}.gold-page-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.gold-page-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.gold-page-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #004d994d}.gold-page-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #004d9966}.gold-page-add-btn svg{width:20px;height:20px}.gold-page-controls{display:flex;gap:20px;margin-bottom:30px;animation:fadeIn .8s ease}.gold-page-filter-wrapper{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:10px;border:2px solid #e5e7eb}.gold-page-filter-label{color:#1a1a1a;font-weight:500;font-size:.95rem;white-space:nowrap}.gold-page-filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.gold-page-filter-select:focus{outline:none;border-color:#004d99}.gold-page-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;animation:fadeInUp .8s ease}.gold-page-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.gold-page-stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.gold-page-stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gold-page-stat-icon svg{width:28px;height:28px}.gold-page-stat-total{background:linear-gradient(135deg,#004d99,#036);color:#fff}.gold-page-stat-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.gold-page-stat-currency{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.gold-page-stat-info{flex:1}.gold-page-stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1}.gold-page-stat-label{font-size:.9rem;color:#666;margin:0;font-weight:400}.gold-page-tabs{display:flex;gap:12px;margin-bottom:24px;animation:fadeIn 1s ease}.gold-page-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-tab svg{width:20px;height:20px}.gold-page-tab:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.gold-page-tab-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.gold-page-tab-active:hover{color:#fff}.gold-page-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:30px;animation:fadeInUp 1s ease}.gold-page-table{width:100%;border-collapse:collapse}.gold-page-table thead{background:linear-gradient(135deg,#004d99,#036);color:#fff}.gold-page-table th{padding:16px;text-align:left;font-weight:600;font-size:.95rem;white-space:nowrap}.gold-page-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.gold-page-table tbody tr:hover{background:#f9fafb}.gold-page-table td{padding:16px;font-size:.95rem;color:#1a1a1a}.gold-page-category-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;background:#004d991a;color:#004d99}.gold-page-currency-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;background:#f59e0b1a;color:#d97706}.gold-page-type-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.gold-page-type-new{background:#10b9811a;color:#059669}.gold-page-type-update{background:#004d991a;color:#004d99}.gold-page-schedule-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;background:#f59e0b1a;color:#d97706}.gold-page-price-cell{font-weight:500;color:#666}.gold-page-price-highlight{font-weight:700;color:#004d99;font-size:1.05rem}.gold-page-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.gold-page-status-badge.gold-page-status-active{background:#10b9811a;color:#059669}.gold-page-status-badge.gold-page-status-inactive{background:#6666661a;color:#666}.gold-page-table-actions{display:flex;gap:8px}.gold-page-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.gold-page-action-btn svg{width:18px;height:18px}.gold-page-edit-btn{background:#004d991a;color:#004d99}.gold-page-edit-btn:hover{background:#004d99;color:#fff;transform:translateY(-2px)}.gold-page-delete-btn{background:#ef44441a;color:#ef4444}.gold-page-delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.gold-page-no-data{text-align:center;padding:60px 20px;color:#666}.gold-page-no-data-icon{width:48px;height:48px;color:#004d99;margin:0 auto 16px}.gold-page-no-data p{font-size:1.1rem;margin:0;font-weight:500}.gold-page-graph-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;animation:fadeInUp 1s ease}.gold-page-graph-header{margin-bottom:30px}.gold-page-graph-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.gold-page-graph-subtitle{font-size:.95rem;color:#666;margin:0}.gold-page-chart{display:flex;flex-direction:column}.gold-page-custom-tooltip{background:#fff;border:2px solid #004d99;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026}.gold-page-tooltip-label{font-size:.85rem;color:#666;margin:0 0 4px;font-weight:500}.gold-page-tooltip-value{font-size:1.1rem;color:#004d99;margin:0;font-weight:700}.gold-page-pagination{display:flex;justify-content:center;align-items:center;gap:12px;animation:fadeIn 1s ease}.gold-page-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-pagination-btn:hover:not(:disabled){background:#004d99;color:#fff;border-color:#004d99;transform:translateY(-2px)}.gold-page-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.gold-page-pagination-btn svg{width:16px;height:16px}.gold-page-pagination-numbers{display:flex;gap:8px}.gold-page-pagination-number{width:40px;height:40px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-pagination-number:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.gold-page-pagination-number.gold-page-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.gold-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;overflow-y:auto}.gold-page-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;margin:auto}.gold-page-modal-header{position:relative;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.gold-page-modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.gold-page-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#6666661a;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gold-page-modal-close:hover{background:#ef44441a;color:#ef4444}.gold-page-modal-close svg{width:20px;height:20px}.gold-page-modal-form{padding:24px;overflow-y:auto;flex:1}.gold-page-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.gold-page-form-group{margin-bottom:20px}.gold-page-form-row .gold-page-form-group{margin-bottom:0}.gold-page-form-label{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.gold-page-form-select,.gold-page-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;transition:all .3s ease}.gold-page-form-select{cursor:pointer}.gold-page-form-select:focus,.gold-page-form-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.gold-page-schedule-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.gold-page-schedule-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.gold-page-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.gold-page-btn-cancel{flex:1;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-btn-cancel:hover{background:#f9fafb;border-color:#666;color:#1a1a1a}.gold-page-btn-schedule{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-btn-schedule:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.gold-page-btn-schedule svg{width:20px;height:20px}.gold-page-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.gold-page-btn-submit svg{width:20px;height:20px}.gold-page-delete-modal{max-width:450px}.gold-page-delete-modal .gold-page-modal-header{text-align:center;padding:32px 24px 20px}.gold-page-delete-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.gold-page-delete-icon svg{width:32px;height:32px;color:#ef4444}.gold-page-delete-content{padding:0 24px 24px;text-align:center}.gold-page-delete-message{font-size:1.1rem;font-weight:500;color:#1a1a1a;margin:0 0 12px}.gold-page-delete-warning{font-size:.95rem;color:#ef4444;margin:0 0 12px}.gold-page-delete-info{font-size:.9rem;color:#666;margin:0}.gold-page-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.gold-page-btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.gold-page-btn-delete svg{width:20px;height:20px}@media (max-width: 1024px){.gold-page-controls{flex-wrap:wrap}.gold-page-table-container{overflow-x:auto}}@media (max-width: 768px){.gold-page-container{padding:20px}.gold-page-header{flex-direction:column;align-items:flex-start;gap:20px}.gold-page-add-btn{width:100%;justify-content:center}.gold-page-title{font-size:1.75rem}.gold-page-subtitle{font-size:.95rem}.gold-page-stats{grid-template-columns:1fr}.gold-page-stat-card{padding:20px}.gold-page-stat-value{font-size:1.75rem}.gold-page-tabs{width:100%;flex-wrap:wrap}.gold-page-tab{flex:1 1 auto;justify-content:center;min-width:150px}.gold-page-form-row{grid-template-columns:1fr}.gold-page-pagination{flex-wrap:wrap}.gold-page-pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}.gold-page-modal-content{max-width:100%;max-height:90vh}}@media (max-width: 480px){.gold-page-container{padding:15px}.gold-page-title{font-size:1.5rem}.gold-page-subtitle{font-size:.9rem}.gold-page-controls{flex-direction:column}.gold-page-filter-wrapper{width:100%;justify-content:space-between}.gold-page-stat-card{padding:16px;gap:16px}.gold-page-stat-icon{width:44px;height:44px}.gold-page-stat-icon svg{width:24px;height:24px}.gold-page-stat-value{font-size:1.5rem}.gold-page-stat-label{font-size:.85rem}.gold-page-add-btn{padding:10px 20px;font-size:.95rem}.gold-page-tabs{flex-direction:column}.gold-page-tab{width:100%}.gold-page-pagination-btn{padding:8px 14px;font-size:.9rem}.gold-page-pagination-number{width:36px;height:36px;font-size:.9rem}.gold-page-modal-title{font-size:1.3rem}.gold-page-modal-form{padding:20px}.gold-page-modal-actions{flex-direction:column;padding:16px 20px}.gold-page-btn-cancel,.gold-page-btn-schedule,.gold-page-btn-submit,.gold-page-btn-delete{width:100%}}.petrol-page-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.petrol-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:fadeInDown .6s ease}.petrol-page-header-content{flex:1}.petrol-page-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.petrol-page-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.petrol-page-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #004d994d}.petrol-page-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #004d9966}.petrol-page-add-btn svg{width:20px;height:20px}.petrol-page-controls{display:flex;gap:20px;margin-bottom:30px;animation:fadeIn .8s ease}.petrol-page-filter-wrapper{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:10px;border:2px solid #e5e7eb}.petrol-page-filter-label{color:#1a1a1a;font-weight:500;font-size:.95rem;white-space:nowrap}.petrol-page-filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.petrol-page-filter-select:focus{outline:none;border-color:#004d99}.petrol-page-tabs{display:flex;gap:12px;margin-bottom:24px;animation:fadeIn 1s ease}.petrol-page-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-tab svg{width:20px;height:20px}.petrol-page-tab:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.petrol-page-tab-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.petrol-page-tab-active:hover{color:#fff}.petrol-page-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:30px;animation:fadeInUp 1s ease}.petrol-page-table{width:100%;border-collapse:collapse}.petrol-page-table thead{background:linear-gradient(135deg,#004d99,#036);color:#fff}.petrol-page-table th{padding:16px;text-align:left;font-weight:600;font-size:.95rem;white-space:nowrap}.petrol-page-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.petrol-page-table tbody tr:hover{background:#f9fafb}.petrol-page-table td{padding:16px;font-size:.95rem;color:#1a1a1a}.petrol-page-type-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;background:#004d991a;color:#004d99}.petrol-page-region-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;background:#10b9811a;color:#059669}.petrol-page-currency-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;background:#f59e0b1a;color:#d97706}.petrol-page-schedule-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;background:#f59e0b1a;color:#d97706}.petrol-page-price-cell{font-weight:500;color:#666}.petrol-page-price-highlight{font-weight:700;color:#004d99;font-size:1.05rem}.petrol-page-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.petrol-page-status-badge.petrol-page-status-active{background:#10b9811a;color:#059669}.petrol-page-status-badge.petrol-page-status-inactive{background:#6666661a;color:#666}.petrol-page-table-actions{display:flex;gap:8px}.petrol-page-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.petrol-page-action-btn svg{width:18px;height:18px}.petrol-page-edit-btn{background:#004d991a;color:#004d99}.petrol-page-edit-btn:hover{background:#004d99;color:#fff;transform:translateY(-2px)}.petrol-page-delete-btn{background:#ef44441a;color:#ef4444}.petrol-page-delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.petrol-page-no-data{text-align:center;padding:60px 20px;color:#666}.petrol-page-no-data-icon{width:48px;height:48px;color:#004d99;margin:0 auto 16px}.petrol-page-no-data p{font-size:1.1rem;margin:0;font-weight:500}.petrol-page-graph-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;animation:fadeInUp 1s ease}.petrol-page-graph-header{margin-bottom:30px}.petrol-page-graph-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.petrol-page-graph-subtitle{font-size:.95rem;color:#666;margin:0}.petrol-page-chart{display:flex;flex-direction:column}.petrol-page-custom-tooltip{background:#fff;border:2px solid #004d99;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026}.petrol-page-tooltip-label{font-size:.85rem;color:#666;margin:0 0 4px;font-weight:500}.petrol-page-tooltip-value{font-size:1.1rem;color:#004d99;margin:0;font-weight:700}.petrol-page-pagination{display:flex;justify-content:center;align-items:center;gap:12px;animation:fadeIn 1s ease}.petrol-page-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-pagination-btn:hover:not(:disabled){background:#004d99;color:#fff;border-color:#004d99;transform:translateY(-2px)}.petrol-page-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.petrol-page-pagination-btn svg{width:16px;height:16px}.petrol-page-pagination-numbers{display:flex;gap:8px}.petrol-page-pagination-number{width:40px;height:40px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-pagination-number:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.petrol-page-pagination-number.petrol-page-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.petrol-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;overflow-y:auto}.petrol-page-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;margin:auto}.petrol-page-modal-header{position:relative;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.petrol-page-modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.petrol-page-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#6666661a;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.petrol-page-modal-close:hover{background:#ef44441a;color:#ef4444}.petrol-page-modal-close svg{width:20px;height:20px}.petrol-page-modal-form{padding:24px;overflow-y:auto;flex:1}.petrol-page-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.petrol-page-form-group{margin-bottom:20px}.petrol-page-form-row .petrol-page-form-group{margin-bottom:0}.petrol-page-form-label{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.petrol-page-form-select,.petrol-page-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;transition:all .3s ease}.petrol-page-form-select{cursor:pointer}.petrol-page-form-input:disabled{background:#f9fafb;cursor:not-allowed;color:#666}.petrol-page-form-select:focus,.petrol-page-form-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.petrol-page-schedule-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.petrol-page-schedule-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.petrol-page-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.petrol-page-btn-cancel{flex:1;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-btn-cancel:hover{background:#f9fafb;border-color:#666;color:#1a1a1a}.petrol-page-btn-schedule{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-btn-schedule:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.petrol-page-btn-schedule svg{width:20px;height:20px}.petrol-page-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.petrol-page-btn-submit svg{width:20px;height:20px}.petrol-page-delete-modal{max-width:450px}.petrol-page-delete-modal .petrol-page-modal-header{text-align:center;padding:32px 24px 20px}.petrol-page-delete-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.petrol-page-delete-icon svg{width:32px;height:32px;color:#ef4444}.petrol-page-delete-content{padding:0 24px 24px;text-align:center}.petrol-page-delete-message{font-size:1.1rem;font-weight:500;color:#1a1a1a;margin:0 0 12px}.petrol-page-delete-warning{font-size:.95rem;color:#ef4444;margin:0 0 12px}.petrol-page-delete-info{font-size:.9rem;color:#666;margin:0}.petrol-page-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.petrol-page-btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.petrol-page-btn-delete svg{width:20px;height:20px}@media (max-width: 1024px){.petrol-page-controls{flex-wrap:wrap}.petrol-page-table-container{overflow-x:auto}}@media (max-width: 768px){.petrol-page-container{padding:20px}.petrol-page-header{flex-direction:column;align-items:flex-start;gap:20px}.petrol-page-add-btn{width:100%;justify-content:center}.petrol-page-title{font-size:1.75rem}.petrol-page-subtitle{font-size:.95rem}.petrol-page-tabs{width:100%;flex-wrap:wrap}.petrol-page-tab{flex:1 1 auto;justify-content:center;min-width:150px}.petrol-page-form-row{grid-template-columns:1fr}.petrol-page-pagination{flex-wrap:wrap}.petrol-page-pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}.petrol-page-modal-content{max-width:100%;max-height:90vh}}@media (max-width: 480px){.petrol-page-container{padding:15px}.petrol-page-title{font-size:1.5rem}.petrol-page-subtitle{font-size:.9rem}.petrol-page-controls{flex-direction:column}.petrol-page-filter-wrapper{width:100%;justify-content:space-between}.petrol-page-add-btn{padding:10px 20px;font-size:.95rem}.petrol-page-tabs{flex-direction:column}.petrol-page-tab{width:100%}.petrol-page-pagination-btn{padding:8px 14px;font-size:.9rem}.petrol-page-pagination-number{width:36px;height:36px;font-size:.9rem}.petrol-page-modal-title{font-size:1.3rem}.petrol-page-modal-form{padding:20px}.petrol-page-modal-actions{flex-direction:column;padding:16px 20px}.petrol-page-btn-cancel,.petrol-page-btn-schedule,.petrol-page-btn-submit,.petrol-page-btn-delete{width:100%}}.currency-page-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecef);padding:30px;font-family:Raleway,sans-serif}.currency-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;animation:fadeInDown .6s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.currency-page-header-content{flex:1}.currency-page-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.currency-page-subtitle{color:#666;font-size:1rem;margin:0;font-weight:400}.currency-page-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #004d994d}.currency-page-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #004d9966}.currency-page-add-btn svg{width:20px;height:20px}.currency-page-controls{display:flex;gap:20px;margin-bottom:30px;animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.currency-page-filter-wrapper{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:10px;border:2px solid #e5e7eb}.currency-page-filter-label{color:#1a1a1a;font-weight:500;font-size:.95rem;white-space:nowrap}.currency-page-filter-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .3s ease}.currency-page-filter-select:focus{outline:none;border-color:#004d99}.currency-page-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.currency-page-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.currency-page-stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.currency-page-stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.currency-page-stat-icon svg{width:28px;height:28px}.currency-page-stat-total{background:linear-gradient(135deg,#004d99,#036);color:#fff}.currency-page-stat-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.currency-page-stat-currencies{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.currency-page-stat-info{flex:1}.currency-page-stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1}.currency-page-stat-label{font-size:.9rem;color:#666;margin:0;font-weight:400}.currency-page-tabs{display:flex;gap:12px;margin-bottom:24px;animation:fadeIn 1s ease}.currency-page-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-tab svg{width:20px;height:20px}.currency-page-tab:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.currency-page-tab-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.currency-page-tab-active:hover{color:#fff}.currency-page-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:30px;animation:fadeInUp 1s ease}.currency-page-table{width:100%;border-collapse:collapse}.currency-page-table thead{background:linear-gradient(135deg,#004d99,#036);color:#fff}.currency-page-table th{padding:16px;text-align:left;font-weight:600;font-size:.95rem;white-space:nowrap}.currency-page-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.currency-page-table tbody tr:hover{background:#f9fafb}.currency-page-table td{padding:16px;font-size:.95rem;color:#1a1a1a}.currency-page-currency-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;background:#004d991a;color:#004d99}.currency-page-price-cell{font-weight:500;color:#666}.currency-page-buy-price{font-weight:700;color:#10b981;font-size:1.05rem}.currency-page-sell-price{font-weight:700;color:#004d99;font-size:1.05rem}.currency-page-spread-price{font-weight:700;color:#f59e0b;font-size:1.05rem}.currency-page-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize}.currency-page-status-badge.currency-page-status-active{background:#10b9811a;color:#059669}.currency-page-status-badge.currency-page-status-inactive{background:#6666661a;color:#666}.currency-page-schedule-status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:capitalize;background:#f59e0b1a;color:#d97706}.currency-page-table-actions{display:flex;gap:8px}.currency-page-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.currency-page-action-btn svg{width:18px;height:18px}.currency-page-edit-btn{background:#004d991a;color:#004d99}.currency-page-edit-btn:hover{background:#004d99;color:#fff;transform:translateY(-2px)}.currency-page-delete-btn{background:#ef44441a;color:#ef4444}.currency-page-delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.currency-page-no-data{text-align:center;padding:60px 20px;color:#666}.currency-page-no-data-icon{width:48px;height:48px;color:#004d99;margin:0 auto 16px}.currency-page-no-data p{font-size:1.1rem;margin:0;font-weight:500}.currency-page-graph-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;animation:fadeInUp 1s ease}.currency-page-graph-header{margin-bottom:30px}.currency-page-graph-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.currency-page-graph-subtitle{font-size:.95rem;color:#666;margin:0}.currency-page-chart{display:flex;flex-direction:column}.currency-page-custom-tooltip{background:#1a1a1af2;border:none;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026}.currency-page-tooltip-label{color:#fff;font-size:.85rem;font-weight:600;margin:0 0 6px;font-family:Raleway,sans-serif}.currency-page-tooltip-value{color:#10b981;font-size:1rem;font-weight:700;margin:0;font-family:Raleway,sans-serif}.currency-page-pagination{display:flex;justify-content:center;align-items:center;gap:12px;animation:fadeIn 1s ease}.currency-page-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#004d99;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-pagination-btn:hover:not(:disabled){background:#004d99;color:#fff;border-color:#004d99;transform:translateY(-2px)}.currency-page-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.currency-page-pagination-btn svg{width:16px;height:16px}.currency-page-pagination-numbers{display:flex;gap:8px}.currency-page-pagination-number{width:40px;height:40px;background:#fff;color:#1a1a1a;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-pagination-number:hover{border-color:#004d99;color:#004d99;transform:translateY(-2px)}.currency-page-pagination-number.currency-page-active{background:linear-gradient(135deg,#004d99,#036);color:#fff;border-color:#004d99}.currency-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;overflow-y:auto}.currency-page-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.currency-page-modal-header{position:relative;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.currency-page-modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.currency-page-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#6666661a;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.currency-page-modal-close:hover{background:#ef44441a;color:#ef4444}.currency-page-modal-close svg{width:20px;height:20px}.currency-page-modal-form{padding:24px;overflow-y:auto;flex:1}.currency-page-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.currency-page-form-group{margin-bottom:20px}.currency-page-form-row .currency-page-form-group{margin-bottom:0}.currency-page-form-label{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.currency-page-form-select,.currency-page-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#fff;transition:all .3s ease}.currency-page-form-select-edit{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Raleway,sans-serif;color:#1a1a1a;background:#e8ecef;transition:all .3s ease}.currency-page-form-select{cursor:pointer}.currency-page-form-input:disabled{background:#f9fafb;cursor:not-allowed;color:#666}.currency-page-form-select:focus,.currency-page-form-input:focus{outline:none;border-color:#004d99;box-shadow:0 0 0 3px #004d991a}.currency-page-schedule-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.currency-page-schedule-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.currency-page-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.currency-page-btn-cancel{flex:1;padding:12px 24px;background:#fff;color:#666;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-btn-cancel:hover{background:#f9fafb;border-color:#666;color:#1a1a1a}.currency-page-btn-schedule{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-btn-schedule:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.currency-page-btn-schedule svg{width:20px;height:20px}.currency-page-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#004d99,#036);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004d994d}.currency-page-btn-submit svg{width:20px;height:20px}.currency-page-delete-modal{max-width:450px}.currency-page-delete-modal .currency-page-modal-header{text-align:center;padding:32px 24px 20px}.currency-page-delete-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.currency-page-delete-icon svg{width:32px;height:32px;color:#ef4444}.currency-page-delete-content{padding:0 24px 24px;text-align:center}.currency-page-delete-message{font-size:1.1rem;font-weight:500;color:#1a1a1a;margin:0 0 12px}.currency-page-delete-warning{font-size:.95rem;color:#ef4444;margin:0 0 12px}.currency-page-delete-info{font-size:.9rem;color:#666;margin:0}.currency-page-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Raleway,sans-serif;cursor:pointer;transition:all .3s ease}.currency-page-btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.currency-page-btn-delete svg{width:20px;height:20px}@media (max-width: 1024px){.currency-page-controls{flex-wrap:wrap}.currency-page-table-container{overflow-x:auto}}@media (max-width: 768px){.currency-page-container{padding:20px}.currency-page-header{flex-direction:column;align-items:flex-start;gap:20px}.currency-page-add-btn{width:100%;justify-content:center}.currency-page-title{font-size:1.75rem}.currency-page-subtitle{font-size:.95rem}.currency-page-stats{grid-template-columns:1fr}.currency-page-stat-card{padding:20px}.currency-page-stat-value{font-size:1.75rem}.currency-page-tabs{width:100%}.currency-page-tab{flex:1;justify-content:center}.currency-page-form-row{grid-template-columns:1fr}.currency-page-pagination{flex-wrap:wrap}.currency-page-pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}.currency-page-modal-content{max-width:100%;max-height:90vh}}@media (max-width: 480px){.currency-page-container{padding:15px}.currency-page-title{font-size:1.5rem}.currency-page-subtitle{font-size:.9rem}.currency-page-controls{flex-direction:column}.currency-page-filter-wrapper{width:100%;justify-content:space-between}.currency-page-stat-card{padding:16px;gap:16px}.currency-page-stat-icon{width:44px;height:44px}.currency-page-stat-icon svg{width:24px;height:24px}.currency-page-stat-value{font-size:1.5rem}.currency-page-stat-label{font-size:.85rem}.currency-page-add-btn{padding:10px 20px;font-size:.95rem}.currency-page-tabs{flex-direction:column}.currency-page-pagination-btn{padding:8px 14px;font-size:.9rem}.currency-page-pagination-number{width:36px;height:36px;font-size:.9rem}.currency-page-modal-title{font-size:1.3rem}.currency-page-modal-form{padding:20px}.currency-page-modal-actions{flex-direction:column;padding:16px 20px}.currency-page-btn-cancel,.currency-page-btn-schedule,.currency-page-btn-submit,.currency-page-btn-delete{width:100%}}