#root,body,html{background:#f7f8fa;font-family:Inter,Segoe UI,Arial,sans-serif;height:100%;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:linear-gradient(135deg,#181c2f 70%,#23263a);bottom:0;box-shadow:2px 0 16px 0 #181c2f1f;height:100vh;left:0;min-width:290px;overflow-y:auto;padding-top:40px;position:fixed;scrollbar-width:none;top:0;transition:width .2s;width:290px;z-index:100}.sidebar:focus-within,.sidebar:hover{overflow-y:auto;scrollbar-width:thin}.sidebar::-webkit-scrollbar{background:#0000;width:0}.sidebar:focus-within::-webkit-scrollbar,.sidebar:hover::-webkit-scrollbar{background:#222;width:8px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8f5fff,#5f8fff);-webkit-background-clip:text;background-clip:text;color:#8f5fff;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:40px;text-align:center}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin:18px 0}.sidebar a{align-items:center;border-radius:10px;box-shadow:none;color:#fff;display:flex;font-size:.98rem;font-weight:500;padding:12px 28px;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s}.sidebar a.active,.sidebar a:hover{background:#2d325a;box-shadow:0 2px 8px #8f5fff14;color:#8f5fff}.sidebar-parent{align-items:center;border-radius:10px;box-shadow:none;color:#fff;display:flex;font-size:.98rem;font-weight:600;margin-bottom:2px;padding:12px 28px;position:relative;transition:background .18s,color .18s,box-shadow .18s}.sidebar-parent.active,.sidebar-parent:hover{background:#23263a;box-shadow:0 2px 8px #8f5fff1a;color:#8f5fff;font-weight:700}.sidebar-submenu{background:#23263a;border-radius:10px;box-shadow:0 2px 8px #181c2f14;font-size:.98rem;list-style:none;margin:6px 0 6px 12px;overflow:hidden;padding-left:0;transition:all .2s}.sidebar-submenu li{margin:0}.sidebar-submenu .active{background:linear-gradient(90deg,#8f5fff,#5f8fff);border-radius:20px;box-shadow:0 2px 8px #8f5fff1a;color:#fff;font-weight:600;margin:4px 0;padding-left:20px}.sidebar-submenu a{border-radius:20px;color:#c7c9d9;font-size:.92rem;margin:2px 0;padding:8px 24px;transition:background .16s,color .16s}.sidebar-submenu a.active,.sidebar-submenu a:hover{background:#8f5fff;color:#fff}.sidebar-icon{align-items:center;display:flex;font-size:1.25em;margin-right:12px;transition:color .18s,text-shadow .18s}.sidebar a.active .sidebar-icon,.sidebar-parent.active .sidebar-icon,.sidebar-parent:hover .sidebar-icon{color:#8f5fff;text-shadow:0 0 8px #8f5fff44}.sidebar-parent span:last-child{color:#8f5fff;font-size:1.1em;margin-left:auto;transition:transform .18s}.sidebar-submenu{max-height:500px;opacity:1;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .18s}.sidebar-submenu[hidden]{max-height:0;opacity:0;pointer-events:none}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #fff3;height:80px;justify-content:space-between;position:relative;z-index:100}.sticky-header{left:0;position:sticky;right:0;top:0;z-index:100}.header-col{align-items:center;display:flex}.header-col-left{flex:1 1;justify-content:flex-start}.header-col-center{flex:2 1;justify-content:center;min-width:0}.header-col-right{flex:1 1;justify-content:flex-end}.logo-area{align-items:center;display:flex;gap:10px}.logo-icon{filter:drop-shadow(0 2px 4px rgba(102,126,234,.08));font-size:2rem}.logo-text{color:#667eea;font-size:1.35rem}.welcome-center-group{gap:32px;width:100%}.welcome-center-group,.welcome-section{align-items:center;display:flex;justify-content:center}.welcome-section{flex-direction:column;gap:0}.welcome-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0;white-space:nowrap}.dashboard-date{align-items:center;background:#fffc;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;white-space:nowrap}.date-icon{font-size:16px}.icon{cursor:pointer;font-size:1.3rem}.user-menu-wrapper{display:inline-block;position:relative}.user-icon{align-items:center;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px #667eea14;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;margin-left:12px;padding:8px;transition:background-color .3s ease,box-shadow .3s}.user-icon.improved-user-icon{background:linear-gradient(135deg,#f3f4f6 60%,#e0e7ff);color:#667eea;font-size:1.6rem}.user-icon:focus,.user-icon:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 16px #667eea1f;outline:none}.user-popup-menu{animation:fadeIn .25s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;min-width:140px;padding:8px 0;position:absolute;right:0;top:44px;z-index:200}.user-popup-menu button{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 18px;text-align:left;transition:all .3s ease}.user-popup-menu button:focus,.user-popup-menu button:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#667eea;outline:none}@media (max-width:1024px){.welcome-center-group{gap:16px}}@media (max-width:768px){.header{align-items:center;flex-direction:row;gap:0;height:auto;padding:16px 10px}.header-col-center,.header-col-left,.header-col-right{flex:1 1;min-width:0}.welcome-center-group{align-items:center;flex-direction:column;gap:8px}.welcome-section h1{font-size:15px}.dashboard-date{font-size:12px;padding:6px 10px}}@media (max-width:480px){.header{padding:8px 2px}.logo-text{font-size:1.1rem}.welcome-section h1{font-size:12px}.dashboard-date{display:none}}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:#181c2f;color:#fff;display:flex;flex-direction:column;margin-top:auto;min-width:260px;width:260px}.main-content{background:#f7f8fa;display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:260px;overflow:hidden;position:relative}.header{align-items:center;background:#fff;box-shadow:0 2px 8px #00000008;display:flex;height:60px;justify-content:flex-end;padding:0 24px;position:sticky;top:0;z-index:101}.dynamic-content{flex:1 1;height:calc(100vh - 60px);overflow-y:auto;padding:24px 0}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.dashboard-loading p{color:#6b7280;font-size:16px;margin:0}.dashboard-error{align-items:center;color:#dc2626;display:flex;font-size:16px;gap:12px;height:60vh;justify-content:center}.analytics-grid{margin-bottom:40px}.management-sections{gap:24px;margin-bottom:40px}.management-sections,.stats-grid{display:flex;flex-direction:column}.stats-grid{gap:32px;margin-bottom:32px}.stats-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:24px;transition:all .3s ease}.stats-section:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.section-title{color:#374151;font-size:20px;font-weight:600;gap:12px;margin:0 0 24px}.section-header,.section-title{align-items:center;display:flex}.section-header{justify-content:space-between;margin-bottom:24px}.section-header .section-title{margin:0}.section-action{background:#667eea1a;border-radius:8px;color:#667eea;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.section-action:hover{background:#667eea33;color:#5a67d8;transform:translateY(-1px)}.section-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px}.stats-cards{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.stats-cards .stat-card{flex:1 1;min-width:200px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff6;border-radius:16px;display:flex;gap:16px;min-height:120px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.stat-card.large{grid-column:span 2}@media (max-width:1200px){.stat-card.large{grid-column:span 1}}.stat-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));flex-shrink:0;font-size:36px}.stat-content{flex:1 1}.stat-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#111827;font-size:36px;line-height:1;margin:0 0 4px}.stat-change{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.stat-change.positive{background:#22c55e1a;color:#16a34a}.stat-change.negative{background:#ef44441a;color:#dc2626}.stat-change.neutral{background:#6b72801a;color:#6b7280}.stat-change.warning{background:#f59e0b1a;color:#d97706}.stat-card.primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.secondary:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.stat-card.tertiary:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.stat-card.success:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.stat-card.warning:before{background:linear-gradient(90deg,#fa709a,#fee140)}.stat-card.pending:before{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.stat-card.approved:before{background:linear-gradient(90deg,#a8edea,#fed6e3)}.stat-card.rejected:before{background:linear-gradient(90deg,#ff9a9e,#fecfef)}.stat-card.danger:before{background:linear-gradient(90deg,#ff6b6b,#ee5a52)}.stat-card.info:before{background:linear-gradient(90deg,#74b9ff,#0984e3)}.charts-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.chart-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.chart-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.chart-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.overview-stats{grid-gap:20px;align-content:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);height:250px}.overview-item{align-items:center;background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #ffffff4d;border-radius:12px;display:flex;flex-direction:column;padding:16px;text-align:center;transition:all .3s ease}.overview-item:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.overview-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.overview-value{color:#111827;font-size:24px;font-weight:700;line-height:1}.summary-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.summary-card{align-items:center;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:20px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:6px;left:0;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 16px 32px #00000026;transform:translateY(-4px)}.summary-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));flex-shrink:0;font-size:48px}.summary-content{flex:1 1}.summary-content h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.summary-value{color:#111827;font-size:36px;font-weight:700;line-height:1;margin:0 0 4px}.summary-description{color:#6b7280;font-size:14px;margin:0}.summary-card.total-content:before{background:linear-gradient(90deg,#667eea,#764ba2)}.summary-card.total-categories:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.summary-card.platform-health:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-container{animation:fadeIn .6s ease-out}.stats-section,.summary-card{animation:slideUp .6s ease-out}@media (max-width:768px){.dashboard-container{padding:16px}.stats-section{padding:20px}.stats-cards{gap:16px;grid-template-columns:1fr}.stat-card.large{grid-column:span 1}.charts-grid{gap:16px;grid-template-columns:1fr}.overview-stats{height:auto}.overview-stats,.summary-section{grid-template-columns:1fr}.summary-card{padding:20px}.summary-icon{font-size:32px}.summary-value{font-size:24px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-action{align-self:flex-end}}@media (max-width:480px){.stat-card{padding:20px}.stat-icon,.stat-value{font-size:24px}.chart-card{padding:16px}.overview-stats{grid-template-columns:1fr}}.add-banner-bg{align-items:center;background:#f7f8fa;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-left:0;padding-top:2px}.main-content-title{font-size:1.7rem;font-weight:800;letter-spacing:.5px;margin-top:4px;padding-left:0;padding-right:0;padding-top:0;text-align:left}.add-banner-card,.main-content-title{box-sizing:border-box;margin-bottom:32px;max-width:1200px;width:100%}.add-banner-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000012;display:flex;flex-direction:column;gap:18px;min-width:0;overflow-x:auto;padding:36px 0 32px}.add-banner-card-inner{padding-left:40px;padding-right:40px}@media (max-width:600px){.add-banner-card-inner{padding-left:12px;padding-right:12px}}@media (max-width:1300px){.add-banner-card,.main-content-title{max-width:98vw}}@media (max-width:900px){.add-banner-card,.main-content-title{max-width:100vw;padding-left:8px;padding-right:8px}.add-banner-card{padding-left:0;padding-right:0}}.add-banner-btn{background:#8f5fff;border:none;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:1.05rem;font-weight:700;letter-spacing:.5px;margin-top:16px;outline:none;padding:12px 36px;text-transform:none;transition:background .2s}.add-banner-btn:focus,.add-banner-btn:hover{background:#6c3fe2}.add-banner-form label{color:#222;display:flex;flex-direction:column;font-size:1rem;font-weight:500;gap:6px;margin-bottom:18px}.add-banner-form input[type=number],.add-banner-form input[type=text],.add-banner-form select,.add-banner-form textarea{background:#fafbfc;border:1.2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1.05rem;margin-top:8px;padding:12px 14px;transition:border .2s;width:100%}.add-banner-form input[type=number]:focus,.add-banner-form input[type=text]:focus,.add-banner-form select:focus,.add-banner-form textarea:focus{border:1.5px solid #8f5fff;outline:none}.add-banner-message{color:#8f5fff;font-size:1rem;margin-top:12px;text-align:center}.main-table{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.main-table td,.main-table th{padding:12px 8px;text-align:left}.main-table th{background:#f7f8fa;font-weight:700}.main-table tr{border-bottom:1px solid #f0f0f0}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-background{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");z-index:1}.login-background,.login-background-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.login-background-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000001a,inset 0 1px 0 #fffc;max-width:420px;padding:48px;position:relative;width:100%;z-index:2}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:40px;text-align:center}.login-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.login-subtitle{color:#6b7280;font-size:16px;font-weight:500;margin:0}.demo-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:8px 16px}.demo-icon{font-size:14px}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.form-input,.label-icon{font-size:16px}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7eb;border-radius:12px;padding:16px 20px;transition:all .3s ease}.form-input:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#9ca3af}.error-message{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon,.login-button{font-size:16px}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button.loading{background:linear-gradient(135deg,#6b7280,#4b5563)}.button-icon{font-size:18px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px;text-align:center}.footer-text{color:#6b7280;font-size:14px;line-height:1.5;margin:0}@media (max-width:480px){.login-card{margin:16px;padding:32px 24px}.logo-icon,.logo-text{font-size:28px}.form-input{padding:14px 16px}.login-button{padding:14px 20px}}@media (prefers-color-scheme:dark){.login-card{background:#111827f2;border:1px solid #ffffff1a}.form-input{background:#1f2937cc;border-color:#374151;color:#fff}.form-input:focus{background:#1f2937f2;border-color:#667eea}.form-label{color:#d1d5db}.footer-text{color:#9ca3af}.login-footer{border-top-color:#374151}}.profile-bg{align-items:flex-start;background:#f7f8fa;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-left:0;padding-top:24px}.profile-title{font-size:1.45rem;font-weight:800;letter-spacing:.5px;margin-bottom:18px;margin-top:0;padding-left:40px;padding-right:0;text-align:left;width:100%}.profile-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000012;display:flex;flex-direction:column;gap:18px;max-width:none;min-width:0;padding:36px 40px 32px;width:100%}.dynamic-content{padding-left:32px;padding-right:32px}.profile-row{margin-bottom:18px}.profile-row,.profile-row label{display:flex;flex-direction:column}.profile-row label{color:#222;font-size:1rem;font-weight:500;gap:6px}.profile-row input{background:#fafbfc;border:1.2px solid #e5e7eb;border-radius:8px;font-size:1.05rem;margin-top:4px;padding:12px 14px;transition:border .2s}.profile-row input:focus{border:1.5px solid #8f5fff;outline:none}.profile-btn{align-self:flex-start;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:12px 0;transition:background .2s;width:180px}.profile-btn,.profile-btn.save{background:#8f5fff}.profile-btn.cancel{background:#e5e7eb;color:#222;margin-left:12px}.profile-btn:hover{background:#6c3fe2;color:#fff}.profile-btn.cancel:hover{background:#d1d5db;color:#222}.profile-btn-row{display:flex;gap:12px}.ad-expiration-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem}.loading{color:#666;font-size:1.2rem;padding:50px;text-align:center}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:15px}.status-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:25px}.status-card h3{border-bottom:2px solid #007bff;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.status-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.status-item{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.status-item .label{color:#555;font-weight:600}.status-item .value{border-radius:20px;font-size:.9rem;font-weight:700;padding:4px 12px}.status-item .value.running{background:#d4edda;color:#155724}.status-item .value.stopped{background:#f8d7da;color:#721c24}.status-actions{display:flex;flex-wrap:wrap;gap:15px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.stat-card h3{color:#666;font-size:1.1rem;font-weight:600;margin-bottom:15px}.stat-value{color:#333;font-size:2.5rem;font-weight:700}.stat-value.active{color:#28a745}.stat-value.expired{color:#dc3545}.stat-value.warning{color:#ffc107}.action-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:25px}.action-card h3{border-bottom:2px solid #28a745;color:#333;font-size:1.5rem;margin-bottom:15px;padding-bottom:10px}.action-card p{color:#666;line-height:1.6;margin-bottom:20px}.extend-form{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#555;font-weight:600;margin-bottom:8px}.form-control{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .2s ease}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#1e7e34;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.result-message{border-radius:8px;font-weight:500;margin-top:15px;padding:15px}.result-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.result-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.extend-details{background:#ffffff80;border-left:4px solid #28a745;border-radius:6px;margin-top:15px;padding:15px}.extend-details p{color:#155724;margin:8px 0}.info-card{background:#fff;border:1px solid #e1e5e9;border-left:4px solid #17a2b8;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.info-card h3{color:#333;font-size:1.5rem;margin-bottom:20px}.info-card ul{list-style:none;padding:0}.info-card li{border-bottom:1px solid #f0f0f0;color:#555;line-height:1.6;padding:12px 0}.info-card li:last-child{border-bottom:none}.info-card li strong{color:#333}.info-card code{background:#f8f9fa;border-radius:4px;color:#e83e8c;font-family:Courier New,monospace;padding:2px 6px}@media (max-width:768px){.ad-expiration-container{padding:15px}.page-header h1{font-size:2rem}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:2rem}.extend-form{gap:15px;grid-template-columns:1fr}.status-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.status-info{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px 15px}.stat-value{font-size:1.8rem}}.transactions-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.transactions-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}.transactions-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.transactions-loading p{color:#6b7280;font-size:16px;margin:0}.transactions-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;font-size:16px;gap:16px;height:60vh;justify-content:center}.error-icon{font-size:24px}.retry-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.retry-button:hover{background:#5a67d8}.transactions-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:24px}.transactions-header h1{color:#374151;font-size:28px;font-weight:700;margin:0 0 8px}.transactions-header p{color:#6b7280;font-size:16px;margin:0}.transactions-filters{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.search-form{display:flex;flex:1 1;gap:8px;min-width:300px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background .2s ease}.search-button:hover{background:#5a67d8}.filter-group{align-items:center;display:flex;gap:8px}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.status-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.transactions-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;overflow-x:auto;padding:24px}.transactions-table{border-collapse:collapse;font-size:14px;width:100%}.transactions-table th{background:#667eea1a;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.transactions-table td{border-bottom:1px solid #f3f4f6;padding:16px 12px;vertical-align:middle}.transaction-row:hover{background:#667eea0d}.order-id{color:#667eea;font-weight:500}.order-id,.user-id{font-family:Monaco,Menlo,monospace;font-size:13px}.user-id{color:#6b7280}.user-id-link{color:#667eea;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.user-id-link:hover{color:#5a67d8;text-decoration:underline}.package-name{color:#374151;font-weight:500}.amount{color:#059669;font-family:Monaco,Menlo,monospace;font-weight:600}.gateway{color:#374151;font-weight:500;text-transform:capitalize}.payment-id{font-family:Monaco,Menlo,monospace}.date,.payment-id{color:#6b7280;font-size:13px}.status-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-pending{background:#f59e0b1a;color:#d97706}.status-success{background:#22c55e1a;color:#059669}.status-failed{background:#ef44441a;color:#dc2626}.status-cancelled{background:#6b72801a;color:#6b7280}.action-buttons{display:flex;gap:8px}.download-button,.view-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px;transition:background .2s ease}.view-button:hover{background:#667eea1a}.download-button:hover{background:#22c55e1a}.no-data{padding:60px 20px;text-align:center}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:12px}.no-data-icon{font-size:48px;opacity:.5}.no-data-content p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.no-data-content small{color:#9ca3af;font-size:14px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin:24px 0}.pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:4px}.page-number{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.page-number:hover{background:#f9fafb;border-color:#9ca3af}.page-number.active{background:#667eea;border-color:#667eea;color:#fff}.transactions-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px;text-align:center}.summary-card h3{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-card p{color:#374151;font-size:24px;font-weight:700;margin:0}@media (max-width:768px){.transactions-filters{align-items:stretch;flex-direction:column}.search-form{min-width:auto}.transactions-table-container{padding:16px}.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.transactions-summary{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d5de08ad.css.map*/