@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,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--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;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528)}}}@layer base{*,:after,:before,::backdrop{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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::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:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::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:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-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!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.my-3{margin-block:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#00b894\]{--tw-gradient-from:#00b894;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#000\]{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1db954\]{--tw-gradient-from:#1db954;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#25d366\]{--tw-gradient-from:#25d366;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0077b5\]{--tw-gradient-from:#0077b5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0088cc\]{--tw-gradient-from:#08c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#833ab4\]{--tw-gradient-from:#833ab4;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1877f2\]{--tw-gradient-from:#1877f2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#5865f2\]{--tw-gradient-from:#5865f2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#010101\]{--tw-gradient-from:#010101;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#bd081c\]{--tw-gradient-from:#bd081c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff0000\]{--tw-gradient-from:red;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff1fa0\]{--tw-gradient-from:#ff1fa0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff6b35\]{--tw-gradient-from:#ff6b35;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff4500\]{--tw-gradient-from:#ff4500;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff5500\]{--tw-gradient-from:#f50;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#fffc00\]{--tw-gradient-from:#fffc00;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#fd1d1d\]{--tw-gradient-via:#fd1d1d;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0d60d8\]{--tw-gradient-to:#0d60d8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00aced\]{--tw-gradient-to:#00aced;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#1da1f2\]{--tw-gradient-to:#1da1f2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#8c0615\]{--tw-gradient-to:#8c0615;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#69c9d0\]{--tw-gradient-to:#69c9d0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#128c7e\]{--tw-gradient-to:#128c7e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#148a3e\]{--tw-gradient-to:#148a3e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#404eed\]{--tw-gradient-to:#404eed;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#005885\]{--tw-gradient-to:#005885;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#019875\]{--tw-gradient-to:#019875;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#b44dff\]{--tw-gradient-to:#b44dff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#cc0000\]{--tw-gradient-to:#c00;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#cc3700\]{--tw-gradient-to:#cc3700;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#cc4400\]{--tw-gradient-to:#c40;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#f7e600\]{--tw-gradient-to:#f7e600;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#fcb045\]{--tw-gradient-to:#fcb045;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#ff1fa0\]{--tw-gradient-to:#ff1fa0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);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);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#ff1fa0\]:hover{border-color:#ff1fa0}.hover\:border-\[\#ff1fa0\]\/30:hover{border-color:#ff1fa04d;border-color:lab(57.427% 82.9418 -10.5873/.3)}.hover\:border-\[\#ff1fa0\]\/40:hover{border-color:#ff1fa066;border-color:lab(57.427% 82.9418 -10.5873/.4)}.hover\:bg-\[var\(--surface\)\]:hover{background-color:var(--surface)}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:text-\[\#ff1fa0\]:hover{color:#ff1fa0}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:shadow-\[0_4px_20px_rgba\(255\,31\,160\,0\.07\)\]:hover{--tw-shadow:0 4px 20px var(--tw-shadow-color,#ff1fa012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.2\)\]:hover{--tw-shadow:0 4px 24px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_8px_25px_rgba\(255\,31\,160\,0\.4\)\]:hover{--tw-shadow:0 8px 25px var(--tw-shadow-color,#ff1fa066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}:root{--bg-primary:#f7f7fb;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#17151f;--text-secondary:#6f6b7b;--text-tertiary:#9691a3;--border:#e7e5ec;--border-strong:#d8d5df;--accent:#ff4f70;--accent-strong:#ed3158;--accent-2:#714bff;--accent-cyan:#10b8c4;--surface:#f1f0f5;--surface-raised:#fbfaff;--success:#149968;--warning:#c97a12;--danger:#d8445d;--shadow-sm:0 1px 2px #17151f0d, 0 8px 24px #17151f0a;--shadow-md:0 16px 46px #17151f17;--shadow-accent:0 18px 46px #ff4f7038}.dark{--bg-primary:#0c0b11;--bg-secondary:#121018;--bg-card:#15131c;--text-primary:#f7f5fb;--text-secondary:#aaa5b6;--text-tertiary:#777181;--border:#2a2732;--border-strong:#3a3644;--accent:#ff6280;--accent-strong:#ff4569;--accent-2:#8c70ff;--accent-cyan:#32c8d2;--surface:#1d1a24;--surface-raised:#191620;--success:#35c88f;--warning:#f2ae4c;--danger:#ff6680;--shadow-sm:0 1px 2px #0000002e, 0 10px 30px #00000029;--shadow-md:0 20px 60px #0000004d;--shadow-accent:0 18px 50px #ff4f702e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary)}body{max-width:100vw;font-family:var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .18s,color .18s;overflow-x:hidden}a,button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}::selection{color:var(--text-primary);background:#ff4f7033}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.gradient-text{background:linear-gradient(120deg, var(--accent-strong), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--bg-card)}@supports (color:color-mix(in lab, red, red)){.glass{background:color-mix(in srgb, var(--bg-card) 80%, transparent)}}.glass{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.glass{border:1px solid color-mix(in srgb, var(--border) 78%, transparent)}}.glass-light{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #ffffffb8}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;transition:border-color .18s,box-shadow .18s,transform .18s}.card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.card:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}}.card:hover{box-shadow:var(--shadow-md)}.gradient-border{background:var(--bg-card);border-radius:20px;position:relative}.gradient-border:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-cyan));-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border-radius:21px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.badge-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.badge-success{background:color-mix(in srgb, var(--success) 13%, transparent)}}.badge-success{color:var(--success);border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.badge-success{border:1px solid color-mix(in srgb, var(--success) 28%, transparent)}}.badge-warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.badge-warning{background:color-mix(in srgb, var(--warning) 13%, transparent)}}.badge-warning{color:var(--warning);border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.badge-warning{border:1px solid color-mix(in srgb, var(--warning) 28%, transparent)}}.badge-error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.badge-error{background:color-mix(in srgb, var(--danger) 13%, transparent)}}.badge-error{color:var(--danger);border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.badge-error{border:1px solid color-mix(in srgb, var(--danger) 28%, transparent)}}.badge-info{background:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.badge-info{background:color-mix(in srgb, var(--accent-cyan) 13%, transparent)}}.badge-info{color:var(--accent-cyan);border:1px solid var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.badge-info{border:1px solid color-mix(in srgb, var(--accent-cyan) 28%, transparent)}}.badge-purple{background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.badge-purple{background:color-mix(in srgb, var(--accent-2) 13%, transparent)}}.badge-purple{color:var(--accent-2);border:1px solid var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.badge-purple{border:1px solid color-mix(in srgb, var(--accent-2) 28%, transparent)}}.badge-pink{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.badge-pink{background:color-mix(in srgb, var(--accent) 13%, transparent)}}.badge-pink{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.badge-pink{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.btn-primary{background:var(--text-primary);min-height:46px;color:var(--bg-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 21px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:linear-gradient(120deg, var(--accent-strong), var(--accent-2));color:#fff;box-shadow:var(--shadow-accent)}.btn-secondary{border:1px solid var(--border-strong);background:var(--bg-card);min-height:46px;color:var(--text-primary);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 21px;font-weight:750;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-1px)}.input{width:100%;min-height:46px;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:12px;padding:11px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--text-secondary)}@supports (color:color-mix(in lab, red, red)){.input:hover{border-color:color-mix(in srgb, var(--text-secondary) 45%, var(--border))}}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}}.input:focus{outline:0}.progress-bar{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:inherit;height:100%;transition:width .7s}.stat-number{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:24px;font-weight:800;line-height:1}.service-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .18s;display:flex}.service-icon:hover{transform:scale(1.05)}.notif-dot{background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{background:var(--surface);text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:10px;font-weight:800}.data-table th:first-child{border-radius:12px 0 0}.data-table th:last-child{border-radius:0 12px 0 0}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:13px}.data-table tr:hover td{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-table tr:hover td{background:color-mix(in srgb, var(--accent) 3%, transparent)}}.sidebar-link{color:var(--text-secondary);border-radius:11px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;font-weight:650;text-decoration:none;transition:all .16s;display:flex}.sidebar-link:hover{background:var(--surface);color:var(--text-primary)}.sidebar-link.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.sidebar-link.active{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.sidebar-link.active{color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent)}.toggle{background:var(--border-strong);cursor:pointer;border-radius:13px;flex-shrink:0;width:48px;height:26px;transition:background .18s;position:relative}.toggle.on{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 8px #0003}.toggle.on .toggle-thumb{transform:translate(22px)}.mobile-container{background:var(--bg-primary);max-width:470px;min-height:100vh;margin:0 auto;position:relative}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.marketing-site{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.shell-width{width:min(1160px,100% - 40px);margin-inline:auto}.marketing-header{z-index:70;background:var(--bg-primary);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.marketing-header{background:color-mix(in srgb, var(--bg-primary) 86%, transparent)}}.marketing-header{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.marketing-header{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.marketing-header{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.marketing-nav{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.marketing-brand{color:var(--text-primary);letter-spacing:-.045em;align-items:center;gap:10px;font-size:19px;font-weight:900;text-decoration:none;display:inline-flex}.marketing-brand>span:last-child>span{color:var(--accent-strong)}.marketing-brand-mark{object-fit:cover;width:38px;height:38px;box-shadow:4px 4px 0 var(--accent);background:#fff;border-radius:11px;display:block}@supports (color:color-mix(in lab, red, red)){.marketing-brand-mark{box-shadow:4px 4px 0 color-mix(in srgb, var(--accent) 68%, transparent)}}.marketing-links{align-items:center;gap:30px;display:flex}.marketing-links a,.marketing-login{color:var(--text-secondary);font-size:13px;font-weight:700;text-decoration:none;transition:color .16s}.marketing-links a:hover,.marketing-login:hover{color:var(--text-primary)}.marketing-actions{align-items:center;gap:14px;display:flex}.theme-button,.marketing-menu-button{border:1px solid var(--border);background:var(--bg-card);width:39px;height:39px;color:var(--text-secondary);cursor:pointer;border-radius:11px;place-items:center;display:grid}.marketing-menu-button{display:none}.marketing-start{min-height:42px;padding-inline:17px;font-size:12px}.marketing-mobile-menu{z-index:100;background:var(--bg-card);flex-direction:column;gap:30px;padding:20px;animation:.18s both mobileMenuIn;display:flex;position:fixed;inset:0}.marketing-mobile-head{justify-content:space-between;align-items:center;display:flex}.marketing-mobile-head button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text-primary);border-radius:12px;place-items:center;display:grid}.marketing-mobile-menu nav{flex-direction:column;display:flex}.marketing-mobile-menu nav a{color:var(--text-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 2px;font-size:19px;font-weight:800;text-decoration:none;display:flex}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-12px)}}.hero{padding:98px 0 74px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent), transparent 68%);border-radius:50%;width:520px;height:520px;position:absolute;top:-210px;left:-280px}@supports (color:color-mix(in lab, red, red)){.hero:before{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 68%)}}.hero:before{pointer-events:none}.hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;display:grid}.hero-copy{z-index:2;position:relative}.hero-badge{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.hero-badge i{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px var(--success);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.hero-badge i{box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 13%, transparent)}}.hero h1{letter-spacing:-.065em;max-width:680px;margin:24px 0 21px;font-size:clamp(48px,6.2vw,82px);font-weight:900;line-height:.96}.hero h1 em{color:var(--accent-strong);font-style:normal}.hero-copy>p{max-width:590px;color:var(--text-secondary);font-size:17px;line-height:1.72}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.hero-note{color:var(--text-tertiary);flex-wrap:wrap;gap:17px;margin-top:23px;font-size:11px;font-weight:650;display:flex}.hero-note span{align-items:center;gap:6px;display:inline-flex}.product-stage{min-height:530px;position:relative}.product-stage:after{content:"";background:linear-gradient(145deg, var(--accent), var(--accent-2));border-radius:44px;position:absolute;inset:8% -5% 0 8%}@supports (color:color-mix(in lab, red, red)){.product-stage:after{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent-2) 14%, transparent))}}.product-stage:after{filter:blur();transform:rotate(3deg)}.product-window{z-index:2;border:1px solid var(--border);background:var(--bg-card);border-radius:28px;min-height:485px;margin:0 8px 0 24px;position:relative;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 35px 100px #17151f29}.product-window-bar{border-bottom:1px solid var(--border);background:var(--surface-raised);align-items:center;gap:7px;height:51px;padding:0 17px;display:flex}.product-window-bar i{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.product-window-bar span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:9px;font-weight:700}.product-body{grid-template-columns:112px 1fr;min-height:434px;display:grid}.product-sidebar{background:var(--surface);padding:18px 12px}@supports (color:color-mix(in lab, red, red)){.product-sidebar{background:color-mix(in srgb, var(--surface) 62%, var(--bg-card))}}.product-sidebar{border-right:1px solid var(--border)}.product-mini-logo{align-items:center;gap:7px;margin:0 2px 18px;font-size:10px;font-weight:900;display:flex}.product-mini-logo i{background:var(--text-primary);border-radius:7px;width:23px;height:23px}.product-side-link{color:var(--text-tertiary);border-radius:8px;align-items:center;gap:7px;margin-bottom:5px;padding:8px 9px;font-size:8px;font-weight:750;display:flex}.product-side-link.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.product-side-link.active{background:color-mix(in srgb, var(--accent) 12%, var(--bg-card))}}.product-side-link.active{color:var(--accent-strong)}.product-side-link i{border:1px solid;border-radius:4px;width:12px;height:12px}.product-content{padding:22px}.product-greeting{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.product-greeting h3{letter-spacing:-.03em;font-size:17px}.product-greeting p{color:var(--text-tertiary);margin-top:3px;font-size:8px}.product-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:10px;width:30px;height:30px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px;display:grid}.mini-stat{border:1px solid var(--border);background:var(--bg-card);border-radius:13px;padding:14px 12px}.mini-stat span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:7px;font-weight:800;display:block}.mini-stat strong{letter-spacing:-.035em;font-size:14px}.mini-stat.highlight{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mini-stat.highlight{border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}}.mini-stat.highlight{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mini-stat.highlight{background:color-mix(in srgb, var(--accent) 5%, var(--bg-card))}}.order-card{color:#fff;background:#18151f;border-radius:16px;padding:17px}.order-card-head{justify-content:space-between;align-items:center;display:flex}.order-card-head span{color:#aaa5b6;font-size:8px}.order-card-head strong{color:#62dcaa;background:#35c88f1f;border-radius:999px;padding:4px 7px;font-size:7px}.service-select{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:17px;display:grid}.service-select div{text-align:center;color:#9790a2;border:1px solid #312d3a;border-radius:9px;padding:10px 3px;font-size:7px}.service-select div.active{color:#fff;background:#ff62801f;border-color:#ff628099}.order-row{gap:8px;margin-top:9px;display:flex}.order-row i{background:#24212b;border-radius:8px;flex:1;height:32px}.order-row i:last-child{background:linear-gradient(120deg, var(--accent-strong), var(--accent-2));max-width:82px}.floating-receipt{z-index:4;border:1px solid var(--border);background:var(--bg-card);border-radius:17px;width:190px;padding:15px;position:absolute;bottom:42px;right:-18px}@supports (color:color-mix(in lab, red, red)){.floating-receipt{background:color-mix(in srgb, var(--bg-card) 92%, transparent)}}.floating-receipt{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:4.8s ease-in-out infinite float}.floating-receipt>span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.floating-receipt strong{margin:7px 0 2px;font-size:14px;display:block}.floating-receipt p{color:var(--success);font-size:9px;font-weight:700}.trust-strip{padding:0 0 80px}.trust-inner{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:1.35fr repeat(3,1fr);align-items:center;gap:22px;padding:24px 28px;display:grid}.trust-inner>p{color:var(--text-secondary);font-size:12px;line-height:1.55}.trust-item{align-items:center;gap:11px;display:flex}.trust-item i{width:35px;height:35px;color:var(--accent-strong);background:var(--accent);border-radius:11px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.trust-item i{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.trust-item strong{font-size:12px;display:block}.trust-item span{color:var(--text-tertiary);font-size:9px}.marketing-section{padding:104px 0}.section-soft{background:var(--bg-card);border-block:1px solid var(--border)}.section-heading{max-width:650px;margin-bottom:44px}.section-heading.center{text-align:center;margin-inline:auto}.section-kicker{color:var(--accent-strong);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:900;display:inline-flex}.section-heading h2{letter-spacing:-.055em;margin:13px 0 15px;font-size:clamp(34px,4vw,52px);line-height:1.03}.section-heading p{color:var(--text-secondary);font-size:15px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--border);background:var(--bg-primary);border-radius:22px;min-height:260px;padding:26px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.feature-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}}.feature-card:hover{box-shadow:var(--shadow-md)}.feature-card.feature-dark{color:#fff;background:#17141d;border-color:#17141d}.feature-icon{width:46px;height:46px;color:var(--accent-strong);background:var(--accent);border-radius:14px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.feature-icon{background:color-mix(in srgb, var(--accent) 10%, var(--bg-card))}}.feature-dark .feature-icon{color:#ff7993;background:#ff62801f}.feature-card h3{letter-spacing:-.035em;margin:48px 0 10px;font-size:20px}.feature-card p{color:var(--text-secondary);font-size:13px;line-height:1.65}.feature-dark p{color:#aaa5b6}.feature-card a{color:var(--accent-strong);align-items:center;gap:6px;margin-top:17px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.steps-grid{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.step-card{counter-increment:steps;border-top:1px solid var(--border-strong);padding-top:24px;position:relative}.step-card:before{content:"0" counter(steps);background:var(--bg-card);color:var(--accent-strong);letter-spacing:.08em;padding-right:10px;font-size:10px;font-weight:900;position:absolute;top:-15px;left:0}.step-card h3{letter-spacing:-.035em;margin:12px 0 9px;font-size:20px}.step-card p{color:var(--text-secondary);font-size:13px;line-height:1.65}.marketing-cta{padding:92px 0}.cta-card{color:#fff;background:#17141d;border-radius:32px;padding:70px;position:relative;overflow:hidden}.cta-card:before,.cta-card:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.cta-card:before{background:radial-gradient(circle,#ff4f70b3,#0000 68%);width:360px;height:360px;top:-220px;right:-80px}.cta-card:after{background:radial-gradient(circle,#714bff99,#0000 70%);width:280px;height:280px;bottom:-220px;right:170px}.cta-card>*{z-index:2;position:relative}.cta-card h2{letter-spacing:-.055em;max-width:700px;font-size:clamp(36px,5vw,62px);line-height:1}.cta-card p{color:#b6afc0;max-width:550px;margin:18px 0 28px;font-size:15px;line-height:1.7}.cta-card .btn-primary{color:#17141d;background:#fff}.marketing-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:72px 0 28px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:60px;display:grid}.footer-grid>div:first-child p{max-width:360px;color:var(--text-secondary);margin-top:18px;font-size:12px;line-height:1.7}.footer-grid h3{letter-spacing:.07em;text-transform:uppercase;margin-bottom:17px;font-size:11px}.footer-grid>div:not(:first-child){flex-direction:column;align-items:flex-start;display:flex}.footer-grid>div:not(:first-child) a{color:var(--text-secondary);margin-bottom:11px;font-size:12px;text-decoration:none}.footer-grid>div:not(:first-child) a:hover{color:var(--accent-strong)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:58px;padding-top:22px;font-size:10px;display:flex}.footer-status{align-items:center;gap:7px;display:flex}.footer-status i{background:var(--success);border-radius:50%;width:7px;height:7px}.info-hero{border-bottom:1px solid var(--border);padding:100px 0 70px}.info-hero h1{letter-spacing:-.06em;max-width:880px;margin:15px 0 21px;font-size:clamp(44px,6vw,74px);line-height:1}.info-hero>p{max-width:700px;color:var(--text-secondary);font-size:17px;line-height:1.75}.info-layout{grid-template-columns:220px 1fr;gap:90px;padding-block:70px 110px;display:grid}.info-layout aside{flex-direction:column;align-self:start;gap:11px;display:flex;position:sticky;top:110px}.info-layout aside span{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:900}.info-layout aside a{color:var(--text-secondary);font-size:12px;font-weight:650;text-decoration:none}.info-layout aside a:hover{color:var(--accent-strong)}.info-article{max-width:760px}.info-article section{border-bottom:1px solid var(--border);margin-bottom:50px;padding-bottom:50px;scroll-margin-top:100px}.info-article section:last-child{border-bottom:0}.info-article h2{letter-spacing:-.04em;margin-bottom:17px;font-size:28px}.info-article p,.info-article li{color:var(--text-secondary);font-size:14px;line-height:1.8}.info-article p+p{margin-top:14px}.info-article ul{padding-left:20px}.info-article a{color:var(--accent-strong)}.public-card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.public-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:22px;padding:26px}.public-card h3{letter-spacing:-.035em;margin:21px 0 9px;font-size:18px}.public-card p{color:var(--text-secondary);font-size:13px;line-height:1.65}.public-icon{width:45px;height:45px;color:var(--accent-strong);background:var(--accent);border-radius:14px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.public-icon{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}@media (max-width:980px){.hero{padding-top:72px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero-copy>p,.hero h1{margin-inline:auto}.hero-badge,.hero-ctas,.hero-note{justify-content:center}.product-stage{width:min(650px,100%);margin-inline:auto}.feature-grid,.public-card-grid{grid-template-columns:repeat(2,1fr)}.trust-inner{grid-template-columns:repeat(3,1fr)}.trust-inner>p{text-align:center;grid-column:1/-1}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:34px}}@media (max-width:740px){.shell-width{width:min(100% - 28px,1160px)}.marketing-nav{min-height:66px}.marketing-links,.marketing-login,.marketing-start{display:none}.marketing-menu-button{display:grid}.hero{padding:58px 0 50px}.hero h1{font-size:clamp(44px,14vw,66px)}.hero-copy>p{font-size:15px}.hero-ctas>*{flex:1;min-width:150px}.product-stage{min-height:440px}.product-window{border-radius:22px;min-height:400px;margin-left:0}.product-body{grid-template-columns:78px 1fr;min-height:350px}.product-sidebar{padding:14px 8px}.product-mini-logo span{display:none}.product-side-link{padding-inline:6px;font-size:0}.product-content{padding:16px 12px}.mini-stats{gap:5px}.mini-stat{padding:11px 8px}.mini-stat strong{font-size:11px}.service-select{grid-template-columns:repeat(2,1fr)}.floating-receipt{width:170px;bottom:12px;right:-4px}.trust-strip{padding-bottom:42px}.trust-inner{grid-template-columns:1fr;gap:18px;padding:22px}.trust-inner>p{text-align:left}.marketing-section{padding:72px 0}.section-heading{margin-bottom:32px}.feature-grid,.public-card-grid,.steps-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card h3{margin-top:36px}.cta-card{border-radius:24px;padding:45px 25px}.marketing-cta{padding:60px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.info-hero{padding:68px 0 45px}.info-hero>p{font-size:15px}.info-layout{grid-template-columns:1fr;gap:35px;padding-block:40px 70px}.info-layout aside{background:var(--surface);border-radius:15px;padding:18px;position:static}}.auth-shell{background:var(--bg-card);grid-template-columns:minmax(380px,.86fr) minmax(520px,1.14fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:#17151f;min-height:100vh;padding:34px;position:relative;overflow:hidden}.auth-story:before{content:"";background:radial-gradient(circle,#ff4f70bf,#0000 68%);border-radius:50%;width:460px;height:460px;position:absolute;bottom:-210px;left:-220px}.auth-story:after{content:"";background:radial-gradient(circle,#714bffa6,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-160px;right:-200px}.auth-back{z-index:2;color:#aaa5b6;align-items:center;gap:7px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.auth-story-content{z-index:2;width:min(430px,100%);margin:14vh auto 0;position:relative}.auth-logo{object-fit:cover;border-radius:20px;width:86px;height:86px;margin-bottom:35px;box-shadow:0 18px 60px #00000059}.auth-story .section-kicker{color:#ff7993}.auth-story h2{letter-spacing:-.06em;margin:15px 0 18px;font-size:clamp(38px,4vw,57px);line-height:1.02}.auth-story-content>p{color:#aaa5b6;font-size:15px;line-height:1.7}.auth-benefits{flex-direction:column;gap:13px;margin-top:30px;display:flex}.auth-benefits span{color:#d2cdd9;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.auth-benefits svg{color:#62dcaa}.auth-workspace{background:var(--bg-primary);place-items:center;min-height:100vh;padding:54px 24px;display:grid}.auth-card{border:1px solid var(--border);background:var(--bg-card);width:min(520px,100%);box-shadow:var(--shadow-md);border-radius:24px;padding:40px}.auth-mobile-brand{display:none}.auth-card>header{margin-bottom:25px}.auth-card>header h1{letter-spacing:-.045em;margin-bottom:8px;font-size:30px}.auth-card>header p{color:var(--text-secondary);font-size:13px;line-height:1.55}.auth-tabs{background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{min-height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:750}.auth-tabs button.active{color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow-sm)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{color:var(--text-primary);flex-direction:column;gap:7px;font-size:11px;font-weight:750;display:flex}.auth-form label>span{color:var(--text-tertiary);margin-left:4px;font-weight:550}.auth-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.password-field,.input-with-icon{position:relative}.password-field .input{padding-right:44px}.password-field button{width:31px;height:31px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.input-with-icon>svg{z-index:2;color:var(--text-tertiary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .input{padding-left:40px}.auth-error{color:var(--danger);border:1px solid var(--danger);align-items:flex-start;gap:8px;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-error{border:1px solid color-mix(in srgb, var(--danger) 22%, var(--border))}}.auth-error{background:var(--danger);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.auth-error{background:color-mix(in srgb, var(--danger) 7%, var(--bg-card))}}.auth-error{font-size:11px;line-height:1.5}.auth-error svg{flex:none;margin-top:1px}.auth-submit{width:100%;margin-top:2px}.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-help{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:10px;display:flex}.auth-help a,.auth-help button,.auth-legal a,.auth-inline-back{color:var(--accent-strong);font-weight:750;text-decoration:none}.auth-help button{cursor:pointer;background:0 0;border:0;padding:0}.auth-legal{color:var(--text-tertiary);text-align:center;margin-top:18px;font-size:10px;line-height:1.6}.auth-inline-back{justify-content:center;align-items:center;gap:6px;margin-top:3px;display:inline-flex}.auth-success{text-align:center;flex-direction:column;align-items:center;padding:24px 5px 8px;display:flex}.auth-success>svg{color:var(--success);margin-bottom:14px}.auth-success h2{letter-spacing:-.035em;margin-bottom:8px;font-size:21px}.auth-success p{max-width:390px;color:var(--text-secondary);margin-bottom:24px;font-size:12px;line-height:1.7}.auth-loading{min-height:100vh;color:var(--accent);background:var(--bg-primary);place-items:center;display:grid}.spin{animation:.75s linear infinite spin}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-workspace{padding-block:30px}.auth-mobile-brand{color:var(--text-primary);letter-spacing:-.04em;align-items:center;gap:8px;margin-bottom:28px;font-size:16px;font-weight:900;text-decoration:none;display:inline-flex}.auth-mobile-brand img{object-fit:cover;border-radius:10px;width:38px;height:38px}}@media (max-width:520px){.auth-workspace{background:var(--bg-card);padding:0;display:block}.auth-card{min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:26px 20px 34px}.auth-row{grid-template-columns:1fr}.auth-help{flex-direction:column;align-items:flex-start}}.utility-page{padding:22px 16px 105px}.utility-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.utility-title-icon{color:#fff;background:linear-gradient(135deg, var(--accent-strong), var(--accent-2));width:44px;height:44px;box-shadow:var(--shadow-accent);border-radius:14px;flex:none;place-items:center;display:grid}.utility-heading h1{letter-spacing:-.04em;font-size:22px}.utility-heading p{color:var(--text-secondary);margin-top:3px;font-size:11px}.utility-balance{color:#fff;box-shadow:var(--shadow-md);background:#17151f;border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:13px;padding:17px 18px;display:flex}.utility-balance span{color:#aaa5b6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:9px;font-weight:750;display:block}.utility-balance strong{letter-spacing:-.04em;font-size:22px}.utility-balance svg{color:#ff7993}.utility-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:19px;flex-direction:column;gap:16px;padding:18px;display:flex}.utility-section-head{align-items:flex-start;gap:10px;padding-top:5px;display:flex}.utility-section-head>span{width:24px;height:24px;color:var(--accent-strong);background:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.utility-section-head>span{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.utility-section-head>span{font-size:10px;font-weight:900}.utility-section-head h2{font-size:13px}.utility-section-head p{color:var(--text-tertiary);margin-top:2px;font-size:9px}.network-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.network-grid button{border:1px solid var(--border);min-width:0;color:var(--text-secondary);background:var(--surface-raised);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;display:flex;position:relative}.network-grid button.active{color:var(--text-primary);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.network-grid button.active{border-color:color-mix(in srgb, var(--accent) 48%, var(--border))}}.network-grid button.active{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.network-grid button.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 7%, transparent)}}.network-grid button i{border-radius:9px;place-items:center;width:27px;height:27px;font-size:10px;font-style:normal;font-weight:900;display:grid}.network-grid button span{text-overflow:ellipsis;width:100%;font-size:8px;font-weight:800;overflow:hidden}.network-grid button>svg{color:var(--success);position:absolute;top:5px;right:5px}.plan-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:310px;padding:2px;display:grid;overflow-y:auto}.plan-grid button{border:1px solid var(--border);min-width:0;color:var(--text-primary);background:var(--surface-raised);text-align:left;cursor:pointer;border-radius:12px;padding:12px}.plan-grid button.active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.plan-grid button.active{background:color-mix(in srgb, var(--accent) 6%, var(--bg-card))}}.plan-grid button.active{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.plan-grid button.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 7%, transparent)}}.plan-grid strong,.plan-grid span,.plan-grid b{display:block}.plan-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.plan-grid span{color:var(--text-tertiary);margin:5px 0 9px;font-size:8px}.plan-grid b{color:var(--accent-strong);font-size:13px}.utility-loading,.utility-empty{min-height:100px;color:var(--text-secondary);border:1px dashed var(--border-strong);background:var(--surface);border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.utility-empty{text-align:center;flex-direction:column}.utility-empty strong{color:var(--text-primary);font-size:12px}.utility-empty span{color:var(--text-tertiary)}.amount-chips{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.amount-chips button{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-raised);cursor:pointer;border-radius:10px;padding:10px 5px;font-size:11px;font-weight:800}.amount-chips button.active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.amount-chips button.active{background:color-mix(in srgb, var(--accent) 7%, var(--bg-card))}}.utility-label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:10px;font-weight:750;display:flex}.purchase-summary{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.purchase-summary span,.purchase-summary small{display:block}.purchase-summary span{font-size:11px;font-weight:750}.purchase-summary small{color:var(--text-tertiary);margin-top:3px;font-size:8px}.purchase-summary strong{color:var(--accent-strong);font-size:16px}.utility-fee-note{color:var(--text-tertiary);text-align:right;margin-top:-9px;font-size:9px}.utility-success{color:var(--success);border:1px solid var(--success);align-items:flex-start;gap:8px;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.utility-success{border:1px solid color-mix(in srgb, var(--success) 23%, var(--border))}}.utility-success{background:var(--success);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.utility-success{background:color-mix(in srgb, var(--success) 7%, var(--bg-card))}}.utility-success{font-size:10px;line-height:1.5}.utility-buy{width:100%;min-height:50px;font-size:12px}.utility-buy:disabled{opacity:.55;cursor:not-allowed;transform:none}.utility-history{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:18px;margin-top:14px;overflow:hidden}.utility-history-head{border-bottom:1px solid var(--border);padding:15px 16px}.utility-history-head>div{align-items:center;gap:8px;display:flex}.utility-history-head svg{color:var(--accent-strong)}.utility-history-head h2{font-size:12px}.utility-history-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 15px;display:grid}.utility-history-row:last-child{border-bottom:0}.utility-history-row>i{width:32px;height:32px;color:var(--accent-strong);background:var(--accent);border-radius:10px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.utility-history-row>i{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.utility-history-row strong,.utility-history-row span,.utility-history-row b,.utility-history-row em{display:block}.utility-history-row strong{font-size:10px}.utility-history-row span{color:var(--text-tertiary);margin-top:3px;font-size:8px}.utility-history-row>div:last-child{text-align:right}.utility-history-row b{font-size:10px}.utility-history-row em{color:var(--warning);text-transform:uppercase;margin-top:4px;font-size:7px;font-style:normal;font-weight:800}.utility-history-row em.completed{color:var(--success)}.utility-history-row em.failed{color:var(--danger)}.utility-history-empty{color:var(--text-tertiary);text-align:center;padding:28px 15px;font-size:10px}.admin-page-stack{flex-direction:column;gap:24px;display:flex}.admin-page-title{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.admin-page-title h1{letter-spacing:-.045em;margin:8px 0 5px;font-size:28px}.admin-page-title p{max-width:650px;color:var(--text-secondary);font-size:12px;line-height:1.55}.admin-security-note{max-width:310px;color:var(--success);border:1px solid var(--success);align-items:center;gap:9px;padding:10px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.admin-security-note{border:1px solid color-mix(in srgb, var(--success) 20%, var(--border))}}.admin-security-note{background:var(--success);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.admin-security-note{background:color-mix(in srgb, var(--success) 6%, var(--bg-card))}}.admin-security-note{font-size:9px;line-height:1.45}.admin-section-title{align-items:center;gap:10px;padding:4px 2px 13px;display:flex}.admin-section-title>svg{color:var(--accent-strong)}.admin-section-title h2{font-size:15px}.admin-section-title p{color:var(--text-secondary);margin-top:2px;font-size:10px}.admin-loading{min-height:180px;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);border-radius:18px;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.admin-notice{border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:11px;line-height:1.5;display:flex}.admin-notice.success{color:var(--success);border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.admin-notice.success{border:1px solid color-mix(in srgb, var(--success) 25%, var(--border))}}.admin-notice.success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.admin-notice.success{background:color-mix(in srgb, var(--success) 7%, var(--bg-card))}}.admin-notice.error{color:var(--danger);border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.admin-notice.error{border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border))}}.admin-notice.error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.admin-notice.error{background:color-mix(in srgb, var(--danger) 7%, var(--bg-card))}}.admin-notice svg{flex:none}.integration-list{flex-direction:column;gap:16px;display:flex}.integration-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.integration-card>header{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:20px 22px;display:grid}.integration-icon{width:42px;height:42px;color:var(--accent-strong);background:var(--accent);border-radius:13px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.integration-icon{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.integration-card>header h2{letter-spacing:-.025em;font-size:16px}.integration-card>header p{color:var(--text-secondary);margin-top:3px;font-size:10px}.integration-switch{width:43px;height:24px;position:relative}.integration-switch input{opacity:0;position:absolute}.integration-switch span{background:var(--border-strong);cursor:pointer;border-radius:999px;transition:background .16s;position:absolute;inset:0}.integration-switch span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.integration-switch input:checked+span{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.integration-switch input:checked+span:after{transform:translate(19px)}.integration-state{color:var(--text-tertiary);background:var(--surface-raised);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:10px 22px;font-size:9px;display:flex}.integration-state>span{align-items:center;gap:6px;display:flex}.integration-state>span:first-child i{border-radius:50%;width:6px;height:6px}.integration-state .on{color:var(--success)}.integration-state .on i{background:var(--success)}.integration-state .off i{background:var(--text-tertiary)}.admin-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px 22px;display:grid}.admin-field{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:10px;font-weight:750;display:flex}.admin-field>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-field em{color:var(--success);background:var(--success);border-radius:999px;padding:3px 7px}@supports (color:color-mix(in lab, red, red)){.admin-field em{background:color-mix(in srgb, var(--success) 9%, transparent)}}.admin-field em{text-transform:uppercase;letter-spacing:.04em;font-size:7px;font-style:normal}.admin-field>small{color:var(--text-tertiary);font-size:8px;font-weight:500;line-height:1.4}.admin-secret-field{position:relative}.admin-secret-field .input{padding-right:42px}.admin-secret-field button{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.admin-check{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:10px 12px;display:flex}.admin-check input{width:16px;height:16px;accent-color:var(--accent)}.admin-check span{flex-direction:column;gap:3px;display:flex}.admin-check strong{font-size:10px}.admin-check small{color:var(--text-tertiary);font-size:8px}.integration-charges{border-top:1px solid var(--border);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.integration-charges{background:color-mix(in srgb, var(--surface) 52%, var(--bg-card))}}.integration-charges>h3{padding:18px 22px 0;font-size:12px}.integration-charges>p{color:var(--text-tertiary);padding:4px 22px 0;font-size:9px}.integration-charges .admin-field-grid{padding-top:14px}.integration-card>footer,.admin-modal-card>footer{border-top:1px solid var(--border);background:var(--surface-raised);justify-content:flex-end;align-items:center;gap:9px;padding:14px 22px;display:flex}.integration-card>footer button,.admin-modal-card>footer button{min-height:40px;padding-inline:15px;font-size:10px}.plan-stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.plan-stat-grid button{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:15px;align-items:center;gap:10px;padding:15px;display:flex}.plan-stat-grid button.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.plan-stat-grid button.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}}.plan-stat-grid button.active{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.plan-stat-grid button.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 6%, transparent)}}.plan-stat-grid button>i{width:35px;height:35px;color:var(--accent-strong);background:var(--accent);border-radius:11px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.plan-stat-grid button>i{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.plan-stat-grid strong,.plan-stat-grid span{display:block}.plan-stat-grid strong{font-size:11px}.plan-stat-grid span{color:var(--text-tertiary);margin-top:3px;font-size:8px}.admin-table-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.admin-table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.admin-tabs{align-items:center;gap:4px;display:flex;overflow-x:auto}.admin-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;padding:8px 10px;font-size:9px;font-weight:750}.admin-tabs button.active{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-tabs button.active{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.admin-search{width:min(240px,100%);position:relative}.admin-search svg{color:var(--text-tertiary);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.admin-search input{border:1px solid var(--border);width:100%;min-height:36px;color:var(--text-primary);background:var(--surface);border-radius:10px;outline:0;padding:8px 10px 8px 34px;font-size:9px}.admin-table-scroll{overflow-x:auto}.plan-name{align-items:center;gap:9px;min-width:170px;display:flex}.plan-name>i{width:30px;height:30px;color:var(--accent-strong);background:var(--accent);border-radius:9px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.plan-name>i{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.plan-name>i{font-size:10px;font-style:normal;font-weight:900}.plan-name strong,.plan-name span{display:block}.plan-name strong{font-size:11px}.plan-name span{color:var(--text-tertiary);margin-top:3px;font-size:8px}.data-table code{color:var(--accent-2);background:var(--accent-2);border-radius:7px;padding:4px 7px}@supports (color:color-mix(in lab, red, red)){.data-table code{background:color-mix(in srgb, var(--accent-2) 7%, var(--surface))}}.data-table code{font-size:9px}.profit{color:var(--success);font-weight:750}.loss{color:var(--danger);font-weight:750}.status-toggle{color:var(--text-secondary);background:var(--surface);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:8px;font-weight:750;display:inline-flex}.status-toggle i{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px}.status-toggle.active{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.status-toggle.active{background:color-mix(in srgb, var(--success) 9%, var(--surface))}}.status-toggle.active i{background:var(--success)}.table-actions{gap:5px;display:flex}.table-actions button{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:var(--bg-card);cursor:pointer;border-radius:8px;place-items:center;display:grid}.table-actions button:hover{color:var(--accent-strong);border-color:var(--accent)}.table-actions button.danger:hover{color:var(--danger);border-color:var(--danger)}.admin-empty{min-height:260px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:35px;display:flex}.admin-empty.compact{min-height:180px}.admin-empty h2{color:var(--text-primary);font-size:15px}.admin-empty p{font-size:10px}.admin-empty .btn-primary{min-height:40px;margin-top:7px;font-size:10px}.admin-modal{z-index:150;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0b11b8;position:absolute;inset:0}.admin-modal-card{z-index:2;border:1px solid var(--border);background:var(--bg-card);border-radius:20px;width:min(700px,100%);max-height:calc(100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000059}.admin-modal-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.admin-modal-card>header h2{margin-top:5px;font-size:19px}.admin-modal-card>header button{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;display:grid}.notification-summary{gap:8px;display:flex}.notification-summary>div{border:1px solid var(--border);background:var(--bg-card);min-width:100px;box-shadow:var(--shadow-sm);border-radius:12px;padding:10px 12px}.notification-summary strong,.notification-summary span{display:block}.notification-summary strong{font-size:16px}.notification-summary span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:7px}.communications-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:16px;display:grid}.compose-card,.admin-inbox{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.compose-card{flex-direction:column;gap:15px;padding:20px;display:flex}.compose-card>header{align-items:center;gap:10px;padding-bottom:4px;display:flex}.compose-card>header h2{font-size:15px}.compose-card>header p{color:var(--text-tertiary);margin-top:2px;font-size:9px}.compose-card .admin-field-grid{padding:0}.compose-message{resize:vertical;min-height:120px}.compose-preview{border:1px solid var(--border);background:var(--surface-raised);border-radius:13px;padding:14px}.compose-preview>span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.compose-preview h3{margin:8px 0 5px;font-size:13px}.compose-preview p{color:var(--text-secondary);white-space:pre-wrap;font-size:10px;line-height:1.55}.compose-preview>div{color:var(--accent-strong);text-transform:capitalize;align-items:center;gap:5px;margin-top:11px;font-size:8px;font-weight:750;display:flex}.compose-card>.btn-primary{align-self:flex-end;min-height:42px;font-size:10px}.admin-inbox>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.admin-inbox>header>div{align-items:center;gap:9px;display:flex}.admin-inbox>header>div>svg{color:var(--accent-strong)}.admin-inbox>header h2{font-size:13px}.admin-inbox>header p{color:var(--text-tertiary);margin-top:2px;font-size:8px}.admin-inbox>header button{color:var(--accent-strong);background:var(--accent);border:0;border-radius:7px;padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.admin-inbox>header button{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.admin-inbox>header button{cursor:pointer;font-size:8px;font-weight:750}.admin-inbox>div{max-height:540px;overflow-y:auto}.admin-inbox article{border-bottom:1px solid var(--border);background:var(--accent);grid-template-columns:auto 1fr auto;gap:9px;padding:13px 15px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.admin-inbox article{background:color-mix(in srgb, var(--accent) 3%, var(--bg-card))}}.admin-inbox article.read{background:var(--bg-card);opacity:.72}.admin-inbox article>i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-top:5px}.admin-inbox article>i.warning{background:var(--warning)}.admin-inbox article>i.success{background:var(--success)}.admin-inbox article strong{font-size:10px}.admin-inbox article p{color:var(--text-secondary);margin:4px 0 6px;font-size:9px;line-height:1.45}.admin-inbox article span{color:var(--text-tertiary);font-size:7px}.admin-inbox article>b{background:var(--accent);border-radius:50%;width:6px;height:6px}.announcement-list article{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;gap:12px;padding:16px 18px;display:grid}.announcement-channel{width:37px;height:37px;color:var(--accent-strong);background:var(--accent);border-radius:11px;justify-content:center;align-items:center;gap:2px;display:flex}@supports (color:color-mix(in lab, red, red)){.announcement-channel{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.announcement-copy h3{font-size:12px}.announcement-copy span{color:var(--text-tertiary);text-transform:capitalize;font-size:8px}.announcement-copy p{max-width:650px;color:var(--text-secondary);white-space:pre-wrap;margin-top:7px;font-size:9px;line-height:1.5}.announcement-metrics{min-width:115px;color:var(--text-secondary);flex-direction:column;align-items:flex-end;gap:5px;display:flex}.announcement-metrics span{align-items:center;gap:5px;font-size:8px;display:flex}.announcement-metrics time{color:var(--text-tertiary);margin-top:3px;font-size:7px}@media (max-width:900px){.admin-page-title{flex-direction:column;align-items:flex-start}.admin-security-note{max-width:none}.communications-grid{grid-template-columns:1fr}.notification-summary{width:100%;overflow-x:auto}.plan-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-field-grid{grid-template-columns:1fr;padding-inline:16px}.integration-card>header{padding-inline:16px}.integration-card>header p{display:none}.integration-state{padding-inline:16px}.integration-card>footer{flex-direction:column-reverse;align-items:stretch;padding-inline:16px}.integration-card>footer button{width:100%}.admin-table-toolbar{flex-direction:column;align-items:stretch}.admin-search{width:100%}.plan-stat-grid{grid-template-columns:1fr 1fr}.announcement-list article{grid-template-columns:auto 1fr}.announcement-metrics{grid-column:2;align-items:flex-start}}.admin-shell{background:var(--bg-primary);min-height:100vh;display:flex}.admin-sidebar-desktop{flex:0 0 252px;width:252px}.admin-sidebar{border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;width:252px;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:76px;padding:14px 16px;display:flex}.admin-sidebar-brand img{object-fit:cover;width:42px;height:42px;box-shadow:3px 3px 0 var(--accent);background:#fff;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.admin-sidebar-brand img{box-shadow:3px 3px 0 color-mix(in srgb, var(--accent) 58%, transparent)}}.admin-sidebar-brand strong,.admin-sidebar-brand span{display:block}.admin-sidebar-brand strong{letter-spacing:-.04em;font-size:15px}.admin-sidebar-brand span{color:var(--text-tertiary);letter-spacing:.09em;margin-top:3px;font-size:7px;font-weight:800}.admin-sidebar-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);background:var(--surface);border-radius:9px;place-items:center;margin-left:auto;display:none}.admin-sidebar>nav{flex:1;padding:10px;overflow-y:auto}.admin-nav-group{margin-bottom:12px}.admin-nav-group>span{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px 5px;font-size:7px;font-weight:900;display:block}.admin-nav-group .sidebar-link b{color:#fff;background:var(--accent);border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding-inline:4px;font-size:7px;display:grid}.admin-nav-divider{background:var(--border);height:1px;margin:8px}.admin-sidebar-user{border-top:1px solid var(--border);padding:12px 11px}.admin-sidebar-user>div{align-items:center;gap:9px;padding:0 5px 10px;display:flex}.admin-sidebar-user span{min-width:0}.admin-sidebar-user span strong,.admin-sidebar-user span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-sidebar-user span strong{font-size:10px}.admin-sidebar-user span small{color:var(--text-tertiary);margin-top:2px;font-size:8px}.admin-sidebar-user>button{width:100%;color:var(--danger);background:var(--danger);border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.admin-sidebar-user>button{background:color-mix(in srgb, var(--danger) 6%, var(--surface))}}.admin-sidebar-user>button{cursor:pointer;font-size:9px;font-weight:700}.admin-main{flex:1;min-width:0}.admin-topbar{z-index:40;border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;gap:18px;min-height:69px;padding:10px 22px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.admin-topbar{background:color-mix(in srgb, var(--bg-card) 88%, transparent)}}.admin-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-topbar>div:first-child{align-items:center;gap:11px;display:flex}.admin-topbar h2{letter-spacing:-.02em;font-size:14px}.admin-topbar p{color:var(--text-tertiary);margin-top:3px;font-size:8px}.admin-menu{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;display:none}.admin-top-actions{align-items:center;gap:8px;display:flex}.admin-top-actions>button,.admin-bell{border:1px solid var(--border);width:35px;height:35px;color:var(--text-secondary);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;text-decoration:none;display:grid;position:relative}.admin-bell b{border:2px solid var(--bg-card);color:#fff;background:var(--accent);border-radius:999px;place-items:center;min-width:17px;height:17px;padding-inline:3px;font-size:7px;display:grid;position:absolute;top:-5px;right:-5px}.admin-secure-status{color:var(--success);background:var(--success);border-radius:999px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.admin-secure-status{background:color-mix(in srgb, var(--success) 8%, var(--surface))}}.admin-secure-status{font-size:8px;font-weight:750}.admin-secure-status i{background:var(--success);border-radius:50%;width:6px;height:6px}.admin-content{padding:24px}.admin-sidebar-mobile{z-index:100;display:none;position:fixed;inset:0}.admin-sidebar-mobile>div:first-child{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0b11a8;position:absolute;inset:0}.admin-sidebar-mobile .admin-sidebar{z-index:2;position:relative}@media (max-width:880px){.admin-sidebar-desktop{display:none}.admin-sidebar-mobile{display:block}.admin-sidebar-close,.admin-menu{display:grid}}@media (max-width:560px){.admin-topbar{padding-inline:14px}.admin-content{padding:17px 14px}.admin-secure-status,.admin-top-actions>div:last-child{display:none}.admin-page-title h1{font-size:24px}}.customer-shell{background:var(--bg-primary);min-height:100vh;display:flex}.customer-sidebar-desktop{flex:0 0 276px;width:276px}.customer-sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:70;flex-direction:column;width:276px;padding:22px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.customer-brand{align-items:center;gap:11px;padding:0 8px 20px;display:flex}.customer-brand img{border-radius:13px}.customer-brand>div{flex-direction:column;display:flex}.customer-brand strong span{color:var(--accent)}.customer-brand small,.customer-sidebar-footer small{letter-spacing:1.2px;color:var(--text-secondary);font-size:9px;font-weight:800}.customer-brand>button{color:var(--text-secondary);background:0 0;border:0;margin-left:auto;display:none}.customer-quick-actions{gap:9px;margin-bottom:22px;display:grid}.customer-quick-actions>a{color:#fff;background:linear-gradient(135deg,#6719dd,#ff1f8f);border-radius:15px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid;box-shadow:0 10px 24px #a52ad32e}.customer-quick-actions>a+a{background:linear-gradient(135deg,#007a76,#00b994)}.customer-quick-actions>a>svg:first-child{background:#ffffff24;border-radius:11px;width:36px;height:36px;padding:8px}.customer-quick-actions span{flex-direction:column;display:flex}.customer-quick-actions strong{font-size:13px}.customer-quick-actions small{opacity:.72;font-size:10px}.customer-sidebar nav{flex-direction:column;gap:3px;display:flex;overflow:auto}.customer-nav-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--text-secondary);padding:13px 12px 7px;font-size:9px;font-weight:800}.customer-sidebar nav a{color:var(--text-secondary);border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.customer-sidebar nav a:hover,.customer-sidebar nav a.active{background:var(--surface);color:var(--text-primary)}.customer-sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding:16px 5px 0;display:flex}.customer-sidebar-footer>div{align-items:center;gap:10px;min-width:0;display:flex}.customer-sidebar-footer span{flex-direction:column;min-width:0;display:flex}.customer-sidebar-footer span strong{white-space:nowrap;text-overflow:ellipsis;max-width:135px;font-size:12px;overflow:hidden}.customer-sidebar-footer>button{border:1px solid var(--border);background:var(--surface);color:#ef4444;border-radius:10px;width:34px;height:34px}.customer-workspace{flex:1;min-width:0}.customer-topbar{z-index:45;background:var(--bg-card);height:74px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.customer-topbar{background:color-mix(in srgb,var(--bg-card) 86%,transparent)}}.customer-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 30px;display:flex}.customer-topbar>div{align-items:center;gap:10px;display:flex}.customer-topbar span{flex-direction:column;display:flex}.customer-topbar span small{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:9px}.customer-topbar span strong{font-size:16px}.customer-topbar button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-primary);border-radius:11px;place-items:center;display:grid}.customer-menu{display:none!important}.topbar-balance{border:1px solid var(--border);color:var(--text-primary);background:var(--surface);border-radius:12px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.notification-button{position:relative}.notification-button b{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-5px;right:-5px}.customer-content{max-width:1440px;margin:0 auto;padding:30px}.customer-bottom-nav,.mobile-purchase-dock{display:none}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08071294;border:0;position:absolute;inset:0}.notification-drawer{z-index:100;position:fixed;inset:0}.notification-drawer section{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;width:min(390px,92vw);display:flex;position:absolute;top:0;bottom:0;right:0}.notification-drawer header{border-bottom:1px solid var(--border);justify-content:space-between;padding:20px;display:flex}.notification-drawer header div{flex-direction:column;display:flex}.notification-drawer header span{color:var(--accent);font-size:11px}.notification-drawer header button{color:var(--text-secondary);background:0 0;border:0}.notification-drawer section>div{overflow:auto}.notification-drawer section>div>button{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text-primary);background:0 0;gap:11px;padding:15px 20px;display:flex}.notification-drawer section>div>button.unread{background:#ff1fa00a}.notification-drawer section>div>button i{background:var(--border);border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-drawer section>div>button.unread i{background:var(--accent)}.notification-drawer section>div>button span{flex-direction:column;gap:4px;display:flex}.notification-drawer section small{color:var(--text-secondary);line-height:1.45}.notification-drawer time{color:var(--text-secondary);font-size:9px}.empty-notifications{text-align:center;color:var(--text-secondary);padding:50px 20px}.workspace-page-heading{justify-content:space-between;margin-bottom:20px;display:flex}.workspace-page-heading h1{letter-spacing:-1px;margin:7px 0;font-size:28px}.workspace-page-heading p{color:var(--text-secondary);font-size:13px}.developer-page,.referral-page{max-width:1050px!important}.developer-key-card,.api-doc-card,.referral-activity{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-bottom:18px;padding:22px}.developer-key-card>div:first-child{align-items:center;gap:12px;display:flex}.developer-key-card>div:first-child>svg{color:var(--accent)}.developer-key-card span{flex-direction:column;display:flex}.developer-key-card small{color:var(--text-secondary);margin-top:3px}.developer-key-card>p{color:var(--text-secondary);margin:20px 0}.revealed-key,.masked-key{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding:13px 15px;display:flex}.revealed-key code{overflow:auto}.revealed-key button,.api-doc-card header button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:9px;padding:8px}.developer-key-card footer{gap:9px;display:flex}.api-doc-card header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.api-doc-card header>div{flex-direction:column;gap:5px;display:flex}.api-doc-card header span{text-transform:uppercase;color:var(--text-secondary);font-size:9px;font-weight:800}.api-doc-card header code{font-size:13px}.api-doc-card header button{align-items:center;gap:6px;display:flex}.api-intro{color:var(--text-secondary);padding:17px 0;font-size:13px}.api-action-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.api-action-grid article{background:var(--surface);border-radius:11px;justify-content:space-between;gap:10px;padding:12px;font-size:12px;display:flex}.api-action-grid span{color:var(--text-secondary)}.api-doc-card h2{margin:23px 0 10px;font-size:15px}.api-doc-card pre{white-space:pre-wrap;color:#e9e5ff;background:#0d0b18;border-radius:12px;margin-top:10px;padding:16px;font-size:11px;line-height:1.65;overflow:auto}.referral-hero{color:#fff;background:linear-gradient(135deg,#411078,#b31269);border-radius:22px;justify-content:space-between;align-items:center;gap:15px;padding:25px;display:flex}.referral-hero>div{align-items:center;gap:14px;min-width:0;display:flex}.referral-hero span{flex-direction:column;min-width:0;display:flex}.referral-hero small{opacity:.7;margin-bottom:5px}.referral-hero code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.referral-hero button{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;gap:7px;padding:11px 14px;display:flex}.referral-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.referral-stats article{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;padding:18px;display:flex}.referral-stats article>svg,.referral-stats article>strong{width:38px;height:38px;color:var(--accent);background:#ff1fa01a;border-radius:11px;place-items:center;padding:9px;display:grid}.referral-stats span{flex-direction:column;display:flex}.referral-stats span>strong{font-size:19px}.referral-stats small{color:var(--text-secondary);font-size:10px}.referral-activity header{justify-content:space-between;margin-bottom:13px;display:flex}.referral-activity header h2{font-size:15px}.referral-activity header span{color:var(--text-secondary);font-size:10px}.referral-activity>div{border-top:1px solid var(--border);justify-content:space-between;padding:12px 0;display:flex}.referral-activity>div span{flex-direction:column;display:flex}.referral-activity small{color:var(--text-secondary);font-size:10px}.referral-activity b{color:#00a36d}.pricing-preview{background:var(--surface);border-radius:13px;justify-content:space-between;gap:10px;margin-top:20px;padding:16px;font-size:12px;display:flex}.pricing-preview span{color:var(--text-secondary)}@media (max-width:900px){.customer-sidebar-desktop{display:none}.customer-mobile-drawer{z-index:80;position:fixed;inset:0}.customer-mobile-drawer .customer-sidebar{display:flex}.customer-brand>button{display:grid}.customer-topbar{height:66px;padding:0 16px}.customer-menu{display:grid!important}.customer-topbar .topbar-balance{display:none}.customer-content{padding:18px 14px 145px}.customer-bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:50;height:67px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.customer-bottom-nav a,.customer-bottom-nav button{color:var(--text-secondary);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:9px;text-decoration:none;display:flex}.customer-bottom-nav .active{color:var(--accent)}.mobile-purchase-dock{z-index:49;gap:9px;display:flex;position:fixed;bottom:77px;left:14px;right:14px}.mobile-purchase-dock a{color:#fff;background:linear-gradient(135deg,#6719dd,#ff1f8f);border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:12px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 8px 22px #3e196640}.mobile-purchase-dock a+a{background:linear-gradient(135deg,#007a76,#00b994)}.api-action-grid,.referral-stats{grid-template-columns:1fr}.referral-hero{flex-direction:column;align-items:flex-start}.referral-hero button{justify-content:center;width:100%}.pricing-preview{flex-direction:column}}.customer-shell{align-items:stretch}.customer-sidebar-desktop{flex-basis:248px;width:248px}.customer-sidebar{width:248px;box-shadow:none;padding:18px 14px 14px;position:fixed}.customer-brand{border-bottom:1px solid var(--border);min-height:58px;padding:0 8px 17px}.customer-brand img{width:38px;height:38px;box-shadow:2px 2px 0 var(--accent);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.customer-brand img{box-shadow:2px 2px 0 color-mix(in srgb, var(--accent) 45%, transparent)}}.customer-brand strong{letter-spacing:-.04em;font-size:16px}.customer-brand small{letter-spacing:.11em;margin-top:2px;font-size:7px}.customer-sidebar nav{gap:2px;padding-top:10px}.customer-nav-label{letter-spacing:.12em;padding:13px 10px 6px;font-size:8px}.customer-sidebar nav a{border-radius:10px;min-height:43px;padding:10px 11px;font-size:12px;font-weight:650}.customer-sidebar nav a:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.customer-sidebar nav a:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.customer-sidebar nav a.active{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.customer-sidebar nav a.active{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.customer-sidebar nav a.active{box-shadow:none}.customer-sidebar nav a.active:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.customer-sidebar-footer{padding-top:13px}.customer-topbar{height:70px;padding:0 26px}.customer-topbar span small{letter-spacing:.09em;font-size:8px}.customer-topbar span strong{margin-top:2px;font-size:14px}.customer-topbar button{cursor:pointer;border-radius:10px;width:36px;height:36px}.topbar-balance{border-radius:10px;padding:9px 12px;font-size:11px}.customer-content{width:100%;max-width:1320px;padding:30px 32px 48px}.customer-content>div{max-width:none!important}.customer-quick-actions,.mobile-purchase-dock{display:none!important}.customer-maintenance{text-align:center;background:radial-gradient(circle at 50% 25%, var(--accent-2), transparent 34%), var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}@supports (color:color-mix(in lab, red, red)){.customer-maintenance{background:radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 34%), var(--bg-primary)}}.customer-maintenance img{box-shadow:4px 4px 0 var(--accent);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.customer-maintenance img{box-shadow:4px 4px 0 color-mix(in srgb, var(--accent) 45%, transparent)}}.customer-maintenance>span{color:var(--accent-strong);letter-spacing:.14em;margin-top:22px;font-size:9px;font-weight:850}.customer-maintenance h1{letter-spacing:-.05em;margin-top:8px;font-size:clamp(30px,5vw,48px)}.customer-maintenance p{max-width:520px;color:var(--text-secondary);margin:10px auto 22px;font-size:12px;line-height:1.65}.customer-maintenance .btn-secondary{min-height:42px;font-size:10px}.dashboard-page{flex-direction:column;gap:20px;display:flex}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.dashboard-heading span,.dashboard-panel>header span,.dashboard-section-heading span{color:var(--accent-strong);letter-spacing:.12em;font-size:8px;font-weight:850}.dashboard-heading h1{letter-spacing:-.04em;margin-top:6px;font-size:clamp(25px,3vw,34px);line-height:1.15}.dashboard-heading p{color:var(--text-secondary);margin-top:7px;font-size:12px}.dashboard-heading .btn-primary{white-space:nowrap;border-radius:11px;min-height:42px;padding-inline:16px;font-size:11px}.dashboard-heading-actions{align-items:center;gap:8px;display:flex}.dashboard-heading-actions .btn-secondary{white-space:nowrap;border-radius:11px;min-height:42px;padding-inline:15px;font-size:10px}.dashboard-hero-grid{grid-template-columns:minmax(300px,.85fr) minmax(460px,1.15fr);gap:16px;display:grid}.dashboard-wallet-card{color:#fff;background:linear-gradient(145deg,#2a1538 0%,#2d1c57 55%,#483280 100%);border-radius:20px;min-height:225px;padding:25px;position:relative;overflow:hidden;box-shadow:0 18px 45px #2618462e}.dashboard-wallet-card:after{content:"";border:45px solid #ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-80px}.dashboard-card-label{z-index:1;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex;position:relative}.dashboard-wallet-card>strong{z-index:1;letter-spacing:-.05em;margin-top:22px;font-size:clamp(29px,3.4vw,42px);display:block;position:relative}.dashboard-wallet-card>p{z-index:1;color:#ffffff9e;margin-top:5px;font-size:11px;position:relative}.dashboard-wallet-card>div:last-child{z-index:1;gap:8px;margin-top:24px;display:flex;position:relative}.dashboard-wallet-card a{color:#fff;background:#ffffff17;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:0 13px;font-size:10px;font-weight:750;text-decoration:none;display:inline-flex}.dashboard-wallet-card a:first-child{color:#261733;background:#fff}.dashboard-purchase-panel,.dashboard-panel{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:20px;padding:20px}.dashboard-section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dashboard-section-heading h2{letter-spacing:-.025em;margin-top:4px;font-size:16px}.dashboard-section-heading>svg{color:var(--accent)}.dashboard-purchase-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dashboard-purchase-actions>a{border:1px solid var(--border);min-height:138px;color:var(--text-primary);background:var(--surface-raised);border-radius:15px;grid-template-columns:auto 1fr;align-content:space-between;gap:12px;padding:16px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.dashboard-purchase-actions>a:hover{border-color:var(--action-color);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.dashboard-purchase-actions>a:hover{border-color:color-mix(in srgb, var(--action-color) 45%, var(--border))}}.dashboard-purchase-actions>a:hover{box-shadow:var(--shadow-sm)}.dashboard-purchase-actions .data-action{--action-color:#7358e8}.dashboard-purchase-actions .airtime-action{--action-color:#128b76}.dashboard-purchase-actions i{width:46px;height:46px;color:var(--action-color);background:var(--action-color);border-radius:13px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.dashboard-purchase-actions i{background:color-mix(in srgb, var(--action-color) 11%, var(--bg-card))}}.dashboard-purchase-actions>a>svg{color:var(--text-tertiary);place-self:center end}.dashboard-purchase-actions span{flex-direction:column;grid-column:1/-1;display:flex}.dashboard-purchase-actions small{color:var(--text-secondary);margin-top:4px;font-size:10px}.dashboard-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dashboard-stat-grid article{border:1px solid var(--border);background:var(--bg-card);min-height:82px;box-shadow:var(--shadow-sm);border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex}.dashboard-stat-grid i{border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.dashboard-stat-grid i.pink{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-grid i.pink{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.dashboard-stat-grid i.green{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-grid i.green{background:color-mix(in srgb, var(--success) 10%, var(--surface))}}.dashboard-stat-grid i.amber{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-grid i.amber{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}}.dashboard-stat-grid i.purple{color:var(--accent-2);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-grid i.purple{background:color-mix(in srgb, var(--accent-2) 10%, var(--surface))}}.dashboard-stat-grid span{flex-direction:column-reverse;gap:4px;display:flex}.dashboard-stat-grid small{color:var(--text-secondary);font-size:9px}.dashboard-stat-grid strong{letter-spacing:-.03em;font-size:18px}.dashboard-stat-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.dashboard-stat-card article{border-right:1px solid var(--border);align-items:center;gap:11px;min-width:0;min-height:78px;padding:14px 15px;display:flex}.dashboard-stat-card article:last-child{border-right:0}.dashboard-stat-card i{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.dashboard-stat-card i.pink{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-card i.pink{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.dashboard-stat-card i.green{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-card i.green{background:color-mix(in srgb, var(--success) 10%, var(--surface))}}.dashboard-stat-card i.amber{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-card i.amber{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}}.dashboard-stat-card i.purple{color:var(--accent-2);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.dashboard-stat-card i.purple{background:color-mix(in srgb, var(--accent-2) 10%, var(--surface))}}.dashboard-stat-card span{flex-direction:column-reverse;gap:4px;min-width:0;display:flex}.dashboard-stat-card small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.dashboard-stat-card strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.dashboard-content-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:16px;display:grid}.dashboard-panel{padding:0;overflow:hidden}.dashboard-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:74px;padding:17px 19px;display:flex}.dashboard-panel>header h2{margin-top:4px;font-size:15px}.dashboard-panel>header>a{color:var(--accent-strong);white-space:nowrap;align-items:center;gap:5px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.dashboard-service-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.dashboard-service-grid>a{min-width:0;color:var(--text-primary);background:var(--bg-card);grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 14px;text-decoration:none;display:grid}.dashboard-service-grid>a:hover{background:var(--surface-raised)}.dashboard-service-grid i{background:var(--surface);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.dashboard-service-grid span{flex-direction:column;min-width:0;display:flex}.dashboard-service-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dashboard-service-grid small{color:var(--text-tertiary);margin-top:3px;font-size:8px}.dashboard-service-grid>a>svg{color:var(--text-tertiary)}.dashboard-order-list{padding:6px 12px 11px}.dashboard-order-list>a{border-bottom:1px solid var(--border);color:var(--text-primary);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 7px;text-decoration:none;display:grid}.dashboard-order-list>a:last-child{border-bottom:0}.dashboard-order-list>a>i{width:38px;height:38px;color:var(--accent-strong);background:var(--accent);border-radius:10px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.dashboard-order-list>a>i{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.dashboard-order-list>a>span{flex-direction:column;min-width:0;display:flex}.dashboard-order-list>a>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dashboard-order-list>a>span small{color:var(--text-tertiary);margin-top:4px;font-size:8px}.dashboard-order-list>a>div{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dashboard-order-list>a>div strong{font-size:10px}.dashboard-order-list>a>div small{border-radius:999px;padding:3px 7px;font-size:7px;font-weight:800}.dashboard-order-list small.success{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.dashboard-order-list small.success{background:color-mix(in srgb, var(--success) 10%, transparent)}}.dashboard-order-list small.warning{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dashboard-order-list small.warning{background:color-mix(in srgb, var(--warning) 10%, transparent)}}.dashboard-order-list small.info{color:var(--accent-cyan);background:var(--accent-cyan)}@supports (color:color-mix(in lab, red, red)){.dashboard-order-list small.info{background:color-mix(in srgb, var(--accent-cyan) 10%, transparent)}}.dashboard-order-list small.danger{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dashboard-order-list small.danger{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.dashboard-order-list small.neutral{color:var(--text-secondary);background:var(--surface)}.dashboard-order-skeleton{background:linear-gradient(90deg, var(--surface), var(--surface-raised), var(--surface));background-size:200% 100%;border-radius:10px;height:58px;margin:6px 0;animation:1.3s infinite dashboard-shimmer}.dashboard-empty{min-height:230px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-empty strong{color:var(--text-primary);margin-top:10px;font-size:12px}.dashboard-empty p{margin:4px 0 12px;font-size:9px}.dashboard-empty a{color:var(--accent-strong);font-size:9px;font-weight:750}@keyframes dashboard-shimmer{to{background-position:-200% 0}}@media (max-width:1040px){.dashboard-hero-grid,.dashboard-content-grid{grid-template-columns:1fr}.dashboard-stat-grid{grid-template-columns:1fr 1fr}.dashboard-stat-card{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.customer-content{padding:22px 16px 92px}.customer-bottom-nav{height:66px}}@media (max-width:640px){.dashboard-heading,.dashboard-heading-actions{flex-direction:column;align-items:stretch}.dashboard-heading .btn-primary,.dashboard-heading-actions .btn-secondary{width:100%}.dashboard-hero-grid,.dashboard-purchase-actions,.dashboard-service-grid{grid-template-columns:1fr}.dashboard-purchase-actions>a{min-height:118px}.dashboard-stat-grid{gap:8px}.dashboard-stat-grid article{min-height:72px;padding:11px}.dashboard-stat-grid i{flex-basis:35px;width:35px;height:35px}.dashboard-stat-grid strong{font-size:15px}.dashboard-stat-card{gap:0}.dashboard-stat-card article{min-height:68px;padding:10px 11px}.dashboard-stat-card i{flex-basis:34px;width:34px;height:34px}.dashboard-stat-card strong{font-size:14px}.dashboard-wallet-card{min-height:215px;padding:21px}}.integration-webhook{border-top:1px solid var(--border);background:var(--accent-2);grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);align-items:center;gap:18px;padding:16px 22px;display:grid}@supports (color:color-mix(in lab, red, red)){.integration-webhook{background:color-mix(in srgb, var(--accent-2) 4%, var(--surface-raised))}}.integration-webhook strong{font-size:11px}.integration-webhook p{max-width:620px;color:var(--text-tertiary);margin-top:4px;font-size:9px;line-height:1.5}.integration-webhook code{border:1px solid var(--border);color:var(--accent-2);background:var(--bg-card);white-space:nowrap;border-radius:10px;padding:10px 12px;font-size:9px;overflow-x:auto}.admin-settings-page{flex-direction:column;gap:18px;max-width:1080px;display:flex}.settings-title{align-items:center}.settings-title .btn-primary{white-space:nowrap;border-radius:11px;min-height:42px;padding-inline:16px;font-size:10px}.settings-maintenance-alert{border:1px solid var(--danger);align-items:flex-start;gap:10px;padding:13px 15px;display:flex}@supports (color:color-mix(in lab, red, red)){.settings-maintenance-alert{border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border))}}.settings-maintenance-alert{color:var(--danger);background:var(--danger);border-radius:13px}@supports (color:color-mix(in lab, red, red)){.settings-maintenance-alert{background:color-mix(in srgb, var(--danger) 6%, var(--bg-card))}}.settings-maintenance-alert span{flex-direction:column;gap:3px;display:flex}.settings-maintenance-alert strong{font-size:11px}.settings-maintenance-alert small{color:var(--text-secondary);font-size:9px;line-height:1.5}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.settings-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.settings-card>header{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:76px;padding:16px 18px;display:flex}.settings-card>header>i{width:39px;height:39px;color:var(--accent-strong);background:var(--accent);border-radius:11px;flex:0 0 39px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.settings-card>header>i{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.settings-card>header span{flex-direction:column;gap:3px;display:flex}.settings-card>header strong{font-size:13px}.settings-card>header small{color:var(--text-tertiary);font-size:8px;line-height:1.4}.settings-fields{gap:14px;padding:18px;display:grid}.settings-fields.two-columns{grid-template-columns:1fr 1fr}.settings-fields label{flex-direction:column;gap:7px;min-width:0;display:flex}.settings-fields label>span{color:var(--text-secondary);font-size:9px;font-weight:750}.settings-fields label>small{color:var(--text-tertiary);font-size:8px;line-height:1.45}.settings-fields .input{min-height:44px;font-size:10px}.settings-fields textarea.input{resize:vertical;line-height:1.55}.settings-switches{padding:4px 18px}.settings-switch-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:15px;min-height:70px;padding:13px 0;display:grid;position:relative}.settings-switch-row:last-child{border-bottom:0}.settings-switch-row>span{flex-direction:column;gap:4px;display:flex}.settings-switch-row strong{font-size:10px}.settings-switch-row small{max-width:380px;color:var(--text-tertiary);font-size:8px;line-height:1.45}.settings-switch-row input{opacity:0;pointer-events:none;position:absolute}.settings-switch-row>i{background:var(--border-strong);border-radius:999px;width:43px;height:24px;transition:background .18s;position:relative}.settings-switch-row>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.settings-switch-row input:checked+i{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.settings-switch-row.danger input:checked+i{background:var(--danger)}.settings-switch-row input:checked+i:after{transform:translate(19px)}.settings-switch-row input:focus-visible+i{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.settings-switch-row input:focus-visible+i{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent)}}.settings-switch-row input:focus-visible+i{outline-offset:2px}.settings-currency-note{color:var(--text-secondary);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:0 18px 18px;padding:11px 12px;font-size:8px;display:flex}.settings-currency-note strong{color:var(--text-primary)}.settings-announcement-card{grid-column:1/-1}.settings-announcement-card .settings-fields{padding-top:4px}.settings-credit{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;display:flex}.settings-credit>div{flex-direction:column;gap:4px;display:flex}.settings-credit strong{font-size:11px}.settings-credit span{color:var(--text-tertiary);font-size:8px}.settings-credit a{color:var(--accent-strong);align-items:center;gap:6px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}@media (max-width:760px){.integration-webhook{grid-template-columns:1fr;padding-inline:16px}.settings-grid{grid-template-columns:1fr}.settings-announcement-card{grid-column:auto}.settings-title{align-items:stretch}.settings-title .btn-primary{width:100%}.settings-fields.two-columns{grid-template-columns:1fr}.settings-credit{flex-direction:column;align-items:flex-start}}.dashboard-wallet-card{min-height:264px;padding-block:22px}.dashboard-wallet-card>strong,.dashboard-wallet-card>div:last-child{margin-top:13px}.dashboard-permanent-account{z-index:1;background:#ffffff13;border:1px solid #ffffff26;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:13px;padding:9px 10px;display:flex;position:relative}.dashboard-permanent-account>span{flex-direction:column;min-width:0;display:flex}.dashboard-permanent-account small{color:#fff9;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:700}.dashboard-permanent-account strong{color:#fff;letter-spacing:.08em;margin-top:3px;font-size:15px}.dashboard-permanent-account em{color:#ffffff7a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;font-style:normal;overflow:hidden}.dashboard-permanent-account button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:66px;min-height:31px;padding:0 9px;font-size:8px;font-weight:750;display:inline-flex}.dashboard-purchase-panel{flex-direction:column;justify-content:center;align-self:stretch;padding:17px;display:flex}.dashboard-section-heading{margin-bottom:10px}.dashboard-section-heading h2{font-size:14px}.dashboard-purchase-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-purchase-actions>a{border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-content:center;align-items:center;gap:8px;min-height:76px;padding:10px}.dashboard-purchase-actions i{border-radius:10px;width:36px;height:36px}.dashboard-purchase-actions i svg{width:19px;height:19px}.dashboard-purchase-actions span{grid-column:auto}.dashboard-purchase-actions strong{font-size:11px}.dashboard-purchase-actions small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;overflow:hidden}.dashboard-purchase-actions>a>svg{width:14px;height:14px}.data-refresh{min-height:40px;padding-inline:15px;font-size:9px}.data-transaction-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.data-transaction-stats article{border:1px solid var(--border);background:var(--bg-card);min-height:76px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:11px;padding:13px 14px;display:flex}.data-transaction-stats i{border-radius:10px;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.data-transaction-stats i.purple{color:var(--accent-2);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.data-transaction-stats i.purple{background:color-mix(in srgb, var(--accent-2) 9%, var(--surface))}}.data-transaction-stats i.green{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.data-transaction-stats i.green{background:color-mix(in srgb, var(--success) 9%, var(--surface))}}.data-transaction-stats i.amber{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.data-transaction-stats i.amber{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.data-transaction-stats i.pink{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-transaction-stats i.pink{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.data-transaction-stats span{flex-direction:column-reverse;gap:3px;min-width:0;display:flex}.data-transaction-stats strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.data-transaction-stats small{color:var(--text-tertiary);font-size:7px}.data-transaction-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.data-transaction-toolbar .admin-search{width:min(380px,100%)}.data-transaction-toolbar>div{gap:7px;display:flex}.data-transaction-toolbar select{width:135px;min-height:36px;padding-block:7px;font-size:8px}.data-transactions-page .admin-notice{margin:14px}.data-loading{min-height:240px;box-shadow:none;border:0;border-radius:0}.transaction-customer,.transaction-plan{min-width:145px}.transaction-customer strong,.transaction-customer span,.transaction-plan strong,.transaction-plan span{display:block}.transaction-customer strong,.transaction-plan strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:9px;overflow:hidden}.transaction-customer span,.transaction-plan span{max-width:180px;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.network-pill{color:var(--accent-2);background:var(--accent-2);border-radius:999px;padding:4px 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.network-pill{background:color-mix(in srgb, var(--accent-2) 9%, var(--surface))}}.network-pill{font-size:7px;font-weight:850}.network-pill.mtn{color:#8a6900;background:#ffcc001c}.network-pill.airtel{color:#df2935;background:#e4002b12}.network-pill.glo{color:#0b8e46;background:#00a85912}.network-pill.mobile9{color:#0a826a;background:#009b7712}.utility-type{color:var(--accent-2);background:var(--accent-2);border-radius:999px;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.utility-type{background:color-mix(in srgb, var(--accent-2) 9%, var(--surface))}}.utility-type{text-transform:capitalize;white-space:nowrap;font-size:7px;font-weight:850}.utility-type.airtime{color:#087969;background:#12a892}@supports (color:color-mix(in lab, red, red)){.utility-type.airtime{background:color-mix(in srgb, #12a892 10%, var(--surface))}}.transaction-phone{white-space:nowrap;font-size:9px}.transaction-status{color:var(--text-secondary);background:var(--surface);text-transform:capitalize;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex}.transaction-status.completed{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.transaction-status.completed{background:color-mix(in srgb, var(--success) 9%, var(--surface))}}.transaction-status.pending{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.transaction-status.pending{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.transaction-status.failed{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.transaction-status.failed{background:color-mix(in srgb, var(--danger) 9%, var(--surface))}}.transaction-failure{max-width:160px;color:var(--danger);margin-top:3px;font-size:7px;display:block}.data-pagination{border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:8px;display:flex}.data-pagination>div{align-items:center;gap:8px;display:flex}.data-pagination button{border:1px solid var(--border);min-height:31px;color:var(--text-secondary);background:var(--bg-card);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 9px;font-size:8px;font-weight:700;display:inline-flex}.data-pagination button:disabled{opacity:.4;cursor:not-allowed}.data-pagination strong{color:var(--text-primary);font-size:8px}@media (max-width:900px){.data-transaction-stats{grid-template-columns:1fr 1fr}}@media (max-width:640px){.dashboard-purchase-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-purchase-actions>a{grid-template-columns:32px minmax(0,1fr);min-height:68px}.dashboard-purchase-actions i{width:30px;height:30px}.dashboard-purchase-actions>a>svg,.dashboard-purchase-actions small{display:none}.dashboard-wallet-card{min-height:260px}.data-transaction-toolbar,.data-pagination{flex-direction:column;align-items:stretch}.data-transaction-toolbar .admin-search,.data-transaction-toolbar>div{width:100%}.data-transaction-toolbar select{flex:1;width:auto}.data-pagination>div{justify-content:space-between}}.support-page{flex-direction:column;gap:16px;display:flex;max-width:1120px!important}.support-ticket-hero,.support-ticket-list-card,.support-thread,.support-channel-section,.support-faq{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.support-ticket-hero{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-ticket-hero{border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}}.support-ticket-hero>header{border-bottom:1px solid var(--border);background:linear-gradient(115deg, var(--accent), var(--accent-2));align-items:center;gap:12px;padding:18px;display:flex}@supports (color:color-mix(in lab, red, red)){.support-ticket-hero>header{background:linear-gradient(115deg, color-mix(in srgb, var(--accent) 8%, var(--bg-card)), color-mix(in srgb, var(--accent-2) 7%, var(--bg-card)))}}.support-ticket-hero>header>i{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:44px;height:44px;box-shadow:0 9px 22px var(--accent);border-radius:13px;flex:0 0 44px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.support-ticket-hero>header>i{box-shadow:0 9px 22px color-mix(in srgb, var(--accent) 24%, transparent)}}.support-ticket-hero>header span{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.support-ticket-hero>header h2{margin-top:3px;font-size:16px}.support-ticket-hero>header p{color:var(--text-secondary);margin-top:4px;font-size:9px;line-height:1.5}.support-notice{border:1px solid var(--border);border-radius:11px;align-items:flex-start;gap:8px;margin:14px 18px 0;padding:11px 12px;font-size:9px;line-height:1.5;display:flex}.support-notice.success{color:var(--success);border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.support-notice.success{border-color:color-mix(in srgb, var(--success) 25%, var(--border))}}.support-notice.success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.support-notice.success{background:color-mix(in srgb, var(--success) 6%, var(--surface))}}.support-notice.error{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.support-notice.error{border-color:color-mix(in srgb, var(--danger) 25%, var(--border))}}.support-notice.error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.support-notice.error{background:color-mix(in srgb, var(--danger) 6%, var(--surface))}}.support-ticket-form{gap:13px;padding:18px;display:grid}.support-ticket-form label{flex-direction:column;gap:7px;min-width:0;display:flex}.support-ticket-form label>span{color:var(--text-secondary);font-size:9px;font-weight:750}.support-ticket-form label>span small{color:var(--text-tertiary);font-size:7px;font-weight:600}.support-ticket-form .input{min-height:42px;font-size:10px}.support-ticket-form textarea.input{resize:vertical;min-height:112px;line-height:1.55}.support-form-row{grid-template-columns:1fr 1fr 1.2fr;gap:11px;display:grid}.support-ticket-form footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.support-ticket-form footer>small{color:var(--text-tertiary);font-size:8px}.support-ticket-form footer button{min-height:42px;font-size:10px}.support-ticket-list-card>header,.support-channel-section>header,.support-faq>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.support-ticket-list-card>header h2,.support-channel-section>header h2,.support-faq>header h2{font-size:13px}.support-ticket-list-card>header p,.support-channel-section>header p,.support-faq>header p{color:var(--text-tertiary);margin-top:3px;font-size:8px}.support-ticket-list-card>header>span{min-width:28px;height:28px;color:var(--accent-strong);background:var(--accent);border-radius:9px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.support-ticket-list-card>header>span{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.support-ticket-list-card>header>span{font-size:9px;font-weight:800}.support-loading,.support-empty{min-height:120px;color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.support-empty{text-align:center;flex-direction:column}.support-empty strong{color:var(--text-primary);font-size:11px}.support-empty p{font-size:8px}.support-ticket-list>button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px 17px;display:grid}.support-ticket-list>button:last-child{border-bottom:0}.support-ticket-list>button:hover,.support-ticket-list>button.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-ticket-list>button:hover,.support-ticket-list>button.active{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.support-ticket-list>button>i{background:var(--accent-2);border-radius:50%;width:8px;height:8px}.support-ticket-list>button>i.high{background:var(--warning)}.support-ticket-list>button>i.urgent{background:var(--danger);box-shadow:0 0 0 4px var(--danger)}@supports (color:color-mix(in lab, red, red)){.support-ticket-list>button>i.urgent{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 12%, transparent)}}.support-ticket-list>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.support-ticket-list>button>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.support-ticket-list>button>span small{color:var(--text-tertiary);font-size:8px}.support-ticket-list>button>div{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.support-ticket-list b,.support-thread>header>b,.support-admin-ticket-list b,.support-admin-detail header>b{color:var(--text-secondary);background:var(--surface);text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:800;display:inline-flex}.support-ticket-list b.open,.support-admin-ticket-list b.open{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-ticket-list b.open,.support-admin-ticket-list b.open{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.support-ticket-list b.in_progress,.support-admin-ticket-list b.in_progress{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.support-ticket-list b.in_progress,.support-admin-ticket-list b.in_progress{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.support-ticket-list b.waiting_customer,.support-admin-ticket-list b.waiting_customer{color:var(--accent-2);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.support-ticket-list b.waiting_customer,.support-admin-ticket-list b.waiting_customer{background:color-mix(in srgb, var(--accent-2) 9%, var(--surface))}}.support-ticket-list b.resolved,.support-ticket-list b.closed,.support-admin-ticket-list b.resolved,.support-admin-ticket-list b.closed{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.support-ticket-list b.resolved,.support-ticket-list b.closed,.support-admin-ticket-list b.resolved,.support-admin-ticket-list b.closed{background:color-mix(in srgb, var(--success) 9%, var(--surface))}}.support-ticket-list time{color:var(--text-tertiary);font-size:7px}.support-ticket-list>button>svg{color:var(--text-tertiary)}.support-thread>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.support-thread>header span{color:var(--accent-strong);font-family:monospace;font-size:8px;font-weight:800}.support-thread>header h2{margin-top:4px;font-size:13px}.support-messages{background:var(--surface);flex-direction:column;gap:9px;max-height:430px;padding:16px;display:flex;overflow-y:auto}.support-messages article{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;max-width:78%;padding:10px 12px}.support-messages article.customer{border-color:var(--accent);align-self:flex-end}@supports (color:color-mix(in lab, red, red)){.support-messages article.customer{border-color:color-mix(in srgb, var(--accent) 22%, var(--border))}}.support-messages article.customer{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-messages article.customer{background:color-mix(in srgb, var(--accent) 7%, var(--bg-card))}}.support-messages article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.support-messages strong{font-size:8px}.support-messages time{color:var(--text-tertiary);font-size:7px}.support-messages p{color:var(--text-secondary);white-space:pre-wrap;margin-top:6px;font-size:9px;line-height:1.55}.support-thread>form{border-top:1px solid var(--border);gap:10px;padding:14px 16px;display:flex}.support-thread>form textarea{resize:vertical;min-height:46px;font-size:9px}.support-thread>form button{justify-content:center;min-width:92px;font-size:9px}.support-channel-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.support-channel-grid>a{min-width:0;color:var(--text-primary);background:var(--bg-card);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;text-decoration:none;display:grid}.support-channel-grid>a:hover{background:var(--surface-raised)}.support-channel-grid i{color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.support-channel-grid i.telegram,.support-channel-grid i.updates{background:#168acd}.support-channel-grid i.email{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.support-channel-grid i.whatsapp{background:#21a85b}.support-channel-grid span{flex-direction:column;gap:3px;min-width:0;display:flex}.support-channel-grid strong{font-size:10px}.support-channel-grid small{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.support-channel-grid>a>svg{color:var(--text-tertiary)}.support-faq>div{padding:6px 16px 12px}.support-faq article{border-bottom:1px solid var(--border)}.support-faq article:last-child{border-bottom:0}.support-faq article>button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:10px;font-weight:750;display:flex}.support-faq article>button svg{color:var(--accent-strong)}.support-faq article>p{color:var(--text-secondary);padding:0 0 13px;font-size:9px;line-height:1.6}.support-admin-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.support-admin-stats article{border:1px solid var(--border);background:var(--bg-card);min-height:74px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:10px;padding:12px 13px;display:flex}.support-admin-stats i{width:36px;height:36px;color:var(--accent-2);background:var(--accent-2);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.support-admin-stats i{background:color-mix(in srgb, var(--accent-2) 9%, var(--surface))}}.support-admin-stats i.pink{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-admin-stats i.pink{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.support-admin-stats i.amber{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.support-admin-stats i.amber{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.support-admin-stats i.red{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.support-admin-stats i.red{background:color-mix(in srgb, var(--danger) 9%, var(--surface))}}.support-admin-stats span{flex-direction:column-reverse;gap:3px;display:flex}.support-admin-stats small{color:var(--text-tertiary);font-size:7px}.support-admin-stats strong{font-size:15px}.support-admin-workspace{border:1px solid var(--border);background:var(--bg-card);min-height:620px;box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:minmax(350px,.78fr) minmax(440px,1.22fr);display:grid;overflow:hidden}.support-admin-inbox{border-right:1px solid var(--border);min-width:0}.support-admin-filters{border-bottom:1px solid var(--border);gap:9px;padding:13px;display:grid}.support-admin-filters .admin-search{width:100%}.support-admin-filters>div{gap:6px;display:flex}.support-admin-filters select{flex:1;min-width:0;min-height:34px;padding:6px 8px;font-size:7px}.support-admin-inbox>header{border-bottom:1px solid var(--border);color:var(--text-tertiary);background:var(--surface);padding:9px 13px;font-size:7px}.support-admin-loading{min-height:350px;box-shadow:none;border:0}.support-admin-ticket-list{max-height:560px;overflow-y:auto}.support-admin-ticket-list>button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:12px 13px;display:grid}.support-admin-ticket-list>button:hover,.support-admin-ticket-list>button.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-admin-ticket-list>button:hover,.support-admin-ticket-list>button.active{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.support-admin-ticket-list>button>i{background:var(--accent-2);border-radius:50%;width:7px;height:7px;margin-top:5px}.support-admin-ticket-list>button>i.high{background:var(--warning)}.support-admin-ticket-list>button>i.urgent{background:var(--danger);box-shadow:0 0 0 3px var(--danger)}@supports (color:color-mix(in lab, red, red)){.support-admin-ticket-list>button>i.urgent{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 10%, transparent)}}.support-admin-ticket-list>button>div{min-width:0}.support-admin-ticket-list>button>div>span{justify-content:space-between;align-items:center;gap:7px;display:flex}.support-admin-ticket-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.support-admin-ticket-list p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:8px;overflow:hidden}.support-admin-ticket-list small,.support-admin-ticket-list time{color:var(--text-tertiary);font-size:7px}.support-admin-detail{flex-direction:column;min-width:0;display:flex}.support-admin-placeholder{min-height:620px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.support-admin-placeholder h2{color:var(--text-primary);margin-top:10px;font-size:13px}.support-admin-placeholder p{margin-top:4px;font-size:8px}.support-admin-detail>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.support-admin-detail>header span{color:var(--accent-strong);font-family:monospace;font-size:8px;font-weight:800}.support-admin-detail>header h2{margin-top:5px;font-size:14px}.support-admin-detail>header p{color:var(--text-tertiary);margin-top:5px;font-size:8px}.support-admin-detail>header>b.high{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.support-admin-detail>header>b.high{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.support-admin-detail>header>b.urgent{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.support-admin-detail>header>b.urgent{background:color-mix(in srgb, var(--danger) 9%, var(--surface))}}.support-admin-controls{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:11px 14px;display:grid}.support-admin-controls label{flex-direction:column;gap:5px;display:flex}.support-admin-controls label>span{color:var(--text-tertiary);font-size:7px;font-weight:750}.support-admin-controls .input{min-height:35px;padding:6px 8px;font-size:8px}.support-admin-controls>button{border:1px solid var(--border);min-height:35px;color:var(--text-secondary);background:var(--bg-card);cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:8px;font-weight:750;display:inline-flex}.support-admin-messages{background:var(--surface);flex-direction:column;gap:9px;min-height:260px;max-height:410px;padding:15px;display:flex;overflow-y:auto}.support-admin-messages article{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;max-width:82%;padding:10px 11px}.support-admin-messages article.admin{border-color:var(--accent);align-self:flex-end}@supports (color:color-mix(in lab, red, red)){.support-admin-messages article.admin{border-color:color-mix(in srgb, var(--accent) 22%, var(--border))}}.support-admin-messages article.admin{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.support-admin-messages article.admin{background:color-mix(in srgb, var(--accent) 7%, var(--bg-card))}}.support-admin-messages article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.support-admin-messages strong{font-size:8px}.support-admin-messages time{color:var(--text-tertiary);font-size:7px}.support-admin-messages p{color:var(--text-secondary);white-space:pre-wrap;margin-top:6px;font-size:9px;line-height:1.55}.support-admin-reply{border-top:1px solid var(--border);gap:9px;padding:13px 14px;display:grid}.support-admin-reply textarea{resize:vertical;min-height:78px;font-size:9px;line-height:1.5}.support-admin-reply footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.support-admin-reply footer>span{color:var(--text-tertiary);align-items:center;gap:5px;font-size:7px;display:flex}.support-admin-reply button{font-size:8px}@media (max-width:960px){.support-admin-workspace{grid-template-columns:1fr}.support-admin-inbox{border-right:0;border-bottom:1px solid var(--border)}.support-admin-ticket-list{max-height:420px}}@media (max-width:700px){.support-form-row{grid-template-columns:1fr}.support-ticket-form footer,.support-admin-reply footer{flex-direction:column;align-items:stretch}.support-ticket-form footer button,.support-admin-reply button{justify-content:center;width:100%}.support-ticket-list>button{grid-template-columns:auto minmax(0,1fr) auto}.support-ticket-list>button>div{grid-column:2;align-items:flex-start}.support-ticket-list>button>svg{grid-area:1/3}.support-channel-grid{grid-template-columns:1fr}.support-admin-stats,.support-admin-controls{grid-template-columns:1fr 1fr}.support-admin-controls>button{grid-column:1/-1;justify-content:center}.support-admin-filters>div{grid-template-columns:1fr 1fr;display:grid}.support-admin-filters select:last-child{grid-column:1/-1}.support-messages article,.support-admin-messages article{max-width:92%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}