:root{--teal:#008b8b;--teal-light:#61e0d5;--bg:#080b10;--panel:#11171c;--panel2:#162127;--line:#ffffff12;--muted:#92a3a8;--text:#f4ffff}.client-page{min-height:100vh;margin:0;background:radial-gradient(circle at 70% -10%,#123b42 0,#080b10 42%);color:var(--text);font-family:Inter,system-ui,sans-serif}.client-shell{width:min(1240px,calc(100% - 34px));margin:auto}.client-topbar{display:flex;align-items:center;justify-content:space-between;height:76px;border-bottom:1px solid var(--line)}.client-brand{display:flex;align-items:center;gap:10px;color:#fff}.client-brand img{width:36px;height:36px;object-fit:contain}.client-topbar nav{display:flex;align-items:center;gap:22px}.client-topbar nav a,.client-topbar nav button{border:0;background:none;color:#9eafb4;font-size:11px}.client-topbar nav a:hover,.client-topbar nav button:hover{color:#fff}.client-layout{display:grid;grid-template-columns:220px 1fr;gap:35px;padding:34px 0 70px}.client-sidebar{display:flex;min-height:650px;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:15px;background:#10171c}.client-profile-mini{padding:10px 7px 22px;border-bottom:1px solid var(--line);text-align:center}.skin-face{display:grid;place-items:center;overflow:hidden;border:1px solid #62dbd455;background:linear-gradient(135deg,#075e61,#0ab2a5);color:#fff;font-weight:900}.skin-face img{width:100%;height:100%;image-rendering:pixelated}.skin-face.mini{width:57px;height:57px;margin:0 auto 10px;border-radius:14px;font-size:25px}.client-profile-mini strong,.client-profile-mini small{display:block}.client-profile-mini strong{font-size:13px}.client-profile-mini small{margin-top:4px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.client-menu{display:grid;gap:5px;margin-top:18px}.client-menu button,.client-menu a{display:flex;align-items:center;gap:10px;padding:12px 10px;border:0;border-radius:8px;background:none;color:#9caeb2;font-size:11px;text-align:left;text-decoration:none}.client-menu button.active,.client-menu button:hover,.client-menu a:hover{background:#008b8b26;color:#7eece1}.client-side-note{margin-top:auto;color:#5a6b70;font-size:9px;text-align:center}.client-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.client-kicker{color:var(--teal-light);font-size:9px;font-weight:800;letter-spacing:1.4px}.client-heading h1{margin:6px 0 4px;font-size:28px}.client-heading p{margin:0;color:var(--muted);font-size:11px}.client-heading p strong{color:#fff}.client-action{display:inline-block;padding:11px 15px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-size:11px;font-weight:800;text-decoration:none}.client-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border:1px solid #008b8b55;border-radius:14px;background:linear-gradient(110deg,#103f43,#182924);box-shadow:0 18px 45px #001f2355}.client-hero-card>div>span{color:#8ee9df;font-size:9px;font-weight:800;letter-spacing:1.3px}.client-hero-card h2{margin:7px 0;font-size:20px}.client-hero-card p{margin:0;color:#afc9c8;font-size:11px}.client-server-pill{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #ffffff1c;border-radius:9px;background:#061d20aa}.client-server-pill i{width:7px;height:7px;border-radius:50%;background:#6ff0bd;box-shadow:0 0 12px #6ff0bd}.client-server-pill strong{font-size:11px}.client-server-pill button{padding:7px 9px;border:0;border-radius:6px;background:#ffffff14;color:#b8f3ed;font-size:9px}.client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:17px 0}.client-stats article{padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.client-stats small{display:block;color:#72858b;font-size:8px;font-weight:800;letter-spacing:.7px}.client-stats strong{display:block;margin-top:8px;color:#fff;font-size:13px}.client-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.client-panel{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.client-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.client-panel-heading h2{margin:0;font-size:15px}.client-panel-heading span,.client-panel-heading a{color:#79dad2;font-size:9px;font-weight:800;text-decoration:none}.skin-card{display:flex;align-items:center;gap:17px}.skin-face.large{width:90px;height:110px;border-radius:10px;font-size:40px}.skin-card h3{margin:0 0 7px;font-size:15px}.skin-card p{max-width:220px;margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.6}.client-outline{padding:8px 11px;border:1px solid #008b8b;background:none;border-radius:6px;color:#82e9e0;font-size:10px}.client-small-list{display:grid;gap:9px}.client-product-row{display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px;background:#192228}.client-product-row img,.client-product-icon{width:35px;height:35px;border-radius:7px;object-fit:cover}.client-product-icon{display:grid;place-items:center;background:#008b8b;color:#fff}.client-product-row strong,.client-product-row small{display:block}.client-product-row strong{font-size:11px}.client-product-row small{margin-top:3px;color:#62dccd;font-size:9px}.client-news-panel{margin-top:15px}.client-news-list{display:grid;gap:8px}.client-news-row{display:flex;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.client-news-row:last-child{border:0}.client-news-row img,.client-news-mark{width:55px;height:45px;border-radius:6px;object-fit:cover}.client-news-mark{display:grid;place-items:center;background:#008b8b;color:white;font-weight:800}.client-news-row h3{margin:0 0 4px;font-size:11px}.client-news-row small{color:var(--muted);font-size:9px}.client-view{display:none}.client-view.active{display:block}.profile-form{max-width:600px;display:grid;gap:14px;padding:25px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.profile-form label{display:grid;gap:7px;color:#b9c9cb;font-size:11px;font-weight:700}.profile-form input{padding:12px;border:1px solid var(--line);border-radius:8px;background:#182229;color:#fff}.profile-form p{min-height:15px;margin:0;color:var(--teal-light);font-size:11px}.client-toast{position:fixed;right:20px;bottom:20px;padding:12px 15px;border-radius:8px;background:#008b8b;color:white;font-size:11px;opacity:0;transition:.2s}.client-toast.visible{opacity:1}@media(max-width:800px){.client-layout{grid-template-columns:1fr}.client-sidebar{min-height:0}.client-menu{grid-template-columns:repeat(2,1fr)}.client-side-note{display:none}}@media(max-width:580px){.client-topbar{height:auto;padding:17px 0;align-items:flex-start;gap:12px;flex-direction:column}.client-topbar nav{gap:12px;flex-wrap:wrap}.client-heading{align-items:flex-start;gap:15px;flex-direction:column}.client-hero-card{align-items:flex-start;flex-direction:column}.client-stats,.client-columns{grid-template-columns:1fr}.client-stats article{padding:14px}}