*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 105 17% 98%;--foreground: 150 18% 12%;--card: 0 0% 100%;--card-foreground: 150 18% 12%;--popover: 0 0% 100%;--popover-foreground: 150 18% 12%;--primary: 149 43% 28%;--primary-foreground: 0 0% 100%;--secondary: 120 14% 95%;--secondary-foreground: 150 18% 12%;--muted: 120 14% 95%;--muted-foreground: 150 10% 42%;--accent: 120 14% 95%;--accent-foreground: 150 18% 12%;--destructive: 21 82% 46%;--destructive-foreground: 0 0% 100%;--border: 120 10% 86%;--input: 120 10% 86%;--ring: 149 43% 28%;--radius: .75rem;--sidebar-background: 96 19% 96%;--sidebar-foreground: 150 18% 12%;--sidebar-primary: 149 43% 28%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 120 18% 96%;--sidebar-accent-foreground: 150 18% 12%;--sidebar-border: 120 10% 88%;--sidebar-ring: 149 43% 28%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.absolute{position:absolute}.relative{position:relative}.left-2{left:.5rem}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.\!mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.min-h-svh{min-height:100svh}.w-10{width:2.5rem}.w-16{width:4rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[--radix-popper-anchor-width\]{width:var(--radix-popper-anchor-width)}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-32{min-width:8rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border{border-color:hsl(var(--border))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-sidebar-border\/80{border-color:hsl(var(--sidebar-border) / .8)}.bg-background{background-color:hsl(var(--background))}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-background\/90{background-color:hsl(var(--background) / .9)}.bg-muted{background-color:hsl(var(--muted))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-3{padding-bottom:.75rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[11px\]{font-size:11px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.tracking-widest{letter-spacing:.1em}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: #eef3ea;--card: rgba(255, 255, 255, .88);--card-strong: #ffffff;--border: rgba(17, 24, 39, .1);--text: #152218;--muted: #5e6c61;--accent: #1f6b52;--accent-soft: #d9ede4;--danger: #c2410c;--shadow: 0 24px 70px rgba(31, 51, 40, .08)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(152,212,184,.45),transparent 36%),radial-gradient(circle at top right,rgba(255,214,153,.28),transparent 30%),linear-gradient(180deg,#f8fbf7 0%,var(--bg) 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.portal-shell{min-height:100vh;padding:20px}.portal-shell-sidebar{display:grid;grid-template-columns:288px minmax(0,1fr);gap:20px;align-items:start}.portal-content{min-width:0;max-width:1080px}.detail-copy,.page-subtitle,.simple-list-item p,.invoice-row p,.hero-copy{color:var(--muted)}.auth-card h1,.page-heading h2,.invoice-hero h2{margin:0;font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1}.page-title{font-size:clamp(2.2rem,3.4vw,3.5rem);line-height:.95;letter-spacing:-.04em}.eyebrow{margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.auth-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.9rem}.auth-form input{min-width:280px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--card-strong);color:var(--text)}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:14px;padding:12px 16px;cursor:pointer}.primary-button{background:var(--accent);color:#fff}.secondary-button,.ghost-button{background:var(--card-strong);color:var(--text);border:1px solid var(--border)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.panel,.hero-card{background:#ffffffeb;border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 24px #1f33280a}.auth-card{width:min(520px,100%);padding:32px}.auth-copy,.row-label{color:var(--muted)}.auth-form,.stack,.stack-lg,.line-item-list,.content-stack,.simple-list{display:flex;flex-direction:column;gap:18px}.panel{padding:28px}.panel-hero{padding:26px 30px}.panel-compact{padding-block:24px}.panel-header,.page-heading,.invoice-hero,.line-item-row,.invoice-row,.totals-card>div{display:flex;justify-content:space-between;gap:16px}.page-heading-hero{align-items:center}.invoice-hero{align-items:flex-start}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card{min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border-radius:22px}.metric-label{color:var(--muted);font-size:.92rem;font-weight:600}.metric-value{font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.05;letter-spacing:-.02em}.invoice-table{display:flex;flex-direction:column;gap:12px}.invoice-row,.line-item-row{align-items:center;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card-strong)}.invoice-row>div,.line-item-row>div{flex:1}.invoice-link,.back-link{font-weight:700;color:var(--accent)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700}.status-pill-hero{align-self:flex-start;min-height:auto;padding:8px 14px}.status-pill[data-status=UNPAID]{background:#ffe9cf;color:#9a3412}.status-pill[data-status=PAID]{background:#dff3e8;color:#166534}.invoice-summary{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.invoice-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.simple-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:var(--card-strong)}.simple-list-item strong,.invoice-row strong{display:block}.simple-list-item-unit{align-items:center}.unit-id{font-size:1.55rem;line-height:1;letter-spacing:-.03em}.tenant-sidebar-shell{position:sticky;top:20px;height:calc(100vh - 40px);border-radius:24px;box-shadow:0 10px 30px #1f33280a}.totals-card{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.empty-state,.error-banner{padding:22px;border-radius:18px}.empty-state{background:#ffffffb3;border:1px dashed var(--border)}.empty-state.compact{padding:16px}.error-banner{background:#fff2ec;color:var(--danger);border:1px solid rgba(194,65,12,.18)}@media(max-width:980px){.portal-shell-sidebar{grid-template-columns:1fr}.tenant-sidebar-shell{position:static;height:auto;border-radius:16px}.panel-header,.page-heading,.invoice-row,.line-item-row,.simple-list-item{display:flex;flex-direction:column}.invoice-meta-grid,.metric-grid{grid-template-columns:1fr}.auth-form input{min-width:0;width:100%}}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-64{width:16rem}.md\:flex-col{flex-direction:column}.md\:border-r{border-right-width:1px}.md\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.md\:bg-sidebar{background-color:hsl(var(--sidebar-background))}.md\:text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}