*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.5}body{font-family:var(--font-body),Georgia,"Times New Roman",serif;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;font-weight:400;overflow-x:hidden}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--accent:#0774e8;--accent-hover:#0562cc;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--card-bg:#fff;--card-hover:#f8fafc;--card-border:#e2e8f0;--shadow:#0000001a;--shadow-lg:#00000026;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.125rem;--radius:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--line-tight:1.25;--line-snug:1.375;--line-normal:1.5;--line-relaxed:1.625;--line-loose:2;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--border:#333;--accent:#0774e8;--accent-hover:#0562cc;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--card-bg:#161616;--card-hover:#1f1f1f;--card-border:#333;--shadow:#0006;--shadow-lg:#0009}.container{width:100%;max-width:1400px;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.w-0{width:0}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.w-1{width:var(--space-1)}.w-2{width:var(--space-2)}.w-3{width:var(--space-3)}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-10{width:var(--space-10)}.w-12{width:var(--space-12)}.w-16{width:var(--space-16)}.w-20{width:var(--space-20)}.w-1-2{width:50%}.w-1-3{width:33.3333%}.w-2-3{width:66.6667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-0{height:0}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-screen{height:100vh}.h-1{height:var(--space-1)}.h-2{height:var(--space-2)}.h-3{height:var(--space-3)}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-10{height:var(--space-10)}.h-12{height:var(--space-12)}.h-16{height:var(--space-16)}.h-20{height:var(--space-20)}.h-32{height:8rem}.h-40{height:10rem}.h-48{height:12rem}.h-56{height:14rem}.h-64{height:16rem}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.font-sans{font-family:var(--font-heading),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.font-serif{font-family:var(--font-body),Georgia,"Times New Roman",serif}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.leading-none{line-height:1}.leading-tight{line-height:var(--line-tight)}.leading-snug{line-height:var(--line-snug)}.leading-normal{line-height:var(--line-normal)}.leading-relaxed{line-height:var(--line-relaxed)}.leading-loose{line-height:var(--line-loose)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-white{color:#fff}.text-black{color:#000}.text-transparent{color:#0000}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--accent)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-transparent{background-color:#0000}.bg-gradient-primary{background:linear-gradient(135deg,var(--accent),#8b5cf6)}.bg-gradient-success{background:linear-gradient(135deg,var(--success),#06b6d4)}.bg-gradient-warm{background:linear-gradient(135deg,#f59e0b,#ef4444)}.bg-linear-primary{background:linear-gradient(135deg,var(--accent),#1d4ed8)}.bg-linear-secondary{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.bg-linear-dark{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-primary{border-color:var(--border)}.border-accent{border-color:var(--accent)}.border-success{border-color:var(--success)}.border-warning{border-color:var(--warning)}.border-error{border-color:var(--error)}.border-transparent{border-color:#0000}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 var(--shadow)}.shadow{box-shadow:0 1px 3px 0 var(--shadow),0 1px 2px 0 var(--shadow)}.shadow-md{box-shadow:0 4px 6px -1px var(--shadow),0 2px 4px -1px var(--shadow)}.shadow-lg{box-shadow:0 10px 15px -3px var(--shadow),0 4px 6px -2px var(--shadow)}.shadow-xl{box-shadow:0 20px 25px -5px var(--shadow),0 10px 10px -5px var(--shadow)}.shadow-2xl{box-shadow:0 25px 50px -12px var(--shadow-lg)}.transition-none{transition:none}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition{transition:color .15s,background-color .15s,border-color .15s,text-decoration-color .15s,fill .15s,stroke .15s}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.transition-opacity{transition:opacity .15s}.transition-shadow{transition:box-shadow .15s}.transition-transform{transition:transform .15s}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))rotate(var(--transform-rotate,0))skewX(var(--transform-skew-x,0))skewY(var(--transform-skew-y,0))scaleX(var(--transform-scale-x,1))scaleY(var(--transform-scale-y,1))}.scale-0{--transform-scale-x:0;--transform-scale-y:0}.scale-50{--transform-scale-x:.5;--transform-scale-y:.5}.scale-75{--transform-scale-x:.75;--transform-scale-y:.75}.scale-90{--transform-scale-x:.9;--transform-scale-y:.9}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.scale-105{--transform-scale-x:1.05;--transform-scale-y:1.05}.scale-110{--transform-scale-x:1.1;--transform-scale-y:1.1}.scale-125{--transform-scale-x:1.25;--transform-scale-y:1.25}.scale-150{--transform-scale-x:1.5;--transform-scale-y:1.5}.rotate-0{--transform-rotate:0deg}.rotate-1{--transform-rotate:1deg}.rotate-2{--transform-rotate:2deg}.rotate-3{--transform-rotate:3deg}.rotate-6{--transform-rotate:6deg}.rotate-12{--transform-rotate:12deg}.rotate-45{--transform-rotate:45deg}.rotate-90{--transform-rotate:90deg}.rotate-180{--transform-rotate:180deg}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right{object-position:right}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.object-top{object-position:top}@media (min-width:640px){.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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))}.sm\:gap-2{gap:var(--space-2)}.sm\:gap-4{gap:var(--space-4)}.sm\:gap-6{gap:var(--space-6)}.sm\:p-4{padding:var(--space-4)}.sm\:p-6{padding:var(--space-6)}.sm\:p-8{padding:var(--space-8)}.sm\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.sm\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.sm\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.sm\:py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.sm\:py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.sm\:py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.sm\:m-4{margin:var(--space-4)}.sm\:m-6{margin:var(--space-6)}.sm\:m-8{margin:var(--space-8)}.sm\:mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.sm\:mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.sm\:mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.sm\:my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.sm\:my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.sm\:my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.sm\:text-sm{font-size:var(--text-sm)}.sm\:text-base{font-size:var(--text-base)}.sm\:text-lg{font-size:var(--text-lg)}.sm\:text-xl{font-size:var(--text-xl)}.sm\:text-2xl{font-size:var(--text-2xl)}.sm\:text-3xl{font-size:var(--text-3xl)}}@media (min-width:768px){.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-4{gap:var(--space-4)}.md\:gap-6{gap:var(--space-6)}.md\:gap-8{gap:var(--space-8)}.md\:p-6{padding:var(--space-6)}.md\:p-8{padding:var(--space-8)}.md\:p-10{padding:var(--space-10)}.md\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.md\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.md\:py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.md\:py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:text-2xl{font-size:var(--text-2xl)}.md\:text-3xl{font-size:var(--text-3xl)}.md\:text-4xl{font-size:var(--text-4xl)}}@media (min-width:1024px){.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-6{gap:var(--space-6)}.lg\:gap-8{gap:var(--space-8)}.lg\:gap-10{gap:var(--space-10)}.lg\:p-8{padding:var(--space-8)}.lg\:p-10{padding:var(--space-10)}.lg\:p-12{padding:var(--space-12)}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.lg\:px-10{padding-left:var(--space-10);padding-right:var(--space-10)}.lg\:py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.lg\:py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.lg\:text-xl{font-size:var(--text-xl)}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:text-3xl{font-size:var(--text-3xl)}.lg\:text-4xl{font-size:var(--text-4xl)}.lg\:text-5xl{font-size:var(--text-5xl)}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:gap-8{gap:var(--space-8)}.xl\:gap-10{gap:var(--space-10)}.xl\:p-10{padding:var(--space-10)}.xl\:p-12{padding:var(--space-12)}.xl\:text-2xl{font-size:var(--text-2xl)}.xl\:text-3xl{font-size:var(--text-3xl)}.xl\:text-4xl{font-size:var(--text-4xl)}.xl\:text-5xl{font-size:var(--text-5xl)}.xl\:text-6xl{font-size:var(--text-6xl)}}.hover\:bg-accent:hover{background-color:var(--accent-hover)}.hover\:bg-secondary:hover{background-color:var(--bg-secondary)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-primary:hover{color:var(--text-primary)}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px var(--shadow),0 4px 6px -2px var(--shadow)}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px var(--shadow),0 10px 10px -5px var(--shadow)}.hover\:scale-105:hover{--transform-scale-x:1.05;--transform-scale-y:1.05}.hover\:scale-110:hover{--transform-scale-x:1.1;--transform-scale-y:1.1}.hover\:-translate-y-1:hover{--transform-translate-y:-.25rem}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--accent)}.focus\:ring-4:focus{box-shadow:0 0 0 4px #3b82f61a}.focus\:border-accent:focus{border-color:var(--accent)}.active\:scale-95:active{--transform-scale-x:.95;--transform-scale-y:.95}.active\:bg-accent:active{background-color:var(--accent-hover)}.btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius);font-weight:var(--font-medium);cursor:pointer;font-size:var(--text-sm);border:none;justify-content:center;align-items:center;line-height:1.25;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;box-shadow:0 1px 2px 0 var(--shadow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#1e40af);box-shadow:0 4px 6px -1px var(--shadow)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--text-base)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 var(--shadow);transition:all .15s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:0 10px 15px -3px var(--shadow),0 4px 6px -2px var(--shadow);border-color:var(--accent)}.card-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--card-border)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--card-border);background-color:var(--bg-secondary)}.form-input{width:100%;padding:var(--space-2)var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);transition:all .15s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-muted)}.form-label{margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:block}.form-group{margin-bottom:var(--space-4)}.alert{padding:var(--space-3)var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid #0000}.alert-success{color:#065f46;background-color:#d1fae5;border-color:#a7f3d0}.alert-warning{color:#92400e;background-color:#fef3c7;border-color:#fcd34d}.alert-error{color:#991b1b;background-color:#fee2e2;border-color:#fca5a5}.alert-info{color:#1e40af;background-color:#dbeafe;border-color:#93c5fd}.badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;display:inline-flex}.badge-primary{background-color:var(--accent);color:#fff}.badge-secondary{background-color:var(--bg-secondary);color:var(--text-secondary)}.badge-success{background-color:var(--success);color:#fff}.badge-warning{background-color:var(--warning);color:#fff}.badge-error{background-color:var(--error);color:#fff}.navbar-fallback{background-color:#071c2e;height:95px}.nav{margin:0;padding:0;list-style:none;display:flex}.nav-item{margin-right:var(--space-4)}.nav-link{padding:var(--space-2)var(--space-3);color:var(--text-secondary);text-decoration:none;transition:color .15s;display:block}.nav-link:hover{color:var(--accent)}.nav-link.active{color:var(--accent);font-weight:var(--font-medium)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-spin{animation:1s linear infinite spin}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}.writer-body{color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.analytics-container{gap:var(--space-6);flex-direction:column;max-width:100%;display:flex;overflow-x:hidden}.analytics-loading-container{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:400px;display:flex}.analytics-loading-spinner{border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite spin}.analytics-loading-text{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.analytics-header{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analytics-header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);align-items:center;gap:var(--space-3);margin:0;display:flex}.analytics-title-icon{width:1.75rem;height:1.75rem;color:var(--accent)}.analytics-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:var(--space-2)0 0 0}.analytics-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.analytics-filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all .15s;display:inline-flex}.analytics-filter-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.analytics-period-select,.analytics-filter-select{padding:var(--space-2)var(--space-3);background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;min-width:120px}.analytics-period-select:focus,.analytics-filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #3b82f61a}.analytics-export-btn,.analytics-refresh-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;transition:all .15s;display:inline-flex}.analytics-export-btn:hover,.analytics-refresh-btn:hover{background:linear-gradient(135deg,var(--accent-hover),#1e40af);transform:translateY(-1px)}.analytics-refresh-btn{padding:var(--space-2);min-width:auto}.analytics-btn-icon{width:1rem;height:1rem}.analytics-filters-panel{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.analytics-filters-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.analytics-filter-group{gap:var(--space-2);flex-direction:column;display:flex}.analytics-filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.analytics-overview-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.analytics-overview-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .15s}.analytics-overview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.analytics-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.analytics-card-icon-wrapper{background:linear-gradient(135deg,var(--accent),#1d4ed8);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.analytics-card-icon{color:#fff;width:1.5rem;height:1.5rem}.analytics-card-change{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);display:flex}.analytics-change-positive{color:#16a34a;background-color:#22c55e1a}.analytics-change-negative{color:#dc2626;background-color:#ef44441a}.analytics-change-icon{width:.875rem;height:.875rem}.analytics-card-content{gap:var(--space-1);flex-direction:column;display:flex}.analytics-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.analytics-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-card-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.analytics-main-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}@media (max-width:1024px){.analytics-main-grid{grid-template-columns:1fr}}.analytics-chart-section{flex-direction:column;display:flex}.analytics-chart-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);height:fit-content}.analytics-chart-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics-chart-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-chart-metrics{gap:var(--space-2);flex-wrap:wrap;display:flex}.analytics-metric-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex}.analytics-metric-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.analytics-metric-active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.analytics-metric-icon{width:1rem;height:1rem}.analytics-chart-container{justify-content:center;align-items:flex-end;height:300px;display:flex}.analytics-simple-chart{align-items:flex-end;gap:var(--space-2);width:100%;max-width:500px;height:250px;display:flex}.analytics-chart-bar{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;height:100%;display:flex}.analytics-chart-bar-fill{background:linear-gradient(135deg,var(--accent),#1d4ed8);border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;min-height:4px;transition:all .3s}.analytics-chart-bar:hover .analytics-chart-bar-fill{background:linear-gradient(135deg,var(--accent-hover),#1e40af)}.analytics-chart-bar-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.analytics-articles-section{flex-direction:column;display:flex}.analytics-articles-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);height:fit-content}.analytics-articles-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.analytics-articles-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-view-all-btn{font-size:var(--text-sm);color:var(--accent);cursor:pointer;font-weight:var(--font-medium);background:0 0;border:none;padding:0}.analytics-view-all-btn:hover{color:var(--accent-hover)}.analytics-articles-list{gap:var(--space-4);flex-direction:column;display:flex}.analytics-article-item{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s;display:flex}.analytics-article-item:hover{border-color:var(--accent);background-color:var(--bg-secondary)}.analytics-article-rank{background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;border-radius:var(--radius-full);width:2rem;height:2rem;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.analytics-article-content{flex:1;min-width:0}.analytics-article-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-2)0;line-height:var(--line-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.analytics-article-meta{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.analytics-article-category,.analytics-article-date,.analytics-article-read-time{font-size:var(--text-xs);color:var(--text-secondary)}.analytics-article-category{background-color:var(--bg-secondary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full)}.analytics-article-stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics-article-stat{align-items:center;gap:var(--space-1);display:flex}.analytics-stat-icon{width:.875rem;height:.875rem;color:var(--text-secondary)}.analytics-article-stat span{font-size:var(--text-xs);color:var(--text-secondary)}.analytics-bottom-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1024px){.analytics-bottom-grid{grid-template-columns:1fr}}.analytics-demographics-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analytics-demographics-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)0}.analytics-demographics-tabs{gap:var(--space-6);flex-direction:column;display:flex}.analytics-demo-section{gap:var(--space-3);flex-direction:column;display:flex}.analytics-demo-section-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.analytics-demo-list{gap:var(--space-3);flex-direction:column;display:flex}.analytics-demo-item{align-items:center;gap:var(--space-3);display:flex}.analytics-demo-info{gap:var(--space-1);flex-direction:column;min-width:120px;display:flex}.analytics-demo-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.analytics-demo-users{font-size:var(--text-xs);color:var(--text-secondary)}.analytics-demo-percentage{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-align:right;min-width:40px}.analytics-demo-bar{background-color:var(--bg-secondary);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.analytics-demo-bar-fill{background:linear-gradient(135deg,var(--accent),#1d4ed8);border-radius:var(--radius-full);height:100%;transition:width .3s}.analytics-performance-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analytics-performance-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)0}.analytics-performance-metrics{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.analytics-performance-metric{gap:var(--space-2);flex-direction:column;display:flex}.analytics-performance-metric-header{align-items:center;gap:var(--space-2);display:flex}.analytics-performance-icon{width:1rem;height:1rem;color:var(--accent)}.analytics-performance-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.analytics-performance-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.analytics-performance-bar{background-color:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.analytics-performance-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.analytics-performance-good{background:linear-gradient(135deg,#22c55e,#16a34a)}.analytics-performance-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.analytics-reading-time{gap:var(--space-3);flex-direction:column;display:flex}.analytics-reading-time-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.analytics-reading-time-chart{gap:var(--space-2);flex-direction:column;display:flex}.analytics-reading-time-item{align-items:center;gap:var(--space-3);display:flex}.analytics-reading-time-range{font-size:var(--text-sm);color:var(--text-primary);min-width:60px}.analytics-reading-time-bar{background-color:var(--bg-secondary);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.analytics-reading-time-bar-fill{background:linear-gradient(135deg,var(--accent),#1d4ed8);border-radius:var(--radius-full);height:100%;transition:width .3s}.analytics-reading-time-percentage{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);text-align:right;min-width:40px}@media (max-width:768px){.analytics-header-content{flex-direction:column;align-items:stretch}.analytics-header-actions{justify-content:space-between}.analytics-overview-grid,.analytics-filters-grid{grid-template-columns:1fr}.analytics-chart-header{flex-direction:column;align-items:stretch}.analytics-chart-metrics{justify-content:center}}.analytics-error-container{min-height:400px;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.analytics-error-card{align-items:center;gap:var(--space-4);background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;flex-direction:column;max-width:400px;display:flex}.analytics-error-icon{width:3rem;height:3rem;color:var(--error)}.analytics-error-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.analytics-error-message{font-size:var(--text-base);color:var(--text-secondary);margin:0}.analytics-error-button{padding:var(--space-3)var(--space-6);background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;transition:all .15s}.analytics-error-button:hover{background:linear-gradient(135deg,var(--accent-hover),#1e40af)}.analytics-date-range{align-items:center;gap:var(--space-2);display:flex}.analytics-quick-ranges{gap:var(--space-2);flex-wrap:wrap;display:flex}.analytics-quick-range-btn{padding:var(--space-1)var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s}.analytics-quick-range-btn:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.analytics-status-section{flex-direction:column;display:flex}.analytics-status-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);height:fit-content}.analytics-status-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.analytics-status-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-status-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.analytics-status-breakdown{gap:var(--space-3);flex-direction:column;display:flex}.analytics-status-item{align-items:center;gap:var(--space-3);display:flex}.analytics-status-color{border-radius:var(--radius-full);flex-shrink:0;width:1rem;height:1rem}.analytics-status-published{background-color:#22c55e}.analytics-status-draft{background-color:#f59e0b}.analytics-status-scheduled{background-color:#3b82f6}.analytics-status-archived{background-color:#6b7280}.analytics-status-label{font-size:var(--text-sm);color:var(--text-primary);flex:1}.analytics-status-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.analytics-articles-table{gap:var(--space-1);flex-direction:column;display:flex}.analytics-table-header{gap:var(--space-3);padding:var(--space-3)var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);grid-template-columns:2fr 1fr 80px 100px 80px;display:grid}.analytics-table-row{gap:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:2fr 1fr 80px 100px 80px;transition:all .15s;display:grid}.analytics-table-row:hover{border-color:var(--accent);background-color:var(--bg-secondary)}.analytics-table-cell{font-size:var(--text-sm);align-items:center;display:flex}.analytics-article-info{flex:1;min-width:0}.analytics-author-name{color:var(--text-primary);font-weight:var(--font-medium)}.analytics-views{font-weight:var(--font-semibold);color:var(--text-primary)}.analytics-status-badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.analytics-status-published{color:#16a34a;background-color:#22c55e1a}.analytics-status-draft{color:#d97706;background-color:#f59e0b1a}.analytics-status-scheduled{color:#2563eb;background-color:#3b82f61a}.analytics-status-archived{color:#6b7280;background-color:#6b72801a}.analytics-authors-section{flex-direction:column;display:flex}.analytics-authors-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);height:fit-content}.analytics-authors-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.analytics-authors-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-authors-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.analytics-authors-list{gap:var(--space-3);flex-direction:column;display:flex}.analytics-author-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;display:flex}.analytics-author-item:hover{border-color:var(--accent);background-color:var(--bg-secondary)}.analytics-author-rank{background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;border-radius:var(--radius-full);width:1.5rem;height:1.5rem;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.analytics-author-info{flex:1;min-width:0}.analytics-author-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-author-email{font-size:var(--text-xs);color:var(--text-secondary);margin:var(--space-1)0}.analytics-author-stats{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.analytics-workflow-section{margin-top:var(--space-6)}.analytics-workflow-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.analytics-workflow-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.analytics-workflow-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.analytics-workflow-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.analytics-workflow-metrics{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.analytics-workflow-metric{gap:var(--space-3);flex-direction:column;display:flex}.analytics-workflow-metric-header{align-items:center;gap:var(--space-2);display:flex}.analytics-workflow-metric-icon{width:1rem;height:1rem;color:var(--accent)}.analytics-workflow-values{gap:var(--space-4);display:flex}.analytics-workflow-value{gap:var(--space-1);flex-direction:column;display:flex}.analytics-workflow-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.analytics-workflow-number{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.analytics-chart-height-0{height:0%}.analytics-chart-height-5{height:5%}.analytics-chart-height-10{height:10%}.analytics-chart-height-15{height:15%}.analytics-chart-height-20{height:20%}.analytics-chart-height-25{height:25%}.analytics-chart-height-30{height:30%}.analytics-chart-height-35{height:35%}.analytics-chart-height-40{height:40%}.analytics-chart-height-45{height:45%}.analytics-chart-height-50{height:50%}.analytics-chart-height-55{height:55%}.analytics-chart-height-60{height:60%}.analytics-chart-height-65{height:65%}.analytics-chart-height-70{height:70%}.analytics-chart-height-75{height:75%}.analytics-chart-height-80{height:80%}.analytics-chart-height-85{height:85%}.analytics-chart-height-90{height:90%}.analytics-chart-height-95{height:95%}.analytics-chart-height-100{height:100%}.analytics-width-0{width:0%}.analytics-width-5{width:5%}.analytics-width-10{width:10%}.analytics-width-15{width:15%}.analytics-width-20{width:20%}.analytics-width-25{width:25%}.analytics-width-30{width:30%}.analytics-width-35{width:35%}.analytics-width-40{width:40%}.analytics-width-45{width:45%}.analytics-width-50{width:50%}.analytics-width-55{width:55%}.analytics-width-60{width:60%}.analytics-width-65{width:65%}.analytics-width-70{width:70%}.analytics-width-75{width:75%}.analytics-width-80{width:80%}.analytics-width-85{width:85%}.analytics-width-90{width:90%}.analytics-width-95{width:95%}.analytics-width-100{width:100%}
:root{--cms-error:#ef4444;--cms-error-light:#fef2f2;--cms-error-border:#fca5a5;--cms-error-dark:#f85149;--cms-success:#10b981;--cms-success-light:#f0fdf4;--cms-success-border:#86efac;--cms-warning:#f59e0b;--cms-warning-light:#fffbeb;--cms-warning-border:#fcd34d;--cms-info:#3b82f6;--cms-info-light:#eff6ff;--cms-info-border:#93c5fd;--cms-field-radius:.625rem;--cms-card-radius:.875rem;--cms-footer-h:72px}[data-theme=dark]{--cms-error-light:#ef444414;--cms-error-border:#ef444459;--cms-success-light:#10b98114;--cms-success-border:#10b98159;--cms-warning-light:#f59e0b14;--cms-warning-border:#f59e0b59;--cms-info-light:#3b82f614;--cms-info-border:#3b82f64d}@keyframes cms-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cms-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cms-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes cms-progress-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cms-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes cms-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.cms-field{flex-direction:column;gap:.375rem;display:flex;position:relative}.cms-field-label{color:var(--writer-text-secondary);letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.cms-field-label .cms-required{color:var(--cms-error);font-size:1rem;line-height:1}.cms-field input,.cms-field textarea,.cms-field select{border-radius:var(--cms-field-radius);transition:border-color .18s,box-shadow .18s,background-color .18s}.cms-field--error input,.cms-field--error textarea,.cms-field--error select{animation:.35s cms-shake;box-shadow:0 0 0 3px #ef444426;border-color:var(--cms-error)!important}.cms-field--success input,.cms-field--success textarea,.cms-field--success select{box-shadow:0 0 0 3px #10b9811f;border-color:var(--cms-success)!important}.cms-field--warning input,.cms-field--warning textarea,.cms-field--warning select{box-shadow:0 0 0 3px #f59e0b1f;border-color:var(--cms-warning)!important}.cms-inline-msg{align-items:flex-start;gap:.375rem;font-size:.8125rem;line-height:1.4;animation:.2s cms-fade-in;display:flex}.cms-inline-msg svg{flex-shrink:0;margin-top:1px}.cms-inline-msg--error{color:var(--cms-error)}.cms-inline-msg--success{color:var(--cms-success)}.cms-inline-msg--warning{color:var(--cms-warning)}.cms-inline-msg--info{color:var(--cms-info)}.cms-error-panel{border-radius:var(--cms-card-radius);border:1px solid var(--cms-error-border);background:var(--cms-error-light);animation:.25s cms-slide-down;overflow:hidden}.cms-error-panel__header{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.875rem 1rem;display:flex}.cms-error-panel__icon{width:1.25rem;height:1.25rem;color:var(--cms-error);flex-shrink:0}.cms-error-panel__title{color:var(--cms-error);flex:1;font-size:.875rem;font-weight:700}.cms-error-panel__badge{background:var(--cms-error);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.cms-error-panel__chevron{width:1rem;height:1rem;color:var(--cms-error);flex-shrink:0;transition:transform .2s}.cms-error-panel__chevron--open{transform:rotate(180deg)}.cms-error-panel__body{flex-direction:column;gap:.375rem;padding:0 1rem .875rem;animation:.2s cms-slide-down;display:flex}.cms-error-panel__item{cursor:pointer;text-align:left;background:#ef44440f;border:1px solid #ef444426;border-radius:.5rem;align-items:flex-start;gap:.5rem;width:100%;padding:.5rem .625rem;transition:background .15s;display:flex}.cms-error-panel__item:hover{background:#ef44441a}.cms-error-panel__item-icon{width:.875rem;height:.875rem;color:var(--cms-error);flex-shrink:0;margin-top:1px}.cms-error-panel__item-field{color:var(--cms-error);min-width:80px;font-size:.8125rem;font-weight:700}.cms-error-panel__item-msg{color:var(--writer-text-secondary);flex:1;font-size:.8125rem}.cms-sticky-footer{z-index:40;border-top:1px solid var(--writer-border);background:var(--writer-bg-primary);-webkit-backdrop-filter:blur(12px);margin-top:1.5rem;position:sticky;bottom:0}[data-theme=dark] .cms-sticky-footer{background:#0d1117eb}.cms-sticky-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.cms-sticky-footer__status{color:var(--writer-text-muted);align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;display:flex}.cms-save-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.cms-save-dot--saving{background:var(--cms-warning);animation:1s infinite cms-pulse-dot}.cms-save-dot--saved{background:var(--cms-success)}.cms-save-dot--error{background:var(--cms-error)}.cms-save-dot--idle{background:var(--writer-border)}.cms-sticky-footer__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.cms-progress-bar{z-index:9999;background:linear-gradient(90deg,var(--cms-info),#8b5cf6);height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.cms-progress-bar:after{content:"";background:#fff6;animation:1.2s infinite cms-progress-slide;position:absolute;inset:0}.cms-btn-v2{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.625rem;outline:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.4;transition:all .18s;display:inline-flex}.cms-btn-v2:focus-visible{box-shadow:0 0 0 3px #3b82f666}.cms-btn-v2:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.cms-btn-v2--primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 1px 3px #2563eb4d}.cms-btn-v2--primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.cms-btn-v2--secondary{background:var(--writer-bg-secondary);color:var(--writer-text-secondary);border-color:var(--writer-border)}.cms-btn-v2--secondary:hover:not(:disabled){background:var(--writer-bg-tertiary);border-color:var(--writer-border-hover);transform:translateY(-1px)}.cms-btn-v2--ghost{color:var(--writer-text-muted);background:0 0;border-color:#0000}.cms-btn-v2--ghost:hover:not(:disabled){background:var(--writer-bg-secondary);color:var(--writer-text-secondary)}.cms-btn-v2--success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 1px 3px #0596694d}.cms-btn-v2--success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #05966966}.cms-btn-v2--sm{padding:.375rem .75rem;font-size:.8125rem}.cms-btn-v2--lg{padding:.625rem 1.25rem;font-size:.9375rem}.cms-form-card{background:var(--writer-bg-primary);border:1px solid var(--writer-border);border-radius:var(--cms-card-radius);padding:1.25rem;transition:border-color .2s}.cms-form-card:focus-within{border-color:var(--writer-border-hover)}.cms-form-header{background:linear-gradient(135deg,var(--writer-bg-secondary),var(--writer-bg-accent));border:1px solid var(--writer-border);border-radius:1rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.cms-skeleton{background:linear-gradient(90deg,var(--writer-bg-tertiary)25%,var(--writer-bg-secondary)50%,var(--writer-bg-tertiary)75%);background-size:400px 100%;border-radius:.5rem;animation:1.4s infinite cms-shimmer}.cms-unsaved-badge{background:var(--cms-warning-light);border:1px solid var(--cms-warning-border);color:var(--cms-warning);white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}@media (max-width:640px){.cms-sticky-footer__inner{flex-direction:column;align-items:stretch}.cms-sticky-footer__actions{flex-direction:column;justify-content:stretch}.cms-btn-v2{justify-content:center;width:100%}.cms-error-panel__item{flex-wrap:wrap}}@keyframes vep-card-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.vep-card{background:#ef44440d;border:1px solid #ef44442e;border-radius:.625rem;align-items:flex-start;gap:.75rem;padding:.75rem .875rem;transition:background .15s,border-color .15s;animation:.22s both vep-card-in;display:flex}.vep-card:hover{background:#ef444417;border-color:#ef44444d}[data-theme=dark] .vep-card{background:#ef444412;border-color:#ef444438}[data-theme=dark] .vep-card:hover{background:#ef44441f}.vep-card__num{background:var(--cms-error);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:1px;font-size:.6875rem;font-weight:800;line-height:1;display:flex}.vep-card__body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.vep-card__field{align-items:center;gap:.3rem;margin-bottom:.1rem;display:flex}.vep-card__emoji{font-size:.875rem;line-height:1}.vep-card__field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cms-error);opacity:.85;font-size:.7rem;font-weight:700}.vep-card__main{color:var(--writer-text-primary);margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.vep-card__sub{color:var(--writer-text-muted);margin:0;font-size:.8rem;line-height:1.4}.vep-card__jump{color:var(--cms-error);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ef444459;border-radius:.375rem;flex-shrink:0;align-self:flex-start;align-items:center;gap:.25rem;margin-top:2px;padding:.3rem .625rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.vep-card__jump:hover{background:var(--cms-error);color:#fff;border-color:var(--cms-error)}.vep-card__jump:focus-visible{outline:2px solid var(--cms-error);outline-offset:2px}@media (max-width:520px){.vep-card{flex-wrap:wrap}.vep-card__jump{justify-content:center;width:100%}}
.auth-page{padding-top:30px;padding-left:var(--space-4);padding-right:var(--space-4);padding-bottom:var(--space-10);box-sizing:border-box;background-color:#0000;justify-content:center;align-items:flex-start;min-height:100vh;display:flex}@media (max-width:480px){.auth-page{padding-bottom:var(--space-6)}}.auth-inner{width:100%;max-width:26rem;padding-top:var(--space-2);transition:max-width .3s}.auth-inner--wide{max-width:37.5rem}.auth-brand{text-align:center;margin-bottom:var(--space-8)}.auth-brand-logo{background:var(--accent);border-radius:var(--radius-2xl);width:3.5rem;height:3.5rem;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 24px #0774e873}.auth-brand-title{color:#fff!important;font-size:var(--text-2xl)!important;font-weight:var(--font-bold)!important;font-family:var(--font-heading),-apple-system,sans-serif!important;line-height:var(--line-tight)!important;margin:0!important}.auth-brand-sub{color:#93c5fd!important;font-size:var(--text-sm)!important;margin-top:var(--space-1)!important;font-family:var(--font-heading),sans-serif!important;font-weight:var(--font-normal)!important;margin-bottom:0!important}.auth-card{border-radius:var(--radius-2xl);background:#fff;overflow:hidden;box-shadow:0 4px 6px -1px #00000012,0 24px 60px -8px #00000073}.auth-card-body{padding:var(--space-6)}@media (max-width:480px){.auth-card-body{padding:var(--space-4)}}.auth-tabs{border-bottom:1px solid #f3f4f6;display:flex}.auth-tab{padding:.9375rem var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-heading),sans-serif;cursor:pointer;color:#9ca3af;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}.auth-tab:hover{color:#374151}.auth-tab--active{color:var(--accent);border-bottom-color:var(--accent);background:#0774e809}.auth-card-title{font-size:var(--text-xl)!important;font-weight:var(--font-semibold)!important;color:#111827!important;font-family:var(--font-heading),sans-serif!important;line-height:var(--line-tight)!important;margin:0!important}.auth-card-sub{font-size:var(--text-sm)!important;color:#6b7280!important;margin-top:var(--space-1)!important;font-family:var(--font-heading),sans-serif!important;font-weight:var(--font-normal)!important;margin-bottom:0!important}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-field{flex-direction:column;display:flex}.auth-label{display:block;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;color:#374151!important;font-family:var(--font-heading),sans-serif!important}.auth-label-row{justify-content:space-between;align-items:baseline;display:flex}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input{border-radius:var(--radius-xl);width:100%;font-size:var(--text-sm);font-family:var(--font-heading),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;line-height:var(--line-normal);appearance:none;background:#fff;border:1.5px solid #e5e7eb;outline:none;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0774e81f}.auth-input::placeholder{color:#d1d5db;font-weight:var(--font-normal)}.auth-input--icon-l{padding-left:2.75rem}.auth-input--icon-r{padding-right:2.75rem}.auth-input--icons{padding-left:2.75rem;padding-right:2.75rem}.auth-input--error{border-color:#f87171;box-shadow:0 0 0 3px #f871711a}.auth-input--success{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.auth-icon{color:#9ca3af;pointer-events:none;align-items:center;font-size:.8125rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.auth-icon-l{left:.9375rem}.auth-icon-r{pointer-events:all;cursor:pointer;background:0 0;border:none;padding:0;right:.9375rem}.auth-icon-r:hover{color:#374151}.auth-hint{font-size:var(--text-xs);color:#9ca3af;margin-top:var(--space-1);font-family:var(--font-heading),sans-serif}.auth-hint--error{color:var(--error)}.auth-hint--success{color:var(--success)}.auth-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-heading),sans-serif;line-height:var(--line-relaxed);display:flex}.auth-alert--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.auth-alert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.auth-alert-icon{flex-shrink:0;margin-top:.125rem}.auth-btn{border-radius:var(--radius-xl);width:100%;font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-heading),sans-serif;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);text-align:center;border:none;padding:.8125rem 1.5rem;line-height:1;transition:background .15s,transform .1s,box-shadow .15s,opacity .15s;display:flex}.auth-btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0774e847}.auth-btn--primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0774e861}.auth-btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0774e847}.auth-btn--primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.auth-btn--ghost{color:#6b7280;background:0 0;border:1.5px solid #e5e7eb}.auth-btn--ghost:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.auth-btn--text{color:#6b7280;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-heading),sans-serif;padding:var(--space-2);cursor:pointer;background:0 0;border:none}.auth-btn--text:hover{color:#374151}.auth-spinner{border-radius:var(--radius-full);border:2px solid #ffffff4d;border-top-color:#fff;flex-shrink:0;width:1rem;height:1rem;animation:.65s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-otp-grid{gap:var(--space-2);justify-content:center;display:flex}.auth-otp-digit{text-align:center;width:3rem;height:3.5rem;font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-heading),"SF Mono",monospace,sans-serif;border-radius:var(--radius-xl);color:#111827;caret-color:var(--accent);appearance:none;background:#f9fafb;border:2px solid #e5e7eb;outline:none;transition:border-color .15s,box-shadow .15s,transform .1s}.auth-otp-digit:focus{border-color:var(--accent);background:#fff;transform:scale(1.06);box-shadow:0 0 0 3px #0774e81f}@media (max-width:480px){.auth-otp-digit{width:2.625rem;height:3.25rem;font-size:var(--text-lg)}}.auth-resend{text-align:center;font-size:var(--text-sm);color:#9ca3af;font-family:var(--font-heading),sans-serif;margin:0}.auth-resend strong{color:#374151;font-weight:var(--font-semibold)}.auth-resend-btn{color:var(--accent);font-weight:var(--font-medium);font-size:var(--text-sm);font-family:var(--font-heading),sans-serif;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.auth-resend-btn:hover{color:var(--accent-hover)}.auth-divider{align-items:center;gap:var(--space-3);color:#d1d5db;font-size:var(--text-xs);font-family:var(--font-heading),sans-serif;text-transform:uppercase;letter-spacing:var(--tracking-wider);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#f3f4f6;flex:1;height:1px}.auth-footer-row{text-align:center;font-size:var(--text-sm);color:#9ca3af;font-family:var(--font-heading),sans-serif;margin:0}.auth-link{color:var(--accent);font-weight:var(--font-semibold);text-decoration:none}.auth-link:hover{text-underline-offset:2px;color:var(--accent-hover);text-decoration:underline}.auth-link--xs{font-size:var(--text-xs);font-weight:var(--font-normal)}.auth-method-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.auth-method-btn{padding:var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-heading),sans-serif;color:#6b7280;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e5e7eb;transition:border-color .15s,color .15s,background .15s}.auth-method-btn--active{border-color:var(--accent);color:var(--accent);background:#0774e80d}.auth-method-btn-hint{font-size:var(--text-xs);font-weight:var(--font-normal);color:#9ca3af;margin-top:.125rem;display:block}.auth-method-btn--active .auth-method-btn-hint{color:#0774e8b3}.auth-progress{margin-bottom:var(--space-8);align-items:center;display:flex}.auth-step{flex:1;align-items:center;display:flex}.auth-step-dot{border-radius:var(--radius-full);width:1.875rem;height:1.875rem;font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-heading),sans-serif;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.auth-step-dot--done{color:#fff;background:#22c55e}.auth-step-dot--active{background:var(--accent);color:#fff}.auth-step-dot--idle{color:#9ca3af;background:#f3f4f6}.auth-step-label{font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-heading),sans-serif;margin-left:var(--space-2);white-space:nowrap;display:none}@media (min-width:480px){.auth-step-label{display:block}}.auth-step-label--active{color:var(--accent)}.auth-step-label--done{color:#22c55e}.auth-step-label--idle{color:#9ca3af}.auth-step-line{height:2px;margin:0 var(--space-2);border-radius:1px;flex:1;transition:background .25s}.auth-step-line--done{background:#22c55e}.auth-step-line--idle{background:#f3f4f6}.auth-icon-circle{border-radius:var(--radius-full);justify-content:center;align-items:center;width:3.25rem;height:3.25rem;font-size:1.25rem;display:inline-flex}.auth-icon-circle--blue{color:var(--accent);background:#eff6ff}.auth-icon-circle--green{color:#22c55e;background:#f0fdf4}.auth-pw-checks{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.auth-pw-check{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-heading),sans-serif;display:flex}.auth-pw-check--ok{color:#16a34a}.auth-pw-check--no{color:#d1d5db}.auth-bottom{margin-top:var(--space-2);padding-top:var(--space-5);gap:var(--space-2);border-top:1px solid #f3f4f6;flex-direction:column;display:flex}.auth-input.auth-textarea{resize:none;height:5rem;padding-top:.75rem;padding-bottom:.75rem}.auth-card-body--center{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.auth-icon-circle--red{color:#dc2626;background:#fef2f2}.auth-icon-circle--mx-auto{margin-left:auto;margin-right:auto;margin-bottom:var(--space-1)}.auth-card-title--mb{margin-bottom:var(--space-5)!important}.auth-alert--mb,.auth-field--mb{margin-bottom:var(--space-5)}.auth-btn--spaced{margin-top:var(--space-2)}.auth-spinner--lg{border-width:3px;border-color:#60a5fa #60a5fa4d #60a5fa4d;width:2.5rem;height:2.5rem}.auth-verify-header{text-align:center;margin-bottom:var(--space-6)}.auth-strong{color:#111827;font-weight:var(--font-semibold)}.auth-label--no-mb{margin-bottom:0!important}.auth-footer-row--xs{font-size:var(--text-xs)}.auth-center{text-align:center}.auth-center--mb2{text-align:center;margin-bottom:var(--space-2)}.auth-resend-btn--xs{font-size:var(--text-xs)!important}.auth-card-sub--mt{margin-top:var(--space-1)!important}.auth-form--center{text-align:center;align-items:center}.auth-icon-circle--center-lg{margin-left:auto;margin-right:auto;margin-bottom:var(--space-4)}.auth-icon-r--static{pointer-events:none!important;cursor:default!important}.auth-icon--green{color:#22c55e}.auth-icon--red{color:#ef4444}.auth-label-optional{color:#9ca3af;font-weight:var(--font-normal)}.auth-verify-email{font-weight:var(--font-semibold);color:#111827;font-size:var(--text-sm);font-family:var(--font-heading),sans-serif}.auth-link--mt{margin-top:var(--space-2);display:inline-block}[data-theme=dark] .auth-card,.dark .auth-card{background:var(--bg-header-color,#0f1419);border:1px solid #ffffff0d;box-shadow:0 8px 32px #00000080}[data-theme=dark] .auth-tabs{border-bottom:2px solid #ffffff1a}[data-theme=dark] .auth-tab{color:#9ca3af}[data-theme=dark] .auth-tab.active{color:#3b82f6}[data-theme=dark] .auth-card-title,.dark .auth-card-title{color:#f9fafb!important}[data-theme=dark] .auth-card-sub,.dark .auth-card-sub{color:#9ca3af!important}[data-theme=dark] .auth-label,.dark .auth-label{color:#e5e7eb}[data-theme=dark] .auth-footer-row,.dark .auth-footer-row{color:#9ca3af}[data-theme=dark] .auth-divider-text,.dark .auth-divider-text{background:var(--bg-header-color,#0f1419);color:#6b7280}.profile-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:1.25rem;margin-bottom:1.125rem;padding:1.5rem 1.75rem;transition:box-shadow .18s,border-color .18s;box-shadow:0 1px 4px #0f172a0d,0 1px 2px #0f172a08}.profile-section:hover{box-shadow:0 4px 12px #0f172a12}.profile-section-header{text-transform:uppercase;letter-spacing:.065em;color:#475569;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.8125rem;font-weight:700;display:flex}.profile-section-icon{border-radius:.5625rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8125rem;display:inline-flex}.profile-section-icon--blue{color:#2563eb;background:#3b82f61f}.profile-section-icon--purple{color:#9333ea;background:#a855f71f}.profile-section-icon--green{color:#059669;background:#10b9811f}.profile-section-icon--amber{color:#d97706;background:#f59e0b1f}.profile-section-icon--rose{color:#dc2626;background:#ef44441a}.profile-grid-2{grid-template-columns:1fr 1fr;display:grid;gap:.875rem!important}@media (max-width:520px){.profile-grid-2{grid-template-columns:1fr}}.profile-input-base{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem 1.0625rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .18s,box-shadow .18s,background .18s}.profile-input-base:hover{border-color:#cbd5e1}.profile-input-base:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.profile-textarea{resize:vertical;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.875rem;width:100%;min-height:5.5rem;padding:.875rem 1.0625rem;font-family:inherit;font-size:.875rem;line-height:1.7;transition:border-color .18s,box-shadow .18s,background .18s}.profile-textarea:hover{border-color:#cbd5e1}.profile-textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.profile-textarea::placeholder{color:#94a3b8}.profile-select{color:#0f172a;cursor:pointer;appearance:none;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right .875rem center no-repeat;border:1.5px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem 2.25rem .75rem 1.0625rem;font-family:inherit;font-size:.875rem;transition:border-color .18s,box-shadow .18s}.profile-select:hover{border-color:#cbd5e1}.profile-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.profile-level-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-top:.5rem;display:grid}.profile-level-btn{color:#475569;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;transition:all .18s;display:flex}.profile-level-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 10px #3b82f61f}.profile-level-btn--active{color:#1d4ed8!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#3b82f6!important;box-shadow:0 3px 10px #3b82f62e!important}.profile-topics-grid{flex-wrap:wrap;gap:.5625rem;display:flex}.profile-topic-pill{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.375rem;font-size:.84375rem;font-weight:500;line-height:1;transition:all .18s;display:inline-flex;padding:.5rem 1.125rem!important}.profile-topic-pill:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.profile-topic-pill--active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#2563eb!important;box-shadow:0 2px 8px #2563eb4d!important}.profile-write-card{color:#475569;cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:1.125rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.875rem;width:100%;min-height:4.75rem;padding:1.125rem 1.375rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profile-write-card-emoji{flex-shrink:0;font-size:1.875rem;line-height:1}.profile-write-card-body{flex-direction:column;gap:.125rem;display:flex}.profile-write-card:before{content:"";opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.profile-write-card:hover{background:#f0f9ff;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f61a}.profile-write-card--yes{color:#166534!important;background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:#22c55e!important;box-shadow:0 4px 16px #22c55e2e!important}.profile-write-card--yes .profile-write-card-body .font-semibold{color:#166534}.profile-write-card--no{color:#334155!important;background:#f1f5f9!important;border-color:#94a3b8!important}.profile-write-card-desc{opacity:.65;margin-top:0;font-size:.75rem;line-height:1.4}.profile-section .auth-field+.auth-field,.profile-section .auth-field+.profile-grid-2,.profile-section .profile-grid-2+.auth-field{margin-top:.875rem}input[type=date].profile-input-base{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] input[type=date].profile-input-base,.dark input[type=date].profile-input-base{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .profile-section,.dark .profile-section{background:#0f172ab3;border-color:#ffffff17;box-shadow:0 1px 4px #00000040}[data-theme=dark] .profile-section:hover,.dark .profile-section:hover{box-shadow:0 4px 16px #00000059}[data-theme=dark] .profile-section-header,.dark .profile-section-header{color:#94a3b8;border-bottom-color:#ffffff0f}[data-theme=dark] .profile-textarea,[data-theme=dark] .profile-select,[data-theme=dark] .profile-input-base,.dark .profile-textarea,.dark .profile-select,.dark .profile-input-base{color:#f1f5f9;background:#0f172ad9;border-color:#ffffff1a}[data-theme=dark] .profile-textarea:hover,[data-theme=dark] .profile-select:hover,[data-theme=dark] .profile-input-base:hover,.dark .profile-textarea:hover,.dark .profile-select:hover,.dark .profile-input-base:hover{border-color:#fff3}[data-theme=dark] .profile-textarea:focus,[data-theme=dark] .profile-select:focus,[data-theme=dark] .profile-input-base:focus,.dark .profile-textarea:focus,.dark .profile-select:focus,.dark .profile-input-base:focus{background:#0f172afa;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .profile-textarea::placeholder,.dark .profile-textarea::placeholder{color:#64748b}[data-theme=dark] .profile-select option,.dark .profile-select option{color:#f1f5f9;background:#1e293b}[data-theme=dark] .profile-level-btn,.dark .profile-level-btn{color:#94a3b8;background:#0f172a99;border-color:#ffffff1a}[data-theme=dark] .profile-level-btn:hover,.dark .profile-level-btn:hover{color:#93c5fd;background:#3b82f61f;border-color:#3b82f6}[data-theme=dark] .profile-topic-pill,.dark .profile-topic-pill{color:#94a3b8;background:#0f172a99;border-color:#ffffff1a}[data-theme=dark] .profile-topic-pill:hover,.dark .profile-topic-pill:hover{color:#93c5fd;background:#3b82f61a;border-color:#3b82f6}[data-theme=dark] .profile-topic-pill--active,.dark .profile-topic-pill--active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}[data-theme=dark] .profile-write-card,.dark .profile-write-card{color:#94a3b8;background:#0f172a99;border-color:#ffffff1a}[data-theme=dark] .profile-write-card:hover,.dark .profile-write-card:hover{background:#1e293bcc;border-color:#fff3}[data-theme=dark] .profile-write-card--yes,.dark .profile-write-card--yes{color:#4ade80!important;background:linear-gradient(135deg,#22c55e1f,#22c55e0f)!important;border-color:#22c55e!important;box-shadow:0 4px 16px #22c55e26!important}[data-theme=dark] .profile-write-card--no,.dark .profile-write-card--no{color:#94a3b8!important;background:#47556933!important;border-color:#475569!important}[data-theme=dark] .profile-level-btn--active,.dark .profile-level-btn--active{color:#93c5fd!important;background:linear-gradient(135deg,#3b82f633,#2563eb26)!important;border-color:#3b82f6!important}[data-theme=dark] .auth-divider:before,.dark .auth-divider:before{background:#ffffff1a}[data-theme=dark] .auth-brand-sub,.dark .auth-brand-sub{color:#d1d5db}.profile-privacy-list{flex-direction:column;display:flex}.profile-toggle-row{border-bottom:1px solid #64748b1f;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.profile-toggle-row--last{border-bottom:none;padding-bottom:0}.profile-toggle-label{color:#1e293b;margin:0;font-size:.875rem;font-weight:500}.profile-toggle-desc{color:#64748b;margin:.125rem 0 0;font-size:.75rem}.profile-toggle-switch{cursor:pointer;background:#cbd5e1;border-radius:999px;outline:none;flex-shrink:0;width:44px;min-width:44px;height:24px;transition:background .2s;position:relative}.profile-toggle-switch:focus-visible{box-shadow:0 0 0 3px #2563eb59}.profile-toggle-switch--on{background:#2563eb}.profile-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.profile-toggle-switch--on .profile-toggle-thumb{transform:translate(20px)}[data-theme=dark] .profile-toggle-label,.dark .profile-toggle-label{color:#e2e8f0}[data-theme=dark] .profile-toggle-desc,.dark .profile-toggle-desc{color:#94a3b8}[data-theme=dark] .profile-toggle-row,.dark .profile-toggle-row{border-bottom-color:#ffffff12}[data-theme=dark] .profile-toggle-switch,.dark .profile-toggle-switch{background:#334155}[data-theme=dark] .profile-toggle-switch--on,.dark .profile-toggle-switch--on{background:#2563eb}
.skeleton-card{animation:1.5s ease-in-out infinite alternate skeleton-pulse}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:100%;height:100%;animation:1.5s infinite skeleton-shimmer}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;margin:8px 0;animation:1.5s infinite skeleton-shimmer}.skeleton-title{width:85%;height:24px}.skeleton-section-title{width:200px;height:32px;margin-bottom:20px}.skeleton-category{width:60px;height:16px;margin-bottom:8px}.skeleton-excerpt,.skeleton-description,.skeleton-description{width:100%;height:16px}.skeleton-author{width:80px;height:14px}.skeleton-date{width:70px;height:14px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.7}}[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-text{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%) 0 0/200% 100%}@media (max-width:768px){.skeleton-title{height:20px}.skeleton-section-title{width:150px;height:28px}.skeleton-excerpt,.skeleton-description,.skeleton-description{height:14px}}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@supports not (-webkit-line-clamp:2){.text-truncate-2{text-overflow:ellipsis;max-height:2.5em;display:block;overflow:hidden}.text-truncate-3{text-overflow:ellipsis;max-height:3.75em;display:block;overflow:hidden}}