@charset "UTF-8";@layer properties;@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/loro-ui/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/loro-ui/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/loro-ui/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/loro-ui/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-bold: 700;--font-weight-extrabold: 800;--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);--color-primary: var(--loro-primary-500);--color-primary-dark: var(--loro-primary-900);--color-secondary: var(--loro-primary-700);--color-card-bg: rgba(108, 60, 255, .08)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-3{gap:calc(var(--spacing) * 3)}.border{border-style:var(--tw-border-style);border-width:1px}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-\[1\.25rem\]{font-size:1.25rem}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.text-wrap{text-wrap:wrap}.text-\[var\(--loro-text\)\]{color:var(--loro-text)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}.select-text{-webkit-user-select:text;user-select:text}@media(width>=48rem){.md\:gap-4{gap:calc(var(--spacing) * 4)}}}:root{color-scheme:light;--loro-font-brand: "Manrope", "Inter", system-ui, sans-serif;--loro-font-fallback: "Inter", system-ui, sans-serif;--loro-primary-900: #2e176a;--loro-primary-700: #5b33d6;--loro-primary-500: #6c3cff;--loro-primary-200: #ede9fe;--loro-accent-yellow: #ffb703;--loro-background: #f6f4fb;--loro-surface: #ffffff;--loro-surface-soft: rgba(255, 255, 255, .78);--loro-surface-elevated: rgba(255, 255, 255, .88);--loro-surface-overlay: rgba(255, 255, 255, .72);--loro-surface-muted: #f2eefb;--loro-surface-tinted: rgba(244, 240, 255, .92);--loro-text: #2b2350;--loro-text-strong: #20193f;--loro-text-inverse: rgba(255, 255, 255, .94);--loro-text-inverse-soft: rgba(255, 255, 255, .72);--loro-muted: #7a7297;--loro-muted-strong: #625882;--loro-border-soft: rgba(108, 60, 255, .1);--loro-border-subtle: rgba(43, 35, 80, .08);--loro-border-strong: rgba(108, 60, 255, .22);--loro-border-contrast: rgba(255, 255, 255, .22);--loro-focus-ring: rgba(108, 60, 255, .26);--loro-shadow-soft: 0 10px 30px rgba(34, 25, 73, .07);--loro-shadow-panel: 0 24px 60px rgba(40, 26, 92, .12);--loro-shadow-button: 0 12px 24px rgba(91, 51, 214, .18);--loro-shadow-brand: 0 18px 44px rgba(46, 23, 106, .22), 0 2px 10px rgba(31, 10, 102, .1);--loro-radius-card: 1.5rem;--loro-radius-card-lg: 2rem;--loro-radius-input: 1rem;--loro-radius-pill: 999px;--loro-space-1: .25rem;--loro-space-2: .5rem;--loro-space-3: .75rem;--loro-space-4: 1rem;--loro-space-5: 1.5rem;--loro-space-6: 2rem;--loro-space-7: 3rem;--loro-brand-start: #5b33d6;--loro-brand-end: #2e176a;--loro-brand-soft-start: #6c3cff;--loro-brand-soft-end: #5b33d6;--loro-brand-surface: rgba(248, 244, 255, .96);--loro-brand-mark-text: #4c27c3;--loro-brand-tint-strong: rgba(108, 60, 255, .14);--loro-brand-tint-soft: rgba(108, 60, 255, .05);--loro-brand-tint-surface: rgba(108, 60, 255, .08);--loro-warning: #f5a800;--loro-danger-surface: #fff0f1;--loro-danger-text: #b0223b;--loro-page-background: radial-gradient(circle at 14% 12%, rgba(108, 60, 255, .1), transparent 24%), radial-gradient(circle at 86% 18%, rgba(91, 51, 214, .06), transparent 22%), #f6f4fb;--loro-shell-background: rgba(255, 255, 255, .3);--loro-shell-surface: rgba(255, 255, 255, .78);--loro-shell-header-surface: rgba(255, 255, 255, .86);--loro-shell-border: rgba(255, 255, 255, .56);--loro-shell-shadow: 0 24px 60px rgba(40, 26, 92, .12);--loro-nav-desktop-width: 16rem;--loro-nav-mobile-max-width: 30rem;--loro-nav-desktop-offset: 1.5rem;--loro-nav-mobile-offset: .75rem;--loro-nav-surface-radius: 1.5rem;--loro-nav-mobile-radius: 1.375rem;--loro-nav-item-radius: 1rem;--loro-nav-mobile-item-radius: 1rem;--loro-nav-desktop-padding: 1rem;--loro-nav-blur: 18px;--loro-nav-surface-background: #4d28c9;--loro-nav-background-start: #5c31dc;--loro-nav-background-end: #34168f;--loro-nav-background-soft-start: #7a50ff;--loro-nav-background-soft-end: #5c31dc;--loro-nav-text: rgba(255, 255, 255, .96);--loro-nav-text-soft: rgba(255, 255, 255, .96);--loro-nav-border: rgba(255, 255, 255, .12);--loro-nav-shadow: 0 24px 48px rgba(46, 23, 106, .28);--loro-nav-hover-bg: rgba(255, 255, 255, .045);--loro-nav-active-bg: rgba(152, 113, 255, .42);--loro-nav-active-border: rgba(255, 255, 255, .1);--loro-nav-active-shadow: 0 8px 20px rgba(45, 16, 133, .16);--loro-nav-mobile-active-bg: rgba(108, 60, 255, .12);--loro-nav-mobile-active-shadow: 0 12px 24px rgba(108, 60, 255, .14);--loro-nav-mobile-surface: rgba(255, 255, 255, .76);--loro-nav-mobile-glass-surface: rgba(255, 255, 255, .66);--loro-nav-mobile-glass-blur: 24px;--loro-nav-mobile-expanded-width: 24.9rem;--loro-nav-mobile-compact-width: 19.25rem;--loro-nav-mobile-border: rgba(255, 255, 255, .62);--loro-nav-mobile-icon: #2b2350;--loro-nav-mobile-indicator: rgba(216, 220, 229, .72);--loro-nav-mobile-indicator-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 1px 5px rgba(21, 28, 42, .06);--loro-nav-mobile-surface-shadow: 0 10px 30px rgba(28, 32, 48, .14), 0 2px 10px rgba(28, 32, 48, .05), inset 0 1px 0 rgba(255, 255, 255, .78);--loro-nav-divider: rgba(43, 35, 80, .08);--loro-nav-brand-bg: rgba(108, 60, 255, .04);--loro-nav-brand-border: rgba(108, 60, 255, .08);--loro-nav-brand-mark-bg: #6c3cff;--loro-nav-brand-mark-shadow: 0 14px 26px rgba(108, 60, 255, .22);--loro-nav-desktop-surface: rgba(255, 255, 255, .88);--loro-nav-desktop-border: rgba(43, 35, 80, .08);--loro-nav-desktop-shadow: 0 24px 60px rgba(40, 26, 92, .12);--loro-nav-button-text: var(--loro-primary-900);--loro-nav-button-hover-text: var(--loro-primary-700);--loro-nav-button-background: transparent;--loro-nav-button-border: transparent;--loro-nav-button-hover-bg: rgba(244, 240, 255, .92);--loro-nav-button-hover-border: rgba(108, 60, 255, .14);--loro-nav-button-shadow: none;--loro-nav-button-hover-shadow: inset 0 0 0 1px rgba(108, 60, 255, .04), 0 8px 18px rgba(40, 26, 92, .07);--loro-nav-button-active-bg: rgba(244, 240, 255, .98);--loro-nav-button-active-border: rgba(108, 60, 255, .18);--loro-nav-button-active-text: var(--loro-primary-500);--loro-nav-button-active-shadow: inset .35rem 0 0 var(--loro-primary-500), inset 0 0 0 1px rgba(108, 60, 255, .04);--loro-nav-button-danger-bg: rgba(255, 240, 241, .92);--loro-nav-button-danger-border: rgba(176, 34, 59, .08);--loro-nav-button-danger-text: var(--loro-danger-text);--loro-nav-button-danger-hover-bg: rgba(255, 236, 239, .98);--loro-nav-button-danger-hover-shadow: inset 0 0 0 1px rgba(176, 34, 59, .04), 0 8px 18px rgba(176, 34, 59, .08);--loro-header-desktop-min-height: 2.5rem;--loro-layout-mobile-gutter: clamp(1rem, 4vw, 1.5rem);--loro-layout-mobile-header-bar-height: 3.45rem;--loro-layout-mobile-header-height: calc( var(--loro-layout-mobile-header-bar-height) + env(safe-area-inset-top, 0px) );--loro-layout-mobile-nav-height: 3.95rem;--loro-layout-mobile-nav-offset: max(.08rem, calc(env(safe-area-inset-bottom, 0px)*.18) );--loro-layout-mobile-nav-clearance: calc( var(--loro-layout-mobile-nav-height) + var(--loro-layout-mobile-nav-offset) + .32rem );--loro-layout-header-action-size: 2.35rem;--loro-layout-header-icon-size: 22px;--loro-layout-header-back-icon-size: 28px;--loro-layout-desktop-nav-width: 17.5rem;--loro-layout-desktop-header-height: max(3rem, var(--loro-header-desktop-min-height, .5rem));--loro-layout-notification-popover-width: min(26rem, calc(100vw - var(--loro-layout-desktop-nav-width) - 4rem));--loro-dashboard-card-media-size: 5rem;--loro-dashboard-card-content-min-height: 5.25rem;--loro-dashboard-card-title-min-height: 1.375rem;--loro-dashboard-card-description-min-height: 3.25rem;--loro-dashboard-card-gap: 1rem;--loro-dashboard-card-min-height: 14.5rem;--loro-dashboard-card-row-min-height: 6.75rem;--loro-dashboard-grid-card-min-height: 6.75rem;--loro-home-hero-border: rgba(43, 35, 80, .08);--loro-home-hero-bg: radial-gradient(circle at 100% 0%, rgba(198, 180, 255, .16) 0%, transparent 34%), rgba(255, 255, 255, .94);--loro-home-hero-text: var(--loro-primary-900);--loro-home-hero-subtitle: rgba(79, 88, 112, .9);--loro-home-avatar-bg: rgba(243, 237, 255, .92);--loro-home-avatar-color: var(--loro-primary-700);--loro-home-card-border: rgba(43, 35, 80, .08);--loro-home-card-bg: radial-gradient(circle at 100% 0%, rgba(208, 191, 255, .14) 0%, transparent 34%), rgba(255, 255, 255, .94);--loro-home-card-title: var(--loro-primary-900);--loro-home-card-description: rgba(79, 88, 112, .9);--loro-home-card-icon-bg: rgb(240 230 255 / 96%);--loro-home-card-icon-color: #6c3cff;--loro-home-card-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 8px 18px rgba(40, 26, 92, .08);--loro-home-card-arrow-bg: rgba(255, 255, 255, .94);--loro-home-card-arrow-color: var(--loro-primary-700);--loro-home-card-hover-border: rgba(108, 60, 255, .16);--loro-home-card-shadow: 0 10px 30px rgba(34, 25, 73, .07), inset 0 1px 0 rgba(255, 255, 255, .82);--loro-home-card-hover-shadow: 0 18px 42px rgba(40, 26, 92, .12), inset 0 1px 0 rgba(255, 255, 255, .86);--loro-home-card-backdrop-blur: 18px;--loro-home-card-glow: radial-gradient(circle at 86% 14%, rgba(210, 193, 255, .16) 0%, transparent 34%);--loro-home-card-sheen: none;--color-primary: var(--loro-primary-500);--color-primary-dark: var(--loro-primary-900);--color-secondary: var(--loro-primary-700);--color-secondary-dark: #4d22d8;--color-card-bg: rgba(108, 60, 255, .08)}html[data-theme=dark]{color-scheme:dark;--loro-primary-900: #d8c2ff;--loro-primary-700: #b58cff;--loro-primary-500: #9763f1;--loro-primary-200: #1e293b;--loro-background: #111418;--loro-surface: #181c20;--loro-surface-soft: rgba(24, 28, 32, .78);--loro-surface-elevated: rgba(30, 34, 39, .88);--loro-surface-overlay: rgba(17, 20, 24, .78);--loro-surface-muted: #21262d;--loro-surface-tinted: rgba(48, 37, 72, .74);--loro-text: #d4d4d4;--loro-text-strong: #ffffff;--loro-text-inverse: rgba(255, 255, 255, .96);--loro-text-inverse-soft: rgba(212, 212, 212, .78);--loro-muted: #9da7b3;--loro-muted-strong: #c5ced8;--loro-border-soft: rgba(255, 255, 255, .06);--loro-border-subtle: rgba(255, 255, 255, .08);--loro-border-strong: rgba(181, 140, 255, .3);--loro-border-contrast: rgba(255, 255, 255, .12);--loro-focus-ring: rgba(181, 140, 255, .34);--loro-shadow-soft: 0 14px 36px rgba(0, 0, 0, .28);--loro-shadow-panel: 0 26px 72px rgba(0, 0, 0, .34);--loro-shadow-button: 0 14px 28px rgba(0, 0, 0, .32);--loro-shadow-brand: 0 18px 48px rgba(4, 3, 15, .38), 0 2px 10px rgba(3, 2, 10, .22);--loro-brand-start: #b58cff;--loro-brand-end: #7b4cff;--loro-brand-soft-start: #d8c2ff;--loro-brand-soft-end: #9763f1;--loro-brand-surface: rgba(58, 44, 88, .74);--loro-brand-mark-text: #eaf2ff;--loro-brand-tint-strong: rgba(181, 140, 255, .18);--loro-brand-tint-soft: rgba(181, 140, 255, .08);--loro-brand-tint-surface: rgba(181, 140, 255, .12);--loro-warning: #ffd166;--loro-danger-surface: rgba(248, 113, 113, .14);--loro-danger-text: #fca5a5;--loro-page-background: radial-gradient(circle at 18% 14%, rgba(181, 140, 255, .08), transparent 22%), radial-gradient(circle at 84% 16%, rgba(151, 99, 241, .06), transparent 20%), #111418;--loro-shell-background: rgba(255, 255, 255, .03);--loro-shell-surface: rgba(24, 28, 32, .96);--loro-shell-header-surface: rgba(17, 20, 24, .96);--loro-shell-border: rgba(255, 255, 255, .1);--loro-shell-shadow: 0 24px 72px rgba(0, 0, 0, .34);--loro-layout-notification-popover-width: min(26rem, calc(100vw - var(--loro-layout-desktop-nav-width) - 4rem));--loro-nav-surface-background: #1b1f27;--loro-nav-background-start: rgba(31, 41, 55, .98);--loro-nav-background-end: rgba(22, 27, 34, .98);--loro-nav-background-soft-start: rgba(43, 56, 74, .94);--loro-nav-background-soft-end: rgba(27, 34, 45, .94);--loro-nav-text: var(--loro-text-inverse);--loro-nav-text-soft: var(--loro-text-inverse);--loro-nav-border: rgba(255, 255, 255, .12);--loro-nav-shadow: 0 18px 48px rgba(4, 3, 15, .38);--loro-nav-hover-bg: rgba(255, 255, 255, .045);--loro-nav-active-bg: rgba(181, 140, 255, .18);--loro-nav-active-border: rgba(255, 255, 255, .16);--loro-nav-active-shadow: 0 14px 28px rgba(0, 0, 0, .24);--loro-nav-mobile-active-bg: rgba(181, 140, 255, .14);--loro-nav-mobile-active-shadow: 0 16px 30px rgba(0, 0, 0, .28);--loro-nav-mobile-surface: rgba(24, 28, 32, .76);--loro-nav-mobile-glass-surface: rgba(15, 19, 25, .6);--loro-nav-mobile-glass-blur: 26px;--loro-nav-mobile-expanded-width: 24.9rem;--loro-nav-mobile-compact-width: 19.25rem;--loro-nav-mobile-border: rgba(255, 255, 255, .14);--loro-nav-mobile-icon: rgba(238, 242, 247, .9);--loro-nav-mobile-indicator: rgba(72, 78, 89, .72);--loro-nav-mobile-indicator-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 1px 6px rgba(0, 0, 0, .2);--loro-nav-mobile-surface-shadow: 0 12px 32px rgba(0, 0, 0, .38), 0 2px 12px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .11);--loro-nav-divider: rgba(255, 255, 255, .1);--loro-nav-brand-bg: rgba(255, 255, 255, .06);--loro-nav-brand-border: rgba(255, 255, 255, .1);--loro-nav-brand-mark-bg: #9763f1;--loro-nav-brand-mark-shadow: 0 14px 28px rgba(0, 0, 0, .28);--loro-nav-desktop-surface: rgba(24, 28, 32, .9);--loro-nav-desktop-border: rgba(255, 255, 255, .08);--loro-nav-desktop-shadow: 0 24px 60px rgba(0, 0, 0, .28);--loro-nav-button-text: rgba(238, 242, 247, .92);--loro-nav-button-hover-text: #ffffff;--loro-nav-button-background: transparent;--loro-nav-button-border: transparent;--loro-nav-button-hover-bg: rgba(181, 140, 255, .08);--loro-nav-button-hover-border: rgba(181, 140, 255, .18);--loro-nav-button-shadow: none;--loro-nav-button-hover-shadow: inset 0 0 0 1px rgba(181, 140, 255, .06), 0 12px 24px rgba(0, 0, 0, .2);--loro-nav-button-active-bg: rgba(181, 140, 255, .12);--loro-nav-button-active-border: rgba(181, 140, 255, .18);--loro-nav-button-active-text: var(--loro-primary-900);--loro-nav-button-active-shadow: inset .35rem 0 0 var(--loro-primary-500), inset 0 0 0 1px rgba(181, 140, 255, .08);--loro-nav-button-danger-bg: rgba(248, 113, 113, .1);--loro-nav-button-danger-border: rgba(252, 165, 165, .12);--loro-nav-button-danger-text: var(--loro-danger-text);--loro-nav-button-danger-hover-bg: rgba(248, 113, 113, .14);--loro-nav-button-danger-hover-shadow: inset 0 0 0 1px rgba(252, 165, 165, .06), 0 12px 24px rgba(0, 0, 0, .18);--loro-home-hero-border: rgba(255, 255, 255, .08);--loro-home-hero-bg: radial-gradient(circle at 100% 0%, rgba(191, 150, 255, .14) 0%, transparent 34%), rgba(26, 29, 35, .98);--loro-home-hero-text: #f8f4ff;--loro-home-hero-subtitle: rgba(231, 220, 255, .8);--loro-home-avatar-bg: rgba(58, 44, 88, .68);--loro-home-avatar-color: #d9c3ff;--loro-home-card-border: rgba(255, 255, 255, .08);--loro-home-card-bg: radial-gradient(circle at 100% 0%, rgba(186, 150, 255, .1) 0%, transparent 34%), rgba(26, 29, 35, .98);--loro-home-card-title: #fbf7ff;--loro-home-card-description: rgba(231, 220, 255, .76);--loro-home-card-icon-bg: rgba(42, 46, 57, .96);--loro-home-card-icon-color: #cdb4ff;--loro-home-card-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 22px rgba(0, 0, 0, .2);--loro-home-card-arrow-bg: rgba(255, 255, 255, .96);--loro-home-card-arrow-color: #5b33d6;--loro-home-card-hover-border: rgba(205, 180, 255, .18);--loro-home-card-shadow: 0 14px 36px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06);--loro-home-card-hover-shadow: 0 22px 42px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .08);--loro-home-card-backdrop-blur: 18px;--loro-home-card-glow: radial-gradient(circle at 86% 14%, rgba(197, 166, 255, .14) 0%, transparent 34%);--loro-home-card-sheen: none;--color-secondary-dark: #7b4cff;--color-card-bg: rgba(181, 140, 255, .1)}html[data-font-scale=small]{font-size:14px}html[data-font-scale=normal]{font-size:16px}html[data-font-scale=large]{font-size:18px}*,*:before,*:after{box-sizing:border-box}:root{--app-viewport-height: 100dvh;--app-fill-height: var(--app-viewport-height);--app-page-background: var(--loro-page-background);--app-shell-background: var(--loro-shell-surface);--app-mobile-content-background: var(--loro-background)}html[data-theme=dark]{--app-mobile-content-background: var(--loro-background)}html{width:100%;height:100%;min-height:100%;overflow-x:hidden;overscroll-behavior:none;background:var(--app-page-background);touch-action:auto;-webkit-text-size-adjust:100%}body{width:100%;height:100%;min-height:100vh;min-height:var(--app-fill-height, var(--app-viewport-height, 100dvh));margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;font-family:var(--loro-font-brand);color:var(--loro-text);background:var(--app-page-background);transition:background .18s ease,color .18s ease;touch-action:auto}html:has(.welcome),html:has(.welcome) body,html:has(.welcome) app-root,html:has(.welcome) loro-root{background:var(--loro-brand-end)}html:has(.loro-auth){--app-mobile-content-background: var(--loro-page-background)}html:has(.loro-auth),html:has(.loro-auth) body,html:has(.loro-auth) app-root,html:has(.loro-auth) loro-root{background:var(--loro-page-background);min-height:var(--app-fill-height, var(--app-viewport-height, 100dvh));overflow:hidden}app-root,loro-root{display:block;width:100%;height:100%;min-height:100vh;min-height:var(--app-fill-height, var(--app-viewport-height, 100dvh))}html,body,app-root,loro-root{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,app-root::-webkit-scrollbar,loro-root::-webkit-scrollbar{width:0;height:0;display:none}@media(max-width:479.99px)and (orientation:portrait){html[data-font-scale=small]{font-size:13px}html[data-font-scale=normal]{font-size:14px}html[data-font-scale=large]{font-size:16px}html,body{height:100%;min-height:var(--app-fill-height);overflow-x:hidden;overflow-y:hidden;background:var(--app-mobile-content-background)}app-root,loro-root{height:var(--app-fill-height);min-height:var(--app-fill-height);overflow:hidden}}body.loro-modal-open .app-shell__mobile-brand,body.loro-modal-open .app-shell__desktop-header,body.loro-modal-open .app-shell__nav,body.loro-modal-open .app-shell__toast-stack{z-index:0;pointer-events:none}img,svg,canvas,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.loro-shell{display:flex;flex:1;flex-direction:column;width:100%;margin-inline:auto;min-height:100vh;min-height:100%}.loro-browser-frame{position:relative;display:flex;flex:1;flex-direction:column;overflow:visible;background:var(--app-shell-background);box-shadow:var(--loro-shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.view-stack{display:flex;min-width:0;flex-direction:column;gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.view-stack::-webkit-scrollbar{width:0;height:0;display:none}.surface-card{border:1px solid var(--loro-border-soft);border-radius:var(--loro-radius-card);background:var(--loro-surface-soft);box-shadow:var(--loro-shadow-soft)}.surface-card--tinted{background:var(--loro-surface-tinted)}.surface-card--muted{background:var(--loro-surface-muted)}.page-hero{padding:1.5rem;border-radius:var(--loro-radius-card-lg)}.page-hero__top{display:flex;flex-direction:column;gap:1rem}.page-hero__eyebrow{margin:0;color:var(--loro-muted);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-hero__title{margin:.5rem 0 0;color:var(--loro-text-strong);font-size:2rem;font-weight:900;line-height:.98}.page-hero__lead{max-width:42rem;margin:.75rem 0 0;color:var(--loro-muted);font-size:1rem;line-height:1.7}.page-hero__actions,.action-row{display:flex;flex-wrap:wrap;gap:.75rem}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:1.1rem;background:var(--loro-surface-muted);color:var(--loro-text);font-size:.875rem;font-weight:800;cursor:pointer;transition:transform .14s ease,background .14s ease,color .14s ease,border-color .14s ease}.action-button:hover,.action-button.is-touch-hover{transform:translateY(-1px)}.action-button--primary{background:linear-gradient(135deg,#6f35ff,#8f58ff);color:#fff;box-shadow:var(--loro-shadow-button)}.action-button--ghost{border-color:var(--loro-border-soft);background:transparent}.action-button--danger{border-color:var(--loro-danger-text);background:var(--loro-danger-surface);color:var(--loro-danger-text)}@supports (color: color-mix(in lab,red,red)){.action-button--danger{border-color:color-mix(in srgb,var(--loro-danger-text) 24%,transparent)}}.action-button[disabled],.action-button--disabled{cursor:not-allowed;transform:none;background:#7b76962e;color:var(--loro-muted);box-shadow:none}.content-grid{display:grid;gap:1.5rem}.card-grid{display:grid;gap:1rem}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-layout{display:grid;gap:1.5rem}.section-block{padding:1.5rem}.section-block__title{margin:0;color:var(--loro-text-strong);font-size:1.125rem;font-weight:900}.section-block__copy{margin:.5rem 0 0;color:var(--loro-muted);font-size:.9375rem;line-height:1.6}.form-grid{display:grid;gap:1rem}.form-field{display:grid;gap:.5rem}.form-field__label{color:var(--loro-text);font-size:.875rem;font-weight:800}.form-input,.form-select{width:100%;min-height:3rem;padding:.85rem 1rem;border:1px solid var(--loro-border-soft);border-radius:1.1rem;background:var(--loro-surface-muted);color:var(--loro-text);outline:none;transition:border-color .14s ease,background .14s ease}.form-input:focus,.form-select:focus{border-color:var(--loro-border-strong);background:var(--loro-surface)}.pill-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;border-radius:var(--loro-radius-pill);background:var(--color-primary);color:var(--color-primary);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}@supports (color: color-mix(in lab,red,red)){.pill-badge{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.metric-box{padding:1rem;border-radius:1.2rem;background:var(--loro-surface-muted);text-align:center}.metric-box__eyebrow{margin:0;color:var(--loro-muted);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.metric-box__value{margin:.5rem 0 0;color:var(--loro-text-strong);font-size:2rem;font-weight:900}.empty-state{padding:3rem 1.5rem;color:var(--loro-muted);text-align:center}.table-shell{overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;min-width:45rem;border-collapse:collapse}.data-table th,.data-table td{padding:1rem 1.25rem}.data-table thead tr{background:var(--loro-surface-muted)}.data-table th{color:var(--loro-muted);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-align:left;text-transform:uppercase}.data-table tbody tr{border-top:1px solid var(--loro-border-soft)}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background:#110c207a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(100%,42rem);padding:1.5rem;border-radius:2rem;background:var(--loro-surface);box-shadow:var(--loro-shadow-panel)}.segmented-control{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}.segmented-control--two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control__button{min-height:3rem;padding:.85rem 1rem;border:1px solid var(--loro-border-soft);border-radius:1rem;background:var(--loro-surface-muted);color:var(--loro-muted);font-weight:800;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.segmented-control__button--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--loro-text-strong)}@supports (color: color-mix(in lab,red,red)){.segmented-control__button--active{border-color:color-mix(in srgb,var(--color-primary) 28%,transparent)}}@supports (color: color-mix(in lab,red,red)){.segmented-control__button--active{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}}@media(min-width:1024px){.page-hero{padding:1.75rem}.page-hero__title{font-size:3rem}.form-grid--two,.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.sidebar-layout{grid-template-columns:minmax(0,1fr) 22rem}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-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;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-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}}}