@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:300;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:800;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_d56675fc-module__FW0EtW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_d56675fc-module__FW0EtW__variable{--font-inter:"Inter","Inter Fallback"}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{letter-spacing:var(--letter-spacing-tight);font-weight:700}:root{--background:0 0% 100%;--foreground:0 0% 10%;--primary:217 91% 60%;--muted:0 0% 96%;--muted-foreground:0 0% 45%;--border:0 0% 0%;--radius:0px;--bg-dark:#fff;--bg-lighter:#f5f5f5;--bg-glass:#fff;--bg-gradient:#fff;--bg-main:#fff;--bg-primary:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--card-bg:#fff;--card-border:#000;--input-bg:#fff;--input-border:#000;--input-text:#1a1a1a;--topbar-bg:#fff;--sidebar-bg:#f5f5f5;--shadow:4px 4px 0px #000;--danger:#ef4444;--success:#22c55e;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.1rem;--grid-line:1px solid #000}[data-theme=dark]{--background:0 0% 100%;--foreground:0 0% 10%;--border:0 0% 0%;--bg-dark:#fff;--bg-lighter:#f5f5f5;--bg-glass:#fff;--bg-gradient:#fff;--bg-main:#fff;--bg-primary:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--card-bg:#fff;--card-border:#000;--input-bg:#fff;--input-border:#000;--input-text:#1a1a1a;--topbar-bg:#fff;--sidebar-bg:#f5f5f5}html,body{background:var(--bg-gradient);background-color:var(--bg-main);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;padding:0;transition:background-color .4s,color .4s;overflow:hidden auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-full{width:100%}.h-1{height:.25rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-12{height:3rem}.h-14{height:3.5rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.aspect-square{aspect-ratio:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.col-span-full{grid-column:1/-1}.hidden{display:none}.sticky{position:sticky}.top-0{top:0}.top-28{top:7rem}.z-100{z-index:100}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.italic{font-style:italic}.uppercase{text-transform:uppercase}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.border{border:1px solid #000}.border-2{border:2px solid #000}.border-4{border:4px solid #000}.border-b{border-bottom:1px solid #000}.border-b-2{border-bottom:2px solid #000}.border-b-4{border-bottom:4px solid #000}.border-r-2{border-right:2px solid #000}.border-l-2{border-left:2px solid #000}.border-dashed{border-style:dashed}.border-black{border-color:#000}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-green-500{background-color:#22c55e}.text-white{color:#fff}.text-black{color:#000}.text-red-600{color:#dc2626}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-none{box-shadow:none}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.animate-in{animation:.4s ease-out fadeIn}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:hidden{display:none}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-40{padding-top:10rem;padding-bottom:10rem}.md\:text-xs{font-size:.75rem}.md\:text-sm{font-size:.875rem}.md\:text-lg{font-size:1.125rem}.md\:text-2xl{font-size:1.5rem}.md\:text-6xl{font-size:3.75rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:w-auto{width:auto}.md\:w-32{width:8rem}.md\:flex-none{flex:none}.md\:border-b-0{border-bottom-width:0}.md\:border-r-2{border-right-width:2px}.md\:sticky{position:sticky}}@media (min-width:1024px){.lg\:flex-row{flex-direction:row}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:w-\[400px\]{width:400px}.lg\:min-h-\[400px\]{min-height:400px}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.settings-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:5px;margin-bottom:15px;padding-bottom:5px;display:flex}.settings-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;position:relative}.settings-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.settings-tab-btn.active{color:var(--primary)}.settings-tab-btn.active:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;bottom:-5px;left:0}.settings-tab-content{animation:.3s settingsFadeIn;display:none}.settings-tab-content.active{display:block}.integration-card{border:1px solid var(--border);background:#ffffff08;border-radius:12px;align-items:center;gap:20px;margin-bottom:15px;padding:20px;transition:all .2s;display:flex}.integration-card:hover{border-color:var(--primary);background:#ffffff0d}.integration-icon{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.integration-info{flex:1}.integration-info h4{margin:0 0 5px;font-size:15px}.integration-info p{color:var(--text-secondary);margin:0;font-size:12px}.integration-status{background:#ffffff1a;border-radius:6px;padding:4px 8px;font-size:11px}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-card{background:#fff;border:1px solid #000;border-radius:0;padding:24px;transition:all .2s}.premium-card:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #000}.settings-group-title{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;font-weight:800;display:flex}.settings-group-title:after{content:"";background:linear-gradient(90deg,#3b82f64d,#0000);flex:1;height:1px}.category-chip-premium{color:var(--text-primary);cursor:default;background:#0f172a99;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-chip-premium:hover{border-color:var(--primary);background:#3b82f61a;transform:translateY(-2px)}.category-chip-premium .remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .2s;display:flex}.category-chip-premium .remove-btn:hover{color:#fff;background:#ef4444}.settings-btn-save{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;padding:14px 32px;font-weight:800;transition:all .3s;box-shadow:0 10px 20px #3b82f64d}.settings-btn-save:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 15px 30px #3b82f680}.settings-sidebar-item{cursor:pointer;color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;margin-bottom:5px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.settings-sidebar-item:hover{color:var(--text-primary);background:#ffffff0d}.settings-sidebar-item.active{color:var(--primary);background:#3b82f61a;border:1px solid #3b82f633}.input-premium{color:#1a1a1a;background:#fff;border:1px solid #000;border-radius:0;width:100%;padding:14px 18px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:all .2s}.input-premium:focus{background:#fafafa;outline:none;box-shadow:4px 4px #0000001a}[data-theme=glass]{--bg-dark:#0f172a;--bg-lighter:#1e293bb3;--text-primary:#fff;--text-secondary:#e2e8f0;--primary:#60a5fa;--border:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--text-primary);transition:background .3s,color .3s;overflow:hidden visible}.container{flex-direction:column;height:100vh;display:flex}.settings-sidebar-nav .settings-tab-btn{text-align:left;border-radius:8px;width:100%;margin-bottom:5px;padding:12px 15px;font-size:14px}.settings-sidebar-nav .settings-tab-btn.active{color:var(--primary);background:#3b82f61a}.settings-sidebar-nav .settings-tab-btn.active:after{display:none}.panel-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--bg-dark),var(--bg-lighter));padding:30px 20px}.panel-header h1{background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:20px;font-weight:800}.panel-header p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px}.preview-area{background:var(--bg-dark);border:2px dashed var(--border);border-radius:8px;flex:1;margin:20px;position:relative;overflow:hidden}.preview-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.floating-widget{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);cursor:move;text-align:center;-webkit-user-select:none;user-select:none;min-width:100px;max-width:140px;box-shadow:var(--shadow);filter:brightness(.9);border-top:1px solid #ffffff1a;border-radius:12px;padding:12px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s,box-shadow .2s;position:absolute}.floating-widget:hover{filter:brightness(1.1);border-color:var(--primary);transform:scale(1.08);box-shadow:0 20px 40px #0009}.widget-icon,.widget-label,.category-badge{pointer-events:none}.widget-icon{justify-content:center;align-items:center;height:40px;margin-bottom:4px;font-size:24px;display:flex}.widget-label{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;margin-top:4px;font-size:11px;font-weight:600;line-height:1.3;display:block}.form-section{border-bottom:1px solid var(--border);background:var(--bg-lighter);padding:20px}.form-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px}.form-group{margin-bottom:10px}.form-group label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;display:block}.form-group input{background:var(--bg-dark);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:4px;padding:8px 10px;font-family:inherit;font-size:12px}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.button-group{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:4px;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.btn-add{background:linear-gradient(135deg,var(--success),#059669);color:#fff;grid-column:1/-1;box-shadow:0 4px 12px #10b98133}.btn-add:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.widgets-list{flex:1;padding:0;overflow-y:auto}.widget-item{border-bottom:1px solid var(--border);background:var(--bg-dark);align-items:center;gap:10px;padding:12px;transition:background .2s;display:flex}.widget-item:hover{background:var(--bg-lighter)}.widget-item.selected{border-left:3px solid var(--primary);background:#3b82f626;padding-left:9px}.widget-item-icon{text-align:center;min-width:30px;font-size:20px}.widget-item-info{flex:1;min-width:0}.widget-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.widget-item-url{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.widget-item-actions{gap:5px;display:flex}.btn-small{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:11px;display:inline-flex}.btn-small:hover{background:var(--bg-lighter);border-color:var(--primary);transform:translateY(-1px)}.btn-small-primary{background:var(--primary);color:#fff;border:none}.btn-small-danger{background:var(--danger);color:#fff;border:none}.widgets-list::-webkit-scrollbar{width:6px}.widgets-list::-webkit-scrollbar-track{background:var(--bg-dark)}.widgets-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.widgets-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:12px}.empty-state-icon{opacity:.5;margin-bottom:10px;font-size:32px}.keyboard-hints{color:var(--text-secondary);background:#3b82f61a;border-radius:4px;margin:10px 20px 0;padding:10px;font-size:10px;line-height:1.4}.keyboard-hints strong{color:var(--primary)}.btn-primary,.btn-danger,.btn-add{cursor:pointer;border:none;border-radius:8px;font-weight:500;transition:all .2s}.panel-close-btn{width:30px;height:30px;color:var(--text-primary);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:20px;transition:transform .2s;position:absolute;top:15px;right:15px}.panel-close-btn:hover{transform:rotate(90deg)}.floating-windows-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}#floatingWindowsContainer{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}#floatingWindowsContainer .floating-widget{pointer-events:auto}.premium-callout{border:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.premium-callout:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.premium-callout:before{content:"";background:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.premium-callout.success:before{background:var(--success)}.premium-callout.warning:before{background:#f59e0b}.premium-callout.danger:before{background:var(--danger)}.premium-callout.info:before{background:var(--primary)}.premium-steps{border-left:1px solid var(--border);flex-direction:column;gap:2.5rem;margin:2rem 0;padding-left:2.5rem;display:flex;position:relative}.step-item{position:relative}.step-indicator{background:var(--bg-main);border:2px solid var(--primary);width:1.5rem;height:1.5rem;color:var(--primary);z-index:2;box-shadow:0 0 0 4px var(--bg-main);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:0;left:-3.25rem}.step-item h3{color:var(--text-primary);margin-top:0;font-size:1.25rem}.main-header{z-index:500;background:#fff;border-bottom:2px solid #000;align-items:center;height:50px;padding:0 1rem;display:flex}.header-tabs{gap:0;height:100%;display:flex}.tab-btn{color:#666;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;background:0 0;border:none;border-right:1px solid #eee;align-items:center;gap:6px;padding:0 .75rem;font-family:Inter,system-ui,sans-serif;font-size:.65rem;font-weight:700;transition:all .2s;display:flex;position:relative}.tab-btn:hover{color:#000;background:#f5f5f5}.tab-btn.active{color:#fff;background:#000}.tab-btn.active:after{display:none}.tab-btn-accent{color:#fff!important;background:#000!important;font-weight:800!important}.tab-btn-accent:hover{background:#222!important}.nav-dropdown{align-items:center;height:100%;display:flex;position:relative}.nav-dropdown>.tab-btn{height:100%}.nav-dropdown-menu{z-index:600;background:#fff;border:2px solid #000;border-top:none;flex-direction:column;min-width:200px;display:flex;position:absolute;top:100%;left:0;box-shadow:4px 4px #0000001a}.dropdown-item{color:#333;text-transform:uppercase;letter-spacing:.04rem;cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px 16px;font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:all .15s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#000;background:#f5f5f5}.dropdown-item.active{color:#fff;background:#000}.dropdown-divider{background:#e5e5e5;height:2px;margin:0}.mobile-section-label{color:#999;text-transform:uppercase;letter-spacing:.12rem;border-top:2px solid #eee;margin-top:4px;padding:12px 16px 6px;font-family:Inter,system-ui,sans-serif;font-size:.6rem;font-weight:900}.mobile-section-label:first-child{border-top:none;margin-top:0}.mobile-tab-accent{color:#fff!important;background:#000!important;font-weight:800!important}.mobile-tab-accent:hover{background:#222!important}.category-badge{color:var(--primary);background:#3b82f633;border-radius:10px;margin-bottom:4px;padding:2px 6px;font-size:10px;display:inline-block}.pomodoro-widget{background:var(--bg-lighter);border:1px solid var(--border);z-index:500;text-align:center;border-radius:12px;width:180px;padding:15px;position:fixed;bottom:80px;left:20px;box-shadow:0 10px 25px #00000080}.timer-display{color:var(--primary);margin:10px 0;font-family:monospace;font-size:28px;font-weight:700}.timer-controls{justify-content:center;gap:5px;display:flex}.search-container{border-bottom:1px solid var(--border);background:#0000001a;align-items:center;gap:10px;padding:10px 20px;display:flex}.modal-overlay{z-index:3000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#fff;border:2px solid #000;border-radius:0;width:350px;padding:2rem}.modal-content h2{color:#000;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:20px;font-size:1rem;font-weight:900}.modal-content-premium{background:#fff;border:2px solid #000;border-radius:0;max-height:90vh;padding:2rem;overflow-y:auto}.widget-icon img{object-fit:contain;border-radius:6px;width:32px;height:32px}.main-content{flex:1;position:relative;overflow:hidden}.tab-content{width:100%;height:100%;padding:0;display:none;overflow-y:auto}.tab-content.active{flex-direction:column;display:flex}#tab-tasks.active{padding:20px;display:block}.context-menu{background:var(--bg-lighter);border:1px solid var(--border);z-index:5000;border-radius:8px;min-width:150px;padding:5px 0;display:none;position:fixed;box-shadow:0 10px 25px #00000080}.context-menu.active{display:block}.context-menu-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;padding:10px 15px;font-size:13px;transition:background .2s;display:flex}.context-menu-item:hover{background:var(--primary);color:#fff}.context-menu-item.danger:hover{background:var(--danger)}.category-section h4{letter-spacing:.5px;background:linear-gradient(90deg,#3b82f61a,#0000);border-radius:4px;font-family:inherit;padding:8px 12px!important}.trash-bin{z-index:9999;opacity:0;background:#1e293be6;border:2px dashed #475569;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(150%)}.trash-bin.visible{opacity:1;transform:translateY(0)}.trash-bin.active{border-color:var(--danger);background:#dc262633;transform:scale(1.1)}.trash-icon{margin-bottom:5px;font-size:32px;transition:transform .3s}.trash-bin.active .trash-icon{transform:scale(1.2)}.trash-label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:700}.tasks-sidebar{background:var(--bg-lighter);border-left:1px solid var(--border);z-index:100;flex-direction:column;width:320px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tasks-sidebar.collapsed{height:100%;position:absolute;right:0;transform:translate(100%)}.sidebar-header{border-bottom:1px solid var(--border);background:var(--bg-dark);justify-content:space-between;align-items:center;padding:15px;display:flex}.sidebar-header h3{color:var(--text-primary);margin:0;font-size:14px}.mini-close-btn{cursor:pointer;background:0 0;border:none;font-size:14px}.task-item-mini{border-bottom:1px solid var(--border);background:var(--bg-dark);align-items:center;gap:10px;padding:10px 15px;transition:background .2s;display:flex}.task-item-mini:hover{background:var(--bg-lighter)}.task-checkbox-round{border:2px solid var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.task-checkbox-round:hover{border-color:var(--primary)}.task-checkbox-round.checked{background:var(--primary);border-color:var(--primary)}.task-checkbox-round.checked:after{content:"✓";color:#fff;font-size:10px}.task-mini-content{flex:1;min-width:0}.task-mini-title{color:var(--text-primary);margin-bottom:2px;font-size:12px}.task-mini-title.completed{color:var(--text-secondary);text-decoration:line-through}.task-mini-meta{color:var(--text-secondary);font-size:10px}.priority-flag{font-size:10px}.priority-high{color:var(--danger)}.priority-medium{color:var(--primary)}.priority-low{color:var(--success)}.tasks-form-mini{background:var(--bg-lighter);border-bottom:1px solid var(--border);padding:10px 15px}.tasks-form-mini input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;width:100%;padding:6px 10px;font-size:12px}.toggle-tasks-btn{background:var(--bg-lighter);border:1px solid var(--border);cursor:pointer;z-index:90;border-right:none;border-radius:10px 0 0 10px;padding:10px 5px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-5px 0 15px #0003}.shopping-panel{background:var(--bg-lighter);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:16px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.panel-header h3{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.leaflet-btn{background:var(--bg-dark);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 8px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.leaflet-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.leaflet-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.leaflet-status{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:600}.status-active{color:#10b981!important;background:#10b98133!important}.status-ending{color:#f59e0b!important;background:#f59e0b33!important}.status-soon{color:#3b82f6!important;background:#3b82f633!important}.status-inactive{color:#6b7280!important;background:#6b728033!important}.shopping-input-advanced{background:var(--bg-dark);border:2px solid var(--border);color:var(--text-primary);border-radius:12px;outline:none;flex:1;width:100%;padding:14px 50px 14px 16px;font-size:14px;transition:all .2s}.shopping-input-advanced:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.voice-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:all .2s;position:absolute;top:50%;right:170px;transform:translateY(-50%)}.voice-btn:hover{background:#ffffff1a}.voice-btn.recording{color:#ef4444;animation:1.5s infinite pulse}.category-select,.sort-select{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;outline:none;padding:12px 16px;font-size:13px;transition:all .2s}.category-select:hover,.sort-select:hover{border-color:var(--primary)}.suggestions-container{background:var(--bg-lighter);border:1px solid var(--border);border-radius:10px;padding:12px}.suggestion-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.suggestion-item:hover{color:var(--primary);background:#3b82f61a}.suggestion-icon{font-size:20px}.shopping-item-advanced{background:var(--bg-lighter);border:1px solid var(--border);cursor:grab;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px;transition:all .2s;display:flex;position:relative}.shopping-item-advanced:hover{border-color:var(--primary);background:#ffffff0d;transform:translate(4px)}.shopping-item-advanced.dragging{opacity:.5;cursor:grabbing}.product-icon{background:#3b82f61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.product-details{flex-direction:column;flex:1;gap:4px;display:flex}.product-name{color:var(--text-primary);font-size:14px;font-weight:600}.product-meta{color:var(--text-secondary);gap:10px;font-size:11px;display:flex}.product-category-badge{color:var(--primary);background:#3b82f626;border-radius:4px;padding:2px 8px;font-weight:600}.product-quantity{background:#ffffff0d;border-radius:4px;padding:2px 8px}.item-actions-advanced{opacity:0;gap:6px;transition:opacity .2s;display:flex}.shopping-item-advanced:hover .item-actions-advanced{opacity:1}.action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:16px;transition:all .2s}.action-btn:hover{color:var(--text-primary);background:#ffffff1a}.category-filter-btn{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:12px;transition:all .2s;display:flex}.category-filter-btn:hover{border-color:var(--primary);color:var(--text-primary)}.category-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.category-count{background:#fff3;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.history-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:all .2s;display:flex}.history-item:hover{border-color:var(--primary);background:#3b82f61a}.history-icon{font-size:16px}.shared-list-card{background:var(--bg-dark);border:1px solid var(--border);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:12px;transition:all .2s}.shared-list-card:hover{border-color:var(--primary);transform:translateY(-2px)}.shared-list-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shared-list-name{color:var(--text-primary);font-size:13px;font-weight:600}.shared-list-members{color:var(--text-secondary);align-items:center;gap:4px;font-size:10px;display:flex}.leaflet-modal{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.leaflet-modal.active{display:flex}.leaflet-content{background:var(--bg-lighter);border-radius:16px;width:100%;max-width:1200px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.leaflet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.leaflet-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:all .2s}.leaflet-close:hover{background:#ffffff1a}.leaflet-iframe-container{width:100%;height:calc(90vh - 80px);padding:20px}.leaflet-iframe-container iframe{border:none;border-radius:12px;width:100%;height:100%}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:16px;transition:all .2s}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.btn-secondary{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--bg-lighter);border-color:var(--primary);transform:translateY(-2px)}.category-group{margin-bottom:30px}.category-group-header{color:var(--primary);border-bottom:2px solid var(--primary);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.category-group-icon{font-size:20px}.drag-placeholder{border:2px dashed var(--primary);background:#3b82f61a;border-radius:12px;height:70px;margin-bottom:10px}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:18px;padding:0;display:none}.hamburger-line{background:var(--text-primary);transform-origin:1px;border-radius:10px;width:24px;height:2px;transition:all .3s linear;position:relative}.hamburger-line.open:first-child{transform:rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)}.mobile-menu-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0009;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-menu-content{background:#fff;border-right:2px solid #000;flex-direction:column;width:300px;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:absolute;top:0;left:-300px;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu-content{left:0}.mobile-menu-header{color:#000;letter-spacing:.1rem;text-transform:uppercase;border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.7rem;font-weight:900;display:flex}.mobile-tabs{flex-direction:column;gap:0;display:flex}.mobile-tab-btn{color:#1a1a1a;text-align:left;text-transform:uppercase;letter-spacing:.05rem;background:#fff;border:none;border-bottom:1px solid #eee;border-radius:0;align-items:center;gap:.75rem;padding:.85rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.mobile-tab-btn:hover{background:#f5f5f5}.mobile-tab-btn.active{color:#fff;background:#000}.main-footer{z-index:200;background:#fff;border-top:1px solid #000;justify-content:center;align-items:center;height:40px;padding:0 1rem;font-family:Inter,system-ui,sans-serif;display:flex}@media (max-width:768px){.hamburger-btn{display:flex}.desktop-only{display:none!important}.main-header{height:60px;padding:0 20px}.logo-text{font-size:16px!important}.main-content{height:calc(100% - 110px)!important}body{overflow:hidden}.floating-windows-area,.container{height:100vh}.shortcuts-top-bar,.tasks-top-bar{gap:10px!important;padding:10px!important}.settings-container{flex-direction:column!important}.settings-sidebar{border-right:none!important;border-bottom:1px solid var(--border)!important;background:var(--sidebar-bg)!important;width:100%!important;padding:20px!important}.settings-sidebar-nav{flex-direction:row!important;gap:10px!important;padding-bottom:10px!important;display:flex!important;overflow-x:auto!important}.settings-sidebar-item{white-space:nowrap!important;margin-bottom:0!important;padding:10px 15px!important}.settings-main{padding:20px!important}.premium-card{padding:15px!important}}@media (min-width:769px){.mobile-menu-overlay{display:none}.settings-sidebar{width:280px!important}.mobile-only{display:none!important}}.tasks-main-container{background:#0a0f1c;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tasks-sidebar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:200;background:#0f172a99;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-toggle-btn{background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;cursor:pointer;z-index:1000;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;right:-15px;transform:translateY(-50%);box-shadow:0 4px 15px #0006}.sidebar-toggle-btn:hover{background:var(--primary-hover);transform:translateY(-50%)scale(1.15);box-shadow:0 6px 20px #3b82f666}.tasks-sidebar.full{width:280px}.tasks-sidebar.minimal{width:80px}.tasks-sidebar.collapsed,.tasks-sidebar.hidden{border-right:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:0!important}.tasks-sidebar.hidden{pointer-events:none}.tasks-sidebar.hidden .sidebar-toggle-btn{pointer-events:auto}.tasks-sidebar.collapsed .sidebar-toggle-btn,.tasks-sidebar.hidden .sidebar-toggle-btn{right:-16px}.canvas-area-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.project-header-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:101;background:#3b82f60d;border-bottom:1px solid #3b82f61a;align-items:center;gap:15px;padding:15px 25px;transition:all .3s;display:flex}.project-header-premium h2{margin:0;font-size:18px}@media (max-width:768px){.tasks-sidebar{width:85%;max-width:320px;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #00000080}.tasks-sidebar.full{transform:translate(0)}.tasks-sidebar.hidden,.tasks-sidebar.minimal{transform:translate(-100%)}.sidebar-toggle-btn{top:20px;right:-40px;transform:none}.sidebar-toggle-btn.active{background:#ffffff1a;top:15px;right:15px}.project-header-premium{gap:10px;padding:10px 15px}.project-header-premium h2{font-size:16px}.tasks-top-bar{padding:10px}.input-premium{padding:10px 15px 10px 40px}}@media (min-width:769px){.tasks-sidebar.hidden{width:0}.tasks-sidebar.minimal{width:80px}.sidebar-minimal-content,.tasks-sidebar.minimal .sidebar-full-content{display:none}.tasks-sidebar.minimal .sidebar-minimal-content{background:#0f172a66;flex-direction:column;align-items:center;width:80px;height:100%;padding:20px 0;display:flex;overflow-y:auto}}.sidebar-full-content,.sidebar-minimal-content{transition:opacity .2s;overflow:hidden}.tasks-sidebar.collapsed .sidebar-full-content,.tasks-sidebar.collapsed .sidebar-minimal-content,.tasks-sidebar.hidden .sidebar-full-content,.tasks-sidebar.hidden .sidebar-minimal-content{opacity:0!important;display:none!important}.sidebar-overlay{z-index:150;background:#00000080;display:none;position:absolute;inset:0}@media (max-width:768px){.sidebar-overlay.active{display:block}.tasks-sidebar.minimal{width:85%;transform:translate(-100%)}.tasks-sidebar.minimal.full{transform:translate(0)}.tasks-sidebar.minimal .sidebar-full-content{display:flex;width:100%!important}.tasks-sidebar.minimal .sidebar-minimal-content{display:none}}.connection-dot{opacity:.2;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.floating-windows-area:hover .connection-dot{opacity:.6}.connection-dot:hover{z-index:20;box-shadow:0 0 15px;opacity:1!important;transform:scale(1.6)!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3}.modal-content-premium{background:#0f172af2;border:1px solid #ffffff1a;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premium-input-group{flex-direction:column;gap:8px;display:flex}.premium-input-group label{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-left:4px;font-size:11px;font-weight:600}.premium-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:14px;transition:all .2s}.premium-input:focus{background:#00000080;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.premium-input:hover:not(:focus){background:#0006;border-color:#fff3}.premium-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .2s}.premium-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px #3b82f699}.premium-btn-secondary{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.premium-btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff3}