*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0d;--bg-card:#111115;--bg-card-hover:#18181e;--border:#1e1e26;--border-bright:#2a2a38;--text:#f0f0f5;--text-muted:#88a;--text-dim:#55556a;--accent:#4f7df0;--accent-glow:rgba(79,125,240,.15);--accent-hover:#6b93f5;--green:#2de08a;--green-bg:rgba(45,224,138,.1);--red:#f05252;--red-bg:rgba(240,82,82,.1);--orange:#f0a040;--orange-bg:rgba(240,160,64,.1);--purple:#a060f0;--purple-bg:rgba(160,96,240,.1);--yellow:#f0d040;--yellow-bg:rgba(240,208,64,.1);--cyan:#40d0f0;--cyan-bg:rgba(64,208,240,.1);--sidebar-w:240px}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}::-webkit-scrollbar-track{background:transparent}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__logo{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.sidebar__logo .logo-title{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--text);text-transform:uppercase}.sidebar__logo .logo-sub{font-size:10px;color:var(--text-dim);margin-top:2px;letter-spacing:.04em;text-transform:uppercase}.sidebar__nav{flex:1;padding:12px 0}.sidebar__section-title{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:12px 20px 6px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s;border-left:2px solid transparent}.sidebar__link .nav-icon{font-size:16px;width:20px;text-align:center}.sidebar__link:hover{color:var(--text);background:#ffffff08;border-left-color:var(--border-bright)}.sidebar__link.active{color:var(--accent);background:var(--accent-glow);border-left-color:var(--accent)}.sidebar__footer{padding:16px 20px;border-top:1px solid var(--border)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:10}.topbar__title{font-size:15px;font-weight:600;color:var(--text)}.topbar__right{gap:16px}.topbar__right,.topbar__user{display:flex;align-items:center}.topbar__user{gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s}.topbar__user:hover{background:#ffffff0d}.topbar__user img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topbar__user span{font-size:13px;color:var(--text-muted)}.topbar__logout{font-size:12px;color:var(--text-dim);cursor:pointer;padding:5px 10px;border-radius:6px;border:1px solid var(--border);transition:all .15s}.topbar__logout:hover{color:var(--red);border-color:var(--red);background:var(--red-bg)}.sidebar__logout{font-size:11px;color:var(--text-dim);cursor:pointer;padding:5px 10px;border-radius:6px;border:1px solid transparent;background:none;transition:all .15s;opacity:.5}.sidebar__logout:hover{opacity:1;color:var(--red);border-color:var(--red);background:var(--red-bg)}.page-content{padding:24px 28px;flex:1}.page-header{margin-bottom:24px}.page-header h1{font-size:20px;font-weight:700;color:var(--text)}.page-header p{font-size:13px;color:var(--text-muted);margin-top:4px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}.card__title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}.stat-grid{display:grid;gap:14px}.stat-grid--2{grid-template-columns:repeat(2,1fr)}.stat-grid--3{grid-template-columns:repeat(3,1fr)}.stat-grid--4{grid-template-columns:repeat(4,1fr)}.stat-grid--5{grid-template-columns:repeat(5,1fr)}.stat-grid--6{grid-template-columns:repeat(6,1fr)}@media(max-width:1400px){.stat-grid--5,.stat-grid--6{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.stat-grid--3,.stat-grid--4,.stat-grid--5,.stat-grid--6{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.stat-grid--2,.stat-grid--3,.stat-grid--4,.stat-grid--5,.stat-grid--6{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.stat-card:hover{border-color:var(--border-bright)}.stat-card__label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.stat-card__value{font-size:26px;font-weight:700;color:var(--text);line-height:1}.stat-card__sub{font-size:12px;color:var(--text-muted)}.stat-card__change{font-size:12px;font-weight:500}.stat-card__change--up{color:var(--green)}.stat-card__change--down{color:var(--red)}.stat-card--accent{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-card) 60%,var(--accent-glow))}.stat-card--green{border-color:#2de08a40;background:linear-gradient(135deg,var(--bg-card) 60%,var(--green-bg))}.stat-card--red{border-color:#f0525240;background:linear-gradient(135deg,var(--bg-card) 60%,var(--red-bg))}.stat-card--orange{border-color:#f0a04040;background:linear-gradient(135deg,var(--bg-card) 60%,var(--orange-bg))}.stat-card--purple{border-color:#a060f040;background:linear-gradient(135deg,var(--bg-card) 60%,var(--purple-bg))}.stat-card--cyan{border-color:#40d0f040;background:linear-gradient(135deg,var(--bg-card) 60%,var(--cyan-bg))}.section-grid{display:grid;gap:16px;margin-top:20px}.section-grid--2{grid-template-columns:1fr 1fr}.section-grid--3-1{grid-template-columns:2fr 1fr}.section-grid--1-3{grid-template-columns:1fr 2fr}@media(max-width:1100px){.section-grid--1-3,.section-grid--2,.section-grid--3-1{grid-template-columns:1fr}}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{border-bottom:1px solid var(--border)}.data-table th{padding:8px 12px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.data-table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.03);transition:background .1s}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:10px 12px;color:var(--text-muted)}.data-table .td-primary{color:var(--text);font-weight:500}.data-table .td-amount{color:var(--green);font-weight:600;font-variant-numeric:tabular-nums}.data-table .td-accent{color:var(--accent)}.table-wrap{overflow-x:auto;max-height:400px;overflow-y:auto}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge--green{background:var(--green-bg);color:var(--green)}.badge--red{background:var(--red-bg);color:var(--red)}.badge--orange{background:var(--orange-bg);color:var(--orange)}.badge--accent{background:var(--accent-glow);color:var(--accent)}.badge--purple{background:var(--purple-bg);color:var(--purple)}.badge--cyan{background:var(--cyan-bg);color:var(--cyan)}.badge--yellow{background:var(--yellow-bg);color:var(--yellow)}.user-row{display:flex;align-items:center;gap:8px}.user-row img{-o-object-fit:cover;object-fit:cover}.user-row .avatar-placeholder,.user-row img{width:24px;height:24px;border-radius:50%;flex-shrink:0}.user-row .avatar-placeholder{background:var(--border-bright)}.user-row span{font-size:13px;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.loading-pulse .pulse{background:linear-gradient(90deg,var(--border) 25%,var(--border-bright) 50%,var(--border) 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:6px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.mini-chart{display:flex;align-items:flex-end;gap:2px;height:48px}.mini-chart .bar{flex:1;background:var(--accent);opacity:.6;border-radius:2px 2px 0 0;min-height:2px;transition:opacity .15s}.mini-chart .bar:hover{opacity:1}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 2s infinite;flex-shrink:0}.online-dot--orange{background:var(--orange);box-shadow:0 0 6px var(--orange)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(ellipse at 50% 50%,rgba(79,125,240,.04) 0,transparent 70%)}.login-card{text-align:center;padding:48px 40px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:400px;width:90%}.login-card__icon{font-size:40px;margin-bottom:16px}.login-card__title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.login-card__sub{font-size:13px;color:var(--text-muted);margin-bottom:32px;line-height:1.5}.login-card__btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border:none;padding:13px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.login-card__btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.login-card__btn:active{transform:translateY(0)}.login-card__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-card__error{margin-top:16px;font-size:12px;color:var(--red)}.gw-PAYPALYCH{color:#4f7df0}.gw-YOOMONEY{color:#a060f0}.gw-SKINPAY{color:#2de08a}.gw-LAVA{color:#f0a040}.gw-CARDLINK{color:#40d0f0}.hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;padding:0}.hamburger:hover{background:#ffffff0d}@media(max-width:768px){.hamburger{display:flex}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:8px 0 40px #000000b3}.sidebar-backdrop{position:fixed;inset:0;background:#000000a6;z-index:199;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.topbar{padding:0 14px}.topbar__title{font-size:13px}.topbar__right .gap-8>:first-child,.topbar__user span{display:none}.page-content{padding:14px}.page-header{margin-bottom:14px}.page-header h1{font-size:17px}.page-header p{font-size:12px}.card{padding:14px}.card__title{margin-bottom:12px}.stat-card{padding:12px 14px;gap:6px}.stat-card__value{font-size:21px}.stat-card__label{font-size:10px}.data-table{font-size:12px}.data-table th{padding:6px 8px;font-size:9px}.data-table td{padding:8px}.section-grid{margin-top:12px}.section-grid--1-3,.section-grid--2,.section-grid--3-1{grid-template-columns:1fr}.stat-grid--3,.stat-grid--4,.stat-grid--5,.stat-grid--6{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.stat-grid--2,.stat-grid--3,.stat-grid--4,.stat-grid--5,.stat-grid--6{grid-template-columns:1fr}}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-right{text-align:right}.font-mono{font-family:SF Mono,Fira Code,monospace}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}