*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page:#f9fafb;--color-bg-primary:#f4f5f7;--color-bg-left:#222;--color-bg-right:#fff;--color-text-primary:#222;--color-text-light:#555;--color-text-muted:#777;--color-text-accent:#0070bc;--color-text-error:#ff4d4d;--color-text-success:#2ecc71;--color-btn-primary:#222;--color-btn-primary-hover:#111;--color-btn-disabled:#555;--color-btn-success:#2ecc71;--color-btn-secondary:#ccc;--color-btn-secondary-hover:#bbb;--color-security-bg:#f5f5f5;--color-security-border:#ff622a;--font-family-base:"ApercuMono",monospace;--font-size-base:14px;--font-size-small:12px;--font-size-title:18px;--font-size-subtitle:32px;--font-size-h2:26px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:20px;--spacing-xl:40px;--radius-sm:4px;--radius-md:6px;--transition-fast:all 0.2s ease-in-out;--transition-medium:all 0.3s ease-in-out;--transition-slow:all 0.4s ease-in-out}body[data-theme=dark]{--color-bg-primary:#121212;--color-bg-left:#1e1e1e;--color-bg-right:#1a1a1a;--color-text-primary:#eaeaea;--color-text-light:#bbb;--color-text-muted:#888;--color-text-accent:#1e90ff;--color-text-error:#ff6b6b;--color-text-success:#2ecc71;--color-btn-primary:#333;--color-btn-primary-hover:#555;--color-btn-disabled:#666;--color-btn-success:#2ecc71;--color-btn-secondary:#444;--color-btn-secondary-hover:#555;--color-security-bg:#1f1f1f;--color-security-border:#ff5722}body{font-family:var(--font-family-base);background:var(--color-bg-primary);color:var(--color-text-primary);height:100vh;display:flex;transition:var(--transition-medium)}a{text-decoration:none;color:inherit}ul{list-style-type:disc;margin-left:var(--spacing-lg)}button{font-family:var(--font-family-base);border:none;cursor:pointer;transition:var(--transition-fast)}.text-accent{color:var(--color-text-accent)}.text-error{color:var(--color-text-error)}.text-success{color:var(--color-text-success)}.hidden{display:none}.sidebar,.top-navbar,body,body.admin-wrapper *{font-family:var(--font-family-base)!important;transition:background .35s ease,color .35s ease,box-shadow .35s ease}@media (max-width:1024px){.sidebar{transform:translateX(-280px);z-index:1000}.sidebar.open{transform:translateX(0);z-index:1200}.sidebar-nav li.has-submenu .submenu{padding-left:1rem}.sidebar-overlay{display:block;z-index:1100}}.top-navbar .profile-dropdown,.top-navbar .theme-toggle{cursor:pointer;font-size:1.25rem}@media (max-width:1024px){.top-navbar{left:0}.mobile-menu-btn{display:flex;padding:.55rem .65rem;border-radius:.65rem;background:var(--bg-card-accent)}}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.btn{padding:10px 18px;border-radius:6px;border:none;cursor:pointer;font-family:ApercuMono}.btn-primary{background:#007bff;color:#fff}.btn-danger{background:#ff4d4d;color:#fff}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th{background:#eee;padding:12px;text-align:left}.table td{padding:12px;border-bottom:1px solid #ddd}:root{--navbar-height:64px;--navbar-blur:14px;--font-family-base:"Inter",sans-serif}[data-theme=dark]{--btn-primary:#4eafff}body.admin-wrapper{font-family:var(--font-family-base);transition:background .35s ease,color .35s ease;color:var(--text-primary)}body.admin-wrapper *{font-family:var(--font-family-base);box-sizing:border-box}.card,.chart,.dashboard-content,.sidebar,.top-navbar,body{transition:background .35s ease,color .35s ease,box-shadow .35s ease}.sidebar{transition:transform .3s ease}.sidebar .sidebar-header{display:flex;align-items:center;gap:.6rem}.sidebar .sidebar-header .shell-title{color:var(--text-primary);font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{padding:.5rem!important}.sidebar-nav .nav-item{margin-bottom:.5rem}.sidebar-nav .nav-item,.sidebar-nav .nav-item:before{border-radius:4px!important}.sidebar-nav .nav-item i,.sidebar-nav .nav-item span{transition:color .3s ease}@media (max-width:1024px){.sidebar{transform:translateX(-280px)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block;z-index:1100}}.top-navbar{transition:background .35s ease,color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease;transition:background .35s ease,color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;transition:background .35s ease,color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease;color:var(--text-primary);overflow:hidden;flex-wrap:nowrap}.top-navbar .nav-center,.top-navbar .nav-left,.top-navbar .nav-right{gap:1rem;min-width:0}.top-navbar .nav-left{flex:1 1 auto;overflow:hidden;white-space:nowrap}.top-navbar .nav-center{flex:1 1 auto}.top-navbar .nav-right{flex:0 0 auto;justify-content:flex-end;flex-shrink:0;gap:.65rem;margin-left:auto}.top-navbar .shell-title{color:var(--text-secondary);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-navbar .search-input{transition:background .35s ease,color .35s ease,border .25s ease,box-shadow .25s ease,transform .25s ease}.mobile-menu-btn,.top-navbar .profile-dropdown,.top-navbar .theme-toggle{color:var(--text-primary);transition:color .35s ease,background .35s ease}.top-navbar .profile-dropdown{display:inline-flex;align-items:center;gap:.45rem;max-width:160px;overflow:hidden}.top-navbar .profile-dropdown .profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-navbar .theme-toggle{flex:0 0 auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--bg-card-accent)}.top-navbar .theme-toggle:hover{background:var(--bg-card-accent-hover)}.mobile-menu-btn{transition:color .35s ease,background .25s ease,transform .2s ease}@media (max-width:1024px){.top-navbar{left:0;right:0}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:.55rem .65rem;border-radius:.65rem;background:var(--bg-card-accent)}.mobile-menu-btn:hover{background:var(--bg-card-accent-hover);transform:translateY(-1px)}}@media (max-width:520px){.top-navbar .shell-title{display:none}.top-navbar .profile-dropdown{max-width:110px}}@media (max-width:400px){.top-navbar .profile-dropdown{display:none}}[data-theme=dark] .mobile-menu-btn,[data-theme=dark] .top-navbar,[data-theme=dark] .top-navbar .profile-dropdown,[data-theme=dark] .top-navbar .search-input,[data-theme=dark] .top-navbar .theme-toggle{color:var(--text-primary)}[data-theme=dark] .top-navbar .search-input{background:var(--bg-card-accent);border-color:var(--section-stroke)}[data-theme=dark] .top-navbar .search-input:focus{background:var(--bg-card)}.dashboard{margin-left:260px}@media (max-width:1024px){.dashboard{margin-left:0;padding:.75rem;padding-top:calc(var(--navbar-height) + .75rem)}}.dashboard-content{padding:2rem}@media (max-width:768px){.dashboard-content{padding:1rem;gap:1.5rem}}.dashboard-footer{margin-top:auto;padding:1rem 1.25rem;text-align:center;color:var(--text-secondary);background:var(--bg-card);border-top:1px solid var(--section-stroke);box-shadow:0 -1px 10px var(--card-shadow)}@media (max-width:768px){.dashboard-footer{padding:.9rem 1rem;font-size:.95rem}}.sidebar-overlay{display:none}:root{--bg-page:#f5f6fa;--bg-card:#fff;--bg-card-accent:#e5e7eb;--bg-card-accent-hover:#d1d5db;--text-primary:#1f2937;--text-secondary:#6b7280;--btn-primary:#4eafff;--section-stroke:#e5e7eb;--card-shadow:rgba(0,0,0,.08)}[data-theme=dark]{--bg-page:#121212;--bg-card:#1e1e1e;--bg-card-accent:#2a2a2a;--bg-card-accent-hover:#333;--text-primary:#f5f5f5;--text-secondary:#b5b5b5;--section-stroke:#333;--card-shadow:rgba(0,0,0,.35)}body.admin-wrapper{display:flex;min-height:100vh;overflow-x:hidden;font-family:var(--font-family-base)!important;transition:all .3s ease;background:var(--bg-page)}.card,.chart,.dashboard-content,.sidebar,.top-navbar,body,body.admin-wrapper *{font-family:var(--font-family-base)!important;transition:background .35s ease,color .35s ease,box-shadow .35s ease}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--bg-card);box-shadow:2px 0 12px var(--card-shadow);z-index:1000;transform:translateX(0);transition:transform .3s ease,z-index 0s linear .3s;display:flex;flex-direction:column}.sidebar .sidebar-header{padding:1.5rem;font-weight:700;font-size:1.25rem;color:var(--text-primary)}.sidebar-nav{list-style:none;padding:0;margin:0;flex:1 1;overflow-y:auto}.sidebar-nav li{margin:0}.sidebar-nav .nav-item{position:relative;display:flex;align-items:center;padding:.85rem 1.25rem;font-weight:500;cursor:pointer;color:var(--text-secondary);overflow:hidden;border-radius:.65rem;background:var(--bg-card);transition:color .3s ease}.sidebar-nav .nav-item:before{content:"";position:absolute;inset:0;background-color:var(--bg-card-accent);transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:0;border-radius:.65rem}.sidebar-nav .nav-item:hover:before,.sidebar-nav li.active .nav-item:before{transform:translateX(0)}.sidebar-nav .nav-item:hover,.sidebar-nav li.active .nav-item{background:var(--bg-card-accent);color:var(--text-primary)}.sidebar-nav .nav-item i,.sidebar-nav .nav-item span{position:relative;z-index:1}.sidebar-nav .nav-item i{margin-right:.75rem;font-size:1.15rem}.sidebar-nav li.has-submenu .submenu{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:1.5rem;flex-direction:column;display:flex;gap:.25rem;background:var(--bg-card)}.sidebar-nav li.has-submenu.open .submenu{max-height:500px}@media (max-width:1024px){.sidebar{transform:translateX(-280px)}.sidebar.open{transform:translateX(0);z-index:1200}.sidebar-nav li.has-submenu .submenu{padding-left:1rem}.sidebar-overlay{display:block;z-index:1100}}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1090}.sidebar-overlay.visible{opacity:1;pointer-events:all}.dashboard{flex:1 1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease;width:100%;box-sizing:border-box;padding-top:var(--navbar-height)}@media (max-width:1024px){.dashboard{padding:0;padding-top:calc(var(--navbar-height) + .75rem)}}.dashboard-content{padding:.5rem;padding-top:calc(var(--navbar-height) + 1.5rem);display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}@media (max-width:768px){.dashboard-content{padding:0;gap:1.5rem}}.top-navbar{position:fixed;top:0;left:260px;right:0;z-index:1100;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:1rem;background:var(--bg-card);box-shadow:0 2px 8px var(--card-shadow);transition:background .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.top-navbar.scrolled{background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(var(--navbar-blur)) saturate(160%);backdrop-filter:blur(var(--navbar-blur)) saturate(160%)}[data-theme=dark] .top-navbar.scrolled{background:hsla(0,0%,8%,.7)}.top-navbar .nav-center,.top-navbar .nav-left,.top-navbar .nav-right{display:flex;align-items:center;gap:.75rem}.top-navbar .nav-center{flex:1 1;justify-content:center}.top-navbar .search-input{width:100%;max-width:420px;padding:.6rem .75rem;border-radius:.6rem;border:1px solid var(--section-stroke);background:var(--bg-card-accent);color:var(--text-primary);box-shadow:0 2px 6px rgba(0,0,0,.08);transition:border .25s,background .25s,box-shadow .25s,transform .25s}.top-navbar .search-input::placeholder{color:var(--text-secondary)}.top-navbar .search-input:focus{outline:none;border-color:var(--btn-primary);background:var(--bg-card);box-shadow:0 6px 20px rgba(0,0,0,.12);transform:scale(1.02)}.top-navbar .profile-dropdown{font-weight:600;cursor:pointer;white-space:nowrap}.top-navbar .theme-toggle{font-size:1.25rem}.mobile-menu-btn,.top-navbar .theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu-btn{display:none;font-size:1.5rem}@media (max-width:1024px){.top-navbar{left:0;right:0}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:.55rem .65rem;border-radius:.65rem;background:var(--bg-card-accent);transition:background .2s ease,transform .15s ease}.mobile-menu-btn:hover{background:var(--bg-card-accent-hover);transform:translateY(-1px)}}@media (max-width:768px){.top-navbar{height:auto;min-height:76px;padding:.85rem 1rem}.top-navbar .nav-center{display:none}}.summary-cards .card{position:relative;background:linear-gradient(135deg,#4a90e2,#3578e5);background-size:400% 400%;color:#fff;border-radius:4px;box-shadow:0 12px 28px rgba(53,120,229,.35);padding:1.25rem 1.5rem;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;overflow:hidden;transition:transform .3s,box-shadow .3s,background .3s;animation:cardFadeInUp .6s ease forwards;animation-delay:.1s}.summary-cards .card:after{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:hsla(0,0%,100%,.05);transform:rotate(45deg)}.summary-cards .card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(53,120,229,.45)}.summary-cards .card h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.summary-cards .card .card-number{font-size:1.75rem;font-weight:700}.summary-cards .card .card-sub{font-size:.9rem;opacity:.85}.summary-cards .card .card-icon{font-size:2rem;opacity:.8}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.activity-status,.charts-pie,.charts-time-series,.quick-actions,.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem;width:100%;box-sizing:border-box}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;width:max-content;padding:1rem;border:1px solid rgba(0,0,0,.08);border-radius:.85rem;background:var(--bg-card);box-shadow:0 6px 16px rgba(0,0,0,.04);box-sizing:border-box}.quick-actions .button.quick{flex:0 0 auto;width:180px;max-width:200px;min-width:140px;padding:.65rem 1rem;font-size:.95rem;font-weight:600;text-align:center;color:var(--text-primary);background:var(--bg-card-accent);border:1px solid rgba(0,0,0,.08);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.08);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .3s ease,border .3s ease}.quick-actions .button.quick:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12);background:var(--bg-card-accent-hover);border-color:rgba(0,0,0,.12)}@media (max-width:1024px){.quick-actions{width:100%;padding:.75rem}.quick-actions .button.quick{flex-grow:1;flex-shrink:1;flex-basis:calc(33.33% - 0.75rem);max-width:none}}@media (max-width:768px){.quick-actions{padding:.5rem}.quick-actions .button.quick{flex:1 1 100%}}.charts-pie .chart,.charts-time-series .chart{background:var(--bg-card);padding:1.5rem 1rem;border-radius:.85rem;box-shadow:0 6px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:300px}.charts-pie .chart h3,.charts-time-series .chart h3{font-size:1.15rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);text-align:center}.charts-pie .chart canvas,.charts-time-series .chart canvas{width:100%!important;max-height:220px!important;margin-bottom:1rem}.charts-pie .chart .chartjs-legend,.charts-time-series .chart .chartjs-legend{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem;margin-top:.75rem;font-size:.85rem}.activity-status .recent-activity.card{background:var(--bg-card);color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 1.25rem;border-radius:.85rem;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:background .35s ease,color .35s ease}.activity-status .recent-activity.card .card-title{margin-bottom:.75rem;font-size:1.25rem}.activity-feed{display:flex;flex-direction:column;gap:.75rem;max-height:360px;overflow-y:auto;padding-right:.25rem}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-thumb{background:var(--section-stroke);border-radius:3px}.activity-feed::-webkit-scrollbar-track{background:transparent}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:.65rem;transition:background .25s ease;cursor:default}.activity-item:hover{background:var(--bg-card-accent-hover)}.activity-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-primary);background:var(--bg-card-accent)}.activity-icon.new-user{background:#4caf50;color:#fff}.activity-icon.edit{background:#ffa726;color:#fff}.activity-icon.payment{background:#29b6f6;color:#fff}.activity-icon.partner{background:#ab47bc;color:#fff}.activity-icon.settings-action{background:#ff7043;color:#fff}.activity-content p{margin:0;font-size:.92rem;color:var(--text-primary)}.activity-content .highlight{font-weight:600;color:var(--btn-primary)}.activity-time{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px}.activity-status .recent-activity .view-all{align-self:flex-start;flex:0 0 auto;width:180px;max-width:200px;min-width:140px;margin-top:.75rem;padding:.65rem 1rem;border-radius:4px;border:none;background:var(--btn-primary);color:#fff;font-weight:600;cursor:pointer;transition:background .25s ease,transform .2s ease}.activity-status .recent-activity .view-all:hover{background:#3b94d6;transform:translateY(-1px)}@media (max-width:768px){.activity-status .recent-activity .view-all{width:100%;max-width:100%}.activity-status .recent-activity.card{padding:1rem;gap:.85rem}}.system-status.card{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;padding:1.75rem 2rem;border-radius:1rem;box-shadow:0 16px 36px rgba(76,175,80,.35);min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:.75rem;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.system-status.card:after{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:hsla(0,0%,100%,.06);transform:rotate(45deg);pointer-events:none}.system-status.card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(76,175,80,.45)}.system-status-upgraded{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.system-status-upgraded .status-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.45rem 0;font-size:.95rem;line-height:1.4;color:hsla(0,0%,100%,.9)}.system-status-upgraded .status-row span:first-child{font-weight:500;opacity:.9}.system-status-upgraded .status-row:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.12)}.system-status-upgraded .status-load{grid-column:1/-1;height:6px;border-radius:999px;background:hsla(0,0%,100%,.25);overflow:hidden;margin-top:.35rem}.system-status-upgraded .status-load .progress{height:100%;border-radius:999px;background:linear-gradient(90deg,#a5d6a7,#66bb6a);transition:width .4s ease}.status-badge{padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.status-badge.success{background:#1b5e20}.status-badge.warning{background:#f57f17}.status-badge.info{background:#0288d1}.dashboard-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--section-stroke);background:var(--bg-card-accent);border-radius:.85rem;box-sizing:border-box}.dashboard-section .section-title{font-size:1.45rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.dashboard-section .section-subtext{font-size:.95rem;color:var(--text-secondary);line-height:1.4;margin-bottom:1rem}@media (max-width:1024px){.system-status.card{padding:1.5rem;min-height:160px}}@media (max-width:768px){.system-status.card{padding:1.25rem 1rem;min-height:140px}}