:root{--gh-primary-50:#eefce9;--gh-primary-100:#d9f8cf;--gh-primary-200:#b5f2a4;--gh-primary-300:#87e76f;--gh-primary-400:#60d843;--gh-primary-500:#3fbe24;--gh-primary-600:#31a71b;--gh-primary-700:#247417;--gh-primary-800:#215c18;--gh-primary-900:#1f4e19;--gh-primary-950:#0b2b08;--gh-primary-wash:#eaf6e8;--gh-lime:#BFED9A;--gh-secondary-50:#fffbec;--gh-secondary-100:#fef2c7;--gh-secondary-200:#fde58a;--gh-secondary-300:#fcd14d;--gh-secondary-400:#fbbd24;--gh-secondary-500:#f59c0b;--gh-secondary-600:#d97506;--gh-secondary-700:#b45109;--gh-jumbo-50:#f5f5f6;--gh-jumbo-100:#e6e6e7;--gh-jumbo-200:#cfcfd2;--gh-jumbo-300:#adadb3;--gh-jumbo-400:#84848c;--gh-jumbo-500:#71717a;--gh-jumbo-600:#5a5a60;--gh-jumbo-700:#4d4c52;--gh-jumbo-800:#434347;--gh-jumbo-900:#3c3b3e;--gh-jumbo-950:#252527;--gh-mariner-100:#deecfb;--gh-mariner-400:#6bb0ef;--gh-mariner-500:#4991e8;--gh-mariner-600:#2a6fdb;--gh-mariner-700:#2b60ca;--gh-danger-500:#f05252;--gh-danger-600:#e02424;--gh-danger-700:#c81e1e;--gh-bg:#ffffff;--gh-bg-soft:#f9fafb;--gh-bg-tinted:var(--gh-primary-wash);--gh-text:#0a0a0a;--gh-text-muted:var(--gh-jumbo-500);--gh-text-faint:var(--gh-jumbo-400);--gh-border:var(--gh-jumbo-100);--gh-border-strong:var(--gh-jumbo-200);--gh-radius-sm:4px;--gh-radius-md:6px;--gh-radius-lg:8px;--gh-radius-xl:12px;--gh-radius-2xl:14px;--gh-radius-3xl:24px;--gh-radius-pill:9999px;--gh-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--gh-shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--gh-shadow-md:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);--gh-shadow-lg:0 12px 32px rgba(0,0,0,0.08),0 4px 8px rgba(0,0,0,0.04);--gh-shadow-ring-primary:0 0 0 4px rgba(49,167,27,0.18);--gh-font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--gh-font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--gh-ease:cubic-bezier(.2,.7,.2,1);--gh-dur-fast:150ms;--gh-dur:300ms}body[data-role=creator]{--gh-primary-50:#fffbec;--gh-primary-100:#fef2c7;--gh-primary-200:#fde58a;--gh-primary-300:#fcd14d;--gh-primary-400:#fbbd24;--gh-primary-500:#f59c0b;--gh-primary-600:#d97506;--gh-primary-700:#b45109;--gh-primary-800:#8a3e09;--gh-primary-900:#6b3007;--gh-primary-950:#3a1a05;--gh-primary-wash:#fff6e0;--gh-lime:#FFE59A;--gh-secondary-600:#31a71b;--gh-secondary-700:#247417;--gh-bg:#fffaf1;--gh-bg-soft:#fff5e4;--gh-bg-tinted:var(--gh-primary-wash);--gh-border:#f1e5cd;--gh-border-strong:#e7d5ae;--gh-shadow-ring-primary:0 0 0 4px rgba(245,156,11,0.22)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body,html{margin:0;padding:0}*{box-sizing:border-box}body{font-family:var(--gh-font-sans);background:var(--gh-bg-soft);color:var(--gh-text);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.side{display:none}}.side{background:#fff;border-right:1px solid var(--gh-border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.side .wordmark{padding:6px 12px 22px;font-size:19px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.side .wordmark .dot{width:10px;height:10px;border-radius:3px;background:var(--gh-primary-600);box-shadow:0 0 0 3px var(--gh-primary-wash)}.side .group{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gh-text-faint);padding:16px 12px 6px;font-weight:600}.navitem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--gh-jumbo-700);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--gh-dur-fast) var(--gh-ease)}.navitem:hover{background:var(--gh-jumbo-50)}.navitem.active{background:var(--gh-primary-50);color:var(--gh-primary-700)}.navitem i{font-size:18px}.navitem .count{margin-left:auto;background:var(--gh-primary-600);color:#fff;font-size:10px;padding:1px 7px;border-radius:10px;font-weight:600}.side .foot{margin-top:auto;padding:12px;border-top:1px solid var(--gh-border);gap:10px}.side .avatar,.side .foot{display:flex;align-items:center}.side .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gh-primary-300),var(--gh-primary-600));color:#fff;justify-content:center;font-weight:600;font-size:13px}.main-area{padding:24px 32px 48px;max-width:1400px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.topbar h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.01em}.topbar .sub{color:var(--gh-text-muted);font-size:14px;margin-top:2px}.topbar-right{gap:12px;flex-wrap:wrap}.search,.topbar-right{display:flex;align-items:center}.search{gap:8px;padding:8px 14px;background:#fff;border:1px solid var(--gh-border);border-radius:8px;width:280px;font-size:13px;color:var(--gh-text-muted)}.search i{font-size:16px}.kbd{font-family:var(--gh-font-mono);font-size:10px;background:var(--gh-jumbo-100);padding:2px 6px;border-radius:4px;color:var(--gh-jumbo-600);margin-left:auto}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;border:0;font-family:inherit;transition:transform var(--gh-dur-fast) var(--gh-ease),box-shadow var(--gh-dur-fast) var(--gh-ease)}.btn:active{transform:translateY(1px)}.btn-p{background:var(--gh-primary-600);color:#fff}.btn-p:hover{background:var(--gh-primary-700);box-shadow:var(--gh-shadow-ring-primary)}.btn-o{background:#fff;border:1px solid var(--gh-border);color:var(--gh-jumbo-800)}.btn-o:hover{border-color:var(--gh-border-strong);background:var(--gh-jumbo-50)}.btn-ghost{background:transparent;color:var(--gh-primary-700)}.btn-ghost:hover{background:var(--gh-primary-50)}.btn-danger{background:#fff;color:var(--gh-danger-700);border:1px solid var(--gh-border)}.btn-danger:hover{background:rgba(224,36,36,.06)}.card{background:#fff;border:1px solid var(--gh-border);border-radius:var(--gh-radius-2xl);padding:22px}.card h3{margin:0 0 4px;font-size:16px;font-weight:600}.card .sub{color:var(--gh-text-muted);font-size:13px;margin-bottom:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kpis{grid-template-columns:1fr}}.kpi{background:#fff;border:1px solid var(--gh-border);border-radius:var(--gh-radius-2xl);padding:20px}.kpi .lbl{font-size:12px;color:var(--gh-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;display:flex;align-items:center;gap:6px}.kpi .val{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:8px 0 4px}.kpi .val small{font-size:14px;color:var(--gh-text-muted);font-weight:400;margin-left:3px}.kpi .delta{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px}.kpi .delta.up{background:rgba(49,167,27,.12);color:var(--gh-primary-700)}.kpi .delta.down{background:rgba(224,36,36,.12);color:var(--gh-danger-700)}.kpi .delta.flat{background:var(--gh-jumbo-100);color:var(--gh-jumbo-700)}.kpi .spark{height:30px;margin-top:8px;display:block;width:100%}.grid-main{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}@media (max-width:1100px){.grid-main{grid-template-columns:1fr}}.chart{height:240px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.legend{display:flex;gap:18px;font-size:12px;color:var(--gh-text-muted);margin-top:12px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}.ring-wrap{display:flex;align-items:center;gap:18px}.ring{position:relative;width:120px;height:120px;flex-shrink:0}.ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;letter-spacing:-.02em}.channels{padding:0;margin:0}.channels li{list-style:none;display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 0}.channels li .dot{width:10px;height:10px;border-radius:3px}.channels li .pct{margin-left:auto;font-family:var(--gh-font-mono);color:var(--gh-text-muted);font-size:12px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;color:var(--gh-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:10px 8px}.table td,.table th{border-bottom:1px solid var(--gh-border)}.table td{padding:12px 8px;font-size:13px;vertical-align:middle}.table tr:last-child td{border:0}.table .id{font-family:var(--gh-font-mono);font-size:12px;color:var(--gh-jumbo-600)}.table .cust{display:flex;align-items:center;gap:10px}.table .cust .avatar{width:28px;height:28px;border-radius:50%;background:var(--gh-jumbo-200);color:var(--gh-jumbo-700);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.amt{font-family:var(--gh-font-mono);font-weight:500}.ch{gap:4px;color:var(--gh-jumbo-600)}.badge,.ch{display:inline-flex;align-items:center;font-size:11px}.badge{gap:5px;font-weight:500;padding:3px 8px;border-radius:999px}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.paid{background:rgba(49,167,27,.12);color:var(--gh-primary-700)}.badge.pending{background:rgba(245,156,11,.14);color:var(--gh-secondary-700)}.badge.failed{background:rgba(224,36,36,.12);color:var(--gh-danger-700)}.badge.info{background:rgba(73,145,232,.14);color:var(--gh-mariner-700)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}@media (max-width:1100px){.grid-3{grid-template-columns:1fr}}.prod{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gh-border);font-size:13px}.prod:last-child{border:0}.prod .thumb{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--gh-primary-200),var(--gh-primary-500));flex-shrink:0}.prod .name{flex:1}.prod .name b{display:block;font-weight:500}.prod .name span{color:var(--gh-text-muted);font-size:12px}.prod .revenue{text-align:right;font-family:var(--gh-font-mono);font-weight:500}.act{display:flex;gap:12px;padding:10px 0;font-size:13px;border-bottom:1px solid var(--gh-border)}.act:last-child{border:0}.act>.dot{width:8px;height:8px;border-radius:50%;background:var(--gh-primary-500);margin-top:6px;flex-shrink:0}.act>.dot.amber{background:var(--gh-secondary-500)}.act>.dot.blue{background:var(--gh-mariner-500)}.act b{font-weight:500}.act .time{color:var(--gh-text-muted);font-size:11px;margin-top:2px}.protip{background:var(--gh-primary-600);color:#fff;border:0;overflow:hidden;position:relative}.protip:before{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:var(--gh-lime);opacity:.3;border-radius:50%;filter:blur(30px)}.protip-body{position:relative}.protip .eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:10px}.protip h3{color:#fff;font-size:20px;margin:0 0 8px}.protip p{font-size:13px;opacity:.9;line-height:1.5;margin:0 0 20px}.protip .btn{background:#fff;color:var(--gh-primary-700)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--gh-bg-soft)}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}}.auth-left{padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(155deg,var(--gh-primary-700),var(--gh-primary-900));color:#fff}@media (max-width:900px){.auth-left{display:none}}.auth-left:before{content:"";position:absolute;inset:-20% -20% auto auto;width:60%;height:60%;background:var(--gh-lime);opacity:.25;border-radius:50%;filter:blur(60px)}.auth-right{padding:48px;display:flex;align-items:center;justify-content:center;background:#fff}.auth-form{width:100%;max-width:400px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:12px;color:var(--gh-jumbo-700);margin-bottom:6px;font-weight:500}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--gh-border-strong);background:#fff;font-family:inherit;font-size:14px;color:var(--gh-text);transition:border-color var(--gh-dur-fast),box-shadow var(--gh-dur-fast)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gh-primary-600);box-shadow:var(--gh-shadow-ring-primary)}