@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@theme inline{@keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } }}@utility scroll-fade{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-y{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-x{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-inline: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-t{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); }}@utility scroll-fade-b{--_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-l{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-r{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-s{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-e{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-*{--scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]);}@utility scroll-fade-t-*{--scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]);}@utility scroll-fade-b-*{--scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]);}@utility scroll-fade-s-*{--scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]);}@utility scroll-fade-e-*{--scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]);}@utility scroll-fade-none{--scroll-fade-mask: none;}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@theme inline{@keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }}@utility shimmer{--_spread: var(--shimmer-spread,calc(3ch + 40px)); --_base: currentColor; --_highlight: var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2))); background-image: var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)))); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill,transparent); animation: tw-shimmer var(--shimmer-duration,2s) linear infinite; @variant dark { --_highlight: var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4))); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; }}@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{--shimmer-image: none; --shimmer-text-fill: currentColor;}@utility shimmer-color-*{--shimmer-color: --value(--color, [color]); --shimmer-color: color-mix(in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent);}@utility shimmer-duration-*{--shimmer-duration: calc(--value(integer) * 1ms);}@utility shimmer-spread-*{--shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]);}@utility shimmer-angle-*{--shimmer-angle: calc(--value(integer) * 1deg);}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}
:root{--ink:#17211c;--muted:#748079;--line:#e6e9e6;--green:#0f766e}*{box-sizing:border-box}body{color:var(--ink);background:#fafbf9;margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:238px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 27px;display:flex}.brand>b{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;font:700 21px Georgia;display:grid}.brand strong,.brand span,.person strong,.person span{display:block}.brand strong{font:600 19px Georgia}.brand span{letter-spacing:.12em;color:#89918d;text-transform:uppercase;font-size:9px}.cap{letter-spacing:.12em;color:#9aa19d;margin:5px 12px 8px;font-size:10px;font-weight:700}.connect{margin-top:27px}.sidebar nav button,.navbtn{color:#6d7772;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;font-size:13px;display:flex}.sidebar nav button.active{color:#075e58;background:#e9f4f0;font-weight:700}.navbtn i{color:#176e55;background:#dff3ea;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;font-size:10px;display:grid}.account{margin-top:auto}.person{border-top:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:18px 7px 0;display:grid}.person>b{color:#6b5b49;background:#e9e1d6;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.person strong{font-size:11px}.person span{color:var(--muted);margin-top:3px;font-size:9px}main{grid-column:2;min-width:0}header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);color:#8d9691;background:#fafbf9;border-radius:9px;align-items:center;width:min(420px,39vw);height:38px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;padding:0 9px;font-size:12px}.search kbd{background:#fff;border:1px solid #dfe3df;border-radius:5px;padding:2px 6px;font-size:10px}.header-actions{align-items:center;gap:12px;display:flex}.synced{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.synced i,.connected>i{background:#24a574;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #def4ea}.square{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.menu{display:none}.primary,.outline{border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.primary{background:var(--green);color:#fff;border:0}.outline{border:1px solid var(--line);color:#4e5953;background:#fff}.content{max-width:1480px;margin:auto;padding:34px}.heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.heading small{letter-spacing:.13em;color:#85908b;font-size:9px;font-weight:700}.heading h1{margin:7px 0 0;font:600 30px Georgia}.heading p{color:var(--muted);margin:6px 0 0;font-size:12px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metrics article,.panel{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 1px 2px #14201908}.metrics article{padding:18px}.metrics article>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.metrics article>div i{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.violet{color:#7454a4;background:#f1ecf8}.green{color:#167b58;background:#e8f5ee}.amber{color:#ae6b22;background:#fbf0e3}.blue{color:#3e709e;background:#eaf2fa}.metrics article>strong{margin:9px 0 6px;font:600 24px Georgia;display:block}.metrics article p{color:#89918d;margin:0;font-size:9px}.metrics em{color:#19845f;align-items:center;font-style:normal;font-weight:700;display:inline-flex}.grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.panelhead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panelhead h2{margin:0;font:600 17px Georgia}.panelhead p{color:var(--muted);margin:3px 0 0;font-size:9px}.panelhead button{color:var(--green);background:0 0;border:0;align-items:center;font-size:10px;font-weight:700;display:flex}.product{border-bottom:1px solid #eff1ef;grid-template-columns:44px minmax(170px,1fr) 60px 64px 65px 88px;align-items:center;gap:12px;padding:13px 18px;display:grid}.product:last-child{border:0}.thumb{color:#fff9;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.pname strong,.pname span,.money span,.money b{display:block}.pname strong{font-size:11px}.pname span{color:#87908c;margin-top:5px;font-size:9px}.money span{color:#9aa19d;font-size:8px}.money b{margin-top:3px;font-size:10px}.profit{color:#19845f;font-size:10px}.status{border-radius:20px;width:max-content;padding:5px 7px;font-size:8px;font-weight:700}.pubblicato{color:#197450;background:#e5f5ed}.dapubblicare{color:#68706c;background:#f0f1ef}.prenotato{color:#a76520;background:#fcf0df}.right{flex-direction:column;gap:16px;display:flex}.connector .panelhead{border:0}.vlogo{color:#fff;background:#19a782;border-radius:50%;place-items:center;width:30px;height:30px;font-family:Georgia;display:grid}.connected{background:#f1f8f5;border-radius:9px;grid-template-columns:8px 1fr;gap:10px;margin:0 18px 13px;padding:12px;display:grid}.connected strong,.connected span{display:block}.connected strong{color:#25644d;font-size:10px}.connected span{color:#789084;margin-top:3px;font-size:8px}.event{gap:10px;margin:0 18px 13px;display:flex}.event>i{color:#8f7651;background:#f4f1ea;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.event strong{font-size:10px}.event p{color:var(--muted);margin:3px 0;font-size:9px}.event span{color:#999;font-size:8px}.wide{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 36px);height:34px;margin:0 18px 16px;font-size:9px;font-weight:700;display:flex}.tasks .panelhead>b{background:#edf0ed;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.tasks label{border-bottom:1px solid #eff1ef;grid-template-columns:17px 1fr auto;gap:9px;padding:11px 18px;display:grid}.tasks label:last-child{border:0}.tasks input{accent-color:var(--green)}.tasks label strong,.tasks label small{display:block}.tasks label strong{font-size:9px}.tasks label small{color:#999;margin-top:4px;font-size:8px}.tasks label em{color:#b74f49;background:#fbe9e7;border-radius:8px;height:max-content;padding:4px 6px;font-size:7px;font-style:normal}@media (max-width:1080px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.right{grid-template-columns:1fr 1fr;display:grid}.synced{display:none}}@media (max-width:760px){.shell{display:block}.sidebar{display:none}main{display:block}header{height:62px;padding:0 16px}.menu{display:grid}.search{flex:1;width:auto;margin:0 10px}.search kbd,.header-actions .square,.primary{display:none}.content{padding:23px 16px}.heading{align-items:start}.heading h1{font-size:25px}.outline{padding:0 10px;font-size:0}.metrics{margin-right:-16px;padding-right:16px;display:flex;overflow:auto}.metrics article{min-width:220px}.grid,.right{display:block}.right .panel{margin-top:14px}.product{grid-template-columns:44px 1fr auto}.money,.profit{display:none}.panelhead{padding:16px}.panelhead button{font-size:0}}.sidebar nav a,.navbtn{color:#6d7772;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.sidebar nav a.active{color:#075e58;background:#e9f4f0;font-weight:700}.disabled{opacity:.45;cursor:not-allowed}.person{grid-template-columns:35px minmax(0,1fr) auto}.person strong,.person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person form button{color:#748079;cursor:pointer;background:0 0;border:0;padding:5px}header>div{align-items:center;gap:16px;display:flex}header>div>b{font:600 17px Georgia}header>div>span{color:var(--muted);font-size:10px}a.primary,a.outline{text-decoration:none}.panelhead a{color:var(--green);align-items:center;font-size:10px;font-weight:700;text-decoration:none;display:flex}.thumb{background:#a9b9b1}.draft,.ready{color:#68706c;background:#f0f1ef}.listed{color:#197450;background:#e5f5ed}.reserved{color:#a76520;background:#fcf0df}.sold{color:#3e709e;background:#eaf2fa}.archived{color:#777;background:#eee}.auth-page,.setup-page{background:radial-gradient(circle at 50% 0,#eef7f3,#0000 45%);place-content:center;gap:28px;min-height:100vh;padding:24px;display:grid}.auth-brand{justify-content:center;align-items:center;gap:11px;display:flex}.auth-brand>b{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font:700 22px Georgia;display:grid}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font:600 20px Georgia}.auth-brand span{letter-spacing:.12em;color:#89918d;text-transform:uppercase;font-size:9px}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(420px,100vw - 32px);padding:30px;box-shadow:0 18px 60px #18332a12}.auth-card>small{letter-spacing:.13em;color:#85908b;font-size:9px;font-weight:700}.auth-card h1{margin:8px 0;font:600 28px Georgia}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.6}.auth-card form,.settings-panel form{gap:15px;margin-top:23px;display:grid}.auth-card label,.item-form label,.settings-panel label,.mfa-enroll label{color:#59645e;gap:7px;font-size:10px;font-weight:700;display:grid}.auth-card input,.item-form input,.item-form select,.item-form textarea,.settings-panel input,.mfa-enroll input{width:100%;color:var(--ink);background:#fbfcfb;border:1px solid #dfe4e0;border-radius:8px;outline:none;padding:10px 11px}.auth-card input:focus,.item-form input:focus,.item-form select:focus,.item-form textarea:focus{border-color:#69a398;box-shadow:0 0 0 3px #dff1ec}.auth-card label small,.settings-panel label small{color:var(--muted);font-size:9px;font-weight:400}.auth-submit{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;height:40px;font-size:11px;font-weight:700}.auth-submit:disabled{opacity:.55}.auth-row{text-align:right}.auth-row a,.auth-switch a{color:var(--green);font-size:10px}.auth-switch{text-align:center;margin:20px 0 0!important}.notice{border-radius:9px;margin:14px 0;padding:11px 13px;font-size:11px;line-height:1.5}.notice.error{color:#9b413b;background:#fbeceb;border:1px solid #f4d1ce}.notice.success{color:#176849;background:#eaf6f0;border:1px solid #cae8da}.narrow{max-width:920px}.form-panel{padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.span-2{grid-column:span 2}.form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.form-actions .auth-submit{padding:0 18px}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-state h3{color:var(--ink);margin:12px 0 5px;font:600 18px Georgia}.empty-state p{max-width:360px;margin:0 auto 17px;font-size:11px}.empty-state .primary{display:inline-flex}.empty-compact{text-align:center;color:var(--muted);padding:25px}.empty-compact p{font-size:10px;line-height:1.6}.inventory-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.inventory-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.inventory-card>img,.card-photo{object-fit:cover;width:100%;height:160px}.card-photo{color:#8a9b92;background:#e8eeea;place-items:center;display:grid}.card-body{padding:16px}.card-body>div:first-child{justify-content:space-between;align-items:center;display:flex}.card-body small{color:var(--muted);font-size:9px}.card-body h2{margin:13px 0 5px;font:600 16px Georgia}.card-body>p{color:var(--muted);height:13px;font-size:9px}.card-body dl{grid-template-columns:1fr 1fr;margin:16px 0;display:grid}.card-body dl div{gap:3px;display:grid}.card-body dt{color:#9aa19d;font-size:8px}.card-body dd{margin:0;font-size:11px;font-weight:700}.card-actions{border-top:1px solid var(--line);padding-top:12px;gap:12px!important;display:flex!important}.card-actions a,.card-actions button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:9px;font-weight:700;text-decoration:none;display:flex}.card-actions button{color:#8b6159}.filters{gap:5px;display:flex}.filters a{color:var(--muted);border-radius:7px;padding:7px 10px;font-size:10px;text-decoration:none}.filters a.active{color:var(--green);background:#e9f4f0;font-weight:700}.settings-panel{margin-bottom:16px;padding:24px}.settings-panel h2{margin:0;font:600 18px Georgia}.settings-panel>p{color:var(--muted);font-size:10px}.settings-panel form{max-width:480px}.settings-panel .auth-submit{width:max-content;padding:0 18px}.factor{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.danger{color:#9b413b}.mfa-enroll{gap:14px;max-width:260px;margin-top:18px;display:grid}.mfa-enroll svg{width:180px;height:180px}.setup-page code{background:#f0f2f0;border-radius:4px;padding:2px 5px}@media (max-width:1100px){.inventory-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){header .primary{padding:0 11px;font-size:0;display:flex}.content{padding-bottom:84px}.inventory-cards,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-panel{padding:17px}.inventory-heading{gap:16px;display:grid}.sidebar{z-index:20;border:0;border-top:1px solid var(--line);background:#fff;flex-direction:row;width:100%;height:64px;padding:7px;display:flex;position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar .cap,.sidebar .connect,.sidebar>.navbtn,.sidebar .account{display:none}.sidebar nav{grid-template-columns:1fr 1fr;width:100%;display:grid}.sidebar nav a{justify-content:center;height:48px;display:none}.sidebar nav a:first-child,.sidebar nav a:nth-child(2){display:flex}.shell main{padding-bottom:64px}.outline{font-size:10px}.heading>.outline{display:none}}.loading-page{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;font-size:11px;display:grid}.spinner{border:3px solid #dbe7e2;border-top-color:var(--green);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}