@layer properties{@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}
::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}
}
}
@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--radius-md: .375rem;--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}
}
@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}
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{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var( --default-mono-font-variation-settings, normal );font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::-webkit-file-upload-button{margin-inline-end:4px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){::placeholder{color:currentColor}
@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}
::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button{-webkit-appearance:button;appearance:button}
input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}
::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}
::file-selector-button{-webkit-appearance:button;appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.fixed{position:fixed}
.relative{position:relative}
.static{position:static}
.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}
.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}
.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}
.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}
.start\!:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}
.start\!:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}
.start\!:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}
.start\!:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}
.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}
.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}
.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}
.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}
.top-3{top:calc(var(--spacing) * 3)}
.m-1{margin:calc(var(--spacing) * 1)}
.block{display:block}
.flex{display:flex}
.hidden{display:none}
.table{display:table}
.table-cell{display:table-cell}
.table-column{display:table-column}
.table-column-group{display:table-column-group}
.table-row{display:table-row}
.table-row-group{display:table-row-group}
.resize{resize:both}
.border{border-style:var(--tw-border-style);border-width:1px}
.italic{font-style:italic}
.underline{text-decoration-line:underline}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}
.outline{outline-style:var(--tw-outline-style);outline-width:1px}
.blur{--tw-blur: blur(8px);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,)}
.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,)}
}
:root{--bg: #f7f6fb;--surface: #fff;--surface-soft: #fbfaff;--surface-hover: #f5f2ff;--text: #221d31;--text-soft: #6f687d;--text-faint: #948da0;--border: #e9e5f0;--border-strong: #ddd7e7;--violet: #6d42e9;--violet-2: #8b5cf6;--violet-soft: #eee8ff;--coral: #ef6575;--coral-soft: #ffe8ec;--amber: #d99313;--amber-soft: #fff4d5;--cyan: #159cb6;--cyan-soft: #e0f8fc;--green: #13734d;--green-soft: #e3f7ee;--red: #c83f51;--red-soft: #ffe8eb;--sidebar: #211b30;--sidebar-soft: #2d2540;--shadow-sm: 0 8px 22px #2b1f450f;--shadow-md: 0 16px 40px #2b1f451a;--shadow-lg: 0 26px 80px #24193f2e;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--sidebar-width: 258px;--header-height: 74px;--background: var(--bg);--card: var(--surface);--muted: var(--text-soft);--primary: var(--violet);--primary-soft: var(--violet-soft);--primary-border: var(--border-strong)}
[data-theme=dark]{--bg: #14111d;--surface: #1d1928;--surface-soft: #241f31;--surface-hover: #2d2640;--text: #f5f1fb;--text-soft: #b7afc4;--text-faint: #91889f;--border: #342e42;--border-strong: #453d55;--violet-soft: #34265e;--coral-soft: #4b2630;--amber-soft: #46371f;--cyan-soft: #173d46;--green-soft: #173d31;--green: #70d5a8;--red-soft: #49242c;--sidebar: #0e0c14;--sidebar-soft: #1c1728;--shadow-sm: 0 8px 22px #00000029;--shadow-md: 0 16px 40px #0000003d;--shadow-lg: 0 26px 80px #00000057}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-geist-sans),Arial,Helvetica,sans-serif;min-width:320px;margin:0}
button,input,select,textarea{color:inherit;font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:inherit;text-decoration:none}
svg{flex:none}
:focus-visible{outline:3px solid var(--violet)}
@supports (color: color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--violet) 45%,transparent)}
}
:focus-visible{outline-offset:3px}
::selection{background:var(--violet-soft);color:var(--violet)}
.club-app{min-height:100vh}
.app-sidebar{background:radial-gradient(circle at 15% 5%,#8b5cf638,transparent 24%),var(--sidebar);color:#f7f2ff;height:100vh;width:var(--sidebar-width);z-index:40;flex-direction:column;padding:22px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}
.brand{align-items:center;gap:11px;min-height:46px;padding:0 6px;display:flex}
.brand-mark{background:linear-gradient(135deg,var(--violet-2),var(--coral));border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 22px #7645e759}
.brand>div{flex-direction:column;line-height:1.05;display:flex}
.brand strong{letter-spacing:-.04em;font-size:19px;font-weight:800}
.brand>div span{color:#c8bfd6;margin-top:4px;font-size:12px}
.sidebar-close{color:#d7cfe3;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;display:none}
.workspace-pill{background:#ffffff13;border:1px solid #ffffff14;border-radius:15px;align-items:center;gap:10px;margin:24px 0 22px;padding:11px;display:flex}
.workspace-logo{color:var(--violet);background:#fffffff2;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:850;display:flex}
.workspace-pill>div{flex-direction:column;flex:1;min-width:0;display:flex}
.workspace-pill small{color:#aaa0b8;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.workspace-pill strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}
.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}
.nav-label{color:#8e829d;letter-spacing:.12em;text-transform:uppercase;margin:0 10px 8px;font-size:10px;font-weight:700}
.sidebar-nav button{color:#c6bdd3;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 12px;font-size:13px;font-weight:550;display:flex;position:relative}
.sidebar-nav button:hover{color:#fff;background:#ffffff0f}
.sidebar-nav button.active{color:#fff;background:linear-gradient(90deg,#7d50ef42,#7d50ef14)}
.sidebar-nav button.active>i{background:#a884ff;border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-16px}
.nav-count{background:var(--coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;font-size:10px;display:flex}
.sidebar-boost{background:radial-gradient(circle at 90% 10%,#ffd96d3b,#0000 32%),linear-gradient(145deg,#352a4d,#29213a);border:1px solid #ffffff14;border-radius:17px;margin:20px 0 14px;padding:15px;position:relative;overflow:hidden}
.sidebar-boost>span{color:#ffd970;background:#ffffff1a;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;display:flex}
.sidebar-boost strong{font-size:13px;display:block}
.sidebar-boost p{color:#aa9fb9;margin:5px 0 11px;font-size:11px;line-height:1.55}
.progress-mini{background:#ffffff17;border-radius:999px;height:5px;overflow:hidden}
.progress-mini span{border-radius:inherit;background:linear-gradient(90deg,#9e7aff,#ffd66a);height:100%;display:block}
.sidebar-user{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff14;align-items:center;gap:10px;min-height:58px;margin:0 -2px;padding:12px 4px 0;display:flex}
.sidebar-user>div{flex-direction:column;flex:1;min-width:0;display:flex}
.sidebar-user strong{font-size:12px}
.sidebar-user span{color:#9e93ac;font-size:10px}
.app-content{margin-left:var(--sidebar-width);min-height:100vh}
.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);align-items:center}
@supports (color: color-mix(in lab,red,red)){.app-header{background:color-mix(in srgb,var(--surface) 88%,transparent)}
}
.app-header{border-bottom:1px solid var(--border);height:var(--header-height);z-index:30;justify-content:space-between;padding:0 28px;display:flex;position:sticky;top:0}
.header-left,.header-actions,.breadcrumb{align-items:center;display:flex}
.breadcrumb{color:var(--text-faint);gap:6px;font-size:12px}
.breadcrumb strong{color:var(--text)}
.header-actions{gap:8px}
.demo-mode{background:var(--amber-soft);border:1px solid var(--amber);align-items:center}
@supports (color: color-mix(in lab,red,red)){.demo-mode{border:1px solid color-mix(in srgb,var(--amber) 22%,transparent)}
}
.demo-mode{color:var(--amber);border-radius:999px}
@supports (color: color-mix(in lab,red,red)){.demo-mode{color:color-mix(in srgb,var(--amber) 85%,var(--text))}
}
.demo-mode{text-transform:uppercase;gap:7px;min-height:30px;margin-right:5px;padding:0 11px;font-size:10px;font-weight:750;display:flex}
.demo-mode>span{background:var(--amber);border-radius:999px;width:6px;height:6px;animation:2s infinite pulse}
.icon-button{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .18s;display:inline-flex;position:relative}
.icon-button:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--violet);transform:translateY(-1px)}
.icon-button-badge{background:var(--coral);border:2px solid var(--surface);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:8px;font-weight:800;display:flex;position:absolute;top:-5px;right:-4px}
.header-user{border:0;border-left:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:9px;min-height:44px;margin-left:5px;padding:0 0 0 14px;display:flex}
.header-user>div{flex-direction:column;display:flex}
.header-user strong{font-size:12px}
.header-user span{color:var(--text-faint);font-size:10px}
.mobile-menu{display:none}
.profile-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:70;border-radius:16px;width:264px;padding:10px;position:absolute;top:64px;right:24px}
.profile-menu>.eyebrow{padding:8px 10px;display:block}
.profile-menu button,.profile-menu a{color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;font-size:12px;display:flex}
.profile-menu button:hover,.profile-menu a:hover,.profile-menu button.active{background:var(--surface-hover);color:var(--violet)}
.profile-menu button svg:last-child{margin-left:auto}
.profile-menu hr{border:0;border-top:1px solid var(--border);margin:7px 0}
.main-area{max-width:1600px;margin:0 auto;padding:28px 30px 46px}
.view-stack{flex-direction:column;gap:22px;display:flex}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px}
.card-elevated{box-shadow:var(--shadow-md)}
.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}
.button:hover{transform:translateY(-1px)}
.button-primary{background:linear-gradient(135deg,var(--violet-2),var(--violet));color:#fff;box-shadow:0 8px 18px #6d42e938}
.button-primary:hover{box-shadow:0 11px 24px #6d42e94d}
.button-secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}
.button-ghost{color:var(--violet);background:0 0}
.button-danger{background:var(--red-soft);color:var(--red)}
.button-dark{color:#fff;background:#221c30}
[data-theme=dark] .button-dark{color:#221c30;background:#f4effc}
.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:23px;padding:0 9px;font-size:9px;font-weight:750;line-height:1;display:inline-flex}
.badge-neutral{background:var(--surface-hover);color:var(--text-soft)}
.badge-violet{background:var(--violet-soft);color:var(--violet)}
.badge-coral{background:var(--coral-soft);color:#b12843}
.badge-cyan{background:var(--cyan-soft);color:#087187}
.badge-success{background:var(--green-soft);color:var(--green)}
.badge-danger{background:var(--red-soft);color:var(--red)}
.badge-warning,.badge-amber{background:var(--amber-soft);color:#8a5800}
[data-theme=dark] .badge-coral{color:#ff9aa7}
[data-theme=dark] .badge-cyan{color:#67d4e8}
[data-theme=dark] .badge-warning,[data-theme=dark] .badge-amber{color:#f2c66d}
.badge-light{color:#fff;background:#ffffff29}
.badge-dot{background:currentColor;border-radius:999px;width:5px;height:5px}
.avatar{border:2px solid #ffffffb3;border-radius:36%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 6px 15px #2d1f4621}
.avatar span{background:radial-gradient(circle at 30% 20%,#ffffff80,transparent 25%),linear-gradient(145deg,var(--avatar-1),var(--avatar-2));color:#fff;text-shadow:0 1px 4px #0003;justify-content:center;align-items:center;width:100%;height:100%;display:flex}
.avatar-sm{width:34px;height:34px;font-size:10px}
.avatar-md{width:46px;height:46px;font-size:13px}
.avatar-lg{width:68px;height:68px;font-size:18px}
.avatar-xl{width:100px;height:100px;font-size:25px}
.avatar-violet{--avatar-1: #a88afa;--avatar-2: #6038cb}
.avatar-coral{--avatar-1: #ff9d9c;--avatar-2: #d64b67}
.avatar-amber{--avatar-1: #ffd77b;--avatar-2: #c4770f}
.avatar-rose{--avatar-1: #ff9ec4;--avatar-2: #c53d7b}
.avatar-cyan{--avatar-1: #76d9e5;--avatar-2: #138aa5}
.avatar-lime{--avatar-1: #b9e77b;--avatar-2: #4e8e27}
.avatar-indigo{--avatar-1: #8ea8ff;--avatar-2: #4058be}
.avatar-orange{--avatar-1: #ffb071;--avatar-2: #cb5d21}
.eyebrow{color:var(--violet);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:800}
.section-title{justify-content:space-between;align-items:end;margin:4px 0 1px;display:flex}
.section-title h2,.content-toolbar h2{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(22px,2.2vw,29px);line-height:1.05}
.section-title p{color:var(--text-soft);margin:7px 0 0;font-size:13px;line-height:1.55}
.affiliate-hero{color:#fff;background:radial-gradient(circle at 75% 15%,#ffffff29,#0000 22%),radial-gradient(circle at 20% 95%,#ffd66a29,#0000 30%),linear-gradient(118deg,#5c35d7,#7f4bec 58%,#a566ed);border-radius:26px;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);align-items:stretch;gap:26px;min-height:250px;padding:32px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 50px #5e34d338}
.affiliate-hero:after{content:"";border:22px solid #ffffff12;border-radius:50%;width:220px;height:220px;position:absolute;top:-128px;right:29%}
.hero-copy{z-index:1;align-self:center;max-width:720px;position:relative}
.hero-kicker{color:#fffc;align-items:center;gap:8px;margin-bottom:15px;font-size:11px;font-weight:650;display:flex}
.pulse-dot{box-sizing:content-box;background:#71e6b1;border:3px solid #71e6b133;border-radius:999px;width:6px;height:6px;animation:2s infinite pulse}
.hero-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(29px,3.2vw,44px);line-height:1.02}
.hero-copy h1 span{color:#ffe07b}
.hero-copy>p{color:#ffffffd1;max-width:620px;margin:13px 0 21px;font-size:13px;line-height:1.6}
.hero-copy>p strong{color:#fff}
.hero-actions{flex-wrap:wrap;gap:10px;display:flex}
.hero-actions .button-primary{color:var(--violet);background:#fff;box-shadow:0 9px 24px #1b0e4429}
.hero-actions .button-secondary{color:#fff;background:#ffffff1c;border-color:#ffffff38}
.level-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#22193f45;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;justify-content:center;align-self:stretch;padding:22px;display:flex;position:relative}
.level-card-top{align-items:center;gap:11px;display:flex}
.level-medal{color:#6b4710;background:linear-gradient(145deg,#ffe493,#efb73d);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}
.level-card-top>div{flex-direction:column;flex:1;display:flex}
.level-card-top>div span,.level-progress-copy,.level-card small{color:#ffffffad;font-size:9px}
.level-card-top strong{margin-top:3px;font-size:15px}
.level-progress-copy{justify-content:space-between;margin:18px 0 7px;display:flex}
.level-card small{margin-top:11px}
.progress{background:var(--border)}
@supports (color: color-mix(in lab,red,red)){.progress{background:color-mix(in srgb,var(--border) 82%,transparent)}
}
.progress{border-radius:999px;width:100%;height:9px;overflow:hidden}
.progress-compact{height:6px}
.progress-fill{border-radius:inherit;height:100%;transition:width .5s;display:block}
.progress-violet{background:linear-gradient(90deg,var(--violet),var(--violet-2))}
.progress-coral{background:linear-gradient(90deg,#ef6575,#ff9b88)}
.progress-amber,.progress-gold{background:linear-gradient(90deg,#e0a326,#ffe18a)}
.progress-cyan{background:linear-gradient(90deg,#149db8,#67d8de)}
.progress-lime{background:linear-gradient(90deg,#65a630,#b4e676)}
.progress-indigo{background:linear-gradient(90deg,#4f66d5,#91a8ff)}
.progress-orange{background:linear-gradient(90deg,#d86829,#ffb470)}
.progress-light{background:linear-gradient(90deg,#fff,#ffd871)}
.content-toolbar{justify-content:space-between;align-items:end;display:flex}
.period-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;min-height:43px;padding:0 8px 0 12px;display:flex}
.period-bar>svg{color:var(--violet)}
.period-bar select{background:0 0;border:0;outline:0;min-height:38px;padding:0 18px 0 8px;font-size:11px;font-weight:650}
.compare-toggle{border:0;border-left:1px solid var(--border);color:var(--text-soft);background:0 0;align-items:center;gap:7px;min-height:29px;padding:0 8px 0 12px;font-size:10px;display:flex}
.toggle-dot{background:var(--border-strong);border-radius:999px;width:29px;height:16px;position:relative}
.toggle-dot:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0000002e}
.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}
.metric-card{align-items:flex-start;gap:13px;min-height:126px;padding:17px;transition:all .18s;display:flex}
.metric-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.metric-icon{border-radius:12px;justify-content:center;align-items:center;width:41px;height:41px;display:flex}
.metric-violet{background:var(--violet-soft);color:var(--violet)}
.metric-coral{background:var(--coral-soft);color:var(--coral)}
.metric-amber{background:var(--amber-soft);color:var(--amber)}
.metric-cyan{background:var(--cyan-soft);color:var(--cyan)}
.metric-copy{flex-direction:column;flex:1;min-width:0;display:flex}
.metric-copy>span{color:var(--text-soft);font-size:10px;font-weight:650}
.metric-copy>strong{letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:8px 0;font-size:clamp(18px,1.75vw,25px);line-height:1.1;overflow:hidden}
.metric-helper{flex-wrap:wrap;align-items:center;gap:7px;display:flex}
.metric-helper small{color:var(--text-faint);font-size:9px}
.dashboard-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:16px;display:grid}
.goal-card{color:#fff;background:radial-gradient(circle at 88% 8%,#ffffff29,#0000 24%),linear-gradient(128deg,#282039,#423162 58%,#583b83);border:0;padding:25px 27px;position:relative;overflow:hidden}
.goal-card-header{justify-content:space-between;align-items:center;gap:22px;display:flex}
.goal-card h2{letter-spacing:-.045em;margin:12px 0 7px;font-size:clamp(21px,2vw,29px)}
.goal-card p{color:#ffffffab;margin:0;font-size:11px;line-height:1.55}
.donut{background:conic-gradient(var(--donut-color) var(--donut-value),var(--donut-track) var(--donut-value));height:var(--donut-size);width:var(--donut-size);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:10px;display:flex}
.donut:before{background:var(--surface);content:"";border-radius:50%;width:76%;height:76%;position:absolute}
.donut{position:relative}
.donut-center{text-align:center;z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}
.donut-center strong{font-size:calc(var(--donut-size) * .18);letter-spacing:-.05em}
.donut-center span{color:var(--text-soft);font-size:calc(var(--donut-size) * .068);max-width:78px;margin-top:2px}
.donut-violet{--donut-color: var(--violet);--donut-track: var(--violet-soft)}
.donut-light{--donut-color: #ffd96f;--donut-track: #ffffff21}
.donut-light:before{background:#3e2f5a}
.donut-light .donut-center span{color:#ffffffa6}
.goal-progress-copy{justify-content:space-between;align-items:end;margin:18px 0 8px;display:flex}
.goal-progress-copy strong{font-size:16px}
.goal-progress-copy strong span{color:#ffffff85;font-size:10px;font-weight:500}
.goal-progress-copy>span{color:#ffd96f;font-size:10px;font-weight:700}
.goal-card>.progress{background:#ffffff1c}
.goal-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}
.goal-stats>div{border-right:1px solid #ffffff1a;flex-direction:column;display:flex}
.goal-stats>div:last-child{border-right:0}
.goal-stats span{color:#ffffff8c;font-size:8px}
.goal-stats strong{margin-top:4px;font-size:12px}
.next-action-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}
.action-orbit{background:var(--violet-soft);border:1px solid var(--violet);align-items:center}
@supports (color: color-mix(in lab,red,red)){.action-orbit{border:1px solid color-mix(in srgb,var(--violet) 15%,transparent)}
}
.action-orbit{border-radius:50%;justify-content:center;width:78px;height:78px;margin:17px 0 12px;display:flex;position:relative}
.action-orbit:before,.action-orbit:after{border:1px dashed var(--violet)}
@supports (color: color-mix(in lab,red,red)){.action-orbit:before,.action-orbit:after{border:1px dashed color-mix(in srgb,var(--violet) 25%,transparent)}
}
.action-orbit:before,.action-orbit:after{content:"";border-radius:50%;position:absolute;inset:-8px}
.action-orbit:after{opacity:.5;inset:-16px}
.action-orbit>span{background:linear-gradient(145deg,var(--violet-2),var(--violet));color:#fff;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}
.next-action-card h3{letter-spacing:-.03em;margin:6px 0 7px;font-size:17px}
.next-action-card p{color:var(--text-soft);margin:0 0 15px;font-size:10px;line-height:1.55}
.next-action-card small{color:var(--text-faint);margin-top:11px;font-size:8px}
.analytics-grid,.engagement-grid{grid-template-columns:minmax(0,1.25fr) minmax(350px,.85fr);gap:16px;display:grid}
.card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}
.card-heading h3{letter-spacing:-.03em;margin:5px 0 0;font-size:16px}
.text-button{color:var(--violet);background:0 0;border:0;padding:5px;font-size:10px;font-weight:700}
.chart-total{flex-direction:column;margin:20px 0 4px;display:flex}
.chart-total strong{letter-spacing:-.04em;font-size:24px}
.chart-total span{color:var(--text-faint);font-size:9px}
.sparkline{color:var(--violet);display:block;overflow:visible}
.sparkline-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;vector-effect:non-scaling-stroke}
.sparkline-area{fill:currentColor}
@supports (color: color-mix(in lab,red,red)){.sparkline-area{fill:color-mix(in srgb,currentColor 13%,transparent)}
}
.sparkline-area{stroke:none}
.chart-labels{color:var(--text-faint);justify-content:space-between;margin-top:-6px;font-size:8px;display:flex}
.product-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}
.product-row{grid-template-columns:41px minmax(110px,.8fr) minmax(130px,1fr);align-items:center;gap:11px;display:grid}
.product-thumb{color:#fff;border-radius:11px;justify-content:center;align-items:center;width:41px;height:41px;font-size:9px;font-weight:800;display:flex}
.thumb-violet,.art-violet{background:linear-gradient(145deg,#9577f2,#5c37c8)}
.thumb-coral,.art-coral{background:linear-gradient(145deg,#ff9b9b,#d9536a)}
.thumb-amber,.art-amber{background:linear-gradient(145deg,#ffd775,#bd7914)}
.thumb-cyan,.art-cyan{background:linear-gradient(145deg,#75d8e3,#198ba3)}
.thumb-lime,.art-lime{background:linear-gradient(145deg,#b9e779,#56922a)}
.thumb-indigo,.art-indigo{background:linear-gradient(145deg,#91a8fc,#4d60bf)}
.thumb-orange,.art-orange{background:linear-gradient(145deg,#ffb577,#ca6226)}
.thumb-rose,.art-rose{background:linear-gradient(145deg,#fca2c7,#bd3f7b)}
.product-row>div:nth-child(2){flex-direction:column;display:flex}
.product-row strong{font-size:10px}
.product-row span{color:var(--text-faint);margin-top:3px;font-size:8px}
.product-bar{grid-template-columns:minmax(50px,1fr) auto;align-items:center;gap:9px;display:grid}
.mission-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}
.mission-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}
.mission-icon{background:var(--violet-soft);color:var(--violet);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}
.mission-conte\fa do{background:var(--coral-soft);color:var(--coral)}
.mission-copy{flex:1;min-width:0}
.mission-copy>div:first-child{justify-content:space-between;align-items:center;gap:7px;display:flex}
.mission-copy strong{font-size:10px}
.mission-copy p{color:var(--text-soft);margin:3px 0 7px;font-size:8px;line-height:1.45}
.mission-progress{align-items:center;gap:8px;display:flex}
.mission-progress span{color:var(--text-faint);white-space:nowrap;font-size:8px}
.ranking-compact{flex-direction:column;gap:5px;margin-top:15px;display:flex}
.ranking-compact-row{border-radius:12px;grid-template-columns:28px 34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:5px 8px;display:grid}
.ranking-compact-row.is-current{background:var(--violet-soft)}
.rank-position{color:var(--text-faint);justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:flex}
.rank-1,.rank-2,.rank-3{color:#5f4410;border-radius:8px}
.rank-1{background:linear-gradient(145deg,#ffe69b,#eeb745)}
.rank-2{color:#505660;background:linear-gradient(145deg,#edf0f6,#b7bfcc)}
.rank-3{color:#684323;background:linear-gradient(145deg,#efc09b,#b77a4a)}
.ranking-compact-row>div{flex-direction:column;min-width:0;display:flex}
.ranking-compact-row strong{font-size:10px}
.ranking-compact-row>div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ranking-compact-row>div span{color:var(--text-faint);font-size:8px}
.ranking-current{background:var(--violet);color:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;margin-top:10px;padding:0 12px;font-size:10px;display:flex}
.announcement-banner{background:linear-gradient(90deg,var(--coral-soft),var(--surface));align-items:center}
@supports (color: color-mix(in lab,red,red)){.announcement-banner{background:linear-gradient(90deg,color-mix(in srgb,var(--coral-soft) 75%,var(--surface)),var(--surface))}
}
.announcement-banner{grid-template-columns:46px minmax(0,1fr) auto;gap:16px;display:grid}
.announcement-icon{background:var(--coral-soft);color:var(--coral);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}
.announcement-banner h3{margin:7px 0 4px;font-size:13px}
.announcement-banner p{color:var(--text-soft);margin:0;font-size:9px;line-height:1.5}
.table-card{padding:0;overflow:hidden}
.table-toolbar{align-items:center;gap:9px;padding:17px;display:flex}
.search-field{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;flex:1;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}
.search-field svg{color:var(--text-faint)}
.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}
.select-field,.form-grid select,.form-grid input,.form-grid textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:11px;outline:0;min-height:42px;padding:0 12px;font-size:11px}
.select-field:focus,.form-grid select:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet)}
@supports (color: color-mix(in lab,red,red)){.select-field:focus,.form-grid select:focus,.form-grid input:focus,.form-grid textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 12%,transparent)}
}
.update-notice{background:var(--cyan-soft);border-bottom:1px solid var(--cyan);align-items:center}
@supports (color: color-mix(in lab,red,red)){.update-notice{border-bottom:1px solid color-mix(in srgb,var(--cyan) 15%,transparent)}
}
.update-notice{border-top:1px solid var(--cyan)}
@supports (color: color-mix(in lab,red,red)){.update-notice{border-top:1px solid color-mix(in srgb,var(--cyan) 15%,transparent)}
}
.update-notice{color:var(--cyan)}
@supports (color: color-mix(in lab,red,red)){.update-notice{color:color-mix(in srgb,var(--cyan) 75%,var(--text))}
}
.update-notice{gap:7px;min-height:36px;padding:0 17px;font-size:9px;display:flex}
.desktop-table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:920px}
th{background:var(--surface-soft);color:var(--text-faint);letter-spacing:.07em;text-align:left;text-transform:uppercase;padding:11px 14px;font-size:8px;font-weight:750}
td{border-top:1px solid var(--border);color:var(--text-soft);vertical-align:middle;padding:12px 14px;font-size:10px}
td strong,td small{display:block}
td strong{color:var(--text);font-size:10px}
td small{color:var(--text-faint);margin-top:3px;font-size:8px}
tbody tr:hover{background:var(--surface-soft)}
.row-action{color:var(--text-faint);background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}
.mobile-sale-list{display:none}
.pagination{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;min-height:58px;padding:0 17px;font-size:9px;display:flex}
.pagination>div{align-items:center;gap:9px;display:flex}
.pagination button{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:30px;height:30px}
.tab-list,.filter-chips{flex-wrap:wrap;gap:8px;display:flex}
.tab-list button,.filter-chips button{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;min-height:36px;padding:0 14px;font-size:10px;font-weight:650}
.tab-list button.active,.filter-chips button.active{background:var(--violet);border-color:var(--violet);color:#fff}
.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}
.campaign-card{position:relative;overflow:hidden}
.campaign-card:after{background:var(--campaign-color);content:"";filter:blur(40px);opacity:.12;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}
.campaign-violet{--campaign-color: var(--violet)}
.campaign-coral{--campaign-color: var(--coral)}
.campaign-cyan{--campaign-color: var(--cyan)}
.campaign-amber{--campaign-color: var(--amber)}
.campaign-card-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}
.campaign-symbol{border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}
.campaign-symbol-violet{background:var(--violet-soft);color:var(--violet)}
.campaign-symbol-coral{background:var(--coral-soft);color:var(--coral)}
.campaign-symbol-cyan{background:var(--cyan-soft);color:var(--cyan)}
.campaign-symbol-amber{background:var(--amber-soft);color:var(--amber)}
.campaign-card h3{letter-spacing:-.04em;margin:8px 0;font-size:19px}
.campaign-card>p{color:var(--text-soft);min-height:47px;font-size:10px;line-height:1.55}
.campaign-date{color:var(--text-faint);align-items:center;gap:6px;margin:13px 0;font-size:9px;display:flex}
.campaign-progress-header{justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}
.campaign-progress-header span{color:var(--text-faint)}
.campaign-reward{background:var(--surface-soft);border-radius:11px;align-items:center;gap:9px;margin-top:16px;padding:10px;display:flex}
.campaign-reward>svg:first-child{color:var(--campaign-color)}
.campaign-reward>svg:last-child{color:var(--text-faint);margin-left:auto}
.campaign-reward>div{flex-direction:column;display:flex}
.campaign-reward span{color:var(--text-faint);font-size:8px}
.campaign-reward strong{font-size:11px}
.tiers-card{overflow-x:auto}
.tier-track{grid-template-columns:repeat(5,minmax(120px,1fr));align-items:flex-start;min-width:700px;margin-top:26px;display:grid}
.tier{text-align:center;flex-direction:column;align-items:center;min-height:130px;display:flex;position:relative}
.tier-medal{background:var(--surface-hover);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border);color:var(--text-faint);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}
.tier.achieved .tier-medal{background:var(--green);color:#fff}
.tier>i{background:var(--border);height:2px;position:absolute;top:19px;left:calc(50% + 20px);right:calc(20px - 50%)}
.tier.achieved>i{background:var(--green)}
.tier strong{margin-top:13px;font-size:10px}
.tier>span:not(.tier-medal){color:var(--text-faint);margin:3px 0 8px;font-size:8px}
.tier b{color:var(--violet);font-size:12px}
.ranking-hero{background:radial-gradient(circle at 50% 0%,var(--violet),transparent 52%),var(--surface)}
@supports (color: color-mix(in lab,red,red)){.ranking-hero{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 52%),var(--surface)}
}
.ranking-hero{padding-bottom:0}
.podium{justify-content:center;align-items:end;min-height:310px;display:flex}
.podium-item{flex-direction:column;align-items:center;min-width:170px;display:flex;position:relative}
.podium-item>strong{margin-top:8px;font-size:11px}
.podium-item>span:not(.avatar):not(.crown){color:var(--text-faint);margin-top:2px;font-size:8px}
.podium-item>b{color:var(--violet);margin:8px 0 12px;font-size:11px}
.podium-item>div{background:linear-gradient(160deg,var(--violet-soft),var(--violet));align-items:start}
@supports (color: color-mix(in lab,red,red)){.podium-item>div{background:linear-gradient(160deg,var(--violet-soft),color-mix(in srgb,var(--violet) 25%,var(--surface)))}
}
.podium-item>div{border-radius:14px 14px 0 0;justify-content:center;width:135px;padding-top:16px;display:flex}
.podium-item>div span{color:var(--violet);font-size:26px;font-weight:850}
.podium-1{z-index:2}
.podium-1>.avatar{box-shadow:0 0 0 4px #f3c64e,0 11px 24px #efbb3d45}
.crown{color:#dfa316;position:absolute;top:-31px}
.ranking-list{flex-direction:column;display:flex}
.ranking-list-row{border-bottom:1px solid var(--border);grid-template-columns:30px 34px minmax(0,1fr) auto 60px;align-items:center;gap:12px;min-height:64px;padding:8px 10px;display:grid}
.ranking-list-row.is-current{background:var(--violet-soft);border-radius:12px}
.ranking-number{color:var(--text-faint);text-align:center;font-size:11px;font-weight:750}
.ranking-list-row>div{flex-direction:column;display:flex}
.ranking-list-row strong{font-size:10px}
.ranking-list-row>div span{color:var(--text-faint);margin-top:3px;font-size:8px}
.rank-growth{color:var(--green);text-align:right;font-size:9px;font-weight:700}
.sticky-user-rank{background:var(--violet);color:#fff;border-radius:13px;grid-template-columns:28px 34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;margin-top:13px;padding:8px 14px;display:grid}
.sticky-user-rank>div{flex-direction:column;display:flex}
.sticky-user-rank strong{font-size:10px}
.sticky-user-rank span{color:#ffffffb3;font-size:8px}
.privacy-note{color:var(--text-faint);justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}
.reward-summary{grid-template-columns:1.4fr 1fr 1fr;gap:14px;display:grid}
.reward-summary>.card{flex-direction:column;justify-content:center;min-height:125px;display:flex}
.reward-summary .reward-total{background:linear-gradient(135deg,var(--violet),#9b61ef);color:#fff;border:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;display:flex}
.reward-total-icon{background:#ffffff24;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}
.reward-total>div{flex-direction:column;display:flex}
.reward-summary span,.reward-summary small{color:var(--text-faint);font-size:9px}
.reward-total span,.reward-total small{color:#ffffffb3}
.reward-total strong,.summary-strong{letter-spacing:-.04em;margin:5px 0;font-size:24px}
.reward-list{flex-direction:column;gap:13px;display:flex}
.reward-card{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}
.reward-art{background:radial-gradient(circle at 30% 20%,#ffffffa6,transparent 30%),var(--amber-soft);color:var(--amber);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;display:flex}
.reward-copy>div:first-child{gap:6px;display:flex}
.reward-copy h3{margin:8px 0 5px;font-size:15px}
.reward-copy p{color:var(--text-soft);margin:0;font-size:9px;line-height:1.45}
.reward-copy dl{gap:28px;margin:12px 0 0;display:flex}
.reward-copy dl>div,.reward-value{flex-direction:column;display:flex}
.reward-copy dt{color:var(--text-faint);font-size:8px}
.reward-copy dd{margin:3px 0 0;font-size:9px;font-weight:650}
.reward-value{align-items:end;gap:10px}
.reward-value>strong{color:var(--violet);font-size:19px}
.featured-content{color:#fff;background:radial-gradient(circle at 80% 20%,#ffe18040,#0000 24%),linear-gradient(125deg,#3a294f,#56356d 60%,#774064);border:0;grid-template-columns:minmax(0,1.2fr) .6fr;align-items:center;gap:30px;min-height:280px;padding:30px;display:grid;overflow:hidden}
.featured-content h2{letter-spacing:-.05em;margin:13px 0 8px;font-size:32px}
.featured-content p{color:#ffffffad;max-width:620px;font-size:11px;line-height:1.6}
.featured-stats{gap:22px;margin:20px 0;display:flex}
.featured-stats span{color:#ffffffa6;flex-direction:column;font-size:8px;display:flex}
.featured-stats b{color:#fff;font-size:15px}
.featured-product-visual{background:radial-gradient(circle at 34% 18%,#ffffff73,#0000 20%),linear-gradient(145deg,#e9c4ab,#ad6f77 52%,#725074);border:5px solid #ffffff1a;border-radius:38% 38% 24% 24%;justify-content:center;justify-self:center;align-items:center;width:180px;height:210px;display:flex;position:relative;transform:rotate(4deg);box-shadow:0 25px 60px #180c2359}
.featured-product-visual span{font-family:Georgia,serif;font-size:28px;font-style:italic}
.featured-product-visual svg{color:#ffda76;position:absolute;top:-14px;right:-18px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}
.library-product-card{padding:0;overflow:hidden}
.library-product-art{color:#ffffffe0;justify-content:center;align-items:end;height:145px;display:flex;position:relative;overflow:hidden}
.library-product-art:before{content:"";border:16px solid #ffffff1f;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-45px}
.library-product-art>span{margin-bottom:18px;font-family:Georgia,serif;font-size:24px;font-style:italic;position:relative}
.library-product-art>.badge{position:absolute;top:12px;left:12px}
.library-product-art>button{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:12px;right:12px}
.library-product-art>button.favorited{color:#e0a01a;background:#fff}
.library-product-copy{padding:17px}
.library-product-copy>span{color:var(--violet);text-transform:uppercase;font-size:8px;font-weight:750}
.library-product-copy h3{margin:5px 0 7px;font-size:14px}
.library-product-copy p{color:var(--text-soft);min-height:42px;font-size:9px;line-height:1.5}
.library-product-copy dl{border-bottom:1px solid var(--border);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;margin:14px 0;padding:11px 0;display:grid}
.library-product-copy dl>div{flex-direction:column;display:flex}
.library-product-copy dt{color:var(--text-faint);font-size:8px}
.library-product-copy dd{margin:3px 0 0;font-size:10px;font-weight:700}
.product-card-actions{gap:8px;display:flex}
.product-card-actions .button{flex:1}
.training-strip{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}
.training-icon{background:var(--cyan-soft);color:var(--cyan);border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}
.training-strip h3{margin:7px 0 4px;font-size:14px}
.training-strip p{color:var(--text-faint);margin:0;font-size:9px}
.announcement-list{flex-direction:column;gap:13px;display:flex}
.announcement-card{grid-template-columns:46px minmax(0,1fr);gap:15px;display:grid}
.announcement-card.is-pinned{border-left:3px solid var(--coral)}
.announcement-card-icon{background:var(--coral-soft);color:var(--coral);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}
.announcement-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}
.announcement-meta>span{color:var(--text-faint);font-size:8px}
.announcement-card h3{margin:10px 0 6px;font-size:15px}
.announcement-card p{color:var(--text-soft);margin:0 0 12px;font-size:10px;line-height:1.6}
.calendar-layout,.support-layout,.profile-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.68fr);gap:16px;display:grid}
.calendar-header{justify-content:space-between;align-items:center;display:flex}
.calendar-header h3{font-size:16px}
.calendar-header button{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;width:34px;height:34px}
.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}
.calendar-weekdays{color:var(--text-faint);text-align:center;text-transform:uppercase;margin:20px 0 8px;font-size:8px}
.calendar-days>button{background:var(--surface-soft);text-align:left;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:flex-start;min-height:64px;padding:7px;display:flex}
.calendar-days>button:hover:not(:disabled){border-color:var(--violet)}
.calendar-days>button.today{background:var(--violet-soft);border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.calendar-days>button.today{border-color:color-mix(in srgb,var(--violet) 35%,transparent)}
}
.calendar-days>button.outside{background:0 0}
.calendar-days span{font-size:9px;font-weight:700}
.calendar-days small{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;width:100%;margin-top:6px;padding:3px 4px;font-size:6px;line-height:1.2;overflow:hidden}
.event-violet{background:var(--violet-soft);color:var(--violet)}
.event-cyan{background:var(--cyan-soft);color:var(--cyan)}
.event-coral{background:var(--coral-soft);color:var(--coral)}
.upcoming-events>h3{margin:6px 0 18px;font-size:17px}
.upcoming-events>div{flex-direction:column;gap:18px;display:flex}
.upcoming-events article{align-items:center;gap:12px;display:flex}
.date-chip{background:var(--surface-hover);color:var(--text-faint);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:49px;height:49px;font-size:7px;display:flex}
.date-chip b{color:var(--text);font-size:16px}
.upcoming-events article>div{flex-direction:column;flex:1;display:flex}
.upcoming-events article strong{margin:6px 0 3px;font-size:10px}
.upcoming-events article span{color:var(--text-faint);font-size:8px}
.calendar-list-row{border-top:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px 0;display:grid}
.calendar-list-row:first-of-type{margin-top:14px}
.calendar-list-row>div{flex-direction:column;display:flex}
.calendar-list-row strong{font-size:10px}
.calendar-list-row span{color:var(--text-faint);font-size:8px}
.support-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}
.support-form-card>h3,.ticket-list-card>h3{margin:0 0 7px;font-size:17px}
.support-form-card>p{color:var(--text-soft);margin-bottom:20px;font-size:10px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}
.form-grid label{color:var(--text-soft);flex-direction:column;gap:7px;font-size:9px;font-weight:650;display:flex}
.form-grid textarea{resize:vertical;min-height:120px;padding:11px 12px}
.full-field{grid-column:1/-1}
.file-drop{border:1px dashed var(--border-strong);cursor:pointer;text-align:center;border-radius:13px;justify-content:center;align-items:center;min-height:100px;padding:15px;position:relative}
.file-drop svg{color:var(--violet)}
.file-drop small{color:var(--text-faint);font-size:8px}
.file-drop input{opacity:0;position:absolute;inset:0}
.ticket-list-card article{border-bottom:1px solid var(--border);padding:15px 0}
.ticket-list-card article>div{align-items:center;gap:8px;display:flex}
.ticket-list-card article span{color:var(--text-faint);font-size:8px}
.ticket-list-card article strong{margin-top:9px;font-size:10px;display:block}
.ticket-list-card article p{color:var(--text-faint);margin:4px 0 0;font-size:8px}
.support-tip{background:var(--cyan-soft);color:var(--cyan);border-radius:12px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;display:flex}
.support-tip p{margin:0;font-size:8px;line-height:1.5}
.success-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:25px;display:flex}
.success-state>span,.empty-icon{background:var(--green-soft);color:var(--green);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}
.empty-icon{background:var(--violet-soft);color:var(--violet)}
.success-state h3,.empty-state h3{margin:14px 0 7px;font-size:17px}
.success-state p,.empty-state p{color:var(--text-soft);max-width:400px;font-size:10px;line-height:1.55}
.profile-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}
.profile-summary-card{top:calc(var(--header-height) + 20px);text-align:center;flex-direction:column;align-items:center;display:flex;position:sticky}
.profile-summary-card h2{margin:14px 0 3px;font-size:20px}
.profile-summary-card>span:not(.avatar):not(.badge){color:var(--text-faint);margin-bottom:10px;font-size:10px}
.profile-badges{gap:8px;margin:20px 0;display:flex}
.profile-badges span{background:var(--amber-soft);color:var(--amber);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}
.profile-summary-card dl{border-top:1px solid var(--border);width:100%;margin:0;padding-top:8px}
.profile-summary-card dl>div{justify-content:space-between;padding:7px 0;font-size:9px;display:flex}
.profile-summary-card dt{color:var(--text-faint)}
.profile-summary-card dd{margin:0;font-weight:650}
.profile-main{flex-direction:column;gap:16px;display:flex}
.tiktok-connect-card{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;display:grid}
.tiktok-logo{color:#fff;text-shadow:2px 0 #ef426f,-2px 0 #20d4d9;background:#151319;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}
.tiktok-connect-card h3{margin:5px 0;font-size:15px}
.tiktok-connect-card p{color:var(--text-soft);margin:0;font-size:9px;line-height:1.55}
.connection-details{flex-wrap:wrap;gap:18px;margin:12px 0 0;display:flex}
.connection-details>div{flex-direction:column;display:flex}
.connection-details dt{color:var(--text-faint);font-size:7px}
.connection-details dd{margin:3px 0 0;font-size:8px}
.settings-list{flex-direction:column;margin-top:14px;display:flex}
.setting-toggle{border-top:1px solid var(--border);align-items:center;min-height:65px;display:flex;position:relative}
.setting-toggle>div{flex-direction:column;flex:1;display:flex}
.setting-toggle strong{font-size:10px}
.setting-toggle>div span{color:var(--text-faint);margin-top:4px;font-size:8px}
.setting-toggle input{opacity:0;z-index:1;width:42px;height:24px;position:absolute;right:0}
.switch{background:var(--border-strong);border-radius:999px;width:39px;height:22px;transition:all .2s;position:relative}
.switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:2.5px;left:3px;box-shadow:0 2px 6px #0000002e}
.setting-toggle input:checked+.switch{background:var(--violet)}
.setting-toggle input:checked+.switch:after{transform:translate(16px)}
.modal-backdrop,.drawer-backdrop,.sidebar-backdrop{z-index:80;background:#15101f8c;position:fixed;inset:0}
.modal-backdrop{justify-content:center;align-items:center;padding:20px;display:flex}
.modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:20px;width:min(100%,640px);max-height:calc(100vh - 40px);overflow:auto}
.modal-sm{width:min(100%,430px)}
.modal-lg{width:min(100%,850px)}
.modal-xl{width:min(100%,1100px)}
.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;padding:20px 22px;display:flex}
.modal-header h2{margin:0;font-size:19px}
.modal-header p{color:var(--text-soft);margin:5px 0 0;font-size:9px}
.modal-body{padding:22px}
.notification-drawer{background:var(--surface);box-shadow:var(--shadow-lg);z-index:90;flex-direction:column;width:min(100%,390px);padding:22px;display:flex;position:fixed;top:0;bottom:0;right:0}
.drawer-header{justify-content:space-between;align-items:center;display:flex}
.drawer-header h2{margin:5px 0 0;font-size:22px}
.notification-list{flex-direction:column;flex:1;gap:6px;margin:20px 0;display:flex;overflow:auto}
.notification-list article{border-radius:13px;gap:11px;padding:12px;display:flex}
.notification-list article.unread{background:var(--violet-soft)}
.notification-icon{background:var(--surface-hover);color:var(--violet);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}
.notif-reward{background:var(--amber-soft);color:var(--amber)}
.notif-sale{background:var(--green-soft);color:var(--green)}
.notification-list article>div{flex:1}
.notification-list strong{font-size:10px}
.notification-list p{color:var(--text-soft);margin:4px 0;font-size:8px;line-height:1.5}
.notification-list small{color:var(--text-faint);font-size:7px}
.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--green);box-shadow:var(--shadow-lg);z-index:120;border-radius:13px;align-items:center;gap:9px;max-width:calc(100% - 40px);min-height:48px;padding:8px 12px;font-size:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}
.toast-success>svg{color:var(--green)}
.toast-info{border-left-color:var(--cyan)}
.toast-info>svg{color:var(--cyan)}
.toast-danger{border-left-color:var(--red)}
.toast-danger>svg{color:var(--red)}
.toast button{color:var(--text-faint);background:0 0;border:0;margin-left:4px;display:flex}
.offline-banner{color:#ffe3a0;left:var(--sidebar-width);z-index:100;background:#241b13;justify-content:center;align-items:center;gap:7px;min-height:30px;font-size:9px;display:flex;position:fixed;top:0;right:0}
.offline-banner+.app-sidebar+.app-content .app-header{top:30px}
.bottom-nav{display:none}
.loading-workspace{flex-direction:column;gap:22px;display:flex}
.loading-hero{background:linear-gradient(120deg,#5d38d4,#9b60ed);border-radius:25px;min-height:250px;padding:38px}
.skeleton{background:linear-gradient(90deg,var(--border),var(--surface),var(--border));animation:1.5s infinite shimmer}
@supports (color: color-mix(in lab,red,red)){.skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--border) 50%,transparent),color-mix(in srgb,var(--surface) 65%,transparent),color-mix(in srgb,var(--border) 50%,transparent))}
}
.skeleton{background-size:200% 100%;border-radius:7px;display:block}
.skeleton-line{width:70%;height:13px;margin-bottom:12px}
.loading-hero .skeleton-line{background:#ffffff29}
.skeleton-line.short{width:36%}
.skeleton-line.title{width:58%;height:28px}
.skeleton-square{width:41px;height:41px}
.admin-hero{background:linear-gradient(118deg,#262033,#403150 58%,#5b3e6f)}
.admin-slice-card>h2{margin:8px 0;font-size:22px}
.admin-slice-card>p{color:var(--text-soft);font-size:10px}
.pending-affiliate{border-top:1px solid var(--border);grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:grid}
.pending-affiliate>div{flex-direction:column;display:flex}
.pending-affiliate strong{font-size:11px}
.pending-affiliate span{color:var(--text-faint);margin-top:3px;font-size:8px}
.state-page{background:radial-gradient(circle at 20% 10%,#8b5cf624,transparent 24%),var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}
.state-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;flex-direction:column;align-items:center;max-width:480px;padding:38px;display:flex}
.state-mark{background:var(--violet-soft);color:var(--violet);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;font-size:30px;display:flex}
.state-card h1{letter-spacing:-.05em;margin:8px 0;font-size:28px}
.state-card p{color:var(--text-soft);margin:0 0 22px;font-size:11px;line-height:1.65}
.sr-only{white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.admin-focus-card{z-index:1;background:#ffffff1a;border:1px solid #ffffff24;border-radius:19px;align-self:center;min-width:280px;padding:20px;position:relative}
.admin-focus-card .eyebrow{color:#c7b1fa}
.admin-focus-card>strong{margin:7px 0 15px;font-size:17px;display:block}
.admin-focus-card ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}
.admin-focus-card li{color:#ffffffb8;align-items:center;gap:9px;font-size:10px;display:flex}
.admin-focus-card li span{color:#fff;background:#ffffff1f;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:flex}
.admin-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr);gap:16px;display:grid}
.health-card{flex-direction:column;display:flex}
.health-donut{justify-content:center;align-items:center;gap:20px;margin:24px 0;display:flex}
.health-donut>div:last-child{flex-direction:column;display:flex}
.health-donut>div:last-child strong{letter-spacing:-.05em;font-size:26px}
.health-donut>div:last-child span{color:var(--text-faint);font-size:9px}
.health-stats{flex-direction:column;gap:9px;display:flex}
.health-stats>div{align-items:center;gap:8px;display:flex}
.health-dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px}
.health-dot.success{background:var(--green)}
.health-dot.warning{background:var(--amber)}
.health-dot.danger{background:var(--red)}
.health-stats p{color:var(--text-soft);margin:0;font-size:9px}
.health-stats b{color:var(--text)}
.admin-top-list{flex-direction:column;margin-top:15px;display:flex}
.admin-top-list>div{border-bottom:1px solid var(--border);grid-template-columns:28px 34px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:55px;padding:6px 4px;display:grid}
.admin-top-list>div>div{flex-direction:column;display:flex}
.admin-top-list>div>div:nth-of-type(2){align-items:end}
.admin-top-list strong{font-size:10px}
.admin-top-list span{color:var(--text-faint);font-size:8px}
.attention-panel{padding-bottom:16px}
.attention-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}
.attention-grid article{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:13px;display:grid}
.attention-grid article .button{grid-column:1/-1}
.attention-icon{border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}
.attention-coral{background:var(--coral-soft);color:var(--coral)}
.attention-violet{background:var(--violet-soft);color:var(--violet)}
.attention-cyan{background:var(--cyan-soft);color:var(--cyan)}
.attention-grid article>div{flex-direction:column;display:flex}
.attention-grid strong{font-size:10px}
.attention-grid p{color:var(--text-faint);margin:4px 0 0;font-size:8px;line-height:1.4}
.admin-summary-pills{flex-wrap:wrap;gap:8px;display:flex}
.admin-summary-pills>span{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;min-height:34px;padding:9px 13px;font-size:9px}
.admin-summary-pills b{color:var(--text);font-size:11px}
.table-person{align-items:center;gap:9px;display:flex}
.table-person>div{flex-direction:column;display:flex}
.affiliate-table{min-width:1100px}
.admin-profile-modal{flex-direction:column;gap:16px;display:flex}
.admin-profile-head{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:17px;display:flex}
.admin-profile-head>div{flex-direction:column;flex:1;display:flex}
.admin-profile-head h3{margin:0 0 3px;font-size:19px}
.admin-profile-head>div>span{color:var(--text-faint);font-size:9px}
.admin-profile-head>div>div{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}
.admin-profile-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}
.admin-profile-metrics>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:13px;flex-direction:column;padding:13px;display:flex}
.admin-profile-metrics span{color:var(--text-faint);font-size:8px}
.admin-profile-metrics strong{margin-top:5px;font-size:16px}
.admin-profile-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}
.admin-profile-grid .card{box-shadow:none}
.admin-profile-grid h3,.timeline-card h3{margin:0 0 13px;font-size:13px}
.admin-profile-grid dl{margin:0}
.admin-profile-grid dl>div{justify-content:space-between;padding:7px 0;font-size:9px;display:flex}
.admin-profile-grid dt{color:var(--text-faint)}
.admin-profile-grid dd{margin:0;font-weight:650}
.quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}
.timeline-item{grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:11px;padding:9px 0;display:grid;position:relative}
.timeline-item>span{background:var(--violet);border:3px solid var(--violet-soft);border-radius:50%;width:10px;height:10px;margin-top:2px}
.timeline-item>div{flex-direction:column;display:flex}
.timeline-item strong{font-size:9px}
.timeline-item p,.timeline-item time{color:var(--text-faint);margin:3px 0 0;font-size:8px}
.section-button-group,.modal-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}
.bulk-toolbar{background:var(--surface-soft);border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:66px;padding:11px 16px;display:flex}
.bulk-toolbar>div{flex-direction:column;flex:1;display:flex}
.bulk-toolbar strong{font-size:10px}
.bulk-toolbar span{color:var(--text-faint);margin-top:3px;font-size:8px}
.import-steps{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(4,1fr);padding:15px 20px;display:grid}
.import-steps>div{align-items:center;gap:9px;display:flex;position:relative}
.import-steps>div>span{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-faint);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:flex}
.import-steps>div.active>span{background:var(--violet);border-color:var(--violet);color:#fff}
.import-steps strong{font-size:9px}
.import-steps i{background:var(--border);z-index:0;height:1px;position:absolute;left:40px;right:10px}
.import-drop-card{padding:20px}
.large-file-drop{border:1px dashed var(--border-strong);cursor:pointer;text-align:center;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:30px;display:flex;position:relative}
.large-file-drop>span{background:var(--violet-soft);color:var(--violet);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}
.large-file-drop h3{margin:16px 0 6px;font-size:18px}
.large-file-drop p{color:var(--text-soft);margin:0 0 18px;font-size:10px}
.large-file-drop input{opacity:0;position:absolute;inset:0}
.import-security-note{color:var(--text-faint);justify-content:center;align-items:center;gap:8px;margin-top:13px;font-size:8px;display:flex}
.import-security-note svg{color:var(--green)}
.import-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);align-items:start;gap:16px;display:grid}
.mapping-list{flex-direction:column;gap:8px;margin:18px 0;display:flex}
.mapping-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;grid-template-columns:minmax(0,1fr) 18px minmax(160px,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}
.mapping-row>span{font-size:9px;font-weight:650}
.mapping-row svg{color:var(--text-faint)}
.mapping-row select{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:34px;padding:0 8px;font-size:9px}
.preview-rows{flex-direction:column;gap:7px;margin-top:17px;display:flex}
.preview-rows article{background:var(--surface-soft);border-radius:10px;grid-template-columns:1fr auto;gap:5px;padding:10px;display:grid}
.preview-rows strong,.preview-rows b{font-size:9px}
.preview-rows span{color:var(--text-faint);font-size:8px}
.preview-rows b{grid-area:1/2/3}
.validation-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}
.validation-summary .card{align-items:center;gap:12px;min-height:90px;padding:15px;display:flex}
.validation-icon{background:var(--surface-hover);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}
.validation-icon.success{background:var(--green-soft);color:var(--green)}
.validation-icon.warning{background:var(--amber-soft);color:var(--amber)}
.validation-icon.danger{background:var(--red-soft);color:var(--red)}
.validation-summary .card>div{flex-direction:column;display:flex}
.validation-summary span{color:var(--text-faint);font-size:8px}
.validation-summary strong{margin-top:3px;font-size:20px}
.import-confirm-bar{border-top:1px solid var(--border);align-items:center;gap:9px;padding:14px 17px;display:flex}
.import-confirm-bar>div{flex-direction:column;flex:1;display:flex}
.import-confirm-bar strong{font-size:10px}
.import-confirm-bar span{color:var(--text-faint);margin-top:3px;font-size:8px}
.import-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}
.import-result>span{background:var(--green-soft);color:var(--green);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}
.import-result h2{margin:16px 0 7px;font-size:23px}
.import-result p{color:var(--text-soft);max-width:450px;font-size:10px}
.import-result>div{gap:8px;margin-top:14px;display:flex}
.import-history-row{border-top:1px solid var(--border);grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:62px;padding:8px 0;display:grid}
.file-icon{background:var(--green-soft);color:var(--green);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}
.import-history-row>div{flex-direction:column;display:flex}
.import-history-row strong{font-size:9px}
.import-history-row span{color:var(--text-faint);font-size:8px}
.admin-campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}
.admin-campaign-card{position:relative}
.admin-campaign-card h3{margin:8px 0;font-size:17px}
.admin-campaign-card>p{color:var(--text-soft);min-height:42px;font-size:9px;line-height:1.5}
.admin-campaign-card dl{border-bottom:1px solid var(--border);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;padding:10px 0;display:grid}
.admin-campaign-card dt{color:var(--text-faint);font-size:7px}
.admin-campaign-card dd{margin:3px 0 0;font-size:9px;font-weight:650}
.admin-card-actions{gap:7px;margin-top:15px;display:flex}
.admin-card-actions .button{flex:1}
.create-campaign-card{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-soft);text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:24px;display:flex}
.create-campaign-card:hover{background:var(--surface);border-color:var(--violet)}
.create-campaign-card>span{background:var(--violet-soft);color:var(--violet);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}
.create-campaign-card strong{color:var(--text);margin-top:14px;font-size:13px}
.create-campaign-card p{max-width:220px;font-size:9px;line-height:1.5}
.rules-simulator{justify-content:space-between;align-items:center;display:flex}
.rules-simulator>div{align-items:center;gap:14px;display:flex}
.rules-icon{background:var(--violet-soft);color:var(--violet);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}
.rules-simulator h3{margin:5px 0 3px;font-size:14px}
.rules-simulator p{color:var(--text-soft);margin:0;font-size:9px}
.payment-board{padding-bottom:14px}
.payment-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}
.payment-grid article{background:var(--surface-soft);border:1px solid var(--border);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px;display:grid}
.payment-grid article>div{align-items:center;gap:8px;display:flex}
.payment-grid article>div>div{flex-direction:column;display:flex}
.payment-grid strong{font-size:10px}
.payment-grid span{color:var(--text-faint);font-size:8px}
.payment-grid article>button{color:var(--text-faint);background:0 0;border:0;grid-area:2/2;justify-content:center;align-items:center;display:flex}
.sensitive-note{border-top:1px solid var(--border);color:var(--text-faint);align-items:center;gap:7px;margin-top:14px;padding-top:12px;font-size:8px;display:flex}
.sensitive-note svg{color:var(--green)}
.content-admin-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}
.content-admin-tabs button{color:var(--text-faint);background:0 0;border:0;border-bottom:2px solid #0000;min-height:39px;padding:0 13px;font-size:10px}
.content-admin-tabs button.active{border-bottom-color:var(--violet);color:var(--violet);font-weight:700}
.admin-product-card{padding:0;overflow:hidden}
.admin-product-art{color:#fff;justify-content:center;align-items:end;height:125px;display:flex;position:relative}
.admin-product-art .badge{position:absolute;top:11px;left:11px}
.admin-product-art>span{margin-bottom:18px;font-family:Georgia,serif;font-size:24px;font-style:italic}
.admin-product-copy{padding:15px}
.admin-product-copy>div:first-child{justify-content:space-between;align-items:center;display:flex}
.admin-product-copy>div:first-child>span{color:var(--violet);text-transform:uppercase;font-size:8px;font-weight:750}
.admin-product-copy h3{margin:8px 0 3px;font-size:13px}
.admin-product-copy>p{color:var(--text-faint);font-size:8px}
.admin-product-copy dl{grid-template-columns:1fr 1fr;margin:12px 0;display:grid}
.admin-product-copy dt{color:var(--text-faint);font-size:7px}
.admin-product-copy dd{margin:3px 0 0;font-size:9px;font-weight:700}
.announcement-admin-list{flex-direction:column;gap:11px;display:flex}
.announcement-admin-list .card{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}
.announcement-admin-list h3{margin:8px 0 5px;font-size:13px}
.announcement-admin-list p{color:var(--text-soft);margin:0 0 7px;font-size:9px;line-height:1.5}
.announcement-admin-list>.card>div:nth-child(2)>span{color:var(--text-faint);font-size:8px}
.announcement-admin-list>.card>div:last-child{flex-direction:column;align-items:end;display:flex}
.announcement-admin-list>.card>div:last-child>strong{color:var(--violet);font-size:18px}
.announcement-admin-list>.card>div:last-child>span{color:var(--text-faint);margin-bottom:5px;font-size:8px}
.checkbox-label{align-items:center;flex-direction:row!important}
.checkbox-label input{width:18px;min-height:18px!important}
.mode-selector{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}
.mode-selector>button{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:15px;align-items:center;gap:11px;min-height:90px;padding:14px;display:flex}
.mode-selector>button.active{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}
.mode-selector>button>span{background:var(--violet-soft);color:var(--violet);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}
.mode-selector>button>div{flex-direction:column;flex:1;display:flex}
.mode-selector strong{font-size:11px}
.mode-selector p{color:var(--text-faint);margin:4px 0 0;font-size:8px;line-height:1.4}
.mode-selector>button>svg{color:var(--green)}
.integration-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}
.integration-card{flex-direction:column;display:flex}
.integration-head{align-items:center;gap:11px;display:flex}
.integration-head>div:nth-child(2){flex-direction:column;flex:1;display:flex}
.integration-head h3{margin:0;font-size:14px}
.integration-head span{color:var(--text-faint);margin-top:3px;font-size:8px}
.shop-logo{background:linear-gradient(145deg,#44d7d4,#111);border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:850;display:flex;color:#fff!important;margin:0!important;font-size:20px!important}
.integration-checklist{flex-direction:column;gap:9px;margin:22px 0;display:flex}
.integration-checklist>div{color:var(--green);align-items:center;gap:7px;font-size:9px;display:flex}
.integration-checklist>div.pending{color:var(--amber)}
.integration-actions{gap:8px;margin-top:auto;display:flex}
.integration-actions .button{flex:1}
.integration-diagnostics{margin:18px 0}
.integration-diagnostics dl{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}
.integration-diagnostics dl>div{background:var(--surface-soft);border-radius:10px;flex-direction:column;padding:10px;display:flex}
.integration-diagnostics dt{color:var(--text-faint);font-size:7px}
.integration-diagnostics dd{margin:4px 0 0;font-size:9px;font-weight:700}
.integration-history .empty-state{min-height:240px}
.api-boundary-note{background:var(--green-soft);border-color:var(--green);align-items:center}
@supports (color: color-mix(in lab,red,red)){.api-boundary-note{border-color:color-mix(in srgb,var(--green) 20%,transparent)}
}
.api-boundary-note{gap:13px;display:flex}
.api-boundary-note>svg{color:var(--green)}
.api-boundary-note strong{font-size:11px}
.api-boundary-note p{color:var(--green)}
@supports (color: color-mix(in lab,red,red)){.api-boundary-note p{color:color-mix(in srgb,var(--green) 72%,var(--text))}
}
.api-boundary-note p{margin:4px 0 0;font-size:8px}
.audit-filters{grid-template-columns:minmax(0,1fr) auto auto;gap:9px;padding:13px;display:grid}
.audit-list{padding-top:12px;padding-bottom:12px}
.audit-list article{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto 30px;align-items:center;gap:12px;min-height:75px;padding:10px 0;display:grid}
.audit-icon{background:var(--violet-soft);color:var(--violet);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}
.audit-list article>div{flex-direction:column;display:flex}
.audit-list article>div>div{align-items:center;gap:7px;display:flex}
.audit-list strong{font-size:10px}
.audit-list p,.audit-list span{color:var(--text-faint);margin:4px 0 0;font-size:8px}
.audit-list code{background:var(--surface-hover);color:var(--text-soft);border-radius:7px;padding:6px 8px;font-size:8px}
.audit-list article>button{color:var(--text-faint);background:0 0;border:0;justify-content:center;align-items:center;display:flex}
.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}
.settings-nav{flex-direction:column;padding:10px;display:flex}
.settings-nav button{color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 11px;font-size:10px;display:flex}
.settings-nav button.active{background:var(--violet-soft);color:var(--violet);font-weight:700}
.settings-panel{min-height:430px}
.settings-form,.settings-list-admin{margin-top:20px}
.danger-zone{border-color:var(--red);align-items:center}
@supports (color: color-mix(in lab,red,red)){.danger-zone{border-color:color-mix(in srgb,var(--red) 25%,var(--border))}
}
.danger-zone{justify-content:space-between;display:flex}
.danger-zone>div{align-items:center;gap:12px;display:flex}
.danger-zone>div>span{background:var(--red-soft);color:var(--red);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}
.danger-zone h3{margin:0 0 3px;font-size:12px}
.danger-zone p{color:var(--text-faint);margin:0;font-size:8px}
@keyframes pulse{50%{opacity:.5}
}
@keyframes shimmer{0%{background-position:180% 0}
to{background-position:-20% 0}
}
@media (max-width: 1240px){.metrics-grid{grid-template-columns:repeat(2,1fr)}
.product-grid{grid-template-columns:repeat(3,1fr)}
.campaign-grid{grid-template-columns:repeat(2,1fr)}
.analytics-grid,.engagement-grid{grid-template-columns:1fr}
.admin-campaign-grid,.payment-grid{grid-template-columns:repeat(2,1fr)}
.product-row{grid-template-columns:41px minmax(160px,1fr) minmax(180px,1fr)}
}
@media (max-width: 1020px){:root{--sidebar-width: 232px}
.app-sidebar{padding-left:13px;padding-right:13px}
.sidebar-boost{display:none}
.affiliate-hero{grid-template-columns:1fr}
.level-card{min-height:150px}
.dashboard-main-grid{grid-template-columns:1fr}
.next-action-card{text-align:left;grid-template-columns:80px minmax(0,1fr) auto;gap:12px;display:grid}
.next-action-card>.eyebrow,.next-action-card>small{display:none}
.next-action-card .action-orbit{grid-row:1/3;margin:0}
.next-action-card h3,.next-action-card p{grid-column:2;margin:0}
.next-action-card .button{grid-area:1/3/3}
.header-user>div,.header-user>svg,.demo-mode{display:none}
.reward-summary{grid-template-columns:1.2fr 1fr}
.reward-summary>.card:last-child{grid-column:1/-1}
.product-grid{grid-template-columns:repeat(2,1fr)}
.calendar-layout,.support-layout,.admin-overview-grid,.import-layout{grid-template-columns:1fr}
.attention-grid,.validation-summary{grid-template-columns:1fr 1fr}
}
@media (max-width: 820px){:root{--header-height: 64px}
.app-sidebar{box-shadow:var(--shadow-lg);z-index:100;width:min(86vw,310px);transition:transform .25s;transform:translate(-105%)}
.app-sidebar.is-open{transform:translate(0)}
.sidebar-close,.mobile-menu{display:inline-flex}
.sidebar-backdrop{z-index:95}
.app-content{margin-left:0}
.app-header{padding:0 18px}
.main-area{padding:20px 18px 95px}
.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);align-items:stretch}
@supports (color: color-mix(in lab,red,red)){.bottom-nav{background:color-mix(in srgb,var(--surface) 92%,transparent)}
}
.bottom-nav{border-top:1px solid var(--border);min-height:66px;padding-bottom:env(safe-area-inset-bottom);z-index:50;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}
.bottom-nav button{color:var(--text-faint);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;padding:4px;font-size:8px;display:flex}
.bottom-nav button.active{color:var(--violet)}
.bottom-nav button.active svg{filter:drop-shadow(0 5px 8px #6d42e938)}
.offline-banner{left:0}
.profile-layout{grid-template-columns:1fr}
.profile-summary-card{position:static}
.integration-grid,.settings-layout{grid-template-columns:1fr}
.settings-nav{flex-direction:row;overflow-x:auto}
.settings-nav button{flex:none}
.mode-selector{grid-template-columns:1fr}
}
@media (max-width: 680px){.main-area{padding-left:13px;padding-right:13px}
.breadcrumb>span,.breadcrumb>svg{display:none}
.header-actions{gap:5px}
.header-actions>.icon-button:first-of-type{display:none}
.app-header{padding:0 13px}
.affiliate-hero{min-height:0;padding:24px 20px}
.affiliate-hero:after{display:none}
.hero-copy h1{font-size:30px}
.hero-copy>p{font-size:11px}
.hero-actions{grid-template-columns:1fr 1fr;display:grid}
.level-card{min-height:0}
.content-toolbar,.section-title{flex-direction:column;align-items:stretch;gap:13px}
.period-bar{width:100%}
.period-bar select{flex:1}
.metrics-grid{grid-template-columns:1fr 1fr}
.metric-card{min-height:134px;padding:14px}
.metric-copy>strong{font-size:19px}
.goal-card-header{flex-direction:column;align-items:flex-start}
.goal-card-header .donut{margin:0 auto}
.goal-stats{grid-template-columns:1fr}
.goal-stats>div{border-bottom:1px solid #ffffff17;border-right:0;padding-bottom:9px}
.next-action-card{text-align:center;display:flex}
.next-action-card .action-orbit{margin:14px 0}
.product-row{grid-template-columns:41px minmax(0,1fr)}
.product-row .product-bar{grid-column:2}
.announcement-banner,.training-strip,.tiktok-connect-card{grid-template-columns:46px minmax(0,1fr)}
.announcement-banner .button,.training-strip .button,.tiktok-connect-card .button{grid-column:1/-1}
.table-toolbar{grid-template-columns:1fr auto;align-items:stretch;display:grid}
.search-field{grid-column:1/-1}
.desktop-table-wrap{display:none}
.mobile-sale-list{flex-direction:column;display:flex}
.sale-mobile-card{border-bottom:1px solid var(--border)}
.sale-mobile-summary{text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:84px;padding:12px 15px;display:grid}
.sale-mobile-summary>div{flex-direction:column;display:flex}
.sale-mobile-summary>div:nth-child(2){align-items:end;gap:5px}
.sale-mobile-summary strong{font-size:10px}
.sale-mobile-summary span{color:var(--text-faint);margin-top:4px;font-size:8px}
.sale-mobile-details{background:var(--surface-soft);padding:12px 15px 15px}
.sale-mobile-details dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}
.sale-mobile-details dt{color:var(--text-faint);font-size:8px}
.sale-mobile-details dd{margin:3px 0 0;font-size:9px;font-weight:650}
.campaign-grid,.product-grid{grid-template-columns:1fr}
.campaign-card>p{min-height:0}
.podium{min-height:270px}
.podium-item{width:33.333%;min-width:0}
.podium-item>div{width:88%}
.podium-item>strong{text-overflow:ellipsis;white-space:nowrap;max-width:95px;overflow:hidden}
.ranking-list-row{grid-template-columns:26px 34px minmax(0,1fr) auto}
.ranking-list-row>.rank-growth{display:none}
.reward-summary{grid-template-columns:1fr}
.reward-summary>.card:last-child{grid-column:auto}
.reward-card{grid-template-columns:52px minmax(0,1fr);align-items:flex-start}
.reward-art{width:52px;height:52px}
.reward-value{border-top:1px solid var(--border);grid-column:1/-1;align-items:stretch;padding-top:13px}
.featured-content{grid-template-columns:1fr}
.featured-product-visual{display:none}
.calendar-days>button{min-height:49px;padding:5px}
.calendar-days small{height:5px;padding:0;font-size:0}
.calendar-list-row{grid-template-columns:42px minmax(0,1fr) auto}
.calendar-list-row>span{display:none}
.form-grid{grid-template-columns:1fr}
.full-field{grid-column:auto}
.pending-affiliate{grid-template-columns:46px minmax(0,1fr)}
.pending-affiliate>.badge,.pending-affiliate>.button{grid-column:2}
.admin-focus-card{width:100%;min-width:0}
.attention-grid,.admin-campaign-grid,.payment-grid{grid-template-columns:1fr}
.admin-profile-head{flex-wrap:wrap;align-items:flex-start}
.admin-profile-head .button{width:100%}
.admin-profile-metrics,.admin-profile-grid{grid-template-columns:1fr 1fr}
.import-steps{padding:10px}
.import-steps strong{display:none}
.import-steps i{right:-4px}
.mapping-row{grid-template-columns:1fr}
.mapping-row>svg{transform:rotate(90deg)}
.import-confirm-bar{flex-wrap:wrap;align-items:stretch}
.import-confirm-bar>div{flex-basis:100%}
.announcement-admin-list .card{grid-template-columns:46px minmax(0,1fr);align-items:flex-start}
.announcement-admin-list .card>div:last-child{border-top:1px solid var(--border);grid-column:1/-1;align-items:start;width:100%;padding-top:10px}
.audit-filters{grid-template-columns:1fr}
.audit-list article{grid-template-columns:40px minmax(0,1fr) 24px}
.audit-list code{display:none}
.rules-simulator,.danger-zone{flex-direction:column;align-items:stretch;gap:14px}
.modal-backdrop{align-items:end;padding:0}
.modal{border-radius:22px 22px 0 0;width:100%;max-height:92vh}
}
@media (max-width: 430px){.metrics-grid{grid-template-columns:1fr}
.metric-card{min-height:105px}
.compare-toggle{display:none}
.hero-actions{grid-template-columns:1fr}
.goal-card{padding:21px 18px}
.card{padding:18px}
.table-card{padding:0}
.reward-copy dl{flex-direction:column;gap:8px}
.featured-stats{gap:14px}
.validation-summary,.admin-profile-metrics,.admin-profile-grid,.quick-actions{grid-template-columns:1fr}
.bulk-toolbar{flex-wrap:wrap;align-items:stretch}
.bulk-toolbar>div{flex-basis:100%}
.section-button-group{grid-template-columns:1fr;align-items:stretch;display:grid}
.section-button-group .button{width:100%}
}
.auth-page{background:var(--background);grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);min-height:100dvh;display:grid}
.auth-brand-panel{color:#fff;isolation:isolate;background:radial-gradient(circle at 82% 12%,#ffffff2e,#0000 24%),radial-gradient(circle at 12% 82%,#ffc86838,#0000 28%),linear-gradient(145deg,#6b35d4,#8d46e8 46%,#e35b9b);flex-direction:column;min-height:100dvh;padding:clamp(30px,5vw,72px);display:flex;position:sticky;top:0;overflow:hidden}
.auth-brand-panel:before,.auth-brand-panel:after{content:"";pointer-events:none;z-index:-1;border:1px solid #ffffff29;border-radius:999px;position:absolute}
.auth-brand-panel:before{width:360px;height:360px;top:20%;right:-190px}
.auth-brand-panel:after{width:520px;height:520px;bottom:-240px;left:-200px}
.auth-brand{color:#fff;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;text-decoration:none;display:inline-flex}
.auth-brand>span,.auth-mobile-brand>span{background:#ffffff2b;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}
.auth-brand div{line-height:1.02;display:grid}
.auth-brand strong{font-size:1.22rem}
.auth-brand small{letter-spacing:.08em;opacity:.8;text-transform:uppercase;font-size:.76rem;font-weight:650}
.auth-brand-copy{max-width:580px;margin:auto 0 34px}
.auth-brand-copy .badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:20px}
.auth-brand-copy h1{letter-spacing:-.055em;max-width:740px;margin:0;font-size:clamp(2.25rem,4.2vw,4.7rem);line-height:.98}
.auth-brand-copy p{color:#ffffffc7;max-width:500px;font-size:1rem;line-height:1.65}
.auth-progress-visual,.auth-quote{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #ffffff2b;border-radius:22px;max-width:560px;padding:19px 20px}
.auth-progress-visual>div{align-items:center;gap:13px;display:flex}
.auth-progress-visual>div>div{flex:1;display:grid}
.auth-progress-visual small,.auth-quote span{color:#ffffffa8;font-size:.76rem}
.auth-medal{color:#633405;background:linear-gradient(145deg,#ffe37d,#f7a531);border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;display:inline-flex}
.auth-progress{background:#ffffff24;border-radius:999px;height:7px;margin-top:15px;display:block;overflow:hidden}
.auth-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffd96d,#fff2b6);width:94%;height:100%;display:block}
.auth-progress-visual p{opacity:.76;margin:10px 0 0;font-size:.79rem}
.auth-quote{margin-top:13px}
.auth-quote p{margin:0 0 8px;font-size:.84rem;line-height:1.55}
.auth-form-panel{justify-content:center;align-items:center;min-width:0;padding:clamp(28px,6vw,92px);display:flex}
.auth-form-wrap{width:100%;max-width:480px}
.auth-form-signup{max-width:760px}
.auth-form-wrap>h1,.auth-state h1{color:var(--text);letter-spacing:-.045em;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.04}
.auth-form-wrap>p,.auth-state>p{color:var(--muted);margin:0 0 25px;line-height:1.6}
.auth-mobile-brand{color:var(--primary);align-items:center;gap:9px;margin-bottom:45px;font-size:.93rem;font-weight:800;text-decoration:none;display:none}
.auth-mobile-brand>span{background:var(--primary-soft);border-color:var(--primary-border);width:38px;height:38px}
.auth-form{gap:18px;display:grid}
.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}
.auth-form label{color:var(--text);gap:8px;font-size:.83rem;font-weight:700;display:grid}
.auth-input{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:13px;align-items:center;min-height:49px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}
.auth-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.auth-input input,.auth-input select{color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 8px}
.auth-input button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}
.auth-form textarea{background:var(--card);border:1px solid var(--border);color:var(--text);font:inherit;resize:vertical;border-radius:13px;min-height:110px;padding:13px 14px}
.label-between{justify-content:space-between;align-items:center;display:flex}
.label-between a,.auth-switch a,.auth-checkbox a{color:var(--primary);font-weight:750}
.auth-form .button{width:100%;min-height:50px}
.demo-auth-notice,.auth-info-box,.auth-message{border-radius:13px;align-items:flex-start;gap:9px;margin-bottom:19px;padding:12px 13px;font-size:.8rem;line-height:1.48;display:flex}
.demo-auth-notice,.auth-message-info,.auth-info-box{background:var(--cyan-soft);color:var(--cyan)}
.auth-message{margin:0}
.auth-message-success{background:var(--green-soft);color:var(--green)}
.auth-message-danger{background:var(--coral-soft);color:var(--coral)}
.auth-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0;font-size:.72rem;display:grid}
.auth-divider span{background:var(--border);height:1px}
.auth-switch{text-align:center;font-size:.86rem}
.password-strength{align-items:center;gap:9px;display:flex}
.password-strength>span{flex:1;gap:4px;display:flex}
.password-strength i{background:var(--border);border-radius:999px;width:20%;height:4px;transition:background .16s}
.password-strength i.active{background:var(--primary)}
.password-strength small{color:var(--muted);font-size:.67rem;font-weight:600}
.auth-checkbox{align-items:flex-start;line-height:1.5;gap:10px!important;font-weight:500!important;display:flex!important}
.auth-checkbox input{accent-color:var(--primary);width:18px;height:18px;margin-top:2px}
.auth-back{color:var(--muted);margin-bottom:30px;font-size:.82rem;text-decoration:none;display:inline-block}
.auth-state-panel{text-align:center}
.auth-state{flex-direction:column;align-items:center;max-width:510px;display:flex}
.auth-state-icon,.system-state-illustration{border-radius:20px;justify-content:center;align-items:center;width:74px;height:74px;margin-bottom:23px;display:inline-flex}
.auth-state-green{background:var(--green-soft);color:var(--green)}
.auth-state-amber{background:var(--amber-soft);color:var(--amber)}
.auth-state-coral{background:var(--coral-soft);color:var(--coral)}
.auth-state-cyan{background:var(--cyan-soft);color:var(--cyan)}
.auth-state .auth-info-box{text-align:left;margin:0 0 22px}
.auth-state .button{margin-top:4px}
.auth-state .text-button{margin-top:14px}
.auth-state .auth-message{margin-top:15px}
.system-state-page{background:radial-gradient(circle at 25% 10%,var(--primary-soft),transparent 35%),var(--background);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}
.system-state-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;border-radius:28px;flex-direction:column;align-items:center;max-width:560px;padding:clamp(32px,6vw,64px);display:flex}
.system-state-logo{background:var(--primary-soft);color:var(--primary);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:36px;display:inline-flex}
.system-state-illustration{background:var(--coral-soft);color:var(--coral)}
.system-state-card h1{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,2.8rem)}
.system-state-card p{color:var(--muted);margin:13px 0 27px;line-height:1.65}
.sale-detail-modal{gap:20px;display:grid}
.sale-detail-modal>div:first-child{background:var(--surface-soft);border:1px solid var(--border);border-radius:15px;gap:4px;padding:16px;display:grid}
.sale-detail-modal span,.sale-detail-modal small,.sale-detail-modal dt{color:var(--text-soft);font-size:.76rem}
.sale-detail-modal dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}
.sale-detail-modal dl>div{border-bottom:1px solid var(--border);gap:5px;padding-bottom:11px;display:grid}
.sale-detail-modal dd{color:var(--text);margin:0;font-size:.86rem;font-weight:700}
.compare-toggle[aria-pressed=true]{background:var(--violet-soft);border-color:var(--violet);color:var(--violet)}
.compare-toggle[aria-pressed=true] .toggle-dot{background:var(--violet);transform:translate(12px)}
.period-control{position:relative}
.custom-period-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:35;border-radius:17px;gap:12px;min-width:350px;padding:15px;display:grid;position:absolute;top:calc(100% + 9px);right:0}
.custom-period-panel>div:first-child{grid-template-columns:1fr 1fr;gap:10px;display:grid}
.custom-period-panel label{color:var(--text-soft);gap:5px;font-size:.7rem;font-weight:700;display:grid}
.custom-period-panel input{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;min-height:42px;padding:8px 10px}
.custom-period-panel>span{color:var(--text-faint);text-align:center;font-size:.7rem}
.specific-day-add{grid-template-columns:1fr auto;gap:8px;display:grid}
.specific-day-add button,.selected-day-chips button{background:var(--violet-soft);color:var(--violet);border:0;border-radius:10px;min-height:42px;padding:8px 12px;font-size:.74rem;font-weight:750}
.selected-day-chips{flex-wrap:wrap;gap:7px;display:flex}
.selected-day-chips button{min-height:34px}
@media (max-width: 860px){.auth-page{display:block}
.auth-brand-panel{display:none}
.auth-form-panel{min-height:100dvh;padding:30px 22px 56px}
.auth-mobile-brand{display:inline-flex}
.auth-grid,.sale-detail-modal dl{grid-template-columns:1fr}
.custom-period-panel{min-width:min(350px,100vw - 44px);left:0;right:auto}
}
@media (prefers-reduced-motion: reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
:root{--v5-gradient: linear-gradient(135deg, #6d42e9 0%, #8b5cf6 48%, #ef6575 100%);--v5-gradient-soft: radial-gradient(circle at 12% 6%, #8b5cf626, transparent 31%), radial-gradient(circle at 88% 14%, #ef657521, transparent 28%), var(--bg);--glass-border: #ffffff94;--glass-surface: #ffffffad;--glass-surface-strong: #ffffffd1;--glass-shadow: 0 24px 70px #422a6b21, inset 0 1px 0 #fffc}
[data-theme=dark]{--glass-border: #ffffff21;--glass-surface: #1e192bb0;--glass-surface-strong: #231d31d6;--glass-shadow: 0 26px 74px #0000005c, inset 0 1px 0 #ffffff14}
body{background:var(--v5-gradient-soft);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Arial,sans-serif}
.v5-shell .main-area{max-width:1640px;margin-inline-start:auto;margin-inline-end:auto;padding:28px clamp(20px,2.6vw,42px) 70px}
.v5-shell .app-header{background:var(--surface)}
@supports (color: color-mix(in lab,red,red)){.v5-shell .app-header{background:color-mix(in srgb,var(--surface) 91%,transparent)}
}
.v5-shell .app-header{border-bottom-color:var(--border)}
@supports (color: color-mix(in lab,red,red)){.v5-shell .app-header{border-bottom-color:color-mix(in srgb,var(--border) 82%,transparent)}
}
.v5-shell .app-header{box-shadow:0 8px 28px #24193f09}
.v5-shell .app-sidebar{background:radial-gradient(circle at 12% 2%,#8b5cf64d,#0000 27%),radial-gradient(circle at 87% 70%,#ef65751f,#0000 35%),#1b1727}
.live-status{background:var(--green-soft);border:1px solid var(--green);align-items:center}
@supports (color: color-mix(in lab,red,red)){.live-status{border:1px solid color-mix(in srgb,var(--green) 16%,transparent)}
}
.live-status{color:var(--green);border-radius:999px;gap:7px;min-height:34px;padding:0 12px;font-size:.7rem;font-weight:800;display:inline-flex}
.live-status i{background:var(--green);box-shadow:0 0 0 4px var(--green);border-radius:50%}
@supports (color: color-mix(in lab,red,red)){.live-status i{box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 13%,transparent)}
}
.live-status i{width:7px;height:7px}
.is-spinning svg{animation:.8s linear infinite v5-spin}
@keyframes v5-spin{to{transform:rotate(360deg)}
}
.workspace-pill .badge{padding:5px 7px;font-size:.56rem}
.sidebar-v5-status{background:linear-gradient(135deg,#8b5cf62e,#ef65751f);border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:10px;margin:16px 0 14px;padding:12px;display:flex}
.sidebar-v5-status>span{color:#e9dcff;background:#ffffff1c;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}
.sidebar-v5-status>div{flex:1;gap:8px;min-width:0;display:grid}
.sidebar-v5-status strong{color:#f3eefb;font-size:.7rem;line-height:1.35}
.sidebar-v5-status .progress{background:#ffffff17}
.v5-dashboard{gap:24px}
.v5-hero{background:radial-gradient(circle at 88% 18%,#ffffff30,transparent 28%),var(--v5-gradient);color:#fff;border:1px solid #fff3;border-radius:30px;grid-template-columns:minmax(0,1.55fr) minmax(310px,.7fr);gap:clamp(22px,4vw,52px);padding:clamp(24px,3.4vw,46px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px #5c37b23d}
.v5-hero:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff21 42%,#0000 70%);position:absolute;inset:-100% 58% -100% -20%;transform:rotate(12deg)}
.v5-hero-main{z-index:1;align-self:center;min-width:0;position:relative}
.v5-hero h1{color:#fff;letter-spacing:-.055em;margin:6px 0 12px;font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.02}
.v5-hero h1 span{color:#fff0bd}
.v5-hero p{color:#ffffffd1;line-height:1.6}
.v5-profile-line{align-items:center;gap:17px;display:flex}
.v5-profile-line .avatar{border:3px solid #ffffff61;box-shadow:0 14px 34px #2914593d}
.v5-profile-line .eyebrow,.v5-hero>.v5-hero-main>.eyebrow{color:#ffffffb3}
.identity-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}
.identity-title h1,.identity-title h2,.identity-title h3{margin:0}
.verified-mark{background:#2797ff;align-items:center}
@supports (color: color-mix(in lab,red,red)){.verified-mark{background:color-mix(in srgb,#2797ff 13%,var(--surface))}
}
.verified-mark{color:#1682e9;white-space:nowrap;border:1px solid #2797ff3d;border-radius:999px;gap:5px;padding:5px 9px;font-size:.68rem;font-weight:850;display:inline-flex}
.verified-mark-compact{background:0 0;border:0;padding:0}
.v5-hero .verified-mark{color:#d8efff;background:#ffffff26;border-color:#ffffff3b}
.v5-motivation{background:#ffffff1a;border:1px solid #ffffff21;border-radius:15px;align-items:center;gap:10px;max-width:650px;margin:22px 0 20px;padding:12px 14px;display:flex}
.v5-motivation p{margin:0;font-size:.84rem}
.xp-journey-card,.admin-pulse-card{color:#fff;z-index:1;background:#19112e40;border-color:#fff3;flex-direction:column;justify-content:center;align-self:stretch;min-height:250px;padding:22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff2b,0 16px 42px #24114f33}
.xp-card-head,.admin-pulse-head{align-items:center;gap:11px;display:flex}
.xp-level-icon,.admin-pulse-head>span{color:#6d4500;background:linear-gradient(135deg,#ffe7a1,#f4a72a);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 22px #f2a42a42}
.xp-card-head>div,.admin-pulse-head>div{flex:1;gap:2px;display:grid}
.xp-card-head small,.admin-pulse-head small{color:#ffffffa3;font-size:.67rem}
.xp-card-head strong{font-size:1.15rem}
.xp-card-head .badge,.admin-pulse-head .badge{color:#fff;background:#ffffff21;border-color:#ffffff1f}
.xp-number-line{justify-content:space-between;align-items:baseline;margin:27px 0 10px;display:flex}
.xp-number-line strong{font-size:1.35rem}
.xp-number-line span{color:#ffffffb3;font-size:.7rem}
.xp-foot{color:#ffffffa8;justify-content:space-between;align-items:center;margin-top:9px;font-size:.66rem;display:flex}
.xp-foot button{color:#fff;background:0 0;border:0;align-items:center;gap:3px;font-size:.67rem;font-weight:800;display:inline-flex}
.level-tag-row{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}
.level-tag-row .badge{color:#fff;background:#ffffff1c;border-color:#ffffff1f}
.v5-toolbar{justify-content:space-between;align-items:end;display:flex}
.v5-toolbar h2{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(1.45rem,2.4vw,2rem)}
.v5-toolbar .select-field{min-width:180px}
.v5-metrics-grid{gap:15px}
.v5-metrics-grid .metric-card{border-radius:21px;min-height:142px;position:relative;overflow:hidden}
.v5-metrics-grid .metric-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#8b5cf609);position:absolute;inset:0}
.v5-focus-grid,.v5-community-grid,.admin-command-grid,.admin-insight-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.72fr);gap:20px;display:grid}
.v5-community-grid,.admin-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v5-performance-chart{min-height:350px}
.v5-performance-chart .sparkline{margin-top:24px}
.v5-next-step{background:radial-gradient(circle at 88% 9%,#6d42e921,transparent 35%),var(--surface);flex-direction:column;display:flex}
.next-step-icon{background:var(--violet-soft);color:var(--violet);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:16px 0;display:flex}
.v5-next-step h3{letter-spacing:-.025em;margin:0;font-size:1.25rem}
.v5-next-step p{color:var(--text-soft);font-size:.82rem;line-height:1.55}
.next-step-values{align-items:baseline;gap:5px;margin:auto 0 9px;display:flex}
.next-step-values strong{font-size:1.45rem}
.next-step-values span,.v5-next-step>small{color:var(--text-soft);font-size:.7rem}
.v5-next-step .button{margin-top:15px}
.flash-teaser-card{color:#fff;background:radial-gradient(circle at 8% 10%,#ffffff29,#0000 24%),linear-gradient(115deg,#241936,#4b2869 54%,#7a3357);border-color:#ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;display:grid;overflow:hidden}
.flash-teaser-icon{color:#5d2807;background:linear-gradient(135deg,#ffd95c,#ff7c59);border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 12px 26px #f3784642}
.flash-teaser-card h3{margin:8px 0 4px}
.flash-teaser-card p{color:#ffffffb3;margin:0;font-size:.78rem}
.flash-teaser-card .button-dark{color:#2a1d38;background:#fff}
.ranking-compact-row strong .verified-mark{vertical-align:-3px;margin-left:5px}
.v5-announcement-card{flex-direction:column;display:flex}
.v5-announcement-card>h3{margin:15px 0 7px;font-size:1.2rem}
.v5-announcement-card>p{color:var(--text-soft);flex:1;font-size:.82rem;line-height:1.6}
.v5-announcement-card>small{color:var(--text-faint);margin-bottom:14px;font-size:.67rem}
.announcement-round-icon,.support-round-icon{background:var(--coral-soft);color:var(--coral);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}
.admin-v5-hero{grid-template-columns:minmax(0,1.25fr) minmax(340px,.72fr)}
.admin-v5-hero .v5-hero-main>p{max-width:650px;font-size:.95rem}
.admin-pulse-card{min-height:230px}
.admin-pulse-head strong{font-size:clamp(1.4rem,2.3vw,2rem)}
.admin-pulse-card .sparkline{margin:18px 0 5px}
.admin-pulse-foot{color:#ffffffab;justify-content:space-between;font-size:.65rem;display:flex}
.admin-command-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr)}
.command-list{gap:8px;margin-top:18px;display:grid}
.command-list>button{background:var(--surface-soft);border:1px solid var(--border);text-align:left;border-radius:15px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;min-height:66px;padding:10px 13px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}
.command-list>button:hover{border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.command-list>button:hover{border-color:color-mix(in srgb,var(--violet) 28%,var(--border))}
}
.command-list>button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.command-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}
.command-violet{background:var(--violet-soft);color:var(--violet)}
.command-cyan{background:var(--cyan-soft);color:var(--cyan)}
.command-coral{background:var(--coral-soft);color:var(--coral)}
.command-amber{background:var(--amber-soft);color:var(--amber)}
.command-list>button>div{gap:3px;display:grid}
.command-list>button>div strong{font-size:.8rem}
.command-list>button>div small{color:var(--text-soft);font-size:.66rem}
.command-list>button>b{background:var(--surface);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 7px;font-size:.67rem;display:flex}
.health-score{background:var(--green-soft);color:var(--green);border-radius:14px;justify-content:center;align-items:center;width:47px;height:47px;font-size:1.1rem;font-weight:900;display:flex}
.health-metric{gap:9px;margin-top:21px;display:grid}
.health-metric>div{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}
.health-metric span{color:var(--text-soft)}
.health-metric strong{font-size:.8rem}
.flash-page-hero{color:#fff;background:radial-gradient(circle at 87% 10%,#ffffff29,#0000 27%),linear-gradient(125deg,#261a3c,#603072 58%,#b04a67);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:clamp(25px,4vw,46px);display:grid;overflow:hidden;box-shadow:0 22px 60px #3a1f543b}
.flash-page-hero h1{letter-spacing:-.05em;margin:12px 0 8px;font-size:clamp(2rem,4vw,3.3rem)}
.flash-page-hero p{color:#ffffffb8;max-width:680px;margin:0;line-height:1.6}
.flash-hero-stat{text-align:center;background:#ffffff1c;border:1px solid #ffffff29;border-radius:21px;flex-direction:column;align-items:center;min-width:180px;padding:20px;display:flex}
.flash-hero-stat>span{color:#ffe3a1;font-size:2.4rem;font-weight:900}
.flash-hero-stat strong{font-size:.75rem}
.flash-hero-stat small{color:#ffffff94;margin-top:8px;font-size:.6rem;line-height:1.4}
.flash-offer-stack{gap:22px;display:grid}
.flash-offer-card{border-radius:25px;padding:clamp(20px,2.8vw,32px);overflow:hidden}
.flash-offer-head{grid-template-columns:auto 1fr auto;align-items:start;gap:15px;display:grid}
.flash-product-mark{border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}
.flash-offer-meta{align-items:center;gap:8px;display:flex}
.flash-offer-meta>span{color:var(--text-faint);font-size:.67rem}
.flash-offer-head h2{letter-spacing:-.03em;margin:8px 0 5px;font-size:1.45rem}
.flash-offer-head p{color:var(--text-soft);margin:0;font-size:.8rem;line-height:1.55}
.flash-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:24px;display:grid}
.flash-options-grid.options-1{grid-template-columns:minmax(0,1fr);max-width:720px}
.flash-choice{background:var(--surface-soft);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:20px;min-height:310px;padding:19px;transition:border-color .18s,box-shadow .18s,transform .18s}
.flash-choice:hover:not(:disabled){border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.flash-choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--violet) 36%,var(--border))}
}
.flash-choice:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}
.flash-choice.is-selected{background:radial-gradient(circle at 100% 0,#6d42e914,transparent 32%),var(--surface);border-color:var(--violet);box-shadow:0 0 0 3px var(--violet),var(--shadow-sm)}
@supports (color: color-mix(in lab,red,red)){.flash-choice.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 11%,transparent),var(--shadow-sm)}
}
.flash-choice-top{align-items:center;gap:8px;display:flex}
.choice-radio{border:1.5px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}
.is-selected .choice-radio,.design-choice-card.is-selected .choice-radio,.registration-choice-list .is-selected .choice-radio{background:var(--violet);border-color:var(--violet);color:#fff}
.flash-choice-top>small{color:var(--green);margin-left:auto;font-size:.62rem;font-weight:800}
.flash-choice h3{margin:17px 0 7px;font-size:1rem}
.flash-choice>p{color:var(--text-soft);min-height:44px;font-size:.73rem;line-height:1.5}
.flash-price{letter-spacing:-.035em;margin:18px 0 13px;font-size:1.4rem;display:block}
.flash-choice ul{gap:9px;margin:0 0 17px;padding:0;list-style:none;display:grid}
.flash-choice li{color:var(--text-soft);align-items:center;gap:7px;font-size:.69rem;display:flex}
.flash-choice li svg{color:var(--violet)}
.flash-choice>small{color:var(--green);font-size:.63rem;font-weight:800}
.flash-choice .option-full{color:var(--red)}
.flash-progress-panel{background:var(--surface-soft);border:1px solid var(--border);border-radius:17px;grid-template-columns:minmax(210px,auto) minmax(230px,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:15px;display:grid}
.flash-progress-panel>div:first-child{align-items:center;gap:10px;display:flex}
.flash-progress-icon{background:var(--violet-soft);color:var(--violet);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}
.flash-progress-panel>div:first-child>div,.flash-progress-track{gap:4px;display:grid}
.flash-progress-panel small,.flash-progress-track span{color:var(--text-soft);font-size:.63rem}
.flash-progress-panel strong{font-size:.75rem}
.flash-progress-track>div{justify-content:space-between;display:flex}
.flash-offer-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;display:flex}
.flash-offer-footer>div{color:var(--text-soft);align-items:center;gap:7px;font-size:.68rem;display:flex}
.confirm-flash-choice{text-align:center;flex-direction:column;align-items:center;display:flex}
.confirm-bolt{color:#612b05;background:linear-gradient(135deg,#ffe06c,#ff8a5b);border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:15px;display:flex}
.confirm-flash-choice h3{margin:0 0 8px}
.confirm-flash-choice p{color:var(--text-soft);line-height:1.55}
.flash-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-stat-card{align-items:center;gap:13px;min-height:100px;display:flex}
.mini-stat-card>div{gap:3px;display:grid}
.mini-stat-card small{color:var(--text-soft);font-size:.67rem}
.mini-stat-card strong{font-size:1.45rem}
.admin-flash-list{gap:12px;display:grid}
.admin-flash-row{grid-template-columns:auto minmax(240px,1fr) auto auto;align-items:center;gap:16px;display:grid}
.admin-flash-row.is-archived{opacity:.7}
.admin-flash-main>div{align-items:center;gap:8px;display:flex}
.admin-flash-main>div>span{color:var(--text-faint);font-size:.65rem}
.admin-flash-main h3{margin:7px 0 4px}
.admin-flash-main p{color:var(--text-soft);margin:0;font-size:.7rem}
.admin-flash-stats{gap:16px;display:flex}
.admin-flash-stats>div{text-align:center;gap:2px;display:grid}
.admin-flash-stats strong{font-size:1rem}
.admin-flash-stats span{color:var(--text-faint);font-size:.59rem}
.flash-admin-form{gap:20px;display:grid}
.inline-toggle{border:1px solid var(--border);border-radius:13px;align-self:end;min-height:74px;padding:10px 12px}
.flash-option-editor-list{gap:13px;display:grid}
.flash-option-editor{background:var(--surface-soft);box-shadow:none}
.flash-option-editor-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}
.flash-option-editor-head>div{align-items:center;gap:8px;display:flex}
.flash-option-editor-head h3{margin:0;font-size:.9rem}
.flash-selections-list{gap:9px;display:grid}
.flash-selections-list>article{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(130px,1fr) minmax(140px,1fr) auto auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}
.flash-selections-list>article>div{gap:2px;display:grid}
.flash-selections-list small,.flash-selections-list span{color:var(--text-soft);font-size:.62rem}
.flash-selections-list strong{font-size:.72rem}
.settings-v5-layout{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:18px;display:grid}
.settings-v5-nav{top:calc(var(--header-height) + 18px);gap:6px;padding:10px;display:grid;position:sticky}
.settings-v5-nav>button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:66px;padding:9px 10px;display:grid}
.settings-v5-nav>button:hover,.settings-v5-nav>button.active{background:var(--violet-soft);border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.settings-v5-nav>button:hover,.settings-v5-nav>button.active{border-color:color-mix(in srgb,var(--violet) 13%,transparent)}
}
.settings-v5-nav>button>span{background:var(--surface);color:var(--violet);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}
.settings-v5-nav>button>div{gap:3px;display:grid}
.settings-v5-nav strong{font-size:.74rem}
.settings-v5-nav small{color:var(--text-soft);font-size:.59rem}
.settings-v5-panel{min-height:620px;padding:clamp(19px,2.6vw,31px)}
.settings-pane{gap:25px;display:grid}
.settings-pane-head{justify-content:space-between;align-items:start;display:flex}
.settings-pane-head h2{letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(1.4rem,2.2vw,1.9rem)}
.settings-pane-head p{color:var(--text-soft);max-width:720px;margin:0;font-size:.78rem;line-height:1.6}
.design-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}
.design-choice-card{background:var(--surface-soft);border:1px solid var(--border);text-align:left;border-radius:19px;padding:0;overflow:hidden}
.design-choice-card.is-selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet)}
@supports (color: color-mix(in lab,red,red)){.design-choice-card.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 11%,transparent)}
}
.design-preview{background:#f5f2fb;height:150px;padding:16px;position:relative;overflow:hidden}
.design-preview>span{background:#272034;border-radius:10px;width:54px;position:absolute;top:13px;bottom:13px;left:13px}
.design-preview>div{grid-template-columns:repeat(3,1fr);gap:8px;margin-left:66px;display:grid}
.design-preview i{background:#fff;border:1px solid #e5e0ee;border-radius:9px;height:47px}
.design-preview b{background:linear-gradient(135deg,#6d42e9,#ef6575);border-radius:12px;position:absolute;inset:80px 15px 15px 79px}
.liquid-preview{background:radial-gradient(circle at 10% 15%,#d8c6ff,#0000 35%),radial-gradient(circle at 90% 20%,#ffc8d0,#0000 38%),linear-gradient(145deg,#eaf4ff,#f6ecff)}
.liquid-preview>span,.liquid-preview i,.liquid-preview b{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff61;border:1px solid #ffffffb3;box-shadow:0 14px 28px #5b418021,inset 0 1px #fffc}
.liquid-preview b{background:linear-gradient(135deg,#6d42e98c,#ef65757a)}
.design-choice-card>div:last-child{align-items:center;gap:10px;padding:14px;display:flex}
.design-choice-card>div:last-child>div{gap:3px;display:grid}
.design-choice-card strong{font-size:.8rem}
.design-choice-card small{color:var(--text-soft);font-size:.64rem;line-height:1.4}
.settings-identity-form{background:var(--surface-soft);border:1px solid var(--border);border-radius:17px;padding:16px}
.settings-save-bar{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}
.settings-save-bar>div{color:var(--text-soft);align-items:center;gap:7px;font-size:.68rem;display:flex}
.module-matrix-head,.module-row{grid-template-columns:auto minmax(190px,1fr) 88px 88px;align-items:center;gap:12px;display:grid}
.module-matrix-head{color:var(--text-faint);text-align:center;text-transform:uppercase;padding:0 14px;font-size:.63rem;font-weight:800}
.module-matrix-head span{text-align:left;grid-column:1/3}
.module-matrix{border:1px solid var(--border);border-radius:17px;overflow:hidden}
.module-row{background:var(--surface-soft);border-bottom:1px solid var(--border);min-height:67px;padding:9px 14px}
.module-row:last-child{border-bottom:0}
.module-row-icon{background:var(--violet-soft);color:var(--violet);border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}
.module-row>div{gap:3px;display:grid}
.module-row strong{font-size:.73rem}
.module-row small{color:var(--text-soft);font-size:.61rem}
.compact-switch{justify-content:center;align-items:center;display:flex;position:relative}
.compact-switch input{opacity:0;width:1px;height:1px;position:absolute}
.compact-switch .switch{background:var(--border-strong);border-radius:999px;width:43px;height:25px;transition:background .16s;position:relative}
.compact-switch .switch:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #24193f2e}
.compact-switch input:checked+.switch{background:var(--violet)}
.compact-switch input:checked+.switch:after{transform:translate(18px)}
.compact-switch input:disabled+.switch{opacity:.4}
.registration-choice-list{gap:10px;display:grid}
.registration-choice-list>button{background:var(--surface-soft);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:17px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;min-height:92px;padding:14px;display:grid}
.registration-choice-list>button.is-selected{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet)}
@supports (color: color-mix(in lab,red,red)){.registration-choice-list>button.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 9%,transparent)}
}
.registration-icon{background:var(--violet-soft);color:var(--violet);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}
.registration-choice-list>button>div{gap:4px;display:grid}
.registration-choice-list strong{font-size:.82rem}
.registration-choice-list p{color:var(--text-soft);margin:0;font-size:.67rem;line-height:1.5}
.verification-explainer{background:radial-gradient(circle at 5% 20%,#2797ff14,transparent 30%),var(--surface-soft);align-items:center;gap:13px;display:flex}
.verification-explainer>span{background:#2797ff;align-items:center}
@supports (color: color-mix(in lab,red,red)){.verification-explainer>span{background:color-mix(in srgb,#2797ff 12%,var(--surface))}
}
.verification-explainer>span{color:#1682e9;border-radius:13px;justify-content:center;width:46px;height:46px;display:flex}
.verification-explainer h3{margin:0 0 4px;font-size:.86rem}
.verification-explainer p{color:var(--text-soft);margin:0;font-size:.66rem}
.level-config-list{gap:10px;display:grid}
.level-config-row{background:var(--surface-soft);box-shadow:none;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}
.level-config-row.is-inactive{filter:grayscale(.6);opacity:.65}
.level-config-icon{background:var(--violet-soft);color:var(--violet);border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}
.level-cyan{background:var(--cyan-soft);color:var(--cyan)}
.level-coral,.level-rose{background:var(--coral-soft);color:var(--coral)}
.level-amber{background:var(--amber-soft);color:var(--amber)}
.level-lime{background:var(--green-soft);color:var(--green)}
.level-indigo{background:var(--violet-soft);color:#5458d6}
.level-config-main{gap:6px;display:grid}
.level-config-main>div:first-child{align-items:center;gap:7px;display:flex}
.level-config-main>span{color:var(--text-soft);font-size:.63rem}
.level-config-tags{flex-wrap:wrap;gap:5px;display:flex}
.level-config-tags small{color:var(--text-faint);font-size:.6rem}
.level-affiliate-count{text-align:center;min-width:78px;display:grid}
.level-affiliate-count strong{font-size:1rem}
.level-affiliate-count span{color:var(--text-soft);font-size:.58rem}
.profile-v5-hero{background:radial-gradient(circle at 90% 5%,#ef657521,transparent 30%),radial-gradient(circle at 5% 5%,#6d42e926,transparent 35%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:26px;grid-template-columns:1fr minmax(320px,.55fr);align-items:center;gap:26px;padding:clamp(20px,3vw,32px);display:grid}
.profile-v5-identity{align-items:center;gap:18px;display:flex}
.profile-v5-identity h1{letter-spacing:-.045em;font-size:clamp(1.7rem,3vw,2.45rem)}
.profile-v5-identity p{color:var(--text-soft);margin:8px 0;font-size:.75rem}
.profile-badge-row{flex-wrap:wrap;gap:6px;display:flex}
.profile-xp-summary{color:#fff;background:linear-gradient(135deg,#2e2444,#5a3674);border-radius:19px;grid-template-columns:auto 1fr;gap:9px;padding:17px;display:grid}
.profile-xp-summary>div{gap:2px;display:grid}
.profile-xp-summary small,.profile-xp-summary span{color:#ffffffa6;font-size:.61rem}
.profile-xp-summary strong{font-size:1.16rem}
.profile-xp-summary .progress{grid-column:1/-1}
.profile-v5-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);align-items:start;gap:18px;display:grid}
.verification-card-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}
.verification-big-icon{background:#2797ff;align-items:center}
@supports (color: color-mix(in lab,red,red)){.verification-big-icon{background:color-mix(in srgb,#2797ff 12%,var(--surface))}
}
.verification-big-icon{color:#1682e9;border-radius:14px;justify-content:center;width:50px;height:50px;display:flex}
.verification-card-head h3{margin:4px 0 0}
.verification-card>p{color:var(--text-soft);margin:19px 0 15px;font-size:.75rem;line-height:1.55}
.verification-checklist{gap:7px;margin-bottom:17px;display:grid}
.verification-checklist>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:45px;padding:7px 10px;display:grid}
.verification-checklist>div>span{color:var(--amber)}
.verification-checklist>div.is-done>span{color:var(--green)}
.verification-checklist strong{font-size:.68rem}
.verification-checklist small{color:var(--text-faint);font-size:.58rem}
.verification-feedback{background:var(--red-soft);border:1px solid var(--red);align-items:start}
@supports (color: color-mix(in lab,red,red)){.verification-feedback{border:1px solid color-mix(in srgb,var(--red) 18%,transparent)}
}
.verification-feedback{color:var(--red);border-radius:13px;gap:9px;margin-bottom:15px;padding:11px;display:flex}
.verification-feedback strong{font-size:.67rem}
.verification-feedback p{margin:4px 0 0;font-size:.64rem;line-height:1.45}
.verification-hint{color:var(--text-faint);margin-top:9px;font-size:.61rem;display:block}
.verified-success-panel{text-align:center;flex-direction:column;align-items:center;padding:30px 10px 18px;display:flex}
.verified-success-panel h3{margin:15px 0 6px}
.verified-success-panel p{color:var(--text-soft);margin:0;font-size:.72rem;line-height:1.55}
.level-journey-track{gap:0;padding:20px 4px 6px;display:flex;overflow-x:auto}
.level-journey-track>div{text-align:center;flex-direction:column;flex:1 0 128px;align-items:center;min-width:128px;display:flex;position:relative}
.level-journey-track>div:not(:last-child):after{background:var(--border-strong);content:"";width:calc(100% - 50px);height:3px;position:absolute;top:24px;left:calc(50% + 25px)}
.level-journey-track>div.is-reached:not(:last-child):after{background:linear-gradient(90deg,var(--violet),var(--coral))}
.journey-node{background:var(--surface-soft);border:2px solid var(--border);color:var(--text-faint);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:9px;display:flex;position:relative}
.is-reached .journey-node{background:var(--violet-soft);border-color:var(--violet);color:var(--violet)}
.is-current .journey-node{box-shadow:0 0 0 5px var(--violet)}
@supports (color: color-mix(in lab,red,red)){.is-current .journey-node{box-shadow:0 0 0 5px color-mix(in srgb,var(--violet) 12%,transparent)}
}
.is-current .journey-node{transform:scale(1.08)}
.level-journey-track strong{font-size:.68rem}
.level-journey-track small{color:var(--text-faint);margin:4px 0 7px;font-size:.58rem}
.support-v5-layout{align-items:start}
.ticket-v5-list{gap:8px;margin-top:15px;display:grid}
.ticket-v5-list>button{background:var(--surface-soft);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:13px;padding:11px}
.ticket-v5-list>button>div{align-items:center;gap:7px;display:flex}
.ticket-v5-list>button>div>span{color:var(--text-faint);font-size:.61rem}
.ticket-v5-list strong{margin:9px 0 4px;font-size:.74rem;display:block}
.ticket-v5-list p,.ticket-v5-list small{color:var(--text-soft);font-size:.61rem}
.ticket-v5-list p{text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;line-height:1.45;overflow:hidden}
.ticket-conversation{gap:16px;display:grid}
.ticket-conversation-meta>div{gap:7px;display:flex}
.ticket-conversation-meta p{color:var(--text-soft);font-size:.66rem}
.ticket-messages{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;gap:10px;max-height:380px;padding:13px;display:grid;overflow:auto}
.ticket-messages article{background:var(--surface);border:1px solid var(--border);border-radius:13px 13px 13px 4px;max-width:82%;padding:10px 12px}
.ticket-messages article.from-staff{background:var(--violet-soft);border-radius:13px 13px 4px;justify-self:end}
.ticket-messages article.is-internal{background:var(--amber-soft)}
.ticket-messages article>div{align-items:center;gap:7px;display:flex}
.ticket-messages strong{font-size:.65rem}
.ticket-messages time{color:var(--text-faint);margin-left:auto;font-size:.55rem}
.ticket-messages p{white-space:pre-wrap;margin:7px 0 0;font-size:.7rem;line-height:1.5}
.ticket-reply-form{gap:13px;display:grid}
.ticket-reply-form>label,.ticket-admin-controls>label:first-child{color:var(--text-soft);gap:6px;font-size:.69rem;font-weight:700;display:grid}
.ticket-reply-form textarea,.ticket-admin-controls select{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:11px}
.ticket-admin-controls{grid-template-columns:1fr 1fr;align-items:end;gap:14px;display:grid}
.admin-ticket-list{display:grid}
.admin-ticket-list>button{border:0;border-bottom:1px solid var(--border);color:var(--text);text-align:left;background:0 0;grid-template-columns:minmax(150px,.8fr) minmax(200px,1.2fr) auto auto auto;align-items:center;gap:13px;min-height:68px;padding:10px 5px;display:grid}
.admin-ticket-list>button:last-child{border-bottom:0}
.admin-ticket-list>button>div{gap:3px;display:grid}
.admin-ticket-list strong{font-size:.71rem}
.admin-ticket-list span,.admin-ticket-list small,.admin-ticket-list time{color:var(--text-soft);font-size:.61rem}
.auth-theme-toggle{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text);z-index:20;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:18px;right:18px}
.auth-brand-v5{background:radial-gradient(circle at 10% 10%,#8b5cf666,#0000 30%),radial-gradient(circle at 85% 75%,#ef65753d,#0000 34%),linear-gradient(145deg,#171221,#2e2144 64%,#40233f)}
.auth-liquid-showcase{background:#ffffff17;border:1px solid #ffffff21;border-radius:20px;margin-top:26px;padding:17px;box-shadow:inset 0 1px #ffffff1a}
.auth-liquid-showcase>div:first-child{align-items:center;gap:10px;display:flex}
.auth-liquid-showcase>div:first-child>div{flex:1;display:grid}
.auth-liquid-showcase small,.auth-liquid-showcase p{color:#ffffffa3;font-size:.65rem}
.auth-liquid-showcase strong{font-size:.83rem}
.auth-liquid-showcase p{margin:9px 0 0;line-height:1.5}
.auth-feature-chips{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}
.auth-feature-chips span{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:.61rem;display:inline-flex}
.auth-wide-field{grid-column:1/-1}
.inline-auth-state{max-width:none}
.fatal-state-page{background:var(--v5-gradient-soft);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}
.fatal-state-page>.card{text-align:center;flex-direction:column;align-items:center;max-width:530px;padding:40px;display:flex}
.fatal-state-icon{background:var(--red-soft);color:var(--red);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}
.fatal-state-page h1{letter-spacing:-.04em;margin:18px 0 8px}
.fatal-state-page p{color:var(--text-soft);line-height:1.6}
.drawer-empty{color:var(--text-soft);text-align:center;flex-direction:column;align-items:center;padding:50px 20px;display:flex}
.drawer-empty strong{color:var(--text);margin:10px 0 3px}
.drawer-empty p{font-size:.7rem}
.mobile-theme-toggle{display:none}
[data-design=liquid_glass] body{background-color:#0000;background-image:radial-gradient(circle at 8% 4%,#825bff47,#0000 30%),radial-gradient(circle at 92% 8%,#ff708d38,#0000 32%),radial-gradient(circle at 78% 78%,#2bbddf2e,#0000 31%),linear-gradient(145deg,#edf4ff,#f5efff 47%,#fff1f4);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}
[data-design=liquid_glass][data-theme=dark] body{background:radial-gradient(circle at 9% 5%,#7648e857,#0000 32%),radial-gradient(circle at 93% 7%,#d0486b40,#0000 33%),radial-gradient(circle at 80% 80%,#1987a338,#0000 32%),linear-gradient(145deg,#0c0d15,#181223 48%,#1d1019)}
[data-design=liquid_glass] .card,[data-design=liquid_glass] .app-header,[data-design=liquid_glass] .bottom-nav,[data-design=liquid_glass] .notification-drawer,[data-design=liquid_glass] .modal,[data-design=liquid_glass] .profile-menu,[data-design=liquid_glass] .custom-period-panel{-webkit-backdrop-filter:blur(28px) saturate(175%);backdrop-filter:blur(28px) saturate(175%);background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
[data-design=liquid_glass] .card{position:relative;overflow:hidden}
[data-design=liquid_glass] .card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(118deg,#ffffff57,#0000 24% 73%,#ffffff17);position:absolute;inset:0}
[data-design=liquid_glass] .card>*{z-index:1;position:relative}
[data-design=liquid_glass] .app-sidebar{-webkit-backdrop-filter:blur(34px) saturate(160%);backdrop-filter:blur(34px) saturate(160%);background:radial-gradient(circle at 12% 4%,#aa80ff3d,#0000 29%),linear-gradient(165deg,#181224de,#1f1426c7);border-right:1px solid #ffffff1a;box-shadow:24px 0 60px #301c4929,inset -1px 0 #ffffff0d}
[data-design=liquid_glass] .v5-hero,[data-design=liquid_glass] .flash-page-hero{-webkit-backdrop-filter:blur(26px) saturate(165%);backdrop-filter:blur(26px) saturate(165%);background:radial-gradient(circle at 92% 10%,#ffffff40,#0000 30%),linear-gradient(125deg,#5937c5cc,#8248bebf 50%,#e15375b8);border:1px solid #ffffff6b;box-shadow:0 32px 85px #58388f3d,inset 0 1px #ffffff75,inset 0 -1px #ffffff17}
[data-design=liquid_glass] .xp-journey-card,[data-design=liquid_glass] .admin-pulse-card{-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);background:#22183a47;border-color:#ffffff52;box-shadow:0 25px 58px #2e185333,inset 0 1px #ffffff54}
[data-design=liquid_glass] .metric-card,[data-design=liquid_glass] .command-list>button,[data-design=liquid_glass] .module-row,[data-design=liquid_glass] .flash-choice,[data-design=liquid_glass] .registration-choice-list>button,[data-design=liquid_glass] .settings-identity-form,[data-design=liquid_glass] .flash-progress-panel{background:var(--glass-surface-strong)}
@supports (color: color-mix(in lab,red,red)){[data-design=liquid_glass] .metric-card,[data-design=liquid_glass] .command-list>button,[data-design=liquid_glass] .module-row,[data-design=liquid_glass] .flash-choice,[data-design=liquid_glass] .registration-choice-list>button,[data-design=liquid_glass] .settings-identity-form,[data-design=liquid_glass] .flash-progress-panel{background:color-mix(in srgb,var(--glass-surface-strong) 78%,transparent)}
}
[data-design=liquid_glass] .metric-card,[data-design=liquid_glass] .command-list>button,[data-design=liquid_glass] .module-row,[data-design=liquid_glass] .flash-choice,[data-design=liquid_glass] .registration-choice-list>button,[data-design=liquid_glass] .settings-identity-form,[data-design=liquid_glass] .flash-progress-panel{border-color:var(--glass-border);box-shadow:inset 0 1px #ffffff5c}
[data-design=liquid_glass] input,[data-design=liquid_glass] select,[data-design=liquid_glass] textarea,[data-design=liquid_glass] .select-field,[data-design=liquid_glass] .search-field{background:var(--glass-surface-strong)}
@supports (color: color-mix(in lab,red,red)){[data-design=liquid_glass] input,[data-design=liquid_glass] select,[data-design=liquid_glass] textarea,[data-design=liquid_glass] .select-field,[data-design=liquid_glass] .search-field{background:color-mix(in srgb,var(--glass-surface-strong) 75%,transparent)}
}
[data-design=liquid_glass] input,[data-design=liquid_glass] select,[data-design=liquid_glass] textarea,[data-design=liquid_glass] .select-field,[data-design=liquid_glass] .search-field{border-color:var(--glass-border);box-shadow:inset 0 1px #ffffff47}
[data-design=liquid_glass] .button-primary{background:linear-gradient(135deg,#6640e2f5,#974edae6 58%,#e85b77e6);border:1px solid #ffffff45;box-shadow:0 13px 28px #5b35b738,inset 0 1px #ffffff57}
[data-design=liquid_glass] .button-secondary,[data-design=liquid_glass] .icon-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-surface-strong)}
@supports (color: color-mix(in lab,red,red)){[data-design=liquid_glass] .button-secondary,[data-design=liquid_glass] .icon-button{background:color-mix(in srgb,var(--glass-surface-strong) 75%,transparent)}
}
[data-design=liquid_glass] .button-secondary,[data-design=liquid_glass] .icon-button{border-color:var(--glass-border);box-shadow:inset 0 1px #ffffff4d}
[data-design=liquid_glass] .profile-v5-hero{-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){[data-design=liquid_glass] .card,[data-design=liquid_glass] .app-header,[data-design=liquid_glass] .bottom-nav,[data-design=liquid_glass] .notification-drawer,[data-design=liquid_glass] .modal{background:var(--surface)}
}
@media (max-width: 1180px){.v5-hero,.admin-v5-hero{grid-template-columns:minmax(0,1fr) minmax(290px,.7fr)}
.admin-command-grid,.v5-focus-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.75fr)}
.settings-v5-layout{grid-template-columns:220px minmax(0,1fr)}
.admin-flash-row{grid-template-columns:auto 1fr auto}
.admin-flash-row>.row-actions{grid-column:2/-1;justify-content:flex-end}
.flash-selections-list>article{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 980px){.v5-hero,.admin-v5-hero,.profile-v5-hero{grid-template-columns:1fr}
.xp-journey-card,.admin-pulse-card{min-height:215px}
.v5-focus-grid,.v5-community-grid,.admin-command-grid,.admin-insight-grid,.profile-v5-grid,.settings-v5-layout{grid-template-columns:1fr}
.settings-v5-nav{display:flex;position:static;overflow-x:auto}
.settings-v5-nav>button{flex:0 0 210px}
.level-config-row{grid-template-columns:auto 1fr auto}
.level-config-row>.row-actions{grid-column:2/-1;justify-content:flex-end}
.module-row,.module-matrix-head{grid-template-columns:auto minmax(160px,1fr) 72px 72px}
}
@media (max-width: 760px){.v5-shell .main-area{padding:18px 14px 112px}
.v5-shell .app-header{padding-inline-start:13px;padding-inline-end:13px}
.v5-shell .header-actions>.icon-button:nth-of-type(2),.v5-shell .header-actions .live-status{display:none}
.mobile-theme-toggle{-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:var(--glass-surface-strong);border:1px solid var(--glass-border);bottom:calc(82px + env(safe-area-inset-bottom));box-shadow:var(--shadow-md);color:var(--text);z-index:45;border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:fixed;right:14px}
.v5-hero,.flash-page-hero{border-radius:24px;padding:22px 18px}
.v5-profile-line{align-items:start}
.v5-profile-line .avatar-lg{width:52px;height:52px}
.v5-hero h1{font-size:2rem}
.v5-motivation{align-items:start;margin:17px 0}
.v5-hero .hero-actions{grid-template-columns:1fr;align-items:stretch;display:grid}
.v5-hero .hero-actions .button{justify-content:center;width:100%}
.xp-journey-card,.admin-pulse-card{min-height:0;padding:17px}
.xp-number-line{flex-direction:column;align-items:start;gap:4px;margin-top:20px}
.v5-toolbar{flex-direction:column;align-items:stretch;gap:12px}
.v5-toolbar .select-field{width:100%;min-height:46px}
.v5-metrics-grid{grid-template-columns:1fr 1fr}
.v5-metrics-grid .metric-card{min-height:132px;padding:15px}
.v5-metrics-grid .metric-copy>strong{font-size:1.1rem}
.flash-teaser-card{grid-template-columns:auto 1fr}
.flash-teaser-card .button{grid-column:1/-1;justify-content:center}
.flash-page-hero{grid-template-columns:1fr}
.flash-hero-stat{flex-flow:wrap;align-items:baseline;gap:7px;min-width:0}
.flash-hero-stat>span{font-size:1.9rem}
.flash-hero-stat small{text-align:left;flex-basis:100%}
.flash-offer-head{grid-template-columns:auto 1fr}
.flash-offer-head>.badge{grid-column:1/-1;justify-self:start}
.flash-options-grid{grid-template-columns:1fr}
.flash-choice{min-height:0}
.flash-progress-panel{grid-template-columns:1fr}
.flash-offer-footer{flex-direction:column;align-items:stretch;gap:13px}
.flash-offer-footer .button{justify-content:center;width:100%}
.flash-admin-metrics{grid-template-columns:1fr}
.admin-flash-row{grid-template-columns:auto 1fr;align-items:start}
.admin-flash-stats,.admin-flash-row>.row-actions{grid-column:1/-1}
.admin-flash-row>.row-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.admin-flash-row>.row-actions .button{justify-content:center}
.flash-selections-list>article{grid-template-columns:1fr 1fr}
.settings-v5-panel{min-height:0;padding:17px}
.settings-v5-nav>button{flex-basis:190px}
.settings-pane-head{gap:13px}
.settings-pane-head>.button{flex:none}
.design-choice-grid{grid-template-columns:1fr}
.module-matrix-head{display:none}
.module-matrix{border:0;gap:8px;display:grid;overflow:visible}
.module-row{border:1px solid var(--border);border-radius:14px;grid-template-columns:auto 1fr auto auto;min-height:74px;padding:10px}
.module-row .compact-switch:before{color:var(--text-faint);content:"Afiliada";font-size:.52rem;position:absolute;top:-16px}
.module-row .compact-switch:last-child:before{content:"Admin"}
.registration-choice-list>button{grid-template-columns:auto 1fr auto}
.registration-choice-list>button>.badge{display:none}
.level-config-row{grid-template-columns:auto 1fr;align-items:start}
.level-affiliate-count{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;gap:5px}
.level-config-row>.row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}
.settings-save-bar{flex-direction:column;align-items:stretch}
.settings-save-bar .button{justify-content:center;width:100%}
.profile-v5-hero{padding:18px}
.profile-v5-identity{align-items:start}
.profile-v5-identity .avatar-xl{width:62px;height:62px}
.profile-v5-identity h1{font-size:1.55rem}
.profile-xp-summary,.verification-card-head{grid-template-columns:auto 1fr}
.verification-card-head>.badge{grid-column:1/-1;justify-self:start}
.ticket-admin-controls{grid-template-columns:1fr}
.admin-ticket-list>button{grid-template-columns:1fr auto;align-items:start;padding:13px 4px}
.admin-ticket-list>button>div:nth-child(2),.admin-ticket-list>button>time{grid-column:1/-1}
.auth-theme-toggle{width:44px;height:44px;top:13px;right:13px}
}
@media (max-width: 520px){.v5-metrics-grid{grid-template-columns:1fr}
.v5-metrics-grid .metric-card{min-height:112px}
.v5-hero{border-radius:21px}
.identity-title{flex-direction:column;align-items:flex-start;gap:4px}
.v5-profile-line{gap:11px}
.v5-hero h1{font-size:1.78rem}
.admin-pulse-foot{flex-direction:column;align-items:start;gap:4px}
.flash-offer-card{padding:17px}
.flash-product-mark{width:46px;height:46px}
.flash-offer-head h2{font-size:1.18rem}
.flash-selections-list>article{grid-template-columns:1fr}
.settings-pane-head{flex-direction:column;align-items:stretch}
.module-row{grid-template-columns:auto 1fr;padding-bottom:16px}
.module-row .compact-switch{margin-top:15px}
.module-row .compact-switch:first-of-type{grid-column:1/2}
.module-row .compact-switch:last-child{grid-area:2/2 / auto/3}
.profile-v5-identity{flex-direction:column}
.profile-v5-identity .identity-title{align-items:start}
.verification-checklist>div{grid-template-columns:auto 1fr}
.verification-checklist small{grid-column:2}
.ticket-messages article{max-width:94%}
}
.admin-verification-review{background:linear-gradient(135deg,var(--violet),transparent 58%),var(--surface);align-items:center}
@supports (color: color-mix(in lab,red,red)){.admin-verification-review{background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 10%,transparent),transparent 58%),var(--surface)}
}
.admin-verification-review{border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.admin-verification-review{border-color:color-mix(in srgb,var(--violet) 25%,var(--border))}
}
.admin-verification-review{justify-content:space-between;gap:22px;padding:18px 20px;display:flex}
.admin-verification-review>div:first-child{align-items:center;gap:14px;min-width:0;display:flex}
.admin-verification-review h3,.admin-verification-review p{margin:2px 0 0}
.admin-verification-review p{color:var(--text-muted);font-size:.84rem}
.admin-verification-review>.row-actions{flex:none}
.content-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}
.content-material-card{flex-direction:column;gap:13px;min-height:210px;display:flex}
.content-material-card>span:first-child{background:var(--violet);align-items:center}
@supports (color: color-mix(in lab,red,red)){.content-material-card>span:first-child{background:color-mix(in srgb,var(--violet) 12%,var(--surface-2))}
}
.content-material-card>span:first-child{color:var(--violet);border-radius:13px;justify-content:center;width:42px;height:42px;display:inline-flex}
.content-material-card h3,.content-material-card p{margin:0}
.content-material-card p{color:var(--text-muted);font-size:.86rem;line-height:1.55}
.content-material-card .row-actions{margin-top:auto}
@media (max-width: 980px){.content-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){.admin-verification-review{flex-direction:column;align-items:stretch}
.admin-verification-review>.row-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.content-material-grid{grid-template-columns:1fr}
}
@media (max-width: 520px){.admin-verification-review>.row-actions{grid-template-columns:1fr}
}
.import-v51-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}
.import-v51-steps>div{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:15px;align-items:center;gap:10px;min-height:54px;padding:10px 14px;display:flex}
.import-v51-steps>div>span{background:var(--surface-2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:.73rem;font-weight:800;display:flex}
.import-v51-steps>div.active{border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.import-v51-steps>div.active{border-color:color-mix(in srgb,var(--violet) 34%,var(--border))}
}
.import-v51-steps>div.active{color:var(--text)}
.import-v51-steps>div.active>span{background:var(--violet);color:#fff}
.import-column-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}
.import-column-map>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:13px;grid-template-columns:auto 1fr;gap:3px;padding:11px;display:grid}
.import-column-map>div>span{background:var(--violet-soft);color:var(--violet);border-radius:9px;grid-row:1/3;justify-content:center;align-items:center;width:34px;height:34px;margin-right:4px;font-weight:850;display:flex}
.import-column-map strong{font-size:.75rem}
.import-column-map small{color:var(--text-soft);font-size:.67rem}
.import-v51-file-head{justify-content:space-between;align-items:center;display:flex}
.import-v51-file-head>div{align-items:center;gap:12px;display:flex}
.import-v51-file-head h3{margin:2px 0 0}
.import-v51-file-head small{color:var(--text-soft);margin-top:3px;font-size:.67rem;display:block}
.validation-icon.neutral{background:var(--surface-2);color:var(--text-soft)}
.import-blocker-card{background:var(--red-soft);align-items:start}
@supports (color: color-mix(in lab,red,red)){.import-blocker-card{background:color-mix(in srgb,var(--red-soft) 70%,var(--surface))}
}
.import-blocker-card{border-color:var(--red)}
@supports (color: color-mix(in lab,red,red)){.import-blocker-card{border-color:color-mix(in srgb,var(--red) 25%,var(--border))}
}
.import-blocker-card{gap:14px;display:flex}
.import-blocker-card>span{background:var(--red-soft);color:var(--red);border-radius:12px;flex:none;justify-content:center;align-items:center;width:43px;height:43px;display:flex}
.import-blocker-card h3,.import-blocker-card p{margin:0}
.import-blocker-card p{color:var(--text-soft);margin:5px 0 10px;line-height:1.5}
.import-blocker-card>div>div{flex-wrap:wrap;gap:6px;display:flex}
.import-v51-table-card td strong,.import-v51-table-card td small{display:block}
.import-v51-table-card td small{color:var(--text-soft);margin-top:4px}
.import-item-line{white-space:nowrap;font-size:.72rem;line-height:1.45;display:block}
.import-item-line b{margin-right:6px}
.import-v51-mobile-list{display:none}
.import-v51-limit-note{color:var(--text-soft);text-align:center;margin:12px 2px 0;font-size:.72rem}
.import-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:min(720px,100%);display:grid!important}
.import-result-grid>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;gap:2px;padding:13px;display:grid}
.import-result-grid strong{font-size:1.25rem}
.import-result-grid span{color:var(--text-soft);font-size:.68rem}
.channel-pie-layout{grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:center;gap:26px;padding:8px 4px;display:grid}
.channel-pie-layout.is-compact{grid-template-columns:150px minmax(0,1fr);gap:18px}
.channel-pie{aspect-ratio:1;border-radius:50%;place-items:center;padding:20%;display:grid;box-shadow:0 14px 32px #2d234d1f,inset 0 0 0 1px #ffffff5c}
.channel-pie:before{background:var(--surface);border:1px solid var(--border);content:"";border-radius:50%;grid-area:1/1;width:100%;height:100%;box-shadow:0 7px 22px #1e182e1f}
.channel-pie>span{text-align:center;grid-area:1/1;gap:1px;display:grid;position:relative}
.channel-pie strong{font-size:1.35rem}
.channel-pie small{color:var(--text-soft);font-size:.67rem}
.channel-pie-legend{gap:10px;display:grid}
.channel-pie-legend>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px 11px;display:grid}
.channel-pie-legend i{border-radius:50%;width:11px;height:11px}
.channel-pie-legend span{gap:2px;display:grid}
.channel-pie-legend strong{font-size:.75rem}
.channel-pie-legend small{color:var(--text-soft);font-size:.66rem}
.admin-insight-grid>.channel-dashboard-card{grid-column:1/-1}
.product-color-insight{border-top:1px solid var(--border);gap:8px;margin-top:12px;padding-top:13px;display:grid}
.admin-product-colors{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}
.admin-product-colors>strong{font-size:.7rem}
.admin-product-colors>div{flex-wrap:wrap;gap:6px;display:flex}
.sale-detail-items{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;margin-top:12px;display:grid}
.sale-detail-items article{justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}
.sale-detail-items article+article{border-top:1px solid var(--border)}
.sale-detail-items article>div{gap:2px;display:grid}
.sale-detail-items strong,.sale-detail-items span{font-size:.7rem}
.sale-detail-items span{color:var(--text-soft)}
.product-color-insight>div:first-child{gap:2px;display:grid}
.product-color-insight>div:first-child strong{font-size:.72rem}
.product-color-insight>div:first-child small{color:var(--text-soft);font-size:.63rem}
.color-performance-row{grid-template-columns:1fr auto;gap:5px;display:grid}
.color-performance-row>span{align-items:center;gap:6px;font-size:.67rem;display:flex}
.color-performance-row>span>i{background:var(--violet-soft);color:var(--violet);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.58rem;font-style:normal;display:flex}
.color-performance-row>div{background:var(--surface-2);border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}
.color-performance-row>div>i{background:linear-gradient(90deg,var(--violet),var(--coral));border-radius:inherit;height:100%;display:block}
.flash-choice-lock,.flash-confirm-lock-note,.flash-lock-rule{background:var(--amber-soft);align-items:start}
@supports (color: color-mix(in lab,red,red)){.flash-choice-lock,.flash-confirm-lock-note,.flash-lock-rule{background:color-mix(in srgb,var(--amber-soft) 74%,var(--surface))}
}
.flash-choice-lock,.flash-confirm-lock-note,.flash-lock-rule{border:1px solid var(--amber)}
@supports (color: color-mix(in lab,red,red)){.flash-choice-lock,.flash-confirm-lock-note,.flash-lock-rule{border:1px solid color-mix(in srgb,var(--amber) 27%,var(--border))}
}
.flash-choice-lock,.flash-confirm-lock-note,.flash-lock-rule{color:var(--text);border-radius:14px;gap:10px;padding:12px 14px;display:flex}
.flash-choice-lock svg,.flash-confirm-lock-note svg,.flash-lock-rule svg{color:var(--amber);flex:none}
.flash-choice-lock>div,.flash-lock-rule>div{gap:3px;display:grid}
.flash-choice-lock strong,.flash-lock-rule strong{font-size:.75rem}
.flash-choice-lock span,.flash-confirm-lock-note span,.flash-lock-rule span{color:var(--text-soft);font-size:.68rem;line-height:1.45}
.flash-paused-progress{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;gap:12px;padding:14px;display:grid}
.flash-paused-progress>div:first-child{gap:3px;display:grid}
.flash-paused-progress>div:first-child strong{font-size:.78rem}
.flash-paused-progress>div:first-child span{color:var(--text-soft);font-size:.67rem}
.flash-paused-progress>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}
.flash-paused-progress article{border:1px solid var(--border);border-radius:12px;gap:3px;padding:10px;display:grid}
.flash-paused-progress article.is-active{background:var(--violet-soft);border-color:var(--violet)}
@supports (color: color-mix(in lab,red,red)){.flash-paused-progress article.is-active{border-color:color-mix(in srgb,var(--violet) 28%,var(--border))}
}
.flash-paused-progress article.is-paused{opacity:.76}
.flash-paused-progress article>span{color:var(--text-soft);text-transform:uppercase;font-size:.58rem;font-weight:800}
.flash-paused-progress article strong{font-size:.72rem}
.flash-paused-progress article small{color:var(--text-soft);font-size:.64rem}
.flash-month-history{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.flash-month-history summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:46px;padding:10px 13px;display:flex}
.flash-month-history summary>span{align-items:center;gap:7px;font-size:.72rem;font-weight:750;display:flex}
.flash-month-history>div{border-top:1px solid var(--border);display:grid}
.flash-month-history article{grid-template-columns:minmax(130px,.55fr) minmax(160px,.75fr) minmax(0,1fr);gap:3px;padding:10px 13px;display:grid}
.flash-month-history article+article{border-top:1px solid var(--border)}
.flash-month-history strong,.flash-month-history span,.flash-month-history small{font-size:.67rem}
.flash-month-history span,.flash-month-history small{color:var(--text-soft)}
.flash-lock-rule{min-height:48px}
.xp-sale-settings{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}
.xp-sale-settings>div:first-child{align-items:center;gap:12px;display:flex}
.xp-sale-settings h3,.xp-sale-settings p{margin:0}
.xp-sale-settings p{color:var(--text-soft);margin-top:3px;font-size:.68rem;line-height:1.45}
.xp-sale-fields{grid-template-columns:130px 150px auto;align-items:end;gap:10px;display:grid}
.xp-sale-fields label{color:var(--text-soft);gap:5px;font-size:.65rem;font-weight:750;display:grid}
.xp-sale-fields input{min-height:44px}
@media (max-width: 980px){.import-column-map{grid-template-columns:repeat(2,minmax(0,1fr))}
.xp-sale-settings{grid-template-columns:1fr}
.xp-sale-fields{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
}
@media (max-width: 760px){.import-v51-steps{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}
.import-v51-steps>div{scroll-snap-align:start;flex:0 0 210px}
.import-column-map,.import-result-grid,.flash-paused-progress>div:last-child,.xp-sale-fields{grid-template-columns:1fr}
.import-v51-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.import-v51-table-card .desktop-table-wrap{display:none}
.import-v51-mobile-list{gap:9px;display:grid}
.import-v51-mobile-list article{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;gap:7px;padding:13px;display:grid}
.import-v51-mobile-list article>div{justify-content:space-between;align-items:center;display:flex}
.import-v51-mobile-list article>span,.import-v51-mobile-list article p{color:var(--text-soft);margin:0;font-size:.72rem}
.import-v51-table-card .import-confirm-bar{align-items:stretch;display:grid}
.import-v51-table-card .import-confirm-bar .button{width:100%;min-height:46px}
.channel-pie-layout,.channel-pie-layout.is-compact{grid-template-columns:1fr}
.channel-pie{justify-self:center;width:min(220px,72vw)}
.flash-month-history article{grid-template-columns:1fr}
.xp-sale-fields .button{width:100%}
}
@media (max-width: 430px){.import-v51-summary{grid-template-columns:1fr}
.import-v51-file-head{flex-direction:column;align-items:stretch;gap:12px}
}
@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}
@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}
@property --tw-shadow-color{syntax: "*"; inherits: false;}
@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}
@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}
@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}
@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}
@property --tw-ring-color{syntax: "*"; inherits: false;}
@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}
@property --tw-inset-ring-color{syntax: "*"; inherits: false;}
@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}
@property --tw-ring-inset{syntax: "*"; inherits: false;}
@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}
@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}
@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}
@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}
@property --tw-blur{syntax: "*"; inherits: false;}
@property --tw-brightness{syntax: "*"; inherits: false;}
@property --tw-contrast{syntax: "*"; inherits: false;}
@property --tw-grayscale{syntax: "*"; inherits: false;}
@property --tw-hue-rotate{syntax: "*"; inherits: false;}
@property --tw-invert{syntax: "*"; inherits: false;}
@property --tw-opacity{syntax: "*"; inherits: false;}
@property --tw-saturate{syntax: "*"; inherits: false;}
@property --tw-sepia{syntax: "*"; inherits: false;}
@property --tw-drop-shadow{syntax: "*"; inherits: false;}
@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}
@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}
@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}
:root{--surface-2: var(--surface-soft);--text-muted: var(--text-soft)}
html{min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
body{min-height:100%;height:auto!important;overflow-x:hidden!important;overflow-y:visible!important;position:static!important}
#root,.club-app,.app-content,.main-area,.view-stack{min-height:0;height:auto!important;max-height:none!important}
#root,.club-app{min-height:100vh}
.club-app,.app-content{overflow-x:clip!important;overflow-y:visible!important;position:relative;touch-action:pan-y pinch-zoom}
.main-area,.view-stack{overflow:visible!important;touch-action:pan-y pinch-zoom}
.modal-backdrop{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.modal{max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto}
.v5-community-grid.without-ranking{grid-template-columns:minmax(0,1fr)}
.v5-community-grid.without-ranking>.card{grid-column:1 / -1}
.delete-affiliate-confirm{display:grid;gap:18px}
.delete-affiliate-confirm>label{color:var(--text);display:grid;gap:7px;font-size:.78rem;font-weight:750}
.delete-affiliate-confirm input{background:var(--surface-soft);border:1px solid var(--border-strong);border-radius:12px;min-height:48px;padding:0 13px}
.danger-confirm-note{align-items:flex-start;background:var(--red-soft);border:1px solid var(--red);border-radius:15px;color:var(--red);display:flex;gap:10px;padding:13px 14px}
.danger-confirm-note p{color:var(--text);line-height:1.55;margin:0}
.admin-product-art,.library-product-art,.featured-product-visual{isolation:isolate;overflow:hidden;position:relative}
.admin-product-art>img,.library-product-art>img,.featured-product-visual>img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}
.admin-product-art>img,.library-product-art>img{z-index:0}
.admin-product-art>:not(img),.library-product-art>:not(img){position:relative;z-index:2}
.admin-product-art:has(>img):after,.library-product-art:has(>img):after{background:linear-gradient(180deg,transparent 42%,rgb(18 12 28 / .78));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}
.featured-product-visual>img{border-radius:inherit}
.product-image-field{background:var(--surface-soft);border:1px dashed var(--border-strong);border-radius:15px;padding:14px}
.product-image-field>small{color:var(--text-soft);font-size:.68rem}
.product-image-field input[type=file]{background:var(--surface);border:1px solid var(--border);border-radius:11px;min-height:48px;padding:8px}
.product-image-current{align-items:center;display:flex;gap:12px;margin-top:8px}
.product-image-current>img{border:1px solid var(--border);border-radius:12px;height:76px;object-fit:cover;width:76px}
.flash-options-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.flash-options-grid.options-1{max-width:620px}
.flash-choice{display:flex;flex-direction:column;min-height:0;padding:16px}
.flash-choice h3{margin-top:13px}
.flash-choice>p{display:-webkit-box;min-height:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.flash-choice>p:empty,.flash-choice ul:empty{display:none}
.flash-choice .flash-price{font-size:1.18rem;margin:13px 0 10px}
.flash-choice ul{margin-bottom:12px}
.flash-choice>small{margin-top:auto;padding-top:7px}
.flash-option-editor-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.flash-option-editor{align-self:start;padding:16px}
[data-design=liquid_glass][data-theme=light]{--text: #21182f;--text-soft: #554a63;--text-faint: #71667e;--glass-border: rgb(255 255 255 / .9);--glass-surface: rgb(255 255 255 / .76);--glass-surface-strong: rgb(255 255 255 / .9)}
[data-design=liquid_glass][data-theme=dark]{--text: #f8f4ff;--text-soft: #c8bfd4;--text-faint: #a99eb8;--glass-surface: rgb(27 22 39 / .8);--glass-surface-strong: rgb(38 31 53 / .94)}
[data-design=liquid_glass] .button,[data-design=liquid_glass] .icon-button,[data-design=liquid_glass] .row-action,[data-design=liquid_glass] .text-button{opacity:1}
[data-design=liquid_glass] .button-primary{color:#fff!important;text-shadow:0 1px 2px rgb(42 20 78 / .32)}
[data-design=liquid_glass] .button-secondary,[data-design=liquid_glass] .icon-button{color:var(--text)!important}
[data-design=liquid_glass][data-theme=light] .button-secondary,[data-design=liquid_glass][data-theme=light] .icon-button{background:#ffffffe0!important;border-color:#5c477c33}
[data-design=liquid_glass][data-theme=dark] .button-secondary,[data-design=liquid_glass][data-theme=dark] .icon-button{background:#302742eb!important;border-color:#fff3}
[data-design=liquid_glass] .button-ghost,[data-design=liquid_glass] .text-button,[data-design=liquid_glass] .row-action{color:var(--violet)!important}
[data-design=liquid_glass][data-theme=dark] .button-ghost,[data-design=liquid_glass][data-theme=dark] .text-button,[data-design=liquid_glass][data-theme=dark] .row-action{color:#d8c8ff!important}
[data-design=liquid_glass] .button-danger{background:#ffe5eb!important;border:1px solid rgb(168 35 65 / .2);color:#a11f3e!important}
[data-design=liquid_glass][data-theme=dark] .button-danger{background:#751f3494!important;border-color:#ffa3b84d;color:#ffd7e0!important}
[data-design=liquid_glass] input,[data-design=liquid_glass] select,[data-design=liquid_glass] textarea,[data-design=liquid_glass] .select-field,[data-design=liquid_glass] .search-field{color:var(--text)!important}
[data-design=liquid_glass] input::placeholder,[data-design=liquid_glass] textarea::placeholder{color:var(--text-faint)!important;opacity:1}
[data-design=liquid_glass] select option{background:var(--surface);color:var(--text)}
[data-design=liquid_glass][data-theme=light] .modal,[data-design=liquid_glass][data-theme=light] .profile-menu,[data-design=liquid_glass][data-theme=light] .notification-drawer,[data-design=liquid_glass][data-theme=light] .settings-v5-panel,[data-design=liquid_glass][data-theme=light] .settings-v5-nav,[data-design=liquid_glass][data-theme=light] .flash-choice,[data-design=liquid_glass][data-theme=light] .metric-card,[data-design=liquid_glass][data-theme=light] .module-row{color:#21182f}
[data-design=liquid_glass][data-theme=light] .modal p,[data-design=liquid_glass][data-theme=light] .settings-v5-panel p,[data-design=liquid_glass][data-theme=light] .settings-v5-nav small,[data-design=liquid_glass][data-theme=light] .flash-choice>p{color:#554a63}
[data-design=liquid_glass] .mobile-theme-toggle{color:var(--text)!important}
@media (max-width: 760px){.modal{max-height:calc(100dvh - env(safe-area-inset-top))}
.flash-options-grid{display:flex;gap:11px;margin-inline:-2px;overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x mandatory}
.flash-choice{flex:0 0 min(84vw,310px);scroll-snap-align:start}
.flash-option-editor-list{grid-template-columns:minmax(0,1fr)}
.product-image-current{align-items:flex-start;flex-direction:column}
}
.sales-verification-gate{align-items:center;background:linear-gradient(135deg,var(--cyan-soft),var(--surface));border-color:var(--cyan);display:grid;gap:13px;grid-template-columns:auto minmax(0,1fr) auto;padding:15px 17px}
.sales-verification-gate>span{align-items:center;background:var(--cyan);border-radius:12px;color:#fff;display:flex;height:42px;justify-content:center;width:42px}
.sales-verification-gate p{color:var(--text-soft);font-size:.72rem;line-height:1.5;margin:3px 0 0}
@media (max-width: 680px){.sales-verification-gate{grid-template-columns:auto minmax(0,1fr)}
.sales-verification-gate .button{grid-column:1 / -1;width:100%}
}
@media (max-width: 760px){.auth-mobile-brand{display:flex;margin-bottom:34px;max-width:calc(100% - 58px)}
.auth-form-wrap>.eyebrow{display:flex;margin-bottom:8px;width:fit-content}
}
.avatar{overflow:hidden;position:relative}
.avatar>img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:2}
.admin-product-art,.library-product-art{aspect-ratio:3 / 4;background-color:var(--surface-soft);height:auto}
.featured-product-visual{aspect-ratio:3 / 4;height:auto;width:min(190px,100%)}
.featured-product-visual:has(>img){border-radius:20px;transform:none}
.admin-product-art>img,.library-product-art>img,.featured-product-visual>img{background:var(--surface-soft);object-fit:contain}
.admin-product-art:has(>img):after,.library-product-art:has(>img):after{background:linear-gradient(180deg,transparent 72%,rgb(18 12 28 / .5))}
.admin-product-art:has(>img)>span,.library-product-art:has(>img)>span{display:none}
.product-image-current>img{aspect-ratio:3 / 4;height:96px;object-fit:contain;width:72px}
.admin-product-copy .admin-card-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-product-copy .admin-card-actions .button{min-width:0;width:100%}
.admin-product-copy .admin-card-actions .button:last-child{grid-column:1 / -1}
[data-design=liquid_glass] .featured-content.card{background:radial-gradient(circle at 80% 20%,#ffe18040,transparent 24%),linear-gradient(125deg,#2b1f3ded,#56356de6 60%,#774064e0);border-color:#ffffff4d;color:#fff}
[data-design=liquid_glass] .featured-content.card p,[data-design=liquid_glass] .featured-content.card span{color:#ffffffc2}
[data-design=liquid_glass] .featured-content.card h2,[data-design=liquid_glass] .featured-content.card b{color:#fff}
[data-design=liquid_glass] .reward-summary .reward-total.card{background:linear-gradient(135deg,#5d41daf0,#9b49d2e6);border-color:#ffffff5c;color:#fff}
[data-design=liquid_glass] .reward-summary .reward-total.card span,[data-design=liquid_glass] .reward-summary .reward-total.card small{color:#ffffffbf}
[data-design=liquid_glass] .reward-summary .reward-total.card strong{color:#fff}
[data-design=liquid_glass] .flash-teaser-card.card{background:radial-gradient(circle at 8% 10%,rgb(255 255 255 / .18),transparent 24%),linear-gradient(115deg,#241936f2,#4b2869eb 54%,#7a3357e6);border-color:#ffffff4d;color:#fff}
[data-design=liquid_glass] .flash-teaser-card.card h3{color:#fff}
[data-design=liquid_glass] .flash-teaser-card.card p{color:#ffffffc2}
[data-design=liquid_glass][data-theme=light] .admin-product-copy,[data-design=liquid_glass][data-theme=light] .library-product-copy,[data-design=liquid_glass][data-theme=light] .reward-card,[data-design=liquid_glass][data-theme=light] .reward-card h3,[data-design=liquid_glass][data-theme=light] .reward-card dd,[data-design=liquid_glass][data-theme=light] .flash-choice,[data-design=liquid_glass][data-theme=light] .flash-choice h3,[data-design=liquid_glass][data-theme=light] .flash-progress-panel,[data-design=liquid_glass][data-theme=light] .flash-progress-panel strong{color:#21182f}
[data-design=liquid_glass][data-theme=light] .admin-product-copy p,[data-design=liquid_glass][data-theme=light] .admin-product-copy dt,[data-design=liquid_glass][data-theme=light] .library-product-copy p,[data-design=liquid_glass][data-theme=light] .library-product-copy dt,[data-design=liquid_glass][data-theme=light] .reward-card p,[data-design=liquid_glass][data-theme=light] .reward-card dt,[data-design=liquid_glass][data-theme=light] .flash-choice p,[data-design=liquid_glass][data-theme=light] .flash-choice small,[data-design=liquid_glass][data-theme=light] .flash-progress-panel small,[data-design=liquid_glass][data-theme=light] .flash-progress-panel span{color:#554a63}
[data-level-color=violet]{--profile-accent: #7257ff;--profile-soft: #eeeaff}
[data-level-color=cyan]{--profile-accent: #149ab5;--profile-soft: #e1f8fc}
[data-level-color=coral]{--profile-accent: #df5260;--profile-soft: #ffeaed}
[data-level-color=amber]{--profile-accent: #c88200;--profile-soft: #fff2d4}
[data-level-color=rose]{--profile-accent: #df3f72;--profile-soft: #ffe5ef}
[data-level-color=indigo]{--profile-accent: #485bd1;--profile-soft: #e7eaff}
[data-level-color=lime]{--profile-accent: #719d23;--profile-soft: #eff8dc}
[data-level-color=gold]{--profile-accent: #b67b05;--profile-soft: #fff1c9}
[data-level-color=emerald]{--profile-accent: #138764;--profile-soft: #dcf7ed}
[data-level-color=blue]{--profile-accent: #2874ce;--profile-soft: #e1efff}
[data-level-color=magenta]{--profile-accent: #b83d9c;--profile-soft: #f9e4f4}
[data-level-color=orange]{--profile-accent: #d4611b;--profile-soft: #ffeadc}
[data-level-color=teal]{--profile-accent: #167f83;--profile-soft: #def5f5}
.profile-v5-hero[data-level-color],.public-profile[data-level-color] .public-profile-hero,.admin-profile-modal[data-level-color] .admin-profile-head{background:radial-gradient(circle at 88% 12%,var(--profile-soft),transparent 32%),var(--surface);border-color:var(--profile-accent)}
.profile-v5-hero[data-level-color] .xp-level-icon,.public-profile[data-level-color] .verified-mark,.admin-profile-modal[data-level-color] .verified-mark{color:var(--profile-accent)}
.affiliate-v5-hero[data-level-color]{border-color:color-mix(in srgb,var(--profile-accent) 64%,white);box-shadow:0 28px 72px color-mix(in srgb,var(--profile-accent) 25%,transparent),inset 0 1px #ffffff7a}
.profile-level-stars{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.profile-level-stars small{color:var(--text-soft);margin-left:4px;font-size:.68rem}
.profile-level-star{align-items:center;background:var(--surface);border:1px solid currentColor;border-radius:999px;display:inline-flex;height:26px;justify-content:center;width:26px;box-shadow:0 5px 12px #1f162f1a}
.profile-level-star.level-violet{color:#7257ff}
.profile-level-star.level-cyan{color:#149ab5}
.profile-level-star.level-coral{color:#df5260}
.profile-level-star.level-amber{color:#c88200}
.profile-level-star.level-rose{color:#df3f72}
.profile-level-star.level-indigo{color:#485bd1}
.profile-level-star.level-lime{color:#719d23}
.profile-level-star.level-gold{color:#b67b05}
.profile-level-star.level-emerald{color:#138764}
.profile-level-star.level-blue{color:#2874ce}
.profile-level-star.level-magenta{color:#b83d9c}
.profile-level-star.level-orange{color:#d4611b}
.profile-level-star.level-teal{color:#167f83}
.profile-avatar-editor{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr);padding:14px}
.profile-avatar-editor>div{display:grid;gap:5px}
.profile-avatar-editor small{color:var(--text-soft);font-size:.68rem}
.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.profile-avatar-actions label{cursor:pointer}
.profile-avatar-actions input[type=file]{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}
.account-photo-form{align-items:center;display:flex;flex-direction:column;gap:13px}
.account-photo-form>label{cursor:pointer}
.account-photo-form input[type=file]{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}
.account-photo-form .modal-actions{justify-content:center;width:100%}
.profile-privacy-fieldset{border:1px solid var(--border);border-radius:16px;display:grid;gap:7px;padding:15px}
.profile-privacy-fieldset legend{color:var(--text);font-size:.78rem;font-weight:800;padding:0 7px}
.profile-privacy-fieldset>p{color:var(--text-soft);font-size:.68rem;margin:0 0 7px}
.profile-privacy-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-privacy-grid .setting-toggle{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:48px;padding:8px 10px}
.community-filter-bar{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(170px,auto) auto}
.community-filter-bar>label:not(.search-field) select{min-height:44px}
.community-filter-bar>small{color:var(--text-soft);white-space:nowrap}
.community-profile-grid{display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}
.community-profile-card{--profile-accent: var(--violet);align-items:center;background:radial-gradient(circle at 100% 0,var(--profile-soft),transparent 48%),var(--surface);border:1px solid color-mix(in srgb,var(--profile-accent) 44%,var(--border));border-radius:18px;color:var(--text);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:94px;padding:14px;text-align:left}
.community-profile-card:hover{box-shadow:0 15px 34px color-mix(in srgb,var(--profile-accent) 16%,transparent);transform:translateY(-2px)}
.community-profile-card>div{align-items:flex-start;display:flex;flex-direction:column;gap:3px;min-width:0}
.community-profile-card>div>strong{align-items:center;display:flex;gap:4px;max-width:100%}
.community-profile-card>div>span{color:var(--text-soft);font-size:.7rem}
.community-star-count{align-items:center;color:var(--profile-accent);display:flex;font-size:.72rem;font-weight:800;gap:3px}
.community-card-arrow{color:var(--text-faint);grid-column:3}
.public-profile{display:grid;gap:16px}
.public-profile-hero{align-items:center;border:1px solid var(--profile-accent);border-radius:20px;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto;padding:18px}
.public-profile-hero p{color:var(--text-soft);margin:4px 0 8px}
.public-profile-stars{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:15px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px 14px}
.public-profile-stars>div{display:flex;flex-wrap:wrap;gap:5px}
.public-profile-stars small{color:var(--text-soft)}
.public-profile-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.public-profile-metrics>div{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:72px;padding:12px}
.public-profile-metrics>div>span{align-items:center;background:var(--profile-soft);border-radius:10px;color:var(--profile-accent);display:flex;height:36px;justify-content:center;width:36px}
.public-profile-metrics>div>div{display:grid}
.public-profile-metrics small{color:var(--text-soft);font-size:.62rem}
.public-profile-metrics strong{font-size:.78rem}
.public-profile-metrics .is-private{opacity:.78}
.public-profile-channels{display:grid;gap:9px}
.public-profile-channels>div{display:flex;flex-wrap:wrap;gap:8px}
.public-profile-channels>div>span{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:grid;gap:2px;min-width:130px;padding:9px 11px}
.public-profile-channels small{color:var(--text-soft)}
.notification-list>button{align-items:flex-start;background:transparent;border:0;color:var(--text);cursor:pointer;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:12px;text-align:left;width:100%}
.notification-list>button.unread{background:var(--violet-soft);border-radius:13px}
.notification-list>button>div{min-width:0}
.notification-list>button:hover,.notification-list>button:focus-visible{background:var(--surface-soft)}
.notification-list>button+button{border-top:1px solid var(--border)}
.notification-list>button p{color:var(--text-soft)}
.access-role-grid{display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}
.access-role-card{display:grid;gap:14px}
.access-role-card>div:first-child{align-items:flex-start;display:grid;gap:11px;grid-template-columns:auto minmax(0,1fr)}
.access-role-icon{align-items:center;background:var(--violet-soft);border-radius:12px;color:var(--violet);display:flex;height:42px;justify-content:center;width:42px}
.access-role-card h3{margin:0 0 4px}
.access-role-card p{color:var(--text-soft);font-size:.7rem;line-height:1.45;margin:0}
.access-role-meta{align-items:center;display:flex;flex-wrap:wrap;gap:7px}
.access-role-meta>span{color:var(--text-soft);font-size:.67rem}
.access-users-card{display:grid;gap:14px}
.access-user-list{display:grid}
.access-user-list>div{align-items:center;border-top:1px solid var(--border);display:grid;gap:12px;grid-template-columns:auto minmax(170px,1fr) auto minmax(180px,.5fr);min-height:66px;padding:8px 3px}
.access-user-list>div>div{display:grid}
.access-user-list small{color:var(--text-soft)}
.access-role-form{display:grid;gap:18px}
.permission-editor{border:1px solid var(--border);border-radius:16px;display:grid;gap:14px;padding:15px}
.permission-editor>legend{font-weight:800;padding:0 6px}
.permission-editor>section{display:grid;gap:7px}
.permission-editor h4{color:var(--text-soft);font-size:.7rem;text-transform:uppercase}
.permission-editor section>div{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}
.permission-editor label{align-items:flex-start;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);padding:10px}
.permission-editor label>span{display:grid;gap:3px}
.permission-editor small{color:var(--text-soft);font-size:.58rem}
.advanced-filter-panel{align-items:end;background:var(--surface-soft);border:1px solid var(--border);border-radius:15px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(120px,1fr));margin:0 14px 14px;padding:12px}
.advanced-filter-panel label{color:var(--text-soft);display:grid;font-size:.62rem;gap:5px}
.advanced-filter-panel select,.advanced-filter-panel input{min-height:42px}
.advanced-filter-panel>small{color:var(--text-soft);grid-column:1 / -1}
@media (max-width: 1100px){.community-profile-grid,.access-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.advanced-filter-panel{grid-template-columns:repeat(3,minmax(140px,1fr))}
}
@media (max-width: 760px){.admin-product-art,.library-product-art{max-height:none;width:100%}
.featured-content{grid-template-columns:minmax(0,1fr)}
.featured-product-visual{display:flex;justify-self:center;margin-top:4px;max-width:230px}
.profile-avatar-editor,.public-profile-hero{grid-template-columns:1fr}
.profile-avatar-editor>.avatar,.public-profile-hero>.avatar{justify-self:center}
.profile-privacy-grid,.community-profile-grid,.access-role-grid,.permission-editor section>div,.public-profile-metrics{grid-template-columns:minmax(0,1fr)}
.community-filter-bar{grid-template-columns:minmax(0,1fr)}
.community-filter-bar>small{white-space:normal}
.public-profile-stars{grid-template-columns:minmax(0,1fr)}
.public-profile-hero .button{width:100%}
.access-users-card .card-heading{align-items:stretch;flex-direction:column}
.access-user-list>div{grid-template-columns:auto minmax(0,1fr)}
.access-user-list>div>.badge,.access-user-list>div>select{grid-column:1 / -1}
.advanced-filter-panel{grid-template-columns:minmax(0,1fr);margin-inline:10px}
.admin-product-copy .admin-card-actions{grid-template-columns:minmax(0,1fr)}
.admin-product-copy .admin-card-actions .button:last-child{grid-column:auto}
}

.reconciliation-panel,.journey-audit-panel{display:grid;gap:16px}
.reconciliation-filters,.journey-audit-filters,.pending-filters{align-items:end;display:grid;gap:12px;grid-template-columns:180px 180px minmax(220px,1fr)}
.reconciliation-filters label,.journey-audit-filters label,.pending-filters label{color:var(--text-soft);display:grid;font-size:.68rem;font-weight:700;gap:6px}
.reconciliation-filters input,.reconciliation-filters select,.journey-audit-filters input,.journey-audit-filters select,.pending-filters select{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;min-height:43px;padding:0 11px}
.reconciliation-search,.journey-audit-search{min-width:0}
.reconciliation-list,.journey-audit-list{display:grid;gap:11px}
.reconciliation-issue{background:var(--surface-soft);border:1px solid var(--border);border-left:4px solid var(--violet);border-radius:14px;display:grid;gap:12px;padding:14px}
.reconciliation-issue.severity-critical{border-left-color:var(--red)}
.reconciliation-issue.severity-high{border-left-color:var(--amber)}
.reconciliation-issue-main{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}
.reconciliation-issue h2{font-size:.86rem;margin:4px 0}
.reconciliation-issue p,.reconciliation-resolution{color:var(--text-soft);font-size:.68rem}
.reconciliation-badges,.reconciliation-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.reconciliation-actions{border-top:1px solid var(--border);padding-top:11px}
.reconciliation-actions .button{min-height:34px}
.journey-audit-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:15px;overflow:hidden}
.journey-audit-card.has-anomaly{border-color:var(--red)}
.journey-audit-card>summary{align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;list-style:none;padding:15px}
.journey-audit-card>summary::-webkit-details-marker{display:none}
.journey-audit-card>summary>div{display:grid;gap:3px}
.journey-audit-card>summary>div:last-child{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.journey-audit-card>summary span{color:var(--text-soft);font-size:.7rem}
.journey-audit-card[open]>summary{border-bottom:1px solid var(--border)}
.journey-anomaly-list{display:flex;flex-wrap:wrap;gap:7px;padding:12px 14px 0}
.journey-option-grid{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:14px}
.journey-option-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:grid;gap:3px;padding:11px}
.journey-option-grid span,.journey-option-grid small{color:var(--text-soft);font-size:.66rem}
.journey-timeline{display:grid;padding:0 14px 15px}
.journey-timeline>div{align-items:center;border-left:2px solid var(--border);display:grid;gap:10px;grid-template-columns:12px minmax(0,1fr) auto;margin-left:6px;min-height:52px;padding:5px 0 5px 16px;position:relative}
.journey-timeline>div>i{background:var(--text-faint);border:3px solid var(--surface-soft);border-radius:50%;height:12px;left:-7px;position:absolute;width:12px}
.journey-timeline>div.active>i{background:var(--green)}
.journey-timeline span{display:grid}
.journey-timeline small{color:var(--text-soft)}
.pending-filters{grid-template-columns:repeat(2,minmax(180px,260px)) minmax(180px,1fr)}
.pending-filters>span{color:var(--text-soft);font-size:.72rem;justify-self:end}
.pending-area-label{color:var(--violet)!important;text-transform:capitalize}
[data-theme=dark] .pending-area-label{color:#c9b9ff!important}
.pending-item-list .badge{white-space:nowrap}
.campaign-simulator-form{align-items:end}
.campaign-simulation-result{background:linear-gradient(135deg,var(--violet-soft),var(--surface));border:1px solid var(--violet);border-radius:16px;display:grid;gap:12px;padding:16px}
.campaign-simulation-result.achieved{background:linear-gradient(135deg,var(--green-soft),var(--surface));border-color:var(--green)}
.campaign-simulation-result h3{font-size:1.25rem;margin:3px 0}
.campaign-simulation-result p{color:var(--text-soft);font-size:.72rem}
.campaign-simulation-reward{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:11px}
.campaign-simulation-reward span{display:grid}
.campaign-simulation-reward small{color:var(--text-soft)}
.financial-carryover-history{display:grid;gap:13px}
.financial-carryover-list{display:grid}
.financial-carryover-list>div{align-items:center;border-top:1px solid var(--border);display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) auto auto;padding:11px 2px}
.financial-carryover-list span{display:grid;gap:2px}
.financial-carryover-list small{color:var(--text-soft)}
.financial-carryover-list .positive{color:var(--green)}
.financial-carryover-list .negative{color:var(--red)}
@media (max-width:760px){
.reconciliation-filters,.journey-audit-filters,.pending-filters{grid-template-columns:minmax(0,1fr)}
.pending-filters>span{justify-self:start}
.reconciliation-issue-main,.journey-audit-card>summary{grid-template-columns:minmax(0,1fr)}
.reconciliation-actions .button{width:100%}
.journey-timeline>div{grid-template-columns:12px minmax(0,1fr)}
.journey-timeline>div>b{grid-column:2}
.financial-carryover-list>div{grid-template-columns:minmax(0,1fr)}
.financial-carryover-list .badge{justify-self:start}
}