:root[data-theme=propdesk-dark]{--background: 240 100% 0%;--foreground: 210 20% 98%;--card: 240 18% 5%;--card-foreground: 210 20% 98%;--popover: 240 18% 5%;--popover-foreground: 210 20% 98%;--primary: 277 47% 83%;--primary-foreground: 0 0% 0%;--secondary: 228 16% 11%;--secondary-foreground: 210 12% 90%;--muted: 225 17% 14%;--muted-foreground: 220 8% 50%;--accent: 277 47% 83%;--accent-foreground: 0 0% 0%;--destructive: 0 100% 74%;--destructive-foreground: 0 0% 100%;--success: 139 72% 71%;--success-foreground: 0 0% 0%;--warning: 42 100% 72%;--warning-foreground: 0 0% 0%;--border: 0 0% 100% / .06;--input: 0 0% 100% / .06;--ring: 277 47% 83%;--color-profit: 139 72% 71%;--color-loss: 0 100% 74%;--color-warning: 42 100% 72%;--color-info: 200 80% 69%;--color-neutral: 220 7% 46%;--color-ring-outer: #5088B0;--color-ring-middle: #D8BFE8;--color-ring-inner: #FFE0CC;--glass-bg: rgba(10, 10, 16, .65);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .7);--glow-gold: rgba(216, 191, 232, .25);--glow-green: rgba(126, 234, 160, .4);--glow-red: rgba(255, 120, 120, .4);--gradient-gold: linear-gradient(135deg, #D8BFE8 0%, #E8D4F4 50%, #D8BFE8 100%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .6);--glass-bg-solid: rgba(10, 10, 16, .92);--glass-bg-hover: rgba(10, 10, 16, .75);--theme-is-dark: 1}:root[data-theme=propdesk-mid]{--background: 224 18% 7%;--foreground: 210 12% 95%;--card: 222 17% 13%;--card-foreground: 210 12% 95%;--popover: 222 17% 13%;--popover-foreground: 210 12% 95%;--primary: 281 32% 76%;--primary-foreground: 0 0% 0%;--secondary: 224 16% 11%;--secondary-foreground: 210 12% 90%;--muted: 222 17% 14%;--muted-foreground: 220 8% 48%;--accent: 281 32% 76%;--accent-foreground: 0 0% 0%;--destructive: 0 65% 72%;--destructive-foreground: 0 0% 100%;--success: 142 38% 68%;--success-foreground: 0 0% 0%;--warning: 42 82% 69%;--warning-foreground: 0 0% 0%;--border: 0 0% 100% / .06;--input: 0 0% 100% / .06;--ring: 281 32% 76%;--color-profit: 142 38% 68%;--color-loss: 0 65% 72%;--color-warning: 42 82% 69%;--color-info: 205 51% 70%;--color-neutral: 220 7% 46%;--color-ring-outer: #4A7A9B;--color-ring-middle: #CAB0D6;--color-ring-inner: #F9E0CA;--glass-bg: rgba(22, 25, 32, .65);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);--glow-gold: rgba(202, 176, 214, .25);--glow-green: rgba(142, 205, 160, .4);--glow-red: rgba(232, 139, 139, .4);--gradient-gold: linear-gradient(135deg, #CAB0D6 0%, #E8D4F4 50%, #CAB0D6 100%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .5);--glass-bg-solid: rgba(22, 25, 32, .92);--glass-bg-hover: rgba(22, 25, 32, .75);--theme-is-dark: 1}:root[data-theme=propdesk-light]{--background: 260 14% 96%;--foreground: 240 30% 14%;--card: 0 0% 100%;--card-foreground: 240 30% 14%;--popover: 0 0% 100%;--popover-foreground: 240 30% 14%;--primary: 272 29% 61%;--primary-foreground: 0 0% 100%;--secondary: 250 8% 91%;--secondary-foreground: 240 30% 20%;--muted: 250 8% 93%;--muted-foreground: 230 8% 40%;--accent: 272 29% 61%;--accent-foreground: 0 0% 100%;--destructive: 0 62% 56%;--destructive-foreground: 0 0% 100%;--success: 146 55% 40%;--success-foreground: 0 0% 100%;--warning: 42 93% 42%;--warning-foreground: 0 0% 0%;--border: 0 0% 0% / .06;--input: 0 0% 0% / .06;--ring: 272 29% 61%;--color-profit: 146 55% 40%;--color-loss: 0 62% 56%;--color-warning: 42 93% 42%;--color-info: 207 60% 49%;--color-neutral: 222 8% 59%;--color-ring-outer: #5E9ABF;--color-ring-middle: #9B7DB8;--color-ring-inner: #E8A878;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06);--glow-gold: rgba(155, 125, 184, .18);--glow-green: rgba(46, 158, 90, .25);--glow-red: rgba(217, 69, 69, .25);--gradient-gold: linear-gradient(135deg, #9B7DB8 0%, #B49AC6 50%, #9B7DB8 100%);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .12);--glass-bg-solid: rgba(255, 255, 255, .92);--glass-bg-hover: rgba(255, 255, 255, .75);--theme-is-dark: 0}:root[data-theme=lavender-dark]{--background: 264 28% 8%;--foreground: 270 18% 95%;--card: 264 25% 11%;--card-foreground: 270 18% 95%;--popover: 264 25% 11%;--popover-foreground: 270 18% 95%;--primary: 277 47% 83%;--primary-foreground: 0 0% 0%;--secondary: 264 26% 14%;--secondary-foreground: 270 15% 88%;--muted: 264 26% 16%;--muted-foreground: 270 11% 49%;--accent: 277 47% 83%;--accent-foreground: 0 0% 0%;--destructive: 0 64% 69%;--destructive-foreground: 0 0% 100%;--success: 142 36% 68%;--success-foreground: 0 0% 0%;--warning: 42 82% 62%;--warning-foreground: 0 0% 0%;--border: 277 47% 83% / .08;--input: 277 47% 83% / .08;--ring: 277 47% 83%;--color-profit: 142 36% 68%;--color-loss: 0 64% 69%;--color-warning: 42 82% 62%;--color-info: 206 52% 70%;--color-neutral: 270 11% 49%;--color-ring-outer: #5A82A6;--color-ring-middle: #D8BFE8;--color-ring-inner: #FFE0CC;--glass-bg: rgba(30, 24, 40, .6);--glass-border: rgba(216, 191, 232, .08);--glass-shadow: 0 8px 32px rgba(10, 6, 18, .45);--glow-gold: rgba(216, 191, 232, .3);--glow-green: rgba(141, 207, 162, .4);--glow-red: rgba(232, 152, 152, .4);--gradient-gold: linear-gradient(135deg, #D8BFE8 0%, #E8D4F4 50%, #D8BFE8 100%);--shadow-card: 0 4px 24px rgba(10, 6, 18, .4);--shadow-card-hover: 0 8px 32px rgba(10, 6, 18, .5);--glass-bg-solid: rgba(30, 24, 40, .92);--glass-bg-hover: rgba(30, 24, 40, .75);--theme-is-dark: 1}:root[data-theme=lavender-mid]{--background: 270 18% 77%;--foreground: 264 45% 13%;--card: 270 20% 85%;--card-foreground: 264 45% 13%;--popover: 270 20% 85%;--popover-foreground: 264 45% 13%;--primary: 272 27% 55%;--primary-foreground: 0 0% 100%;--secondary: 270 18% 80%;--secondary-foreground: 264 45% 18%;--muted: 270 17% 75%;--muted-foreground: 264 30% 35%;--accent: 272 27% 55%;--accent-foreground: 0 0% 100%;--destructive: 0 54% 52%;--destructive-foreground: 0 0% 100%;--success: 146 54% 36%;--success-foreground: 0 0% 100%;--warning: 42 93% 38%;--warning-foreground: 0 0% 0%;--border: 272 35% 48% / .14;--input: 272 35% 48% / .14;--ring: 272 27% 55%;--color-profit: 146 54% 36%;--color-loss: 0 54% 52%;--color-warning: 42 93% 38%;--color-info: 210 60% 45%;--color-neutral: 270 11% 49%;--color-ring-outer: #5488A8;--color-ring-middle: #8B68B0;--color-ring-inner: #D4956A;--glass-bg: rgba(220, 210, 234, .55);--glass-border: rgba(120, 85, 160, .14);--glass-shadow: 0 6px 28px rgba(60, 30, 90, .12);--glow-gold: rgba(139, 104, 176, .28);--glow-green: rgba(42, 142, 80, .25);--glow-red: rgba(204, 62, 62, .25);--gradient-gold: linear-gradient(135deg, #8B68B0 0%, #A07EC4 50%, #8B68B0 100%);--shadow-card: 0 4px 16px rgba(60, 30, 90, .1);--shadow-card-hover: 0 8px 24px rgba(60, 30, 90, .15);--glass-bg-solid: rgba(220, 210, 234, .92);--glass-bg-hover: rgba(220, 210, 234, .75);--theme-is-dark: 0}:root[data-theme=lavender-light]{--background: 270 26% 93%;--foreground: 264 33% 12%;--card: 0 0% 100%;--card-foreground: 264 33% 12%;--popover: 0 0% 100%;--popover-foreground: 264 33% 12%;--primary: 272 29% 61%;--primary-foreground: 0 0% 100%;--secondary: 270 20% 88%;--secondary-foreground: 264 33% 18%;--muted: 270 20% 90%;--muted-foreground: 264 18% 38%;--accent: 272 29% 61%;--accent-foreground: 0 0% 100%;--destructive: 0 62% 56%;--destructive-foreground: 0 0% 100%;--success: 146 55% 40%;--success-foreground: 0 0% 100%;--warning: 42 93% 41%;--warning-foreground: 0 0% 0%;--border: 272 29% 61% / .1;--input: 272 29% 61% / .1;--ring: 272 29% 61%;--color-profit: 146 55% 40%;--color-loss: 0 62% 56%;--color-warning: 42 93% 41%;--color-info: 207 60% 49%;--color-neutral: 270 12% 58%;--color-ring-outer: #5E9ABF;--color-ring-middle: #9B7DB8;--color-ring-inner: #E8A878;--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(155, 125, 184, .1);--glass-shadow: 0 4px 24px rgba(100, 60, 140, .07);--glow-gold: rgba(155, 125, 184, .22);--glow-green: rgba(46, 158, 90, .18);--glow-red: rgba(217, 69, 69, .16);--gradient-gold: linear-gradient(135deg, #9B7DB8 0%, #B49AC6 50%, #9B7DB8 100%);--shadow-card: 0 2px 12px rgba(100, 60, 140, .06);--shadow-card-hover: 0 8px 24px rgba(100, 60, 140, .1);--glass-bg-solid: rgba(255, 255, 255, .92);--glass-bg-hover: rgba(255, 255, 255, .75);--theme-is-dark: 0}:root[data-theme=peach-dark]{--background: 20 23% 8%;--foreground: 20 20% 95%;--card: 20 22% 15%;--card-foreground: 20 20% 95%;--popover: 20 22% 15%;--popover-foreground: 20 20% 95%;--primary: 27 100% 90%;--primary-foreground: 0 0% 0%;--secondary: 20 22% 11%;--secondary-foreground: 20 16% 88%;--muted: 20 22% 17%;--muted-foreground: 20 10% 44%;--accent: 27 100% 90%;--accent-foreground: 0 0% 0%;--destructive: 4 60% 68%;--destructive-foreground: 0 0% 100%;--success: 142 38% 68%;--success-foreground: 0 0% 0%;--warning: 42 82% 69%;--warning-foreground: 0 0% 0%;--border: 27 100% 87% / .07;--input: 27 100% 87% / .07;--ring: 27 100% 90%;--color-profit: 142 38% 68%;--color-loss: 4 60% 68%;--color-warning: 42 82% 69%;--color-info: 205 51% 70%;--color-neutral: 20 10% 44%;--color-ring-outer: #5088B0;--color-ring-middle: #D8BFE8;--color-ring-inner: #FFE0CC;--glass-bg: rgba(34, 26, 21, .65);--glass-border: rgba(255, 220, 190, .07);--glass-shadow: 0 8px 32px rgba(10, 5, 0, .4);--glow-gold: rgba(255, 224, 204, .22);--glow-green: rgba(142, 205, 160, .4);--glow-red: rgba(232, 148, 139, .4);--gradient-gold: linear-gradient(135deg, #FFE0CC 0%, #FFD0B0 50%, #FFE0CC 100%);--shadow-card: 0 4px 24px rgba(10, 5, 0, .4);--shadow-card-hover: 0 8px 32px rgba(10, 5, 0, .5);--glass-bg-solid: rgba(34, 26, 21, .92);--glass-bg-hover: rgba(34, 26, 21, .75);--theme-is-dark: 1}:root[data-theme=peach-mid]{--background: 25 26% 74%;--foreground: 20 23% 9%;--card: 25 24% 82%;--card-foreground: 20 23% 9%;--popover: 25 24% 82%;--popover-foreground: 20 23% 9%;--primary: 22 41% 46%;--primary-foreground: 0 0% 100%;--secondary: 25 26% 70%;--secondary-foreground: 20 23% 14%;--muted: 25 24% 76%;--muted-foreground: 20 16% 34%;--accent: 22 41% 46%;--accent-foreground: 0 0% 100%;--destructive: 5 56% 49%;--destructive-foreground: 0 0% 100%;--success: 146 50% 36%;--success-foreground: 0 0% 100%;--warning: 42 87% 41%;--warning-foreground: 0 0% 0%;--border: 22 45% 38% / .12;--input: 22 45% 38% / .12;--ring: 22 41% 46%;--color-profit: 146 50% 36%;--color-loss: 5 56% 49%;--color-warning: 42 87% 41%;--color-info: 202 49% 46%;--color-neutral: 20 10% 44%;--color-ring-outer: #4A7A9B;--color-ring-middle: #9E8AB0;--color-ring-inner: #D49468;--glass-bg: rgba(240, 228, 216, .55);--glass-border: rgba(160, 100, 60, .12);--glass-shadow: 0 6px 28px rgba(80, 50, 25, .12);--glow-gold: rgba(168, 104, 64, .24);--glow-green: rgba(46, 139, 82, .25);--glow-red: rgba(196, 72, 56, .25);--gradient-gold: linear-gradient(135deg, #A86840 0%, #B87850 50%, #A86840 100%);--shadow-card: 0 4px 16px rgba(80, 50, 25, .1);--shadow-card-hover: 0 8px 24px rgba(80, 50, 25, .15);--glass-bg-solid: rgba(240, 228, 216, .92);--glass-bg-hover: rgba(240, 228, 216, .75);--theme-is-dark: 0}:root[data-theme=peach-light]{--background: 22 32% 95%;--foreground: 20 23% 8%;--card: 0 0% 100%;--card-foreground: 20 23% 8%;--popover: 0 0% 100%;--popover-foreground: 20 23% 8%;--primary: 18 45% 55%;--primary-foreground: 0 0% 100%;--secondary: 22 28% 91%;--secondary-foreground: 20 23% 14%;--muted: 22 28% 93%;--muted-foreground: 25 15% 36%;--accent: 18 45% 55%;--accent-foreground: 0 0% 100%;--destructive: 6 52% 53%;--destructive-foreground: 0 0% 100%;--success: 146 48% 42%;--success-foreground: 0 0% 100%;--warning: 44 72% 45%;--warning-foreground: 0 0% 0%;--border: 18 45% 49% / .08;--input: 18 45% 49% / .08;--ring: 18 45% 55%;--color-profit: 146 48% 42%;--color-loss: 6 52% 53%;--color-warning: 44 72% 45%;--color-info: 202 41% 50%;--color-neutral: 15 5% 54%;--color-ring-outer: #5E9ABF;--color-ring-middle: #B8A4C8;--color-ring-inner: #E8A878;--glass-bg: rgba(255, 252, 249, .68);--glass-border: rgba(200, 122, 80, .08);--glass-shadow: 0 4px 24px rgba(120, 70, 40, .06);--glow-gold: rgba(200, 122, 80, .2);--glow-green: rgba(58, 158, 98, .16);--glow-red: rgba(208, 96, 80, .14);--gradient-gold: linear-gradient(135deg, #C87A50 0%, #D48A60 50%, #C87A50 100%);--shadow-card: 0 2px 12px rgba(120, 70, 40, .06);--shadow-card-hover: 0 8px 24px rgba(120, 70, 40, .1);--glass-bg-solid: rgba(255, 252, 249, .92);--glass-bg-hover: rgba(255, 252, 249, .75);--theme-is-dark: 0}:root[data-theme=slate-dark]{--background: 210 22% 7%;--foreground: 210 17% 93%;--card: 210 18% 13%;--card-foreground: 210 17% 93%;--popover: 210 18% 13%;--popover-foreground: 210 17% 93%;--primary: 207 38% 53%;--primary-foreground: 0 0% 100%;--secondary: 210 19% 10%;--secondary-foreground: 210 15% 88%;--muted: 210 18% 14%;--muted-foreground: 210 14% 42%;--accent: 207 38% 53%;--accent-foreground: 0 0% 100%;--destructive: 0 55% 70%;--destructive-foreground: 0 0% 100%;--success: 150 39% 64%;--success-foreground: 0 0% 0%;--warning: 42 72% 65%;--warning-foreground: 0 0% 0%;--border: 205 32% 64% / .08;--input: 205 32% 64% / .08;--ring: 207 38% 53%;--color-profit: 150 39% 64%;--color-loss: 0 55% 70%;--color-warning: 42 72% 65%;--color-info: 205 54% 67%;--color-neutral: 208 14% 41%;--color-ring-outer: #6BA0C8;--color-ring-middle: #B8A4C8;--color-ring-inner: #E8CDB4;--glass-bg: rgba(20, 26, 32, .6);--glass-border: rgba(128, 170, 200, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glow-gold: rgba(80, 136, 176, .3);--glow-green: rgba(126, 203, 160, .4);--glow-red: rgba(224, 136, 136, .4);--gradient-gold: linear-gradient(135deg, #3D6A8A 0%, #5088B0 50%, #3D6A8A 100%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .5);--glass-bg-solid: rgba(20, 26, 32, .92);--glass-bg-hover: rgba(20, 26, 32, .75);--theme-is-dark: 1}:root[data-theme=slate-mid]{--background: 210 18% 72%;--foreground: 213 26% 12%;--card: 210 18% 83%;--card-foreground: 213 26% 12%;--popover: 210 18% 83%;--popover-foreground: 213 26% 12%;--primary: 204 51% 37%;--primary-foreground: 0 0% 100%;--secondary: 210 18% 75%;--secondary-foreground: 213 26% 16%;--muted: 210 16% 69%;--muted-foreground: 213 18% 32%;--accent: 204 51% 37%;--accent-foreground: 0 0% 100%;--destructive: 0 59% 49%;--destructive-foreground: 0 0% 100%;--success: 155 64% 33%;--success-foreground: 0 0% 100%;--warning: 42 92% 36%;--warning-foreground: 0 0% 0%;--border: 0 0% 100% / .22;--input: 0 0% 100% / .22;--ring: 204 51% 37%;--color-profit: 155 64% 33%;--color-loss: 0 59% 49%;--color-warning: 42 92% 36%;--color-info: 206 58% 43%;--color-neutral: 210 14% 47%;--color-ring-outer: #4A8CC0;--color-ring-middle: #7B62A0;--color-ring-inner: #D08848;--glass-bg: rgba(200, 216, 232, .52);--glass-border: rgba(255, 255, 255, .22);--glass-shadow: 0 6px 28px rgba(20, 40, 65, .14);--glow-gold: rgba(46, 104, 144, .28);--glow-green: rgba(30, 136, 96, .22);--glow-red: rgba(196, 56, 56, .18);--gradient-gold: linear-gradient(135deg, #2E6890 0%, #3878A8 50%, #2E6890 100%);--shadow-card: 0 4px 16px rgba(20, 40, 65, .1);--shadow-card-hover: 0 8px 24px rgba(20, 40, 65, .15);--glass-bg-solid: rgba(200, 216, 232, .92);--glass-bg-hover: rgba(200, 216, 232, .75);--theme-is-dark: 0}:root[data-theme=slate-light]{--background: 210 20% 94%;--foreground: 213 22% 11%;--card: 0 0% 100%;--card-foreground: 213 22% 11%;--popover: 0 0% 100%;--popover-foreground: 213 22% 11%;--primary: 202 48% 44%;--primary-foreground: 0 0% 100%;--secondary: 210 18% 91%;--secondary-foreground: 213 22% 16%;--muted: 210 18% 93%;--muted-foreground: 210 12% 38%;--accent: 202 48% 44%;--accent-foreground: 0 0% 100%;--destructive: 0 55% 52%;--destructive-foreground: 0 0% 100%;--success: 162 55% 37%;--success-foreground: 0 0% 100%;--warning: 44 90% 40%;--warning-foreground: 0 0% 0%;--border: 202 48% 44% / .09;--input: 202 48% 44% / .09;--ring: 202 48% 44%;--color-profit: 162 55% 37%;--color-loss: 0 55% 52%;--color-warning: 44 90% 40%;--color-info: 207 55% 46%;--color-neutral: 210 12% 56%;--color-ring-outer: #5E9ECE;--color-ring-middle: #8B72A8;--color-ring-inner: #D89868;--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(58, 123, 168, .09);--glass-shadow: 0 4px 24px rgba(30, 60, 90, .07);--glow-gold: rgba(58, 123, 168, .22);--glow-green: rgba(42, 146, 110, .16);--glow-red: rgba(201, 64, 64, .14);--gradient-gold: linear-gradient(135deg, #3A7BA8 0%, #4A8BB8 50%, #3A7BA8 100%);--shadow-card: 0 2px 12px rgba(30, 60, 90, .06);--shadow-card-hover: 0 8px 24px rgba(30, 60, 90, .1);--glass-bg-solid: rgba(255, 255, 255, .92);--glass-bg-hover: rgba(255, 255, 255, .75);--theme-is-dark: 0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--glass-blur: 20px;--glass-blur-heavy: 40px;--glass-bg-hover: rgba(28, 31, 40, .75);--glass-bg-solid: rgba(28, 31, 40, .92);--glass-border-hover: hsl(var(--foreground) / .1);--glass-inset: inset 0 1px 0 0 hsl(var(--foreground) / .04);--font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-round: 9999px;--text-primary-opacity: 1;--text-secondary-opacity: .6;--text-tertiary-opacity: .38;--text-disabled-opacity: .22}html,body,#root{height:100%;font-family:var(--font-body);background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}select,select option{color:hsl(var(--foreground));background:hsl(var(--background))}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5}.ambient-orb-1{width:600px;height:600px;top:-15%;left:-10%;background:radial-gradient(circle,var(--glow-gold) 0%,transparent 70%);animation:orb-drift-1 25s ease-in-out infinite}.ambient-orb-2{width:500px;height:500px;bottom:-20%;right:-5%;background:radial-gradient(circle,var(--glow-green) 0%,transparent 70%);animation:orb-drift-2 30s ease-in-out infinite}.ambient-orb-3{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--glow-red) 0%,transparent 70%);animation:orb-drift-3 20s ease-in-out infinite}@keyframes orb-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,8%) scale(1.05)}66%{transform:translate(-3%,-5%) scale(.97)}}@keyframes orb-drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-8%,-6%) scale(1.08)}}@keyframes orb-drift-3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.app-layout{display:flex;height:100vh;position:relative;z-index:1;padding:16px;gap:0}.app-shell{display:flex;flex:1;overflow:hidden;border-radius:var(--radius-2xl);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset)}.sidebar{width:64px;min-width:64px;background:var(--glass-bg-solid);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:6px}.sidebar-logo{width:36px;height:36px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;color:hsl(var(--primary))}.sidebar-logo svg{width:28px;height:28px}.sidebar-item{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .25s ease;position:relative;text-decoration:none;border:none;background:transparent;-webkit-tap-highlight-color:transparent}.sidebar-item-label{display:none}.sidebar-item:hover{color:hsl(var(--foreground));background:hsl(var(--foreground) / .05)}.sidebar-item.active{color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.sidebar-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:hsl(var(--primary));border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--glow-gold)}.sidebar-item svg{width:20px;height:20px}.sidebar-spacer{flex:1}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:6px}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{height:64px;min-height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.header-left{display:flex;align-items:center;gap:20px}.header-brand{font-family:var(--font-display);font-size:18px;font-weight:600;color:hsl(var(--foreground));display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.header-brand svg{width:24px;height:24px;color:hsl(var(--primary))}.header-brand-logo{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.header-brand-name{width:120px;height:26px;background:hsl(var(--primary));mask-image:url(/logo-text.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:right center;-webkit-mask-image:url(/logo-text.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:right center}.header-brand-tagline{width:100px;height:9px;background:hsl(var(--primary) / .6);mask-image:url(/logo-tagline.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:right center;-webkit-mask-image:url(/logo-tagline.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:right center}.header-user{display:flex;align-items:center;gap:20px}.header-actions{display:flex;align-items:center;gap:8px}.header-date{font-size:13px;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:8px;padding:6px 14px;background:hsl(var(--foreground) / .03);border-radius:var(--radius-round);border:1px solid var(--glass-border)}.header-date svg{width:14px;height:14px;opacity:.5}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease;background:transparent;border:none}.icon-btn:hover{color:hsl(var(--foreground));background:hsl(var(--foreground) / .05)}.icon-btn svg{width:18px;height:18px}.btn-primary{font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 20px;border-radius:var(--radius-round);background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{opacity:.85;box-shadow:0 0 24px var(--glow-gold)}.content{flex:1;overflow-y:auto;padding:24px 32px;scrollbar-width:thin;scrollbar-color:hsl(var(--foreground) / .08) transparent}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:hsl(var(--foreground) / .08);border-radius:3px}.content::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground) / .14)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:16px}.bento-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--glass-shadow),var(--glass-inset);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsl(var(--foreground) / .04),hsl(var(--foreground) / 0) 60%);pointer-events:none;border-radius:inherit}.bento-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card-hover),var(--glass-inset);transform:translateY(-1px)}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}.row-2{grid-row:span 2}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.metric-card-title{font-size:13px;font-weight:400;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:8px}.metric-card-title-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px}.metric-value{font-family:var(--font-display);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.metric-value-hero{font-size:48px}.metric-value-large{font-size:36px}.metric-value-medium{font-size:28px}.metric-change{font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.metric-change svg{width:14px;height:14px}.metric-change-up{color:hsl(var(--color-profit))}.metric-change-down{color:hsl(var(--color-loss))}.metric-subtitle{font-size:12px;color:hsl(var(--muted-foreground));margin-top:4px}.tab-group{display:flex;gap:2px;padding:3px;background:hsl(var(--foreground) / .03);border-radius:var(--radius-round);width:-moz-fit-content;width:fit-content}.tab-item{font-family:var(--font-body);font-size:12px;font-weight:500;padding:5px 14px;border-radius:var(--radius-round);color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease;border:none;background:transparent}.tab-item:hover{color:hsl(var(--foreground) / .6)}.tab-item.active{background:hsl(var(--foreground) / .08);color:hsl(var(--foreground))}.badge{font-size:11px;font-weight:500;padding:2px 10px;border-radius:var(--radius-round);display:inline-flex;align-items:center;gap:4px}.badge-primary{background:hsl(var(--primary) / .08);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .15)}.badge-profit{background:hsl(var(--color-profit) / .08);color:hsl(var(--color-profit));border:1px solid hsl(var(--color-profit) / .15)}.badge-loss{background:hsl(var(--color-loss) / .08);color:hsl(var(--color-loss));border:1px solid hsl(var(--color-loss) / .15)}.badge-warning{background:hsl(var(--color-warning) / .08);color:hsl(var(--color-warning));border:1px solid hsl(var(--color-warning) / .15)}.badge-info{background:hsl(var(--color-info) / .08);color:hsl(var(--color-info));border:1px solid hsl(var(--color-info) / .15)}.badge-neutral{background:hsl(var(--foreground) / .04);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--foreground) / .06)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-active{background:hsl(var(--color-profit));box-shadow:0 0 6px var(--glow-green)}.status-dot-warning{background:hsl(var(--color-warning));box-shadow:0 0 6px hsl(var(--color-warning) / .3)}.status-dot-danger{background:hsl(var(--color-loss));box-shadow:0 0 6px var(--glow-red)}.chart-bars{display:flex;align-items:stretch;gap:8px;height:120px;padding-top:8px}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.chart-bar-stack{display:flex;flex-direction:column;gap:2px;width:100%;flex:1;justify-content:flex-end}.chart-bar{width:100%;border-radius:4px 4px 2px 2px;min-height:3px;transition:opacity .2s ease}.chart-bar:hover{opacity:.8}.chart-bar-label{font-size:10px;color:hsl(var(--muted-foreground));white-space:nowrap}.chart-bar-profit{background:hsl(var(--color-profit));opacity:.7}.chart-bar-primary{background:hsl(var(--primary));opacity:.7}.chart-bar-loss{background:hsl(var(--color-loss));opacity:.6}.chart-line-area{height:100px;position:relative;margin:16px 0}.chart-line-svg{width:100%;height:100%}.chart-line-labels{display:flex;justify-content:space-between;font-size:11px;color:hsl(var(--muted-foreground));margin-top:8px}.ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.ring-container svg{transform:rotate(-90deg)}.ring-track{stroke:hsl(var(--foreground) / .06);fill:none}.ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.ring-center{position:absolute;text-align:center}.ring-center-value{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}.ring-center-label{font-size:10px;color:hsl(var(--muted-foreground));margin-top:2px}.donut-card{display:flex;align-items:center;gap:24px}.donut-stats{display:flex;flex-direction:column;gap:8px}.donut-stat-item{display:flex;align-items:baseline;gap:8px}.donut-stat-value{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.donut-stat-label{font-size:11px;color:hsl(var(--muted-foreground))}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table thead th{font-size:11px;font-weight:500;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--glass-border);background:var(--glass-bg-solid);position:sticky;top:0;z-index:1}.data-table td{padding:12px 16px;border-bottom:1px solid hsl(var(--foreground) / .03);font-variant-numeric:tabular-nums;vertical-align:middle}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:hsl(var(--foreground) / .02)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .text-right{text-align:right}.account-row{display:flex;align-items:center;gap:12px}.account-avatar{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.account-name{font-weight:500}.account-id{font-size:11px;color:hsl(var(--muted-foreground));font-family:var(--font-mono)}.bento-card:has(>*>.ai-card),.bento-card:has(>*>.integration-card){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-color:transparent;padding:0}.bento-card:has(>*>.ai-card):before,.bento-card:has(>*>.integration-card):before{display:none}.bento-card:has(>*>.ai-card):hover,.bento-card:has(>*>.integration-card):hover{border-color:transparent;box-shadow:none;transform:none}.ai-card{background:linear-gradient(135deg,hsl(var(--color-info) / .15) 0%,var(--glass-bg) 100%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ai-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card-hover),var(--glass-inset);transform:translateY(-1px)}.ai-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,hsl(var(--color-warning) / .08) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,hsl(var(--primary) / .06) 0%,transparent 50%);pointer-events:none}.ai-card-content{position:relative;z-index:1}.ai-card-title{font-size:22px;font-weight:600;letter-spacing:-.01em}.ai-card-subtitle{font-size:13px;color:hsl(var(--primary));margin-top:2px}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.ai-suggestion{font-size:11px;padding:6px 12px;border-radius:var(--radius-round);background:hsl(var(--foreground) / .06);border:1px solid hsl(var(--foreground) / .08);color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.ai-suggestion:hover{background:hsl(var(--foreground) / .1);color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .15)}.ai-input-area{margin-top:12px;display:flex;align-items:center;gap:8px}.ai-input{flex:1;font-family:var(--font-body);font-size:13px;padding:10px 16px;background:hsl(var(--foreground) / .05);border:1px solid hsl(var(--foreground) / .06);border-radius:var(--radius-round);color:hsl(var(--foreground));outline:none;transition:all .2s ease}.ai-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.ai-input::placeholder{color:hsl(var(--muted-foreground))}.ai-input:focus{border-color:hsl(var(--primary) / .25);background:hsl(var(--foreground) / .07)}.ai-send-btn{width:38px;height:38px;border-radius:50%;background:hsl(var(--primary));border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:hsl(var(--primary-foreground))}.ai-send-btn:hover{opacity:.85;box-shadow:0 0 16px var(--glow-gold)}.ai-send-btn svg{width:16px;height:16px}.integration-card{background:linear-gradient(135deg,hsl(var(--color-warning) / .08) 0%,hsl(var(--primary) / .04) 50%,var(--glass-bg) 100%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.integration-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card-hover),var(--glass-inset);transform:translateY(-1px)}.integration-card:after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at 80% 50%,hsl(var(--color-warning) / .06) 0%,transparent 60%);pointer-events:none}.integration-title{font-size:22px;font-weight:600;font-style:italic;letter-spacing:-.01em}.integration-subtitle{font-size:12px;color:hsl(var(--muted-foreground));margin-top:4px}.integration-source{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid hsl(var(--foreground) / .03)}.integration-source:last-child{border-bottom:none}.integration-source-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.integration-source-name{font-size:12px;flex:1}.integration-source-time{font-size:11px;color:hsl(var(--muted-foreground))}.status-bar{height:36px;min-height:36px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--glass-border);font-size:11px;color:hsl(var(--muted-foreground))}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:16px}.status-bar-item{display:flex;align-items:center;gap:6px}.layout-footer{padding:8px 20px;font-size:11px;color:hsl(var(--muted-foreground) / .75);text-align:center;line-height:1.5;border-top:1px solid hsl(var(--foreground) / .04)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.section-title{font-size:13px;font-weight:500;color:hsl(var(--muted-foreground))}.sparkline-container{height:40px;margin-top:12px}.text-profit{color:hsl(var(--color-profit))}.text-loss{color:hsl(var(--color-loss))}.text-warning{color:hsl(var(--color-warning))}.text-primary-accent{color:hsl(var(--primary))}.text-muted{color:hsl(var(--muted-foreground))}.text-foreground{color:hsl(var(--foreground))}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stagger-1{animation-delay:.05s;opacity:0;animation-fill-mode:forwards}.stagger-2{animation-delay:.1s;opacity:0;animation-fill-mode:forwards}.stagger-3{animation-delay:.15s;opacity:0;animation-fill-mode:forwards}.stagger-4{animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.stagger-5{animation-delay:.25s;opacity:0;animation-fill-mode:forwards}.stagger-6{animation-delay:.3s;opacity:0;animation-fill-mode:forwards}.stagger-7{animation-delay:.35s;opacity:0;animation-fill-mode:forwards}@media (prefers-reduced-motion: reduce){.ambient-orb-1,.ambient-orb-2,.ambient-orb-3,.fade-in{animation:none!important;opacity:1!important}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item.react-grid-placeholder{background:hsl(var(--primary) / .15);border:2px dashed hsl(var(--primary) / .3);border-radius:var(--radius-xl);opacity:1}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid hsl(var(--muted-foreground));border-bottom:2px solid hsl(var(--muted-foreground));opacity:0;transition:opacity .2s ease}.react-grid-item:hover>.react-resizable-handle:after{opacity:.5}@media (max-width: 1200px){.app-layout{padding:8px}.sidebar{width:52px;min-width:52px;padding:16px 0}.sidebar-logo{margin-bottom:16px}.sidebar-item{width:36px;height:36px}.sidebar-item.active:before{left:-6px;height:16px}.header{padding:0 20px}.header-date{display:none}.content{padding:16px 20px}.bento-grid{grid-template-columns:repeat(8,1fr);gap:12px}.bento-card{padding:16px}.metric-value-hero{font-size:38px}.metric-value-large{font-size:28px}.status-bar{padding:0 20px}.icon-btn{width:40px;height:40px}.tab-item{padding:8px 16px}}@media (max-width: 767px){html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;height:100vh;height:calc(var(--vh, 1vh) * 100)}#root{height:100vh;height:calc(var(--vh, 1vh) * 100)}.content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;min-height:0}button,a,[role=button],.icon-btn,.sidebar-item,.mobile-more-item{-webkit-tap-highlight-color:transparent}.icon-btn{min-width:44px;min-height:44px}.app-layout{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:calc(var(--vh, 1vh) * 100);flex-direction:column;padding:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:0;background:hsl(var(--background))}.app-shell{flex-direction:column;border-radius:0}.sidebar{order:2;width:100%;min-width:unset;height:auto;min-height:52px;flex-shrink:0;flex-direction:row;padding:2px 0 0;gap:0;justify-content:space-around;align-items:stretch;border-right:none;border-top:1px solid var(--glass-border);overflow:visible;padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;position:relative}.sidebar-logo,.sidebar-spacer{display:none}.sidebar-bottom{flex-direction:row;gap:0}.sidebar-item{width:auto;min-width:56px;height:auto;flex:1;flex-direction:column;gap:2px;padding:3px 2px 4px;border-radius:0;color:hsl(var(--muted-foreground));transition:color .2s}.sidebar-item.active{color:hsl(var(--primary))}.sidebar-item.active:before{left:50%;top:0;bottom:unset;transform:translate(-50%);width:24px;height:2px;border-radius:0 0 2px 2px}.sidebar-item-label{display:block;font-size:10px;font-weight:500;line-height:1;white-space:nowrap;opacity:.85}.sidebar-item.active .sidebar-item-label{opacity:1;font-weight:600}.mobile-more-menu{position:absolute;bottom:calc(100% + 8px);right:-8px;min-width:200px;background:var(--glass-bg-solid, hsl(var(--background)));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:6px;box-shadow:0 -8px 32px #00000040;z-index:100;animation:mobileMoreIn .15s ease-out}@keyframes mobileMoreIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-more-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;border-radius:var(--radius-md);background:none;color:hsl(var(--foreground));font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.mobile-more-item:active{background:hsl(var(--foreground) / .06)}.mobile-more-item.active{color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.mobile-more-badge{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.main-area{order:1}.header{height:48px;min-height:48px;padding:0 12px}.header-brand,.header-date,.header-brand-logo{display:none}.header-left{flex-shrink:0}.header-actions-desktop-only{display:none!important}.header .icon-btn{width:32px;height:32px}.header .icon-btn svg{width:16px;height:16px}.btn-primary{padding:6px 14px;font-size:12px}.content{padding:12px 16px}.bento-grid{grid-template-columns:1fr;gap:12px}.bento-card{padding:16px;border-radius:var(--radius-lg)}.metric-value-hero{font-size:32px}.metric-value-large{font-size:24px}.metric-value-medium{font-size:22px}.bento-card,.app-shell{backdrop-filter:none;-webkit-backdrop-filter:none}.ambient-bg,.status-bar,.layout-footer{display:none}.data-table{font-size:12px}.data-table thead th{padding:8px 10px;font-size:10px}.data-table td{padding:8px 10px}.account-avatar{width:28px;height:28px;font-size:10px}.ai-card-title{font-size:18px}.ai-suggestions{gap:4px}.ai-suggestion{font-size:10px;padding:5px 10px}.chart-bars{height:80px}.automation-modal-panel{width:100%!important;max-width:100%!important;border-left:none!important}.pwa-install-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:hsl(var(--primary) / .08);border-bottom:1px solid hsl(var(--primary) / .15);font-size:13px;color:hsl(var(--foreground));animation:pwaSlideIn .2s ease-out}@keyframes pwaSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:1px}.pwa-install-text strong{font-size:13px;font-weight:600}.pwa-install-text span{font-size:11px;color:hsl(var(--muted-foreground))}.pwa-install-btn{padding:6px 14px;border:none;border-radius:var(--radius-md);background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pwa-dismiss-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:none;color:hsl(var(--muted-foreground));cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-primary:active,.icon-btn:active{transform:scale(.95);transition:transform 80ms ease}.bento-card:active{transform:scale(.985);transition:transform 80ms ease}.risk-card-action{min-height:44px;-webkit-tap-highlight-color:transparent}.widget-mobile-stack{display:flex;flex-direction:column;gap:12px}.widget-mobile-item{min-height:200px}.widget-mobile-item .bento-card{height:auto;min-height:200px}}@media (min-width: 3440px){.sidebar{width:72px;min-width:72px}.sidebar-item{width:48px;height:48px}.content{padding:32px 48px}.bento-grid{grid-template-columns:repeat(16,1fr);gap:20px}.bento-card{padding:28px}.metric-value-hero{font-size:56px}.metric-value-large{font-size:42px}.header,.status-bar{padding:0 48px}.ambient-orb-1{width:900px;height:900px}.ambient-orb-2{width:750px;height:750px}.ambient-orb-3{width:600px;height:600px}}@media (min-width: 5120px){.bento-grid{grid-template-columns:repeat(24,1fr)}.content{padding:32px 64px;max-width:5120px;margin:0 auto}.metric-value-hero{font-size:64px}.ambient-orb-1{width:1200px;height:1200px}.ambient-orb-2{width:1000px;height:1000px}.ambient-orb-3{width:800px;height:800px}}@media (orientation: portrait) and (min-height: 2000px){.app-layout{flex-direction:column;padding:8px}.app-shell{flex-direction:column}.sidebar{width:100%;min-width:unset;height:56px;min-height:56px;flex-direction:row;padding:0 16px;gap:4px;border-right:none;border-bottom:1px solid var(--glass-border);justify-content:center}.sidebar-logo{margin-bottom:0;margin-right:16px}.sidebar-spacer{display:none}.sidebar-bottom{flex-direction:row;gap:4px;margin-left:16px}.sidebar-item.active:before{left:50%;top:unset;bottom:-8px;transform:translate(-50%);width:20px;height:3px;border-radius:2px 2px 0 0}.content{padding:24px 32px}.bento-grid{grid-template-columns:repeat(8,1fr);gap:16px}.chart-bars{height:180px}.chart-line-area{height:160px}.status-bar{position:sticky;bottom:0}}.widget-container{container-type:size;height:100%}@container (max-height: 140px){.bento-card{padding:16px}.metric-value-hero{font-size:36px}.metric-value-large{font-size:28px}.metric-value-medium{font-size:22px}.metric-change{font-size:11px}.chart-bars{height:90px;gap:4px}.chart-line-area{height:70px;margin:8px 0}.ai-card{padding:16px}.data-table th{padding:8px 12px;font-size:11px}.data-table td{padding:8px 12px;font-size:12px}.section-title{font-size:11px}}@container (max-height: 110px){.bento-card{padding:12px}.metric-value-hero{font-size:28px}.metric-value-large{font-size:22px}.metric-value-medium{font-size:18px}.metric-change{font-size:10px}.metric-change svg{width:10px;height:10px}.chart-bars{height:60px;gap:2px;padding-top:4px}.chart-bar-label{font-size:8px}.chart-line-area{height:50px;margin:4px 0}.ai-card{padding:12px}.data-table th{padding:6px 8px;font-size:10px}.data-table td{padding:6px 8px;font-size:11px}.account-avatar{width:24px;height:24px;font-size:10px}.account-row{gap:8px}.account-id{font-size:9px}.section-title{font-size:10px}}@container (max-height: 80px){.bento-card{padding:8px 10px}.metric-value-hero{font-size:22px}.metric-value-large{font-size:18px}.metric-value-medium{font-size:15px}.metric-change{font-size:9px;gap:2px}.metric-change svg{width:8px;height:8px}.chart-bars{height:40px;gap:1px;padding-top:2px}.chart-bar-label{display:none}.chart-line-area{height:36px;margin:2px 0}.ai-card{padding:8px 10px}.data-table th{padding:4px 6px;font-size:9px}.data-table td{padding:4px 6px;font-size:10px}.account-avatar{width:20px;height:20px;font-size:8px}.account-row{gap:6px}.account-name{font-size:12px}.account-id{display:none}.section-title{font-size:9px}}