:root{--background:0 0% 100%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:240 5% 96.1%;--popover-foreground:222 47% 11%;--primary:221 83% 53%;--primary-foreground:210 40% 98%;--primary-rgb:37,99,235;--secondary:160 84% 39%;--secondary-foreground:0 0% 100%;--secondary-rgb:16,185,129;--muted:240 5% 96.1%;--muted-foreground:240 4% 46.1%;--accent:240 5% 90%;--accent-foreground:222 47% 11%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 45%;--success-foreground:0 0% 100%;--warning:48 96% 53%;--warning-foreground:38 92% 50%;--border:240 5.9% 90%;--input:0 0% 100%;--ring:221 83% 53%;--radius:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--sidebar-width:280px;--sidebar-width-closed:56px;--topbar-height:57px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.main-content-area{padding:1rem;padding-top:calc(var(--topbar-height) + 1rem);overflow-y:auto;height:100vh;box-sizing:border-box;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:100%}.main-content-shifted{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.form-input,.form-textarea{display:flex;width:100%;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--input));padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.form-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;display:block}.form-group{margin-bottom:1rem}.page-background-gradient{display:none}.page-content-wrapper{position:relative;z-index:1;width:100%;flex-grow:1;min-height:0}.item-list,.page-content-wrapper{display:flex;flex-direction:column}.item-list{gap:.75rem;margin-top:1rem}.item-card{position:relative;background-color:hsl(var(--card));border-radius:var(--radius-lg);border:1px solid hsl(var(--border));transition:all .2s ease-in-out;box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;gap:1rem}.item-card:hover{transform:translateY(-2px);border-color:hsl(var(--primary));box-shadow:var(--shadow-md)}.item-card-content{display:grid;grid-template-areas:"title meta" "description description";grid-template-columns:1fr auto;grid-gap:.2rem 1rem;gap:.2rem 1rem;align-items:baseline;flex-grow:1}.item-card-title{grid-area:title;font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.item-card-description{grid-area:description;font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.4}.item-card-meta{grid-area:meta;justify-self:end;font-size:.82rem;font-weight:400;display:flex;gap:.5em;align-items:center}.item-card-arrow,.item-card-meta{color:hsl(var(--muted-foreground))}.item-card-arrow{transition:transform .2s ease-in-out,color .2s ease-in-out}.item-card:hover .item-card-arrow{color:hsl(var(--primary));transform:translateX(3px)}.article-content-container{padding:1rem;display:flex;flex-direction:column;flex:1 1;min-height:0;overflow-y:auto;gap:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid hsl(var(--border));padding-bottom:1rem}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;color:hsl(var(--foreground))}.analytics-filter-group{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media (max-width:640px){.page-header{flex-direction:column;align-items:flex-start}.analytics-filter-group{flex-direction:column;align-items:stretch}}.filter-container{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-button{padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--muted-foreground));font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.filter-active,.filter-button.filter-active{background-color:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600;box-shadow:var(--shadow-sm)}.spin{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-logo-blue{color:hsl(var(--primary))}.text-logo-green{color:hsl(var(--secondary))}.bg-logo-blue{background-color:hsl(var(--primary))}.bg-logo-green{background-color:hsl(var(--secondary))}.border-logo-blue{border-color:hsl(var(--primary))}.border-logo-green{border-color:hsl(var(--secondary))}@keyframes pulse{0%,to{box-shadow:0 0 0 0 hsl(var(--primary)/.4)}70%{box-shadow:0 0 0 8px hsl(var(--primary)/0)}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);display:flex;flex-direction:column;padding:0;z-index:60;transform:translateX(0);transition:transform .3s ease-in-out;background-color:hsl(var(--popover));border-right:1px solid hsl(var(--border));box-shadow:var(--shadow-sm)}.sidebar-hidden{transform:translateX(-100%)}.sidebar-header{padding-bottom:1rem;margin-bottom:0;border-bottom:1px solid hsl(var(--border))}.sidebar-header-with-toggle{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:var(--topbar-height);padding:0 1.5rem;border-bottom:none;margin-bottom:0}.sidebar-toggle-button:hover{background-color:hsl(var(--accent))}.sidebar-toggle-button-closed{display:flex;align-items:center;justify-content:center}.sidebar-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;font-weight:600}.sidebar-logo-text{font-size:1.25rem}.sidebar-article-title span,.sidebar-logo-link,.sidebar-logo-text,.sidebar-toc-empty,.sidebar-toc-title,.toc-text{white-space:nowrap;opacity:1}.sidebar-content{flex-grow:1;overflow-y:auto;padding:.75rem 1rem;scrollbar-width:thin;scrollbar-color:hsl(var(--muted)) transparent}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:hsl(var(--muted));border-radius:20px}.sidebar-links{gap:.25rem}.sidebar-links,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{padding-top:1.25rem;border-top:1px solid hsl(var(--border));margin-top:1.25rem}.sidebar-section:first-child{border-top:none;margin-top:0;padding-top:0}.sidebar-section-title{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));padding:0 .5rem .5rem;text-transform:uppercase;letter-spacing:.05em}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius);text-decoration:none;color:hsl(var(--foreground));transition:background-color .2s,color .2s;font-size:.9rem;position:relative}.sidebar-link:hover{background-color:hsl(var(--accent)/.7);color:hsl(var(--accent-foreground))}.sidebar-link.sidebar-link-active{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:500;box-shadow:inset 3px 0 0 hsl(var(--primary))}.sidebar-divider{height:1px;background-color:hsl(var(--border));margin:.75rem .5rem;opacity:.7}.sidebar-category{font-size:.7rem;font-weight:600;text-transform:uppercase;color:hsl(var(--muted-foreground));letter-spacing:.05em;padding:.75rem .75rem .25rem}.sidebar-article-layout{display:flex;flex-direction:column;gap:1rem}.sidebar-article-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;padding:.5rem}