body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f4f8;--bg2:#fff;--card:#ffffffbf;--border:#e2e8f0;--accent:#0d9488;--accent2:#0891b2;--accent3:#6366f1;--green:#059669;--yellow:#d97706;--red:#dc2626;--purple:#7c3aed;--text:#1e293b;--muted:#475569;--dim:#94a3b8;--font:"Inter",system-ui,sans-serif;--hero-grad:linear-gradient(135deg,#0d9488,#0891b2 45%,#6366f1);--sidebar-grad:linear-gradient(180deg,#0f172a,#1e1b4b)}body{-webkit-font-smoothing:antialiased;background:#f0f4f8;background:var(--bg);color:#1e293b;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:15px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideL{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 #0d948859}50%{box-shadow:0 0 0 10px #0d948800}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.fade-up{animation:fadeUp .35s ease both}.fade-in{animation:fadeIn .25s ease both}.slide-l{animation:slideL .3s ease both}.glow-ring{animation:glow 1.4s ease-in-out infinite}.breathe{animation:breathe 3s ease-in-out infinite}.spinner{animation:spin .75s linear infinite;border:3px solid #e2e8f0;border-top-color:#0d9488;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f0f4f8;background:var(--bg)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel-wrap{background:#f0f4f8;background:var(--bg);height:100vh}.panel-main,.panel-wrap{display:flex;overflow:hidden}.panel-main{flex:1 1;flex-direction:column}.panel-body{flex:1 1;overflow-y:auto;padding:28px 32px}.sgc-sidebar{background:linear-gradient(180deg,#0f172a,#1e1b4b);background:var(--sidebar-grad);border-right:none;box-shadow:4px 0 24px #0f172a26;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);width:256px;z-index:50}.sgc-logo{align-items:center;display:flex;gap:10px;padding:24px 20px 8px}.sgc-logo-icon{font-size:28px}.sgc-logo-text{color:#fff;font-size:19px;font-weight:800;letter-spacing:-.3px}.sgc-logo-sub{color:#fff6;font-size:12px;padding:0 20px 20px}.sgc-profile{animation:slideL .3s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;gap:12px;margin:0 12px 16px;padding:12px 14px}.sgc-avatar,.sgc-profile{align-items:center;display:flex}.sgc-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:17px;font-weight:800;height:40px;justify-content:center;width:40px}.sgc-uname{color:#fff;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sgc-plan{background:#0d948833;border:1px solid #0d94884d;border-radius:20px;color:#5eead4;display:inline-block;font-size:11px;margin-top:2px;padding:1px 8px}.sgc-balance{animation:slideL .35s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0d9488d9,#0891b2cc,#6366f1bf);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0d948840;margin:0 12px 20px;overflow:hidden;padding:18px;position:relative}.sgc-balance:before{background:#ffffff14;height:100px;right:-30px;top:-30px;width:100px}.sgc-balance:after,.sgc-balance:before{border-radius:50%;content:"";position:absolute}.sgc-balance:after{background:#ffffff0f;bottom:-20px;height:60px;left:20px;width:60px}.sgc-bal-label{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sgc-bal-amount{color:#fff;font-size:28px;font-weight:900;margin-bottom:2px;position:relative;z-index:1}.sgc-bal-earned{color:#ffffffa6;font-size:12px;position:relative;z-index:1}.sgc-nav{padding:0 12px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffff8c;cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:10px;margin-bottom:3px;padding:11px 14px;text-align:left;transition:all .2s ease;width:100%}.nav-btn:hover{background:#ffffff14!important;color:#fff!important;transform:translateX(4px)}.nav-btn.active{background:linear-gradient(135deg,#0d9488,#0891b2)!important;box-shadow:0 4px 16px #0d948866;color:#fff!important;font-weight:700}.nav-icon{flex-shrink:0;font-size:17px}.nav-label{flex:1 1}.nav-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:1px 7px}.sgc-logout{background:#ef44441a;border:1px solid #ef444440;border-radius:12px;color:#f87171;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;margin:12px;padding:11px 14px;transition:all .2s;width:calc(100% - 24px)}.sgc-logout:hover{background:#ef444433;border-color:#ef4444}.sgc-topbar{align-items:center;background:linear-gradient(135deg,#0d9488,#0891b2 45%,#6366f1);background:var(--hero-grad);border-bottom:none;box-shadow:0 2px 12px #0d948833;display:none;justify-content:space-between;padding:12px 16px}.hamburger{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:8px 13px;transition:background .2s}.hamburger:hover{background:#ffffff4d}.sgc-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;display:none;inset:0;position:fixed;z-index:40}.sgc-overlay.open{display:block}.sgc-heading{align-items:center;color:#1e293b;color:var(--text);display:flex;font-size:22px;font-weight:800;gap:8px;margin-bottom:20px}.sgc-subheading{color:#475569;color:var(--muted);font-size:15px;font-weight:600;margin-bottom:12px}.sgc-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));margin-bottom:24px}.sgc-stat-card{animation:fadeUp .3s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 12px #0000000f;padding:18px 20px;transition:transform .2s,box-shadow .2s}.sgc-stat-card:hover{border-color:#0d948840;box-shadow:0 8px 28px #0d94881f;transform:translateY(-3px)}.sgc-stat-label{color:#475569;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.sgc-stat-val{color:#1e293b;color:var(--text);font-size:22px;font-weight:900}.sgc-table-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.sgc-table{border-collapse:collapse;width:100%}.sgc-th{background:#f8fafccc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.4px;text-align:left;text-transform:uppercase}.sgc-td,.sgc-th{color:#475569;color:var(--muted);padding:13px 16px}.sgc-td{font-size:14px}.sgc-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);transition:background .15s}.sgc-tr:last-child{border-bottom:none}.sgc-tr:hover{background:#0d94880a}.sgc-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:3px 11px}.sgc-ad-card{animation:fadeUp .3s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 10px #0000000f;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s}.sgc-ad-card:hover{border-color:#0d948860;box-shadow:0 12px 32px #0d948826;transform:translateY(-4px)}.sgc-ad-meta{background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;color:#475569;color:var(--muted);font-size:12px;padding:3px 10px}.sgc-earn{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;font-size:13px;font-weight:700;padding:3px 11px;white-space:nowrap}.sgc-click-btn{border:none;border-radius:12px;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;padding:13px;transition:transform .15s,box-shadow .15s;width:100%}.sgc-click-btn:hover:not(:disabled){box-shadow:0 4px 18px #0d94884d;transform:scale(1.03)}.sgc-click-btn:active:not(:disabled){transform:scale(.97)}.sgc-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 12px #0000000d;max-width:500px;padding:24px}.sgc-label{color:#475569;color:var(--muted);display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.sgc-input{background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;color:#1e293b;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:15px;margin-bottom:16px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.sgc-input:focus{background:#fff;border-color:#0d9488;border-color:var(--accent);box-shadow:0 0 0 3px #0d94881a}.sgc-btn-primary{background:linear-gradient(135deg,#0d9488,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 14px #0d948859;color:#fff;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:15px;font-weight:800;padding:13px;transition:transform .15s,box-shadow .15s;width:100%}.sgc-btn-primary:hover{box-shadow:0 6px 20px #0d948873;transform:scale(1.02)}.sgc-btn-yellow{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 14px #f59e0b4d;color:#fff;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:15px;font-weight:800;padding:13px;transition:transform .15s,box-shadow .15s;width:100%}.sgc-btn-yellow:hover{box-shadow:0 6px 20px #f59e0b66;transform:scale(1.02)}.sgc-btn-sm{border:none;border-radius:8px;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:7px 13px;transition:all .15s}.sgc-toast{animation:toastIn .3s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 8px 28px #00000026;font-size:14px;font-weight:700;max-width:320px;padding:13px 22px;position:fixed;right:20px;top:20px;z-index:999}.sgc-timer-wrap{align-items:center;animation:fadeUp .3s ease;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:18px;box-shadow:0 4px 20px #0d94884d;display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.sgc-timer-circle{animation:glow 1.2s ease-in-out infinite;background:#ffffff40;border:2px solid #fff6;border-radius:50%;color:#fff;font-size:17px;font-weight:900;height:52px;width:52px}.sgc-modal-overlay,.sgc-timer-circle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center}.sgc-modal-overlay{animation:fadeIn .2s ease;background:#0f172a80;inset:0;position:fixed;z-index:200}.sgc-modal{animation:fadeUp .25s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 60px #00000026;padding:28px;width:360px}.sgc-empty{color:#94a3b8;color:var(--dim);font-size:15px;padding:48px;text-align:center}.sgc-chart{align-items:flex-end;display:flex;gap:8px;height:120px;margin-top:12px}.sgc-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:flex-end}.sgc-bar{border-radius:6px 6px 0 0;min-height:4px;transition:height .4s ease;width:100%}.sgc-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sgc-ads-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width:768px){.sgc-sidebar{box-shadow:8px 0 32px #0f172a4d;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%)}.sgc-sidebar.open{transform:translateX(0)}.sgc-topbar{display:flex!important}.panel-body{padding:16px 12px 80px}.sgc-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.sgc-ads-grid{grid-template-columns:1fr}.sgc-form{border-radius:16px;padding:16px}.sgc-modal{border-radius:20px!important;padding:20px!important;width:calc(100vw - 32px)!important}.sgc-table-wrap{border-radius:16px;overflow-x:auto}.sgc-table{min-width:500px}.sgc-td,.sgc-th{font-size:13px;padding:10px 12px}.sgc-heading{font-size:18px}.sgc-stat-card{border-radius:16px;padding:14px 16px}.sgc-stat-val{font-size:19px}.sgc-btn-primary,.sgc-btn-yellow{border-radius:10px;font-size:14px;padding:12px}.sgc-input{border-radius:10px;padding:11px 12px}.sgc-timer-wrap{border-radius:14px;flex-direction:column;gap:10px;text-align:center}.sgc-chart{height:90px}.sgc-page-header{flex-wrap:wrap;gap:8px}.sgc-bal-amount{font-size:24px}.sgc-logo-text{font-size:16px}input,select,textarea{font-size:16px!important}.sgc-ad-card{border-radius:16px}}