@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--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)}}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.text-center{text-align:center}.text-wrap{text-wrap:wrap}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.text-red-400{color:var(--color-red-400)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.ring-inset{--tw-ring-inset:inset}}:root{--bg:#080808;--panel:#111;--panel2:#161616;--gold:#d4af37;--gold2:#f1cf57;--text:#f7f5ee;--muted:#918f89;--border:#292824;--danger:#ef5350;--success:#35c678;--blue:#3b82f6;--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 70% -20%,#d4af3712,transparent 30%),var(--bg);color:var(--text);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}a{color:var(--gold2);text-decoration:none}.app-shell{min-height:100vh;padding-right:264px}.sidebar{z-index:30;border-left:1px solid var(--border);background:#0d0d0d;flex-direction:column;width:264px;padding:22px 16px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-head{justify-content:space-between;align-items:center;padding:2px 7px 26px;display:flex}.brand-lockup,.company{align-items:center;gap:12px;display:flex}.brand-lockup div,.company div,.top-actions div{flex-direction:column;display:flex}.brand-lockup strong,.company strong{color:var(--gold2);font-size:18px}.brand-lockup small,.company small,.top-actions small{color:var(--muted)}.brand-icon{width:46px;height:46px;color:var(--gold);background:#d4af3714;border:1px solid #d4af3780;border-radius:14px;place-items:center;display:grid}.brand-icon svg{width:24px}.brand-icon.small{width:44px;height:44px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#aaa;text-align:right;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;min-height:46px;padding:12px 14px;display:flex;position:relative}.sidebar nav button svg{width:20px}.sidebar nav button:hover{color:#fff;background:#161616}.sidebar nav button.active{color:var(--gold2);background:#d4af371f;font-weight:700}.sidebar nav button i{background:var(--gold);border-radius:4px;width:3px;height:26px;position:absolute;right:-16px}.sidebar-foot{gap:12px;margin-top:auto;display:grid}.exchange{border:1px solid var(--border);background:#131313;border-radius:14px;align-items:center;gap:10px;padding:13px;display:flex}.exchange svg{color:var(--gold)}.exchange div{flex-direction:column;display:flex}.exchange small{color:var(--muted)}.sidebar-foot>button{color:#a8a8a8;background:0 0;border:0;align-items:center;gap:10px;padding:12px;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#080808e6;align-items:center;gap:30px;min-height:82px;padding:14px 36px;display:flex;position:sticky;top:0}.company{display:none}.company-meta{color:#c0beb8;flex:1;gap:26px;font-size:13px;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.top-actions>button{border:1px solid var(--border);color:#aaa;background:#151515;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.top-actions svg{width:20px}.avatar{background:var(--gold);color:#050505;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.main-content{max-width:1580px;margin:auto;padding:30px 36px 60px}.page-toolbar{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.page-toolbar p{color:var(--gold);margin:0;font-size:12px}.page-toolbar h1{margin:2px 0 0;font-size:28px}.search{min-width:260px;position:relative}.search svg{color:#777;width:18px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.search .input{padding-right:40px}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#131313,#0f0f0f);padding:20px;box-shadow:0 14px 40px #0000002e}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-weight:800;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)scale(.98)}.button:disabled{opacity:.55;cursor:not-allowed}.button svg{width:18px}.button-primary{background:var(--gold);color:#0a0a0a}.button-primary:hover{background:var(--gold2)}.button-secondary{color:#fff;background:#242424;border:1px solid #363636}.button-danger{color:#ff8582;background:#ef535029;border:1px solid #ef535047}.input{color:#fff;background:#090909;border:1px solid #343434;border-radius:11px;width:100%;height:46px;padding:0 13px}.input::placeholder{color:#656565}.field{color:#ccc;gap:7px;font-size:14px;display:grid}.field small{color:var(--muted)}.form-stack{gap:17px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.page-stack{gap:20px;display:grid}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metrics.compact{grid-template-columns:repeat(3,1fr)}.metric{align-items:center;gap:15px;min-height:126px;display:flex}.metric-icon{color:#aaa;background:#202020;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.metric-icon svg{width:22px}.metric div{gap:3px;display:grid}.metric small,.metric p{color:var(--muted);margin:0}.metric strong{direction:rtl;font-size:23px}.metric.gold{border-color:#d4af374d}.metric.gold .metric-icon{color:var(--gold);background:#d4af371f}.metric.red{border-color:#ef535045}.metric.red strong,.negative{color:#ff8582}.metric.red .metric-icon{color:#ff7774;background:#ef53501f}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}.dashboard-grid .wide{grid-column:auto}.section-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title button,.table-action,.row-actions button{color:var(--gold);background:0 0;border:0;font-weight:700}.bar-chart{border-bottom:1px solid #272727;align-items:end;gap:8%;height:220px;padding:30px 22px 28px;display:flex}.bar-chart>div{background:linear-gradient(var(--gold2),#8b6d11);border-radius:8px 8px 2px 2px;flex:1;max-width:42px;min-height:12px;position:relative}.bar-chart>div.expense{background:linear-gradient(#ef5350,#7f2525)}.bar-chart span{color:#777;font-size:11px;position:absolute;bottom:-26px;right:50%;transform:translate(50%)}.legend{color:#aaa;gap:18px;margin-top:15px;font-size:12px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;margin-left:6px;display:inline-block}.gold-dot{background:var(--gold)}.red-dot{background:var(--danger)}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.activity-list{display:grid}.activity-list>div{border-bottom:1px solid #232323;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 0;display:grid}.activity-list>div:last-child{border:0}.activity-list div div{display:grid}.activity-list small{color:var(--muted)}.activity-list b{color:#ff8582;font-size:13px}.activity-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.activity-icon svg{width:18px}.activity-icon.red{color:#ff7774;background:#ef53501f}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.table-wrap th{text-align:right;color:#777;border-bottom:1px solid #2b2b2b;padding:12px;font-size:12px}.table-wrap td{color:#d6d4cf;border-bottom:1px solid #202020;padding:14px 12px;font-size:13px}.table-wrap tbody tr:hover{background:#151515}.status{border-radius:99px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.status.paid{color:#64dc98;background:#35c6781f}.status.partial{color:#f8d568;background:#d4af371f}.status.pending{color:#ff8582;background:#ef53501f}.entity-head{justify-content:space-between;align-items:center;display:flex}.entity-head h2{margin:0 0 4px;font-size:24px}.entity-head p{color:var(--muted);margin:0}.filter-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.filter-row>span{color:var(--muted)}.filter-row>.input{max-width:210px}.product-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.product-card h3{margin:18px 0 3px}.product-card>p{color:#777;text-align:right;direction:ltr;margin:0;font-size:12px}.product-top{justify-content:space-between;display:flex}.product-icon{width:44px;height:44px;color:var(--gold);background:#d4af371a;border-radius:12px;place-items:center;display:grid}.product-info{justify-content:space-between;margin:20px 0 12px;display:flex}.product-info span{display:grid}.product-info small{color:#777}.product-info strong{font-size:13px}.stock-line{background:#222;border-radius:4px;height:5px;margin-bottom:14px;overflow:hidden}.stock-line i{background:var(--success);height:100%;display:block}.stock-line.low i{background:var(--danger)}.row-actions{gap:12px;display:flex}.settings-grid{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.report-bars{gap:20px;display:grid}.report-bars>div{grid-template-columns:120px 1fr 160px;align-items:center;gap:15px;display:grid}.report-bars i{background:#242424;border-radius:10px;height:13px;overflow:hidden}.report-bars b{background:var(--gold);border-radius:10px;height:100%;display:block}.report-bars .red b{background:var(--danger)}.auth-page{background:radial-gradient(circle at 50% 10%,#d4af371f,#0000 35%),#080808;place-items:center;min-height:100vh;padding:32px;display:grid}.auth-wrap{gap:18px;width:min(100%,470px);display:grid}.register-wrap{width:min(100%,760px)}.auth-wrap>.brand-lockup{justify-self:center}.auth-card{padding:32px}.auth-heading{text-align:center;margin-bottom:26px}.auth-heading>span{color:var(--gold)}.auth-heading h1{margin:6px 0;font-size:28px}.auth-heading p,.auth-foot,.demo-note{color:var(--muted);margin:0}.input-icon{position:relative}.input-icon>svg{color:#777;width:19px;position:absolute;top:13px;right:13px}.input-icon>.input{padding-left:42px;padding-right:43px}.input-icon>button{color:#888;background:0 0;border:0;width:34px;height:34px;position:absolute;top:7px;left:8px}.input-icon>button svg{width:18px}.form-row{color:#aaa;justify-content:space-between;font-size:13px;display:flex}.form-row label{align-items:center;gap:7px;display:flex}.auth-foot{text-align:center;margin-top:21px}.demo-note{text-align:center;direction:ltr;font-size:12px}.mobile-menu,.close-menu,.backdrop{display:none}@media (max-width:1150px){.app-shell{padding-right:0}.sidebar{transition:transform .25s;transform:translate(110%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:25;background:#000000a6;border:0;display:block;position:fixed;inset:0}.mobile-menu,.close-menu{border:1px solid var(--border);color:#fff;background:#151515;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.topbar{padding:12px 22px}.company{display:flex}.company-meta{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.top-actions div{display:none}.main-content{padding:22px 16px 80px}.page-toolbar{align-items:start}.page-toolbar>.search{display:none}.metrics,.metrics.compact{grid-template-columns:1fr 1fr}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid .wide{grid-column:auto}.product-grid{grid-template-columns:1fr}.entity-head{align-items:flex-start}.entity-head p{font-size:13px}.form-grid,.quick-actions{grid-template-columns:1fr}.report-bars>div{grid-template-columns:80px 1fr}.report-bars strong{grid-column:2}.metric{min-height:112px}.metric strong{font-size:18px}}@media (max-width:520px){.topbar{gap:12px}.company strong{font-size:15px}.company small{font-size:11px}.top-actions>button{display:none}.page-toolbar h1{font-size:24px}.metrics,.metrics.compact{grid-template-columns:1fr}.card,.auth-page{padding:16px}.auth-card{padding:23px}.filter-row{flex-direction:column;align-items:stretch}.filter-row .search{width:100%;min-width:0}.entity-head .button{padding:10px 12px}.entity-head h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.skip-link{z-index:1000;background:var(--gold);color:#080808;border-radius:8px;padding:10px 14px;font-weight:800;position:fixed;top:8px;right:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}button{touch-action:manipulation}.sidebar nav{scrollbar-width:thin;scrollbar-color:#373127 transparent;min-height:0;padding-inline-end:3px;overflow-y:auto}.inventory-layout{grid-template-columns:1.55fr .8fr;gap:16px;display:grid}.timeline{display:grid}.timeline>div{border-bottom:1px solid #242424;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.timeline>div:last-child{border:0}.timeline>div div{display:grid}.timeline small{color:var(--muted)}.movement{text-align:center;direction:ltr;border-radius:9px;min-width:62px;padding:6px 8px;font-weight:800}.movement.in{color:#64dc98;background:#35c6781f}.movement.out{color:#ff8582;background:#ef53501f}.workflow{border:1px solid var(--border);color:var(--muted);background:#101010;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:14px;display:flex;overflow:auto}.workflow span{white-space:nowrap;background:#1b1b1b;border-radius:9px;padding:7px 11px}.workflow span.done{color:var(--gold2);background:#d4af371f}.role-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.role-grid .card{gap:8px;display:grid}.role-grid svg{color:var(--gold);width:26px}.role-grid h3,.role-grid p{margin:0}.role-grid strong{color:var(--gold2);font-size:13px}.role-grid p{color:var(--muted);font-size:13px}.qr-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.qr-card{align-items:center;gap:20px;display:flex}.qr-card h3{margin:0}.qr-card p{color:var(--muted)}.qr-placeholder{width:126px;height:126px;color:var(--gold);background:repeating-linear-gradient(45deg,#0a0a0a,#0a0a0a 8px,#17140b 8px 16px);border:1px solid #d4af374d;border-radius:16px;flex:none;place-items:center;display:grid}.qr-placeholder svg{width:64px;height:64px}.notification-list{display:grid}.notification-list>div{border-bottom:1px solid #252525;border-right:3px solid #555;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.notification-list>div:last-child{border-bottom:0}.notification-list>div.critical{border-right-color:var(--danger)}.notification-list>div.warning{border-right-color:var(--gold)}.notification-list>div.info{border-right-color:var(--blue)}.notification-list>div>span{background:#202020;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.notification-list h3,.notification-list p{margin:0}.notification-list p,.notification-list small{color:var(--muted)}@media (max-width:1100px){.inventory-layout{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.role-grid,.qr-grid{grid-template-columns:1fr}.qr-card{align-items:flex-start}.qr-placeholder{width:94px;height:94px}.notification-list>div{grid-template-columns:auto 1fr}.notification-list>div>button{grid-column:2}.workflow{justify-content:flex-start}}body{font-family:Segoe UI,Tahoma,Arial,sans-serif}:root{--bg:#060809;--panel:#0c1012;--panel2:#111619;--panel3:#171d20;--gold:#e2b93b;--gold2:#ffd75e;--gold-soft:#e2b93b21;--text:#f8fafc;--muted:#98a0aa;--border:#ffffff1b;--danger:#ff5d64;--success:#25d17f;--blue:#3da8ff;--radius:15px;--shadow:0 20px 55px #00000061,inset 0 1px #ffffff06}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(800px 420px at 82% -10%,#e2b93b13,#0000 64%),radial-gradient(650px 360px at 5% 30%,#20879d0b,#0000 66%),#060809;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.app-shell{flex-direction:column;min-height:100vh;padding:0;display:flex}.sidebar{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#06090ae0;border:0;border-bottom:1px solid #e2b93b6b;flex-direction:row;order:-2;align-items:center;gap:22px;width:100%;height:76px;padding:0 32px;display:flex;position:sticky;top:0;bottom:auto;right:auto;box-shadow:0 12px 35px #00000052}.sidebar:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ffd75ebf,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.sidebar-head{flex:none;padding:0}.brand-lockup{gap:10px;min-width:176px}.brand-lockup strong{letter-spacing:-.02em;color:var(--gold2);font-size:18px}.brand-lockup small{color:#8d949d;font-size:11px}.brand-icon{background:linear-gradient(145deg,#e2b93b33,#e2b93b0a);border-color:#e2b93b80;border-radius:13px;width:45px;height:45px;box-shadow:inset 0 1px #ffffff14,0 0 24px #e2b93b14}.sidebar nav{scrollbar-width:none;flex:1;align-items:center;gap:4px;padding:8px 2px;display:flex;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{color:#abb2ba;white-space:nowrap;border:1px solid #0000;border-radius:11px;flex:none;gap:7px;min-height:44px;padding:9px 11px;font-size:13px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}.sidebar nav button svg{stroke-width:1.9px;width:17px;height:17px}.sidebar nav button:hover{color:#fff;background:#ffffff0b;border-color:#ffffff12;transform:translateY(-1px)}.sidebar nav button.active{color:#ffe071;background:linear-gradient(145deg,#e2b93b40,#e2b93b17);border-color:#e2b93b52;box-shadow:inset 0 1px #ffffff17,0 8px 22px #00000038,0 0 24px #e2b93b14}.sidebar nav button i{background:var(--gold2);width:auto;height:2px;box-shadow:0 0 12px var(--gold);border-radius:4px;bottom:-9px;left:15%;right:15%}.sidebar-foot{flex:none;align-items:center;gap:8px;margin:0;display:flex}.sidebar-foot .exchange{background:#ffffff09;border-radius:11px;min-width:105px;padding:8px 10px}.sidebar-foot .exchange svg{width:18px}.sidebar-foot .exchange small{font-size:9px}.sidebar-foot .exchange strong{font-size:12px}.sidebar-foot>button{border:1px solid var(--border);background:#111518;border-radius:11px;justify-content:center;width:42px;height:42px;padding:0;font-size:0}.sidebar-foot>button svg{width:18px}.topbar{z-index:10;min-height:64px;box-shadow:none;background:linear-gradient(90deg,#0c1012f5,#080b0ce6);border-bottom:1px solid #fff1;order:-1;padding:10px 34px;position:relative;top:auto}.company-meta{color:#9ea5ad;gap:32px}.company-meta span{align-items:center;gap:5px;display:flex}.company-meta b{color:#f1f4f6}.top-actions{margin-inline-start:auto}.top-actions>button{background:linear-gradient(145deg,#171c1f,#0e1214);border-color:#ffffff1a;position:relative}.top-actions>button:after{content:"";background:#ff4d57;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px;box-shadow:0 0 10px #ff4d57}.avatar{background:linear-gradient(145deg,#f1ca51,#8f6c11);box-shadow:0 0 22px #e2b93b33}.main-content{width:100%;max-width:1640px;padding:24px 32px 64px}.page-toolbar{align-items:center;margin-bottom:18px;padding:0 2px}.page-toolbar p{color:#d2a92c;font-weight:700}.page-toolbar h1{letter-spacing:-.025em;font-size:26px}.page-toolbar .search{min-width:330px}.search .input{background:#0b0f11;border-color:#ffffff1f}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(145deg,#12171af5,#090d0ffa);padding:18px;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(120deg,#ffffff06,#0000 38%);position:absolute;inset:0}.card:hover{border-color:#ffffff2b;box-shadow:0 24px 62px #00000075,inset 0 1px #ffffff0b}.page-stack{gap:15px}.metrics{gap:14px}.metric{align-items:flex-start;min-height:130px;padding:18px 20px}.metric:after{content:"";opacity:.55;clip-path:polygon(0 78%,16% 55%,32% 69%,48% 29%,64% 48%,82% 13%,100% 22%,100% 100%,0 100%);background:linear-gradient(165deg,#0000 46%,currentColor 48% 51%,#0000 53%);width:94px;height:30px;position:absolute;bottom:17px;left:16px}.metric-icon{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:11px;width:42px;height:42px}.metric>div{gap:6px}.metric small{font-size:13px}.metric strong{letter-spacing:-.025em;font-size:25px}.metric p{font-size:12px}.metric.gold{color:var(--gold);background:radial-gradient(circle at 18% 110%,#e2b93b29,#0000 45%),linear-gradient(145deg,#17170f,#0b0d0c);border-color:#e2b93b80}.metric.gold .metric-icon{box-shadow:0 0 24px #e2b93b1f}.metric.red{color:var(--danger);background:radial-gradient(circle at 15% 110%,#ff414a26,#0000 46%),linear-gradient(145deg,#1d1012,#0b0d0e);border-color:#ff5d6470}.metric:not(.gold):not(.red){color:var(--blue);border-color:#3da8ff33}.metric strong,.metric small,.metric p{z-index:1;position:relative}.metric strong{color:#fff}.metric.red strong{color:#ff8b90}.metric.gold strong{color:#fff}.dashboard-grid{grid-template-columns:.72fr 1.28fr;gap:14px}.dashboard-grid>.card:first-child{grid-row:span 2}.dashboard-grid>.card:last-child{grid-column:1/-1}.section-title{margin-bottom:14px}.section-title h2{font-size:16px}.section-title button,.table-action,.row-actions button{color:#efc84c;border-radius:8px;min-height:38px;padding:7px 10px;transition:background .16s,color .16s}.section-title button:hover,.table-action:hover,.row-actions button:hover{background:var(--gold-soft);color:#ffe27a}.bar-chart{border-color:#ffffff12;gap:7%;height:240px;padding-top:38px}.bar-chart>div{box-shadow:0 0 20px #e2b93b21}.bar-chart>div.expense{box-shadow:0 0 20px #ff5d641f}.quick-actions{gap:9px}.button{border-radius:10px;min-height:46px;padding:10px 17px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.button:after{content:"";background:linear-gradient(100deg,#0000,#ffffff29,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(110%)}.button:hover:after{transform:translate(-110%)}.button-primary{color:#0a0b0b;background:linear-gradient(135deg,#f5d052,#c99a1d);box-shadow:0 10px 25px #e2b93b24,inset 0 1px #ffffff59}.button-primary:hover{background:linear-gradient(135deg,#ffe077,#d9a823);box-shadow:0 14px 32px #e2b93b38,inset 0 1px #fff6}.button-secondary{background:linear-gradient(#22282c,#171c1f);border-color:#ffffff21}.button-danger{color:#ff9ca0;background:linear-gradient(135deg,#7a2327c7,#4c181be6);border-color:#ff5d6459}.input{background:#080b0d;border-color:#ffffff21;border-radius:10px;height:46px;transition:border-color .18s,box-shadow .18s,background .18s}.input:hover{border-color:#fff3}.input:focus{background:#0c1012;border-color:#e2b93bb8;outline:0;box-shadow:0 0 0 3px #e2b93b1a,0 0 25px #e2b93b0f}.activity-list>div{border-color:#ffffff12;border-radius:10px;padding:11px 8px;transition:background .16s,transform .16s}.activity-list>div:hover{background:#ffffff06;transform:translate(-2px)}.activity-icon{border:1px solid #ff5d6421}.table-wrap{background:#02040547;border:1px solid #ffffff12;border-radius:11px}.table-wrap th{color:#a5acb4;letter-spacing:.01em;background:linear-gradient(#1a2023,#14191c);border-color:#ffffff14;height:44px;font-size:11px}.table-wrap td{border-color:#fff1;height:52px}.table-wrap tbody tr{transition:background .16s,box-shadow .16s}.table-wrap tbody tr:hover{box-shadow:inset -2px 0 var(--gold);background:#e2b93b09}.status{border:1px solid #0000;padding:5px 11px}.status.paid{border-color:#25d17f33;box-shadow:0 0 18px #25d17f0f}.status.partial{border-color:#e2b93b38}.status.pending{border-color:#ff5d6433}.entity-head{padding:3px 2px 5px}.entity-head h2{font-size:23px}.entity-head p{color:#a0a6ad}.product-grid{gap:14px}.product-card{min-height:250px}.product-card:hover .product-icon{transform:rotate(-5deg)scale(1.06)}.product-icon{background:linear-gradient(145deg,#e2b93b33,#e2b93b0f);border:1px solid #e2b93b2e;transition:transform .24s}.stock-line{background:#080a0b;height:6px}.stock-line i{background:linear-gradient(90deg,#168d55,#32dc8a);box-shadow:0 0 12px #25d17f40}.workflow{background:linear-gradient(90deg,#0b0e0f,#12150f,#0b0e0f);border-color:#e2b93b2e}.workflow span{border:1px solid #ffffff0f}.role-grid .card:hover svg{filter:drop-shadow(0 0 8px #e2b93b59);transform:scale(1.08)}.role-grid svg{transition:transform .2s,filter .2s}.qr-placeholder{box-shadow:inset 0 0 28px #e2b93b14,0 0 30px #e2b93b0f}.notification-list>div{transition:background .18s}.notification-list>div:hover{background:#ffffff06}.auth-page{background:radial-gradient(680px 420px at 50% 4%,#e2b93b21,#0000 65%),radial-gradient(450px 350px at 15% 85%,#228ea80f,#0000 70%),#060809}.auth-card{border-color:#e2b93b33;box-shadow:0 34px 90px #0009,0 0 60px #e2b93b09}.page-stack>.metrics>.card,.page-stack>.dashboard-grid>.card,.page-stack>.card,.product-grid>.card,.settings-grid>.card,.inventory-layout>.card,.role-grid>.card,.qr-grid>.card{animation:.52s cubic-bezier(.2,.8,.2,1) both premium-rise}.page-stack>.metrics>.card:nth-child(2),.product-grid>.card:nth-child(2){animation-delay:45ms}.page-stack>.metrics>.card:nth-child(3),.product-grid>.card:nth-child(3){animation-delay:90ms}.page-stack>.metrics>.card:nth-child(4),.product-grid>.card:nth-child(4){animation-delay:.135s}.page-stack>.dashboard-grid>.card:nth-child(2){animation-delay:80ms}.page-stack>.dashboard-grid>.card:nth-child(3){animation-delay:.14s}.page-stack>.dashboard-grid>.card:nth-child(4){animation-delay:.2s}@keyframes premium-rise{0%{opacity:0;filter:blur(3px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes soft-pulse{0%,to{box-shadow:0 0 #e2b93b00}50%{box-shadow:0 0 24px #e2b93b29}}.sidebar nav button.active{animation:3.2s ease-in-out infinite soft-pulse}@media (max-width:1280px){.sidebar{gap:13px;padding-inline:20px}.brand-lockup{min-width:auto}.brand-lockup small,.sidebar-foot .exchange{display:none}.sidebar nav button{padding-inline:9px}.main-content{padding-inline:22px}.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.sidebar{border-bottom:0;border-left:1px solid #e2b93b42;flex-direction:column;align-items:stretch;width:min(88vw,340px);height:100vh;padding:20px 15px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.sidebar.open{transform:translate(0)}.sidebar-head{padding-bottom:14px;display:flex}.sidebar nav{align-items:stretch;width:100%;padding:4px;display:grid;overflow-y:auto}.sidebar nav button{justify-content:flex-start;padding:11px 14px}.sidebar nav button i{width:3px;height:auto;inset:10px -4px 10px auto}.sidebar-foot{justify-content:space-between;margin-top:auto}.sidebar-foot .exchange{display:flex}.topbar{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#06090aeb;border-bottom-color:#e2b93b47;order:-2;min-height:70px;padding-inline:18px;position:sticky;top:0}.mobile-menu,.close-menu{display:grid}.company{display:flex}.company-meta{display:none}.main-content{padding:20px 16px 70px}.page-toolbar .search{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card:first-child{grid-row:auto}.dashboard-grid>.card:last-child{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}}@media (max-width:600px){.top-actions>div{display:none}.top-actions .avatar{display:grid}.company strong{font-size:14px}.main-content{padding-inline:12px}.page-toolbar h1{font-size:22px}.metrics,.metrics.compact,.product-grid,.role-grid,.qr-grid{grid-template-columns:1fr}.metric{min-height:116px}.entity-head{align-items:flex-start;gap:14px}.entity-head .button{min-width:44px}.card{padding:14px}.quick-actions,.form-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.qr-card{flex-direction:column}.table-wrap{margin-inline:-4px}.auth-page{padding:14px}.auth-card{padding:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-stack>.metrics>.card,.page-stack>.dashboard-grid>.card,.page-stack>.card,.product-grid>.card,.settings-grid>.card,.inventory-layout>.card,.role-grid>.card,.qr-grid>.card,.sidebar nav button.active{animation:none!important}.card,.button,.sidebar nav button,.activity-list>div{transition:none!important}}.dashboard-hero{grid-template-columns:1fr auto minmax(250px,.55fr);align-items:center;gap:18px;min-height:58px;display:grid}.welcome-copy{align-items:center;gap:12px;display:flex}.welcome-copy h2,.welcome-copy p{margin:0}.welcome-copy h2{font-size:22px}.welcome-copy p{color:var(--muted);margin-top:3px;font-size:12px}.welcome-icon{width:42px;height:42px;color:var(--gold2);background:#e2b93b1a;border:1px solid #e2b93b33;border-radius:12px;place-items:center;display:grid}.welcome-icon svg{width:21px}.motivation{color:#f5da83;background:linear-gradient(120deg,#e2b93b29,#e2b93b09);border:1px solid #e2b93b80;border-radius:11px;align-items:center;gap:10px;min-height:46px;padding:10px 20px;display:flex;box-shadow:0 10px 28px #00000040,inset 0 1px #ffffff0f}.motivation svg{width:18px;color:var(--gold2)}.motivation strong{font-size:13px}.date-card{border:1px solid var(--border);min-width:250px;box-shadow:var(--shadow);background:linear-gradient(145deg,#151a1d,#0c1012);border-radius:12px;justify-self:end;align-items:center;gap:12px;padding:10px 14px;display:flex}.date-card>span{width:36px;height:36px;color:var(--gold2);background:#e2b93b1a;border-radius:9px;place-items:center;display:grid}.date-card svg{width:19px}.date-card div{display:grid}.date-card strong{font-size:13px}.date-card small{color:var(--muted);font-size:10px}.premium-metrics .metric{min-height:128px}.exchange-banner{background:radial-gradient(circle at 80%,#e2b93b17,#0000 35%),linear-gradient(110deg,#111619,#0a0e10);border-color:#e2b93b52;justify-content:space-between;align-items:center;min-height:76px;padding:14px 20px;display:flex}.exchange-copy{align-items:center;gap:13px;display:flex}.exchange-copy>span{width:44px;height:44px;color:var(--gold2);background:var(--gold-soft);border-radius:12px;place-items:center;display:grid}.exchange-copy>span svg{width:25px}.exchange-copy div{gap:4px;display:grid}.exchange-copy small{color:var(--muted);font-size:11px}.exchange-copy>svg{color:#788087;width:15px}.exchange-banner .button{min-width:138px}.premium-dashboard-grid{grid-template-columns:.62fr 1.38fr;gap:14px;display:grid}.recent-expenses{flex-direction:column;display:flex}.recent-expenses>.button{width:100%;margin-top:auto}.overview-main{gap:14px;display:grid}.mini-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mini-stat{border-color:#ffffff1c;align-items:flex-start;gap:12px;min-height:116px;padding:15px;display:flex}.mini-stat>svg{box-sizing:content-box;background:#ffffff0b;border-radius:9px;width:20px;padding:8px}.mini-stat>div{gap:4px;display:grid}.mini-stat small,.mini-stat span{color:var(--muted);font-size:11px}.mini-stat strong{white-space:nowrap;font-size:18px}.mini-stat.gold{border-color:#e2b93b59}.mini-stat.gold>svg{color:var(--gold2);background:var(--gold-soft)}.mini-stat.red{border-color:#ff5d6459}.mini-stat.red>svg,.mini-stat.red strong{color:#ff8388;background:#ff5d641a}.mini-stat.blue{border-color:#3da8ff47}.mini-stat.blue>svg{color:#65baff;background:#3da8ff1a}.mini-stat.green{border-color:#25d17f59}.mini-stat.green>svg{color:#51e59c;background:#25d17f1a}.quick-card{min-height:112px}.quick-card .quick-actions{grid-template-columns:repeat(4,1fr)}.invoices-card{padding-bottom:12px}.icon-action{color:#aab1b8;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;transition:color .16s,background .16s,transform .16s;display:grid}.icon-action:hover{color:var(--gold2);background:var(--gold-soft);transform:scale(1.05)}.icon-action:active{transform:scale(.92)}.icon-action svg{width:16px}@media (max-width:1100px){.dashboard-hero{grid-template-columns:1fr auto}.motivation{display:none}.mini-metrics{grid-template-columns:1fr 1fr}.premium-dashboard-grid{grid-template-columns:1fr}.recent-expenses{order:2}}@media (max-width:700px){.dashboard-hero{grid-template-columns:1fr}.date-card{justify-self:stretch;min-width:0}.premium-metrics,.mini-metrics{grid-template-columns:1fr}.exchange-banner{flex-direction:column;align-items:stretch;gap:13px}.exchange-copy>svg{display:none}.exchange-banner .button{width:100%}.quick-card .quick-actions{grid-template-columns:1fr 1fr}}@media (max-width:430px){.quick-card .quick-actions{grid-template-columns:1fr}.welcome-copy h2{font-size:19px}}.main-content:has(.premium-overview)>.page-toolbar{display:none}.premium-overview,.premium-overview>*{min-width:0;max-width:100%}@media (max-width:700px){html,body,#root,.app-shell,.main-content{width:100%;max-width:100%;overflow-x:hidden}.topbar{gap:8px;width:100%;min-width:0}.topbar .company{flex:1;min-width:0}.topbar .company>div{min-width:0}.topbar .company strong,.topbar .company small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-actions{flex:none}.top-actions .avatar,.top-actions>button{width:40px;height:40px}.premium-overview,.premium-overview>*,.premium-overview .card,.metrics,.metrics>.card,.premium-dashboard-grid,.overview-main,.mini-metrics{width:100%;min-width:0;max-width:100%}.metric{padding:17px;overflow:hidden}.metric>div{min-width:0}.metric strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(19px,6.4vw,25px)}.metric:after{width:72px;left:8px}.date-card{width:100%}.exchange-copy,.exchange-copy div{min-width:0}.exchange-copy strong,.exchange-copy small{white-space:normal}.recent-expenses .activity-list>div{grid-template-columns:38px minmax(0,1fr) auto}.recent-expenses .activity-list b{font-size:11px}.mini-stat strong{white-space:normal;font-size:16px}.invoices-card{overflow:hidden}}body{direction:ltr}.app-shell,.auth-page{direction:rtl}@media (max-width:900px){.sidebar:not(.open){visibility:hidden;pointer-events:none}.sidebar.open{visibility:visible;pointer-events:auto}}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.action-modal{gap:14px;width:min(100%,620px);max-height:min(88vh,720px);display:grid;overflow:auto}.action-modal .field{text-align:right;gap:7px;width:100%;display:grid}.action-modal .field>span{color:#f0eee8;font-size:13px;font-weight:700;line-height:1.35;display:block}.action-modal .input{text-align:left;direction:ltr;width:100%;min-width:0;display:block}.action-modal select.input{text-align:right;color:#fff;cursor:pointer;direction:rtl;padding-inline:12px 38px}.action-modal select.input option{color:#fff;background:#111719;padding:10px}.action-modal .modal-head{direction:rtl}.action-modal .modal-head>div{gap:4px;display:grid}.action-modal .modal-head button{cursor:pointer;flex:none}.action-modal .modal-actions{direction:rtl;justify-content:flex-start;display:flex}.action-modal{direction:rtl;background:radial-gradient(circle at 18% 0,#e2b93b21,#0000 42%),linear-gradient(145deg,#151a1d,#080b0d);border:1px solid #e2b93b47;border-radius:16px;width:min(100%,620px);max-height:min(88vh,720px);padding:20px;overflow:auto;box-shadow:0 28px 90px #000000a6,0 0 45px #e2b93b14}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-head small{color:var(--gold2);margin-bottom:4px;font-size:12px;display:block}.modal-head h2{color:#fff;margin:0;font-size:22px}.modal-head button{color:#d7d7d7;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.modal-head button:hover{color:#fff;background:#ffffff14}.modal-head svg{width:18px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal-note{color:#8e969d;margin:14px 0 0;font-size:12px;line-height:1.7}.toast{z-index:90;color:#aff5cf;direction:rtl;background:linear-gradient(145deg,#102019,#08110d);border:1px solid #25d17f52;border-radius:12px;padding:13px 18px;font-weight:700;position:fixed;bottom:24px;left:24px;box-shadow:0 18px 50px #00000080}@media (max-width:600px){.modal-backdrop{align-items:end;padding:10px}.action-modal{border-radius:16px 16px 10px 10px;width:100%;max-height:86vh;padding:16px}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.toast{text-align:center;bottom:12px;left:12px;right:12px}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
.dashboard-reference-shell{--bg:#071522;--panel:#0c1b2a;--gold:#e2bd56;--gold2:#f5d578;--muted:#91a5b6;--border:#abcae51f;--danger:#eb6570;--success:#21c99a;--blue:#539dff;--radius:12px;color:#f2f6f9;direction:rtl;background:radial-gradient(circle at 55% 0,#123049 0%,#071522 42%,#06111b 100%);padding-right:166px;font-family:Tahoma,Segoe UI,Arial,sans-serif}.dashboard-reference-shell .sidebar{background:#081625;border:0;border-left:1px solid #b0cee61a;flex-direction:column;order:0;align-items:stretch;gap:10px;width:166px;height:100vh;padding:10px 9px 9px;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-8px 0 28px #0000002b}.dashboard-reference-shell .sidebar:after{display:none}.dashboard-reference-shell .sidebar-head{min-height:45px;padding:2px 3px 10px}.dashboard-reference-shell .brand-lockup{gap:5px;min-width:0}.dashboard-reference-shell .brand-icon{color:#e5bd53;background:0 0;border:0;border-radius:4px;width:30px;height:30px}.dashboard-reference-shell .brand-icon svg{width:27px;height:27px}.dashboard-reference-shell .brand-lockup div{min-width:0}.dashboard-reference-shell .brand-lockup strong{color:#fff;font-size:14px;line-height:1.2}.dashboard-reference-shell .brand-lockup small{white-space:nowrap;color:#8fa0ad;font-size:9px}.dashboard-reference-shell .sidebar nav{flex:1;align-content:start;align-items:start;gap:3px;min-height:0;padding:0 1px;display:grid;overflow:hidden auto}.dashboard-reference-shell .sidebar nav button{color:#b6c2cf;white-space:nowrap;border:1px solid #0000;border-radius:8px;gap:10px;min-height:34px;padding:7px 11px;font-size:12px}.dashboard-reference-shell .sidebar nav button svg{flex:none;width:15px;height:15px}.dashboard-reference-shell .sidebar nav button:hover{color:#fff;background:#e0b9531f}.dashboard-reference-shell .sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#78541540,#c29a3d 63%,#eac65b);border:1px solid #d9b557;box-shadow:0 0 16px #daab345c,inset 0 1px #fff3}.dashboard-reference-shell .sidebar nav button.active svg{color:#fff5d2}.dashboard-reference-shell .sidebar nav button i{display:none}.dashboard-reference-shell .sidebar-foot{gap:8px;margin-top:auto;display:grid}.dashboard-reference-shell .sidebar-foot>button{color:#9daab9;background:0 0;border:0;justify-content:flex-start;min-height:29px;padding:4px 7px;font-size:10px}.dashboard-reference-shell .sidebar-foot>button svg{width:14px}.reference-pro{text-align:center;background:radial-gradient(circle at 50% 0,#dfaa413b,#0000 80%),#101d2c;border:1px solid #deb54d59;border-radius:10px;justify-items:center;gap:2px;padding:8px;display:grid}.reference-pro strong{color:#f4cc72;font-size:12px}.reference-pro small{color:#acb7bf;font-size:9px}.reference-pro button{color:#261b0a;background:linear-gradient(#f6d87e,#d6a844);border:1px solid #ddae4e;border-radius:7px;width:100%;height:26px;margin-top:3px;font-size:10px;font-weight:700}.reference-dark{color:#aebdcb;align-items:center;gap:6px;padding:3px;display:flex}.reference-dark span{color:#d9edfa;background:#1c3247;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.reference-dark small{font-size:9px}.dashboard-reference-shell .topbar{background:linear-gradient(105deg,#0b1b2b,#10263a 55%,#0b1828);border-bottom:1px solid #9fbed521;gap:12px;height:60px;min-height:60px;padding:7px 20px;top:0;box-shadow:0 5px 20px #00000026}.reference-welcome{gap:1px;min-width:225px;display:grid}.reference-welcome h1{color:#fff;margin:0;font-size:15px;font-weight:700;line-height:1.3}.reference-welcome small{color:#aeb9c5;font-size:10px}.theme-toggle{text-align:right;cursor:pointer;background:0 0;border:0;width:100%}.reference-search{color:#aab9c7;background:#142a3d;border:1px solid #97b8d133;border-radius:9px;align-items:center;gap:9px;width:34%;min-width:140px;max-width:315px;height:31px;margin-inline-start:auto;padding:0 11px;display:flex}.reference-search input{color:#fff;text-align:right;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.reference-search input::placeholder{color:#8e9eae}.dashboard-reference-shell .top-actions{direction:rtl;gap:10px;margin-inline-start:0}.dashboard-reference-shell .top-actions>div{display:block}.reference-popover-anchor{position:relative}.dashboard-reference-shell .top-actions .reference-popover-anchor>button{color:#d7e3ed;width:auto;min-width:30px;height:31px;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 3px;display:flex}.dashboard-reference-shell .top-actions .reference-popover-anchor>button:hover{color:var(--gold2)}.reference-popover-anchor>button>svg{width:17px;height:17px}.notification-dot{background:#e94d65;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0;box-shadow:0 0 8px #e94d65}.dashboard-reference-shell .top-actions .avatar{color:#fff;background:#214948;border:1px solid #4b817e;width:30px;height:30px;font-size:12px}.profile-trigger .profile-label{text-align:right;gap:0;display:grid}.profile-label strong{white-space:nowrap;font-size:11px}.profile-label small{color:#91a1b1;font-size:9px}.reference-popover{z-index:70;text-align:right;background:#102338;border:1px solid #35506a;border-radius:10px;width:210px;padding:10px;position:absolute;top:38px;left:0;box-shadow:0 15px 35px #0008}.reference-popover>strong{font-size:12px}.reference-popover p{color:#d0dae4;border-bottom:1px solid #ffffff18;margin:7px 0;padding:6px 0;font-size:10px}.reference-popover button{color:#e8c86c;text-align:right;background:0 0;border:0;width:100%;padding:7px;font-size:10px;display:block}.dashboard-reference-shell .main-content{min-width:0;max-width:none;margin:0;padding:10px 12px 18px}.dashboard-reference-shell .main-content>div:last-child{min-width:0}.reference-overview{color:#f3f6fa;gap:10px;min-width:0;max-width:100%;display:grid}.reference-overview *{box-sizing:border-box}.overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-kpi{background:linear-gradient(140deg,#122737,#0b1a29);border:1px solid #aac9e226;border-radius:12px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:85px;padding:12px;display:flex;overflow:hidden;box-shadow:0 7px 18px #0003}.overview-kpi.gold{background:radial-gradient(circle at 95% 70%,#3b3221,#14202a 75%);border-color:#a98d42aa}.overview-kpi.red{background:radial-gradient(circle at 95% 70%,#3b2029,#14202a 75%);border-color:#a9505c55}.overview-kpi.cyan{background:radial-gradient(circle at 95% 70%,#12394b,#14202a 75%);border-color:#2a91af55}.overview-kpi.teal{background:radial-gradient(circle at 95% 70%,#123d3e,#14202a 75%);border-color:#38937f66}.overview-kpi>div{justify-items:start;gap:3px;min-width:0;display:grid}.overview-kpi small{color:#c4cbd1;font-size:10px}.overview-kpi strong{white-space:nowrap;font-size:17px;line-height:1.2}.overview-kpi.red strong,.overview-kpi.cyan strong{color:#ffadb4}.overview-kpi span:not(.overview-kpi-icon){color:#91a6b8;font-size:9px}.overview-kpi-icon{color:#edc75e;background:#42382066;border:1px solid #d5ac4b66;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.overview-kpi.red .overview-kpi-icon{color:#f47480;background:#69313c66;border-color:#c25b6955}.overview-kpi.cyan .overview-kpi-icon{color:#50c9e3;background:#17668288;border-color:#389ab4aa}.overview-kpi.teal .overview-kpi-icon{color:#55dbc5;background:#12645b88;border-color:#379d8d88}.overview-middle,.overview-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr) minmax(0,.88fr);align-items:stretch;gap:10px;min-width:0;display:grid}.overview-right-stack{grid-template-rows:1fr 1fr;gap:10px;min-width:0;display:grid}.overview-panel{background:linear-gradient(145deg,#102437,#0a1928);border:1px solid #aac9e229;border-radius:11px;min-width:0;padding:10px;box-shadow:0 7px 22px #0003}.overview-card-head{justify-content:space-between;align-items:center;gap:5px;min-height:18px;margin-bottom:7px;display:flex}.overview-card-head h2,.overview-exchange h2{color:#f2f6fa;margin:0;font-size:12px;font-weight:700}.overview-card-head>button{color:#d8b95d;white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:2px;font-size:9px;display:flex}.overview-card-head>button:hover{text-decoration:underline}.overview-exchange{background:radial-gradient(circle at 95% 90%,#203e42,#102737 70%);border-color:#6f715955;align-items:center;gap:9px;display:flex;position:relative}.overview-exchange-icon{color:#f5d57c;border:1px solid #b59650aa;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.overview-exchange>div:nth-child(2){gap:3px;min-width:0;display:grid}.overview-exchange strong{font-size:17px}.overview-exchange small{color:#9aafbb;font-size:9px;line-height:1.3}.overview-exchange>button{color:#d1e4f0;background:#1a3043;border:1px solid #fff2;border-radius:7px;width:26px;height:26px;position:absolute;top:9px;left:9px}.spinning{animation:1s linear infinite overview-spin}@keyframes overview-spin{to{transform:rotate(360deg)}}.overview-quick .overview-card-head{margin-bottom:8px}.overview-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.overview-action-grid button{color:#e1ebf2;background:#162d42;border:1px solid #406079;border-radius:8px;align-content:center;justify-items:center;gap:5px;min-width:0;min-height:58px;padding:4px 1px;display:grid}.overview-action-grid button.gold{background:#322e28;border-color:#ba9651}.overview-action-grid button.teal{border-color:#277f91}.overview-action-grid button span{color:#fff;background:#26435c;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.overview-action-grid button.gold span{color:#1d1809;background:#d7a947}.overview-action-grid button.teal span{color:#061b23;background:#29a7bb}.overview-action-grid button strong{white-space:nowrap;font-size:8px}.overview-action-grid button:hover{filter:brightness(1.2);transform:translateY(-2px)}.overview-chart{min-height:212px}.overview-chart-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.overview-chart-top .overview-card-head{margin-bottom:0}.overview-tabs{border:1px solid #ffffff18;border-radius:6px;gap:2px;padding:2px;display:flex}.overview-tabs button{color:#9baec0;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:3px 6px;font-size:9px}.overview-tabs button.selected{color:#f7d977;background:#4c4230;box-shadow:inset 0 0 0 1px #c5a555}.overview-legend{color:#9eaebe;gap:11px;margin:7px 0;font-size:9px;display:flex}.overview-legend span{align-items:center;gap:4px;display:flex}.overview-legend i,.overview-donut-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.overview-legend .red{background:#ef5b68}.overview-legend .teal{background:#19c8d8}.overview-plot svg{width:100%;height:133px;display:block;overflow:visible}.overview-xlabels{color:#8da2b2;white-space:nowrap;justify-content:space-between;gap:3px;padding:0 7px 0 20px;font-size:8px;display:flex}.overview-list{gap:5px;display:grid}.overview-list-row{color:#eef3f8;text-align:right;background:#0d1d2d;border:1px solid #ffffff13;border-radius:8px;align-items:center;gap:7px;min-width:0;min-height:44px;padding:6px;display:flex}.overview-list-row>div:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.overview-list-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.overview-list-row small{color:#91a7b8;font-size:8px}.overview-row-icon,.overview-product-icon{color:#daeaf5;background:#20374d;border:1px solid #ffffff1e;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;display:grid}.overview-row-end{flex:none;justify-items:start;gap:3px;display:grid}.overview-row-end b,.overview-products .overview-list-row>b{white-space:nowrap;font-size:10px}.overview-expenses .overview-row-end b{color:#f17e88}.overview-list-row:hover{background:#142b40;border-color:#b6a56a77}.overview-list-row:focus-visible{outline:2px solid #e7c763}.overview-bottom>.overview-panel{min-height:195px}.overview-donut-body{align-items:center;gap:13px;height:150px;display:flex}.overview-donut{aspect-ratio:1;border-radius:50%;flex:none;place-items:center;width:min(48%,146px);display:grid;transform:rotate(-90deg)}.overview-donut>div{aspect-ratio:1;text-align:center;background:#0c1e2e;border-radius:50%;place-content:center;width:69%;display:grid;transform:rotate(90deg)}.overview-donut strong{font-size:11px;line-height:1.25}.overview-donut small{color:#8fa5b6;font-size:8px}.overview-donut-legend{flex:1;gap:7px;min-width:0;display:grid}.overview-donut-legend>div{color:#aebdcc;justify-content:space-between;gap:5px;font-size:8px;display:flex}.overview-donut-legend span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.overview-donut-legend strong{color:#dbe6ed;font-size:9px}.overview-status{border-radius:5px;padding:2px 6px;font-size:8px;display:inline-block}.overview-status.paid{color:#62ddb1;background:#17604466}.overview-status.partial{color:#f6cc69;background:#6b4b1766}.overview-status.pending{color:#f3868d;background:#66313a66}.overview-products .overview-product-icon{color:#e6cd8a;background:#5d544044}.overview-products .overview-list-row>b{margin-inline-start:auto}.overview-customer-empty{color:#91aabb;align-items:center;gap:5px;font-size:9px;display:flex}.overview-customer-empty button{color:#dbbb63;background:0 0;border:0;padding:0;font-size:9px}.overview-empty{text-align:center;color:#9cafbf;place-content:center;justify-items:center;gap:8px;min-height:125px;font-size:10px;display:grid}.overview-empty button,.overview-failure button{color:#f8dc8a;background:#3e3628;border:1px solid #c8a555;border-radius:6px;padding:6px 10px;font-size:10px}.overview-failure{color:#d7e4ed;place-content:center;justify-items:center;gap:8px;min-height:300px;display:grid}.overview-failure h2{margin:0;font-size:16px}.overview-failure p{margin:0;font-size:11px}.overview-failure button{align-items:center;gap:5px;display:flex}.overview-list-skeleton{gap:8px;display:grid}.overview-skeleton{background:linear-gradient(90deg,#24384b,#344c60,#24384b) 0 0/200% 100%;border-radius:7px;height:43px;animation:1.5s linear infinite overview-shimmer;display:block}.overview-skeleton.kpi-value{width:95px;height:18px}@keyframes overview-shimmer{to{background-position:-200% 0}}@media (max-width:1200px){.dashboard-reference-shell .sidebar{width:155px}.dashboard-reference-shell{padding-right:155px}.overview-middle,.overview-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.92fr)}.overview-action-grid button strong{font-size:7px}}@media (max-width:960px){.dashboard-reference-shell{padding-right:0}.dashboard-reference-shell .sidebar{width:min(82vw,250px);padding:16px;transform:translate(105%)}.dashboard-reference-shell .sidebar.open{transform:translate(0)}.dashboard-reference-shell .sidebar nav button{min-height:42px;font-size:13px}.dashboard-reference-shell .mobile-menu{display:grid}.dashboard-reference-shell .topbar{padding-inline:12px}.reference-welcome{min-width:0}.overview-middle,.overview-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-right-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:1fr 1fr}.overview-expenses,.overview-products,.overview-distribution{grid-column:auto}}@media (max-width:640px){.dashboard-reference-shell .topbar{flex-wrap:wrap;gap:6px;height:auto;min-height:70px;padding:8px 10px}.reference-welcome{flex:1}.reference-welcome h1{font-size:13px}.reference-search{order:3;min-width:100%;max-width:none;height:32px;margin:0}.dashboard-reference-shell .top-actions{margin-inline-start:auto}.profile-trigger .profile-label{display:none}.dashboard-reference-shell .main-content{padding:9px}.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.overview-kpi{min-height:78px;padding:9px}.overview-kpi strong{font-size:14px}.overview-middle,.overview-bottom{grid-template-columns:1fr;gap:8px}.overview-right-stack{grid-column:auto;grid-template-rows:auto;grid-template-columns:1fr}.overview-chart{min-height:205px}.overview-bottom>.overview-panel{min-height:0}.overview-donut-body{height:auto;min-height:145px}.overview-list-row{min-height:49px}.reference-popover{left:-45px}}.invoice-detail{width:min(100%,440px)}.invoice-detail dl{gap:0;margin:0;display:grid}.invoice-detail dl>div{border-bottom:1px solid #ffffff1c;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.invoice-detail dt{color:#98adbd}.invoice-detail dd{margin:0;font-weight:700}.invoice-detail-items h3{font-size:14px}.invoice-detail-items p{justify-content:space-between;gap:8px;font-size:12px;display:flex}.dashboard-reference-shell .main-content{min-height:calc(100vh - 60px);padding:16px 18px 28px}.dashboard-reference-shell .page-toolbar{align-items:center;gap:16px;min-height:40px;margin-bottom:10px;display:flex}.dashboard-reference-shell .page-toolbar>div:first-child{gap:2px;display:grid}.dashboard-reference-shell .page-toolbar p{color:#e3c665;margin:0;font-size:10px}.dashboard-reference-shell .page-toolbar h1{color:#fff;margin:0;font-size:19px}.dashboard-reference-shell .page-toolbar .search{min-width:240px;margin-inline-start:auto}.dashboard-reference-shell .card{background:linear-gradient(145deg,#102437,#0a1928);border:1px solid #aac9e229;border-radius:12px;box-shadow:0 7px 22px #0003}.dashboard-reference-shell .page-stack{gap:10px}.dashboard-reference-shell .entity-head{justify-content:space-between;align-items:center;gap:14px;padding:3px 2px;display:flex}.dashboard-reference-shell .entity-head h2{color:#fff;margin:0;font-size:18px}.dashboard-reference-shell .entity-head p{color:#91a5b6;margin:3px 0 0;font-size:10px}.dashboard-reference-shell .metrics{gap:10px}.dashboard-reference-shell .metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-reference-shell .metric{background:linear-gradient(140deg,#122737,#0b1a29);border-color:#aac9e226;border-radius:12px;min-height:88px;padding:12px}.dashboard-reference-shell .metric .metric-icon{color:#7dd7e4;background:#1a3950;border:1px solid #5f8aa566;border-radius:9px;width:36px;height:36px}.dashboard-reference-shell .metric strong{font-size:18px}.dashboard-reference-shell .filter-row{gap:10px;margin:0 0 8px}.dashboard-reference-shell .filter-row .search{min-width:220px}.dashboard-reference-shell .input{color:#fff;background:#0b1b2a;border:1px solid #aac9e233;border-radius:8px;height:38px}.dashboard-reference-shell .select,.dashboard-reference-shell select.input{color:#fff;background:#0b1b2a;border-color:#aac9e233;height:38px}.dashboard-reference-shell .button{border-radius:8px;min-height:38px;padding:8px 13px;font-size:11px}.dashboard-reference-shell .table-wrap{background:#0b1b2a;border:1px solid #aac9e226;border-radius:10px;overflow:auto}.dashboard-reference-shell .table-wrap table{min-width:720px}.dashboard-reference-shell .table-wrap th{color:#a7bbca;background:#142d42;height:38px;padding:8px;font-size:10px}.dashboard-reference-shell .table-wrap td{color:#dce7ee;border-color:#ffffff12;height:44px;padding:8px;font-size:10px}.dashboard-reference-shell .table-wrap tbody tr:hover{background:#163049;box-shadow:inset -2px 0 #e2bd56}.dashboard-reference-shell .row-actions{gap:5px}.dashboard-reference-shell .row-actions button,.dashboard-reference-shell .table-action{color:#e5c765;background:#132a3d;border:1px solid #ffffff15;border-radius:6px;min-height:28px;padding:4px 7px;font-size:9px}.dashboard-reference-shell .product-grid{gap:10px}.dashboard-reference-shell .product-card{min-height:210px;padding:14px}.dashboard-reference-shell .product-card h3{font-size:13px}.dashboard-reference-shell .settings-grid,.dashboard-reference-shell .inventory-layout,.dashboard-reference-shell .form-grid,.dashboard-reference-shell .form-stack{gap:10px}.dashboard-reference-shell .field{color:#c4d1dc;gap:5px;font-size:11px}.dashboard-reference-shell .workflow{background:#102437;border:1px solid #ffffff15;border-radius:10px;padding:12px}.dashboard-reference-shell .role-grid,.dashboard-reference-shell .qr-grid{gap:10px}.dashboard-reference-shell .role-grid .card,.dashboard-reference-shell .qr-grid .card{min-height:150px}.dashboard-reference-shell .notification-list{gap:7px;display:grid}.dashboard-reference-shell .notification-list>div{background:#0d1d2d;border:1px solid #ffffff15;border-radius:9px;padding:10px}@media (max-width:640px){.dashboard-reference-shell .main-content{padding:10px 9px 24px}.dashboard-reference-shell .page-toolbar{align-items:flex-start}.dashboard-reference-shell .page-toolbar .search{display:none}.dashboard-reference-shell .metrics,.dashboard-reference-shell .metrics.compact{grid-template-columns:1fr 1fr}.dashboard-reference-shell .entity-head{align-items:flex-start}.dashboard-reference-shell .entity-head .button{flex:none}.dashboard-reference-shell .table-wrap table{min-width:620px}}.dashboard-reference-shell.theme-light{color:#182737;background:#eef3f6}.dashboard-reference-shell.theme-light .topbar,.dashboard-reference-shell.theme-light .sidebar{color:#182737;background:#f7fafc;border-color:#cbd7df}.dashboard-reference-shell.theme-light .reference-welcome h1,.dashboard-reference-shell.theme-light .entity-head h2,.dashboard-reference-shell.theme-light .page-toolbar h1{color:#13283a}.dashboard-reference-shell.theme-light .reference-welcome small,.dashboard-reference-shell.theme-light .entity-head p{color:#607587}.dashboard-reference-shell.theme-light .reference-search,.dashboard-reference-shell.theme-light .input,.dashboard-reference-shell.theme-light .select,.dashboard-reference-shell.theme-light select.input{color:#182737;background:#fff;border-color:#c4d1da}.dashboard-reference-shell.theme-light .reference-search input{color:#182737}.dashboard-reference-shell.theme-light .card,.dashboard-reference-shell.theme-light .overview-panel,.dashboard-reference-shell.theme-light .metric{background:#fff;border-color:#cbd8e0;box-shadow:0 6px 18px #7890a322}.dashboard-reference-shell.theme-light .table-wrap th{color:#3b5264;background:#e3edf3}.dashboard-reference-shell.theme-light .reference-dark{color:#40596d}.dashboard-reference-shell.theme-light .reference-dark span{color:#38556b;background:#e0ebf2}.dashboard-reference-shell,.dashboard-reference-shell button,.dashboard-reference-shell input,.dashboard-reference-shell select,.dashboard-reference-shell textarea{font-feature-settings:"kern" 1, "liga" 1;font-family:Tajawal,Cairo,IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif}.dashboard-reference-shell{letter-spacing:-.01em;background:radial-gradient(900px 440px at 74% -12%,#3593be24,#0000 64%),radial-gradient(700px 360px at 2% 82%,#e2bd560e,#0000 70%),linear-gradient(135deg,#06111c 0%,#081a2a 48%,#06101a 100%);padding-right:214px}.dashboard-reference-shell .sidebar{background:linear-gradient(#091827 0%,#071321 100%);border-left:1px solid #add3ec29;width:214px;padding:15px 12px 12px;box-shadow:-18px 0 42px #00000038,inset 1px 0 #ffffff06}.dashboard-reference-shell .sidebar-head{border-bottom:1px solid #aed2eb1a;padding:2px 6px 16px}.dashboard-reference-shell .brand-lockup{gap:9px}.dashboard-reference-shell .brand-icon{color:#f5d578;background:linear-gradient(145deg,#e2bd5630,#2793ae14);border:1px solid #e2bd5673;border-radius:12px;width:38px;height:38px;box-shadow:0 8px 20px #0003,inset 0 1px #ffffff1a}.dashboard-reference-shell .brand-icon svg{stroke-width:1.8px;width:21px;height:21px}.dashboard-reference-shell .brand-lockup strong{letter-spacing:-.02em;font-size:15px}.dashboard-reference-shell .brand-lockup small{font-size:10px}.dashboard-reference-shell .sidebar nav{gap:4px;padding:12px 0}.dashboard-reference-shell .sidebar nav button{color:#aebdca;border-radius:10px;gap:10px;min-height:40px;padding:8px 11px;font-size:12px;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.dashboard-reference-shell .sidebar nav button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.dashboard-reference-shell .sidebar nav button svg{stroke-width:1.75px;color:#9db9ca;filter:drop-shadow(0 2px 5px #00000059);flex:none;width:18px;height:18px}.dashboard-reference-shell .sidebar nav button:hover{color:#fff;background:linear-gradient(90deg,#2a82a333,#ffffff09);transform:translate(-2px)}.dashboard-reference-shell .sidebar nav button:hover svg{color:#62d7e2}.dashboard-reference-shell .sidebar nav button.active{color:#fff7d9;background:linear-gradient(100deg,#704b1252,#c59e43 78%,#e9c65d);border-color:#f8d771b3;box-shadow:0 9px 20px #00000047,0 0 22px #e2bd562e,inset 0 1px #ffffff40}.dashboard-reference-shell .sidebar nav button.active svg{color:#fff8d7;stroke-width:2px}.dashboard-reference-shell .sidebar-foot{border-top:1px solid #aed2eb1a;gap:9px;padding-top:10px}.dashboard-reference-shell .reference-pro{background:radial-gradient(circle at 50% 0,#e2bd5638,#0000 75%),#102236;border-radius:12px;padding:11px 10px;box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000002e}.dashboard-reference-shell .reference-pro strong{font-size:13px}.dashboard-reference-shell .reference-pro small{font-size:10px;line-height:1.35}.dashboard-reference-shell .reference-pro button{height:30px;font-size:11px}.dashboard-reference-shell .reference-dark{justify-content:space-between;width:100%;padding:4px 3px}.dashboard-reference-shell .reference-dark span{border:1px solid #95c2de2e;width:28px;height:28px}.dashboard-reference-shell .reference-dark small{font-size:10px}.dashboard-reference-shell .topbar{background:linear-gradient(100deg,#081726fa,#0a1f31eb);border-bottom-color:#add3ec24;height:68px;min-height:68px;padding:9px 24px}.dashboard-reference-shell .reference-welcome h1{letter-spacing:-.025em;font-size:17px}.dashboard-reference-shell .reference-welcome small{font-size:10px}.dashboard-reference-shell .reference-search{background:#112b41d9;border-color:#8bbedd40;border-radius:11px;max-width:360px;height:36px;box-shadow:inset 0 1px #ffffff0a}.dashboard-reference-shell .reference-search svg{color:#77b8ce;stroke-width:1.8px}.dashboard-reference-shell .top-actions .reference-popover-anchor>button{height:36px}.dashboard-reference-shell .top-actions .reference-popover-anchor>button>svg{stroke-width:1.75px}.dashboard-reference-shell .top-actions .avatar{border-radius:11px;width:36px;height:36px}.dashboard-reference-shell .main-content{padding:18px 22px 34px}.dashboard-reference-shell .overview-panel,.dashboard-reference-shell .card,.dashboard-reference-shell .metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#a1cde730;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff09}.dashboard-reference-shell .overview-panel:hover,.dashboard-reference-shell .card:hover{border-color:#e2bd5657;box-shadow:0 16px 34px #00000045,inset 0 1px #ffffff0d}.dashboard-reference-shell .overview-kpi-icon,.dashboard-reference-shell .overview-row-icon,.dashboard-reference-shell .overview-product-icon,.dashboard-reference-shell .metric-icon{box-shadow:inset 0 1px #ffffff1f,0 5px 14px #0003}.dashboard-reference-shell .overview-kpi-icon svg,.dashboard-reference-shell .overview-row-icon svg,.dashboard-reference-shell .overview-product-icon svg,.dashboard-reference-shell .metric-icon svg{stroke-width:1.7px}.dashboard-reference-shell .button,.dashboard-reference-shell .overview-action-grid button{font-family:inherit}.dashboard-reference-shell .button svg,.dashboard-reference-shell .overview-action-grid button svg{stroke-width:1.8px}.dashboard-reference-shell .input,.dashboard-reference-shell select.input{box-shadow:inset 0 1px #ffffff09}@media (max-width:1200px){.dashboard-reference-shell{padding-right:194px}.dashboard-reference-shell .sidebar{width:194px}}@media (max-width:960px){.dashboard-reference-shell{padding-right:0}.dashboard-reference-shell .sidebar{width:min(84vw,290px)}}.dashboard-reference-shell .qr-placeholder{background:#081521;padding:10px;overflow:hidden}.dashboard-reference-shell .qr-placeholder img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;border-radius:7px;display:block}.dashboard-reference-shell .qr-placeholder>svg{stroke-width:1.4px;width:58px;height:58px}.dashboard-reference-shell .qr-result,.dashboard-reference-shell .qr-scanner{gap:14px;padding:16px;display:grid}.dashboard-reference-shell .qr-result>div:first-child{align-items:center;gap:14px;display:flex}.dashboard-reference-shell .qr-result img{width:112px;height:112px;image-rendering:pixelated;background:#081521;border:1px solid #e2bd5673;border-radius:12px;padding:8px}.dashboard-reference-shell .qr-result strong,.dashboard-reference-shell .qr-result small,.dashboard-reference-shell .qr-result code{display:block}.dashboard-reference-shell .qr-result small{color:#93aabd;margin-top:5px;font-size:11px}.dashboard-reference-shell .qr-result code{color:#e5c765;word-break:break-all;margin-top:9px;font-size:10px}.dashboard-reference-shell .qr-scan-row{gap:8px;display:flex}.dashboard-reference-shell .qr-scan-row .input{flex:1}.dashboard-reference-shell .qr-scanner>p{color:#91a5b6;margin:0;font-size:11px}.dashboard-reference-shell .qr-scan-result{color:#bde9d7;text-align:left;direction:ltr;background:#07131f;border:1px solid #21c99a40;border-radius:9px;max-height:180px;margin:0;padding:12px;font-size:11px;overflow:auto}.dashboard-reference-shell .overview-exchange{align-items:center;padding:14px}.dashboard-reference-shell .overview-exchange>button{background:linear-gradient(145deg,#203b52,#102235);border-color:#84bedd52;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;margin-inline-start:auto;display:grid;position:static;box-shadow:0 6px 16px #00000038}.dashboard-reference-shell .overview-exchange>button:hover{color:#f5d578;border-color:#e2bd5699}.dashboard-reference-shell .notification-list{gap:10px}.dashboard-reference-shell .notification-list>div{background:linear-gradient(100deg,#0f2639f0,#091927f0);border:1px solid #a0cce629;border-right:3px solid #4a7590;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:14px 16px;display:grid}.dashboard-reference-shell .notification-list>div.critical{border-right-color:#ef6570}.dashboard-reference-shell .notification-list>div.warning{border-right-color:#e2bd56}.dashboard-reference-shell .notification-list>div.read{opacity:.68}.dashboard-reference-shell .notification-list>div>span{color:#7bd7e5;background:#2587a824;border-radius:12px;width:44px;height:44px}.dashboard-reference-shell .notification-list>div.critical>span{color:#ff8993;background:#ef657021}.dashboard-reference-shell .notification-list>div>div{min-width:0}.dashboard-reference-shell .notification-list strong{color:#f3f7fa;font-size:14px;display:block}.dashboard-reference-shell .notification-list p{color:#9cafbf;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:12px;overflow:hidden}.dashboard-reference-shell .notification-list small{color:#7f9aaf;font-size:10px}.dashboard-reference-shell .notification-list .table-action{border-radius:8px;justify-self:end;min-width:94px;min-height:32px;font-size:10px}.dashboard-reference-shell .notification-list .table-action:disabled{color:#7891a3;cursor:default;background:0 0;border-color:#7891a32e}.dashboard-reference-shell .notification-empty{text-align:center;color:#9cafbf;align-content:center;justify-items:center;border-right-width:1px!important;grid-template-columns:none!important;min-height:210px!important;display:grid!important}.dashboard-reference-shell .notification-empty svg{color:#e2bd56;width:30px;height:30px}.dashboard-reference-shell .notification-empty p{white-space:normal}@media (max-width:640px){.dashboard-reference-shell .qr-scan-row{flex-direction:column}.dashboard-reference-shell .qr-result>div:first-child{align-items:flex-start}.dashboard-reference-shell .notification-list>div{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:94px;padding:12px}.dashboard-reference-shell .notification-list .table-action{grid-column:2;justify-self:start}}.dashboard-reference-shell.theme-light{--bg:#f3f7fa;--panel:#fff;--panel2:#f8fafc;--text:#162b3d;--muted:#62788a;--border:#cfdae3;--gold:#af7d12;--gold2:#8f6510;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#162b3d;background:radial-gradient(900px 420px at 74% -14%,#3497bf1a,#0000 67%),linear-gradient(135deg,#f8fbfd 0%,#edf3f7 48%,#f5f8fa 100%)}.dashboard-reference-shell.theme-light .sidebar{background:linear-gradient(#fbfdfe,#f1f6f9);border-left-color:#cbd8e1;box-shadow:-12px 0 30px #162e401a,inset 1px 0 #fff}.dashboard-reference-shell.theme-light .sidebar-head,.dashboard-reference-shell.theme-light .sidebar-foot{border-color:#d9e3e9}.dashboard-reference-shell.theme-light .brand-lockup strong,.dashboard-reference-shell.theme-light .brand-lockup small{color:#20394b}.dashboard-reference-shell.theme-light .brand-icon{color:#a87714;background:linear-gradient(145deg,#fff8dd,#eef8f8);border-color:#b5841d61;box-shadow:0 7px 16px #435b6c1a,inset 0 1px #fff}.dashboard-reference-shell.theme-light .sidebar nav button{color:#496477}.dashboard-reference-shell.theme-light .sidebar nav button svg{color:#5f91ad;filter:none}.dashboard-reference-shell.theme-light .sidebar nav button:hover{color:#17364a;background:linear-gradient(90deg,#4ca1c026,#ffffffe6)}.dashboard-reference-shell.theme-light .sidebar nav button:hover svg{color:#1688aa}.dashboard-reference-shell.theme-light .sidebar nav button.active{color:#563b06;background:linear-gradient(100deg,#f4e3a9,#dfb848 78%,#f4d36f);border-color:#d8b34c;box-shadow:0 8px 17px #986e112e,inset 0 1px #ffffffb3}.dashboard-reference-shell.theme-light .sidebar nav button.active svg{color:#624608}.dashboard-reference-shell.theme-light .sidebar-foot>button{color:#476377}.dashboard-reference-shell.theme-light .reference-pro{background:radial-gradient(circle at 50% 0,#f1ca5d52,#0000 72%),#fffdf4;border-color:#be912573;box-shadow:0 8px 18px #54451917}.dashboard-reference-shell.theme-light .reference-pro strong{color:#73510b}.dashboard-reference-shell.theme-light .reference-pro small{color:#647282}.dashboard-reference-shell.theme-light .topbar{background:linear-gradient(100deg,#fffffff7,#eff6faf0);border-bottom-color:#cbd8e1;box-shadow:0 5px 16px #213c4f14}.dashboard-reference-shell.theme-light .reference-welcome h1,.dashboard-reference-shell.theme-light .profile-label strong,.dashboard-reference-shell.theme-light .top-actions .reference-popover-anchor>button{color:#173248}.dashboard-reference-shell.theme-light .reference-welcome small,.dashboard-reference-shell.theme-light .profile-label small{color:#60778a}.dashboard-reference-shell.theme-light .reference-search{background:#fff;border-color:#bdd0dc;box-shadow:inset 0 1px #fff,0 3px 9px #2d536c0d}.dashboard-reference-shell.theme-light .reference-search svg{color:#4d91ad}.dashboard-reference-shell.theme-light .reference-search input,.dashboard-reference-shell.theme-light .reference-search input::placeholder{color:#547083}.dashboard-reference-shell.theme-light .top-actions .avatar{color:#fff;background:linear-gradient(145deg,#276c69,#1d4c55);border-color:#41847f}.dashboard-reference-shell.theme-light .reference-popover{color:#183347;background:#fff;border-color:#c4d4de;box-shadow:0 15px 34px #213d522e}.dashboard-reference-shell.theme-light .reference-popover p{color:#435f72;border-color:#dbe5ea}.dashboard-reference-shell.theme-light .reference-popover button{color:#8b6210}.dashboard-reference-shell.theme-light .overview-panel,.dashboard-reference-shell.theme-light .card,.dashboard-reference-shell.theme-light .metric{color:#172f42;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#fff,#f9fbfc);border-color:#c8d7e1;box-shadow:0 8px 21px #2e4e631a,inset 0 1px #fff}.dashboard-reference-shell.theme-light .overview-panel:hover,.dashboard-reference-shell.theme-light .card:hover{border-color:#c59a36;box-shadow:0 12px 25px #2e4e6324}.dashboard-reference-shell.theme-light .overview-kpi.gold{background:radial-gradient(circle at 95% 70%,#fff1bd,#fffdf5 75%);border-color:#d3ae52}.dashboard-reference-shell.theme-light .overview-kpi.red{background:radial-gradient(circle at 95% 70%,#ffe9eb,#fffafb 75%);border-color:#e6a2aa}.dashboard-reference-shell.theme-light .overview-kpi.cyan{background:radial-gradient(circle at 95% 70%,#dcf4fa,#f9fdfe 75%);border-color:#91cddd}.dashboard-reference-shell.theme-light .overview-kpi.teal{background:radial-gradient(circle at 95% 70%,#def5ef,#f9fdfc 75%);border-color:#8dcdbc}.dashboard-reference-shell.theme-light .overview-kpi small,.dashboard-reference-shell.theme-light .overview-kpi span:not(.overview-kpi-icon),.dashboard-reference-shell.theme-light .overview-exchange small,.dashboard-reference-shell.theme-light .overview-list-row small,.dashboard-reference-shell.theme-light .overview-xlabels,.dashboard-reference-shell.theme-light .overview-legend,.dashboard-reference-shell.theme-light .overview-donut small,.dashboard-reference-shell.theme-light .overview-donut-legend>div{color:#60798c}.dashboard-reference-shell.theme-light .overview-kpi strong,.dashboard-reference-shell.theme-light .overview-card-head h2,.dashboard-reference-shell.theme-light .overview-exchange h2,.dashboard-reference-shell.theme-light .overview-list-row,.dashboard-reference-shell.theme-light .overview-donut-legend strong{color:#173146}.dashboard-reference-shell.theme-light .overview-kpi.red strong{color:#bd3f4c}.dashboard-reference-shell.theme-light .overview-kpi.cyan strong{color:#176f91}.dashboard-reference-shell.theme-light .overview-kpi-icon{color:#aa7915;box-shadow:none;background:#fff8df;border-color:#e2bf69}.dashboard-reference-shell.theme-light .overview-kpi.red .overview-kpi-icon{color:#c44a58;background:#ffeaed;border-color:#e7a6ad}.dashboard-reference-shell.theme-light .overview-kpi.cyan .overview-kpi-icon{color:#177f9e;background:#e1f5fa;border-color:#9bcfdd}.dashboard-reference-shell.theme-light .overview-kpi.teal .overview-kpi-icon{color:#13866f;background:#e0f6ef;border-color:#9bcfbe}.dashboard-reference-shell.theme-light .overview-exchange{background:radial-gradient(circle at 95% 90%,#dff6f1,#f7fcfb 70%);border-color:#9acbc3}.dashboard-reference-shell.theme-light .overview-exchange-icon{color:#a67713;background:#fffaf0;border-color:#d8b65d}.dashboard-reference-shell.theme-light .overview-exchange>button{color:#23536b;background:linear-gradient(145deg,#eef6fa,#dcebf2);border-color:#a7c6d6;box-shadow:0 4px 10px #30586f1f}.dashboard-reference-shell.theme-light .overview-exchange>button:hover{color:#805b0f;border-color:#c99e3d}.dashboard-reference-shell.theme-light .overview-action-grid button{color:#1d4055;background:#f4f9fb;border-color:#a9c2d1}.dashboard-reference-shell.theme-light .overview-action-grid button.gold{color:#5f4409;background:#fff8e3;border-color:#d9b65c}.dashboard-reference-shell.theme-light .overview-action-grid button.teal{color:#155063;background:#e8f8fb;border-color:#73b9ca}.dashboard-reference-shell.theme-light .overview-action-grid button span{color:#235770;background:#e0f0f6}.dashboard-reference-shell.theme-light .overview-action-grid button.gold span{color:#4e3805;background:#e3b947}.dashboard-reference-shell.theme-light .overview-action-grid button.teal span{color:#fff;background:#37adbf}.dashboard-reference-shell.theme-light .overview-tabs{background:#f6f9fb;border-color:#cbd9e2}.dashboard-reference-shell.theme-light .overview-tabs button{color:#5f788b}.dashboard-reference-shell.theme-light .overview-tabs button.selected{color:#62480d;background:#fff3c5;box-shadow:inset 0 0 0 1px #d9b455}.dashboard-reference-shell.theme-light .overview-list-row{background:#f7fafc;border-color:#d6e1e7}.dashboard-reference-shell.theme-light .overview-list-row:hover{background:#eef7fa;border-color:#bd9e54}.dashboard-reference-shell.theme-light .overview-row-icon,.dashboard-reference-shell.theme-light .overview-product-icon{color:#315d76;box-shadow:none;background:#eaf3f7;border-color:#c2d4df}.dashboard-reference-shell.theme-light .overview-products .overview-product-icon{color:#987019;background:#fff6da;border-color:#e2c56e}.dashboard-reference-shell.theme-light .overview-expenses .overview-row-end b{color:#c44753}.dashboard-reference-shell.theme-light .overview-donut>div{background:#fff;box-shadow:0 0 0 1px #d4e0e6}.dashboard-reference-shell.theme-light .overview-status.paid{color:#087856;background:#dff7ed}.dashboard-reference-shell.theme-light .overview-status.partial{color:#876112;background:#fff3cf}.dashboard-reference-shell.theme-light .overview-status.pending{color:#b13e4b;background:#ffe5e8}.dashboard-reference-shell.theme-light .overview-empty,.dashboard-reference-shell.theme-light .overview-failure,.dashboard-reference-shell.theme-light .overview-customer-empty{color:#60798c}.dashboard-reference-shell.theme-light .overview-empty button,.dashboard-reference-shell.theme-light .overview-failure button{color:#62470d;background:#fff3c6;border-color:#d4ad48}.dashboard-reference-shell.theme-light .overview-skeleton{background:linear-gradient(90deg,#e4edf2,#f7fbfd,#e4edf2)}.dashboard-reference-shell.theme-light .page-toolbar p{color:#9a6b0e}.dashboard-reference-shell.theme-light .page-toolbar h1,.dashboard-reference-shell.theme-light .entity-head h2{color:#183449}.dashboard-reference-shell.theme-light .entity-head p,.dashboard-reference-shell.theme-light .field,.dashboard-reference-shell.theme-light .field small,.dashboard-reference-shell.theme-light .filter-row>span{color:#5b7386}.dashboard-reference-shell.theme-light .input,.dashboard-reference-shell.theme-light .select,.dashboard-reference-shell.theme-light select.input{color:#173248;background:#fff;border-color:#bfd0db;box-shadow:inset 0 1px #fff}.dashboard-reference-shell.theme-light .input::placeholder{color:#8398a7}.dashboard-reference-shell.theme-light .input:focus,.dashboard-reference-shell.theme-light .select:focus,.dashboard-reference-shell.theme-light select.input:focus{border-color:#b88a22;box-shadow:0 0 0 3px #cca23a29}.dashboard-reference-shell.theme-light .button-secondary{color:#1d4055;background:#edf4f7;border-color:#c1d0da}.dashboard-reference-shell.theme-light .button-danger{color:#b4404d;background:#ffe9ec;border-color:#e7abb2}.dashboard-reference-shell.theme-light .table-wrap{background:#fff;border-color:#cbd8e1}.dashboard-reference-shell.theme-light .table-wrap th{color:#405e72;background:#eaf2f6;border-color:#d3dfe6}.dashboard-reference-shell.theme-light .table-wrap td{color:#223e52;border-color:#e0e8ed}.dashboard-reference-shell.theme-light .table-wrap tbody tr:hover{background:#f2f8fa;box-shadow:inset -2px 0 #c7972d}.dashboard-reference-shell.theme-light .row-actions button,.dashboard-reference-shell.theme-light .table-action{color:#865f0e;background:#fff9e8;border-color:#e1c77f}.dashboard-reference-shell.theme-light .workflow{color:#526d80;background:#f4f8fa;border-color:#cbd9e1}.dashboard-reference-shell.theme-light .workflow span{background:#e9f1f5;border-color:#d1dee5}.dashboard-reference-shell.theme-light .workflow span.done{color:#875f0f;background:#fff3cf}.dashboard-reference-shell.theme-light .product-card>p,.dashboard-reference-shell.theme-light .product-info small,.dashboard-reference-shell.theme-light .role-grid p,.dashboard-reference-shell.theme-light .qr-card p,.dashboard-reference-shell.theme-light .timeline small{color:#647d8f}.dashboard-reference-shell.theme-light .product-icon{color:#a57614;background:#fff6da;border-color:#e4c873}.dashboard-reference-shell.theme-light .stock-line{background:#dce6eb}.dashboard-reference-shell.theme-light .report-bars i{background:#dce7ec}.dashboard-reference-shell.theme-light .qr-placeholder,.dashboard-reference-shell.theme-light .qr-placeholder img,.dashboard-reference-shell.theme-light .qr-result img{background:#f8fbfc;border-color:#c6d6df}.dashboard-reference-shell.theme-light .qr-result small,.dashboard-reference-shell.theme-light .qr-scanner>p{color:#627a8d}.dashboard-reference-shell.theme-light .qr-result code{color:#805b0c}.dashboard-reference-shell.theme-light .qr-scan-result{color:#17684f;background:#effbf5;border-color:#a9d9c2}.dashboard-reference-shell.theme-light .notification-list>div{background:#fff;border-color:#cfdae2 #5f91ad #cfdae2 #cfdae2}.dashboard-reference-shell.theme-light .notification-list>div.critical{border-right-color:#d65d69}.dashboard-reference-shell.theme-light .notification-list>div.warning{border-right-color:#c29329}.dashboard-reference-shell.theme-light .notification-list>div>span{color:#2b7895;background:#e8f3f7}.dashboard-reference-shell.theme-light .notification-list>div.critical>span{color:#c54d5a;background:#ffe9ec}.dashboard-reference-shell.theme-light .notification-list strong{color:#19354a}.dashboard-reference-shell.theme-light .notification-list p{color:#587183}.dashboard-reference-shell.theme-light .notification-list small{color:#71899a}.dashboard-reference-shell.theme-light .notification-list .table-action:disabled{color:#7d929f;background:#f4f7f9;border-color:#d4e0e6}.dashboard-reference-shell.theme-light .notification-empty{color:#60798c}.dashboard-reference-shell.theme-light .notification-empty svg{color:#aa7b18}.dashboard-reference-shell.theme-light .modal-backdrop{background:#162b3a61}.dashboard-reference-shell.theme-light .action-modal{color:#19354a;background:radial-gradient(circle at 18% 0,#e2bd562b,#0000 42%),#fff;border-color:#c8d7e0;box-shadow:0 25px 70px #18304240}.dashboard-reference-shell.theme-light .action-modal .field>span,.dashboard-reference-shell.theme-light .modal-head h2{color:#19354a}.dashboard-reference-shell.theme-light .modal-head small{color:#94680f}.dashboard-reference-shell.theme-light .modal-head button{color:#3d5b6f;background:#edf4f7;border-color:#c8d7e0}.dashboard-reference-shell.theme-light .modal-note{color:#668091}.dashboard-reference-shell.theme-light .action-modal select.input,.dashboard-reference-shell.theme-light .action-modal select.input option{color:#173248;background:#fff}.overview-chart{overflow:hidden}.overview-chart-top{z-index:2;position:relative}.overview-chart-meta{color:#8fa7b8;justify-content:space-between;align-items:center;gap:8px;margin:9px 0 4px;font-size:9px;display:flex}.overview-chart-meta>span{white-space:nowrap;background:#1234486b;border:1px solid #86b7cd2e;border-radius:999px;padding:4px 7px}.overview-chart-meta b{color:#e7c66b;font-weight:800}.overview-plot{isolation:isolate;padding-top:2px;position:relative}.overview-plot:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 105%,#19c8d81a,#0000 56%);border-radius:11px;position:absolute;inset:14px 8px 22px}.overview-plot svg{cursor:crosshair;min-height:144px}.overview-plot svg polyline{filter:drop-shadow(0 4px 6px #00000047);transition:stroke-width .18s}.overview-plot svg:hover polyline{stroke-width:3.15px}.overview-chart-tooltip{z-index:3;color:#eaf4fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#071622e6;border:1px solid #99cce447;border-radius:9px;gap:5px;min-width:142px;padding:9px 10px;font-size:9px;animation:.16s ease-out both chart-tooltip-in;display:grid;position:absolute;top:13px;left:15px;box-shadow:0 12px 28px #00000052}.overview-chart-tooltip strong{color:#fff;font-size:10px}.overview-chart-tooltip span{color:#adc0ce;justify-content:space-between;align-items:center;gap:11px;display:flex}.overview-chart-tooltip i{border-radius:50%;width:6px;height:6px;margin-inline-end:4px;display:inline-block}.overview-chart-tooltip i.teal{background:#19c8d8;box-shadow:0 0 8px #19c8d8b3}.overview-chart-tooltip i.red{background:#ef5b68;box-shadow:0 0 8px #ef5b68b3}.overview-chart-tooltip b{color:#fff;margin-inline-start:auto}.premium-report-bars{gap:15px;padding:6px 2px 2px}.premium-report-bars>div{background:linear-gradient(100deg,#112a3b7a,#0716213d);border:1px solid #97c0d721;border-radius:10px;grid-template-columns:110px minmax(130px,1fr) minmax(118px,auto);gap:14px;min-height:37px;padding:7px 10px;transition:transform .18s,border-color .18s}.premium-report-bars>div:hover{border-color:#e2bd5659;transform:translate(-3px)}.premium-report-bars i{background:#6d8fa32e;height:10px;box-shadow:inset 0 1px 2px #00000042}.premium-report-bars b{background:linear-gradient(90deg,#e5ad32,#f9dc7b);min-width:4px;transition:width .55s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px #e2bd5647}.premium-report-bars .red b{background:linear-gradient(90deg,#cc4252,#f2747d);box-shadow:0 0 14px #ef5b6838}.premium-report-bars .purchase b{background:linear-gradient(90deg,#277fba,#55c4dd);box-shadow:0 0 14px #26acca38}.premium-report-bars strong{color:#eef5f9;font-size:12px}@keyframes chart-tooltip-in{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dashboard-reference-shell.theme-light .overview-chart-meta{color:#587487}.dashboard-reference-shell.theme-light .overview-chart-meta>span{background:#f5fafc;border-color:#cfdee6}.dashboard-reference-shell.theme-light .overview-chart-meta b{color:#875f0e}.dashboard-reference-shell.theme-light .overview-plot:before{background:radial-gradient(circle at 50% 105%,#199db81c,#0000 56%)}.dashboard-reference-shell.theme-light .overview-plot svg polyline{filter:drop-shadow(0 3px 5px #3c5f742e)}.dashboard-reference-shell.theme-light .overview-chart-tooltip{color:#244256;background:#fffffff0;border-color:#bcd2de;box-shadow:0 12px 26px #2444582e}.dashboard-reference-shell.theme-light .overview-chart-tooltip strong,.dashboard-reference-shell.theme-light .overview-chart-tooltip b{color:#18374a}.dashboard-reference-shell.theme-light .overview-chart-tooltip span{color:#60798a}.dashboard-reference-shell.theme-light .premium-report-bars>div{background:linear-gradient(100deg,#f7fbfc,#fff);border-color:#d2e0e7}.dashboard-reference-shell.theme-light .premium-report-bars>div:hover{border-color:#c69c3a}.dashboard-reference-shell.theme-light .premium-report-bars i{background:#dbe8ee;box-shadow:inset 0 1px 2px #3352641a}.dashboard-reference-shell.theme-light .premium-report-bars strong{color:#203c50}@media (max-width:640px){.overview-chart-meta{flex-direction:column;align-items:flex-start}.overview-chart-tooltip{top:10px;left:9px}.premium-report-bars>div{grid-template-columns:75px minmax(80px,1fr);gap:9px}.premium-report-bars strong{grid-column:2}}.dashboard-reference-shell,.dashboard-reference-shell .main-content,.dashboard-reference-shell .page-stack,.dashboard-reference-shell .page-stack>*,.dashboard-reference-shell .card,.dashboard-reference-shell .overview-panel{min-width:0}.dashboard-reference-shell .table-wrap{overscroll-behavior-inline:contain;max-width:100%}.dashboard-reference-shell .form-grid>*,.dashboard-reference-shell .form-stack>*,.dashboard-reference-shell .filter-row>*,.dashboard-reference-shell .entity-head>*{min-width:0}@media (max-width:980px){.dashboard-reference-shell .topbar{padding-inline:16px}.dashboard-reference-shell .main-content{padding:15px 14px 30px}.dashboard-reference-shell .page-toolbar{gap:10px}.dashboard-reference-shell .page-toolbar .search{min-width:min(40vw,250px)}.dashboard-reference-shell .overview-middle,.dashboard-reference-shell .overview-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-reference-shell .overview-right-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-reference-shell .overview-right-stack>*{min-width:0}}@media (max-width:860px){.dashboard-reference-shell .topbar{grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"menu welcome actions""search search search";align-items:center;gap:9px 10px;height:auto;min-height:0;padding:10px 14px 12px;display:grid}.dashboard-reference-shell .mobile-menu{grid-area:menu;width:40px;height:40px}.dashboard-reference-shell .reference-welcome{grid-area:welcome;min-width:0;overflow:hidden}.dashboard-reference-shell .reference-welcome h1,.dashboard-reference-shell .reference-welcome small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-reference-shell .reference-welcome h1{font-size:15px}.dashboard-reference-shell .top-actions{grid-area:actions;min-width:0;margin:0}.dashboard-reference-shell .top-actions .profile-label{display:none}.dashboard-reference-shell .reference-search{grid-area:search;width:100%;min-width:0;max-width:none;height:38px;margin:0;padding-inline:12px}.dashboard-reference-shell .reference-search input{font-size:11px}.dashboard-reference-shell .main-content{padding-top:13px}.dashboard-reference-shell .page-toolbar{flex-wrap:wrap;align-items:flex-start}.dashboard-reference-shell .page-toolbar .search{display:none}.dashboard-reference-shell .entity-head{flex-wrap:wrap;align-items:flex-start}.dashboard-reference-shell .entity-head .button{flex:none}.dashboard-reference-shell .filter-row{flex-wrap:wrap;align-items:stretch}.dashboard-reference-shell .filter-row .search,.dashboard-reference-shell .filter-row .input{flex:230px;min-width:0}.dashboard-reference-shell .filter-row .select{flex:150px}.dashboard-reference-shell .settings-grid,.dashboard-reference-shell .inventory-layout,.dashboard-reference-shell .qr-grid{grid-template-columns:1fr}}@media (max-width:640px){.dashboard-reference-shell{padding-right:0}.dashboard-reference-shell .topbar{gap:8px;padding:9px 11px 11px}.dashboard-reference-shell .reference-welcome h1{font-size:14px}.dashboard-reference-shell .reference-welcome small{font-size:9px}.dashboard-reference-shell .top-actions .reference-popover-anchor>button{min-width:32px}.dashboard-reference-shell .top-actions .avatar{width:34px;height:34px}.dashboard-reference-shell .main-content{padding:11px 10px 25px}.dashboard-reference-shell .overview-kpis,.dashboard-reference-shell .metrics,.dashboard-reference-shell .metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-reference-shell .overview-kpi{min-height:82px;padding:10px}.dashboard-reference-shell .overview-kpi strong{overflow-wrap:anywhere;font-size:clamp(13px,4.3vw,17px)}.dashboard-reference-shell .overview-kpi small{font-size:9px}.dashboard-reference-shell .overview-kpi-icon{width:33px;height:33px}.dashboard-reference-shell .overview-middle,.dashboard-reference-shell .overview-bottom,.dashboard-reference-shell .overview-right-stack{grid-template-rows:auto;grid-template-columns:1fr}.dashboard-reference-shell .overview-right-stack{grid-column:auto}.dashboard-reference-shell .overview-chart{min-height:245px}.dashboard-reference-shell .overview-chart-top{flex-direction:column;align-items:flex-start}.dashboard-reference-shell .overview-tabs{justify-content:space-between;width:100%}.dashboard-reference-shell .overview-tabs button{flex:1;min-height:29px}.dashboard-reference-shell .overview-plot svg{height:156px;min-height:156px}.dashboard-reference-shell .overview-xlabels{padding-inline:4px 12px;overflow:hidden}.dashboard-reference-shell .overview-donut-body{height:auto;min-height:165px}.dashboard-reference-shell .overview-donut{width:min(46%,142px)}.dashboard-reference-shell .overview-action-grid{gap:7px}.dashboard-reference-shell .overview-action-grid button{min-height:64px}.dashboard-reference-shell .overview-action-grid button strong{white-space:normal;font-size:8px;line-height:1.2}.dashboard-reference-shell .card{padding:13px}.dashboard-reference-shell .page-toolbar h1,.dashboard-reference-shell .entity-head h2{font-size:18px}.dashboard-reference-shell .page-toolbar p,.dashboard-reference-shell .entity-head p{font-size:10px}.dashboard-reference-shell .product-grid,.dashboard-reference-shell .role-grid{grid-template-columns:1fr}.dashboard-reference-shell .qr-card,.dashboard-reference-shell .qr-result>div:first-child{flex-direction:column;align-items:flex-start}.dashboard-reference-shell .workflow{justify-content:flex-start;max-width:100%}.dashboard-reference-shell .report-bars>div{grid-template-columns:80px minmax(0,1fr)}.dashboard-reference-shell .report-bars strong{grid-column:2}.dashboard-reference-shell .notification-list>div{min-width:0}}@media (max-width:390px){.dashboard-reference-shell .topbar{grid-template-columns:38px minmax(0,1fr) auto;padding-inline:9px}.dashboard-reference-shell .mobile-menu{width:38px;height:38px}.dashboard-reference-shell .reference-welcome h1{font-size:13px}.dashboard-reference-shell .reference-welcome small{display:none}.dashboard-reference-shell .top-actions{gap:3px}.dashboard-reference-shell .top-actions .avatar{width:32px;height:32px}.dashboard-reference-shell .overview-kpi{padding:8px}.dashboard-reference-shell .overview-kpi-icon{width:30px;height:30px}.dashboard-reference-shell .overview-donut-body{gap:8px}.dashboard-reference-shell .overview-donut-legend>div{font-size:7px}}