*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0b1120;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#273548;--bg-code:#0d1117;--bg-tag:#6366f126;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f14d;--accent-secondary:#06b6d4;--accent-secondary-glow:#06b6d433;--border:#334155;--border-light:#94a3b81a;--glass-bg:#1e293b66;--glass-bg-hover:#1e293b99;--glass-border:#ffffff0d;--glass-border-hover:#ffffff1a;--glass-shadow:0 4px 20px #0000001a;--glass-shadow-hover:0 20px 40px #00000026;--nav-glass-bg:#0f172abf;--nav-link-hover:#ffffff0d;--nav-link-active:#6366f126;--hero-glow-1:#6366f11a;--hero-glow-2:#06b6d414;--gradient-hero:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a78bfa 100%);--gradient-card:linear-gradient(145deg,#1e293b 0%,#0b1120 100%);--gradient-text:linear-gradient(135deg,#6366f1,#a78bfa);--cat-spfx:#3b82f6;--cat-power:#f59e0b;--cat-sharepoint:#10b981;--cat-m365:#ec4899;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.25;--lh-normal:1.5;--lh-relaxed:1.75;--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:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--max-width:1200px;--max-width-content:800px;--header-height:64px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-code:#f1f5f9;--bg-tag:#6366f11a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e533;--accent-secondary:#0891b2;--accent-secondary-glow:#0891b226;--border:#e2e8f0;--border-light:#0f172a0d;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffe6;--glass-border:#0f172a0d;--glass-border-hover:#0f172a1a;--glass-shadow:0 4px 20px #94a3b81a;--glass-shadow-hover:0 20px 40px #94a3b826;--nav-glass-bg:#ffffffd9;--nav-link-hover:#0f172a0d;--nav-link-active:#4f46e51a;--hero-glow-1:#6366f10f;--hero-glow-2:#8b5cf60f;--gradient-card:linear-gradient(145deg,#fff 0%,#f8fafc 100%);--gradient-text:linear-gradient(135deg,#4f46e5,#7c3aed)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-wrapper{top:var(--space-4);z-index:100;width:100%;padding:0 var(--space-4);pointer-events:none;justify-content:center;display:flex;position:sticky}.header{pointer-events:auto;width:100%;max-width:var(--max-width);height:var(--header-height);border-radius:var(--radius-full);background:var(--nav-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);align-items:center;margin:0;padding:0;display:flex;box-shadow:0 4px 20px #0000000d}.header__inner{width:100%;height:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.header__logo{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.header__logo-accent{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header__nav{align-items:center;gap:var(--space-8);display:flex}.header__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;text-decoration:none;position:relative}.header__link:hover{color:var(--text-primary);background:var(--nav-link-hover)}.header__link--active{color:var(--text-primary);background:var(--nav-link-active)}.header__link--active:after{content:none}.header__burger{color:var(--text-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}.header__burger-icon{width:24px;height:2px;transition:background var(--transition-fast);background:currentColor;display:block;position:relative}.header__burger-icon:before,.header__burger-icon:after{content:"";width:100%;height:2px;transition:transform var(--transition-base);background:currentColor;position:absolute;left:0}.header__burger-icon:before{top:-7px}.header__burger-icon:after{bottom:-7px}@media (max-width:768px){.header__nav{top:var(--header-height);background:var(--bg-primary);padding:var(--space-8)var(--space-6);gap:var(--space-6);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base);flex-direction:column;position:fixed;left:0;right:0;transform:translateY(-100%)}.header__nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.header__burger{display:block}}.home-hero{padding:var(--space-20)0 var(--space-12)}.home-hero__grid{gap:var(--space-16);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.home-hero__wave{margin-bottom:var(--space-4);transform-origin:70% 70%;font-size:2.5rem;animation:2.5s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.home-hero__title{font-size:clamp(2rem,4vw,3rem);font-weight:var(--fw-extrabold);margin-bottom:var(--space-6);letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}.gradient-text{background:linear-gradient(135deg,var(--accent)0%,#8b5cf6 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero__desc{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-8);max-width:480px}.home-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:.625rem 1.5rem;text-decoration:none;display:inline-flex}.home-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow)}.home-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.home-btn--outline{color:var(--text-primary);border-color:var(--border);background:0 0}.home-btn--outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.expertise{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8)}.expertise__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5)}.expertise__grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.expertise__pill{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;display:flex}.expertise__pill:hover{border-color:var(--accent);background:var(--bg-card);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.expertise__icon{font-size:1.1rem}.home-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.featured-card{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-xl);color:inherit;transition:all var(--transition-base);text-decoration:none;display:flex}.featured-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.featured-card__content{flex:1}.featured-card__cat{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:inline-block}.featured-card__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin-bottom:var(--space-3);color:var(--text-primary)}.featured-card__excerpt{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-3);max-width:600px}.featured-card__meta{font-size:var(--fs-xs);color:var(--text-muted)}.featured-card__action{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);white-space:nowrap;transition:transform var(--transition-fast)}.featured-card:hover .featured-card__action{transform:translate(4px)}.stats-ribbon{justify-content:center;gap:var(--space-16);padding:var(--space-8)0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);display:flex}.stats-ribbon__item{text-align:center}.stats-ribbon__number{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:1;display:block}.stats-ribbon__label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.home-cta{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-10);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex}.home-cta__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.home-cta__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}@media (max-width:768px){.home-hero{padding:var(--space-12)0 var(--space-8)}.home-hero__grid{gap:var(--space-8);grid-template-columns:1fr}.home-hero__title{font-size:var(--fs-2xl)}.expertise__grid{grid-template-columns:1fr 1fr}.featured-card{flex-direction:column;align-items:flex-start}.featured-card__action{align-self:flex-end}.stats-ribbon{gap:var(--space-8)}.home-cta{text-align:center;padding:var(--space-8);flex-direction:column}}.section{padding:var(--space-16)0}.section__header{margin-bottom:var(--space-10);justify-content:space-between;align-items:center;display:flex}.section__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.section__link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--accent);align-items:center;gap:var(--space-1);display:flex}.section__link:hover{color:var(--accent-hover)}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.blog-grid:hover>.blog-card:not(:hover),.projects-grid:hover>.project-card:not(:hover),.tools-grid:hover>.tool-card:not(:hover){opacity:.6;filter:grayscale(30%)}@media (max-width:768px){.blog-grid{gap:var(--space-6);grid-template-columns:1fr}}.blog-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--glass-border-hover);color:inherit;transform:translateY(-6px)}.blog-card__image{object-fit:cover;background:var(--gradient-card);width:100%;height:140px}.blog-card__image--placeholder{color:#fff;background:linear-gradient(135deg,var(--hero-glow-1)0%,var(--hero-glow-2)100%);justify-content:center;align-items:center;height:140px;font-size:2rem;display:flex;position:relative;overflow:hidden}.blog-card__image--placeholder:before{content:"";background:linear-gradient(135deg,transparent 40%,var(--hero-glow-1)100%);transition:opacity var(--transition-base);position:absolute;inset:0}.blog-card:hover .blog-card__image--placeholder:before{opacity:.5}.blog-card__body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.blog-card__category{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.blog-card__category--spfx{color:var(--cat-spfx);background:#3b82f626}.blog-card__category--power-platform{color:var(--cat-power);background:#f59e0b26}.blog-card__category--sharepoint{color:var(--cat-sharepoint);background:#10b98126}.blog-card__category--microsoft-365{color:var(--cat-m365);background:#ec489926}.blog-card__date{font-size:var(--fs-xs);color:var(--text-muted)}.blog-card__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-3);color:var(--text-primary)}.blog-card__excerpt{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);flex:1}.blog-card__footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.blog-card__read-time{font-size:var(--fs-xs);color:var(--text-muted)}.blog-card__arrow{color:var(--accent);font-size:var(--fs-sm);transition:transform var(--transition-fast)}.blog-card:hover .blog-card__arrow{transform:translate(4px)}.filters{gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);background:0 0}.filter-btn:hover{border-color:var(--accent);color:var(--text-primary)}.filter-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.post{max-width:var(--max-width-content);padding:var(--space-10)var(--space-6);margin:0 auto}.post__back{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-8);transition:color var(--transition-fast);display:inline-flex}.post__back:hover{color:var(--accent)}.post__header{margin-bottom:var(--space-10)}.post__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.post__title{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);margin-bottom:var(--space-4)}.post__excerpt{font-size:var(--fs-lg);color:var(--text-secondary);line-height:var(--lh-relaxed)}.post__image{border-radius:var(--radius-xl);width:100%;margin-bottom:var(--space-10);border:1px solid var(--border)}.post__content h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:var(--space-12)0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.post__content h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:var(--space-8)0 var(--space-3)}.post__content p{margin-bottom:var(--space-6);line-height:var(--lh-relaxed);color:var(--text-secondary)}.post__content ul,.post__content ol{margin:var(--space-4)0 var(--space-6);padding-left:var(--space-8);color:var(--text-secondary)}.post__content li{margin-bottom:var(--space-2);line-height:var(--lh-relaxed)}.post__content code{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--bg-code);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);color:var(--accent-hover)}.post__content pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6)0;overflow-x:auto}.post__content pre code{font-size:var(--fs-sm);color:var(--text-primary);background:0 0;padding:0}.post__content blockquote{border-left:3px solid var(--accent);padding:var(--space-4)var(--space-6);margin:var(--space-6)0;border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-secondary);background:#6366f10d;font-style:italic}.post__content img{border-radius:var(--radius-lg);border:1px solid var(--border);margin:var(--space-6)0}.post__content table{border-collapse:collapse;width:100%;margin:var(--space-6)0}.post__content th,.post__content td{padding:var(--space-3)var(--space-4);border:1px solid var(--border);text-align:left}.post__content th{background:var(--bg-secondary);font-weight:var(--fw-semibold)}.post__content td{color:var(--text-secondary)}.post__content strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.post__content a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.post__content a:hover{color:var(--accent-hover)}@media (max-width:768px){.post__title{font-size:var(--fs-2xl)}.post__excerpt{font-size:var(--fs-base)}}.about{max-width:var(--max-width-content);padding:var(--space-16)var(--space-6);margin:0 auto}.about__header{text-align:center;margin-bottom:var(--space-12)}.about__avatar{background:var(--gradient-hero);width:120px;height:120px;font-size:var(--fs-4xl);font-weight:var(--fw-bold);color:#fff;margin:0 auto var(--space-6);border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.about__name{font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.about__role{font-size:var(--fs-lg);color:var(--text-secondary)}.about__content p{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}.about__skills{gap:var(--space-3);margin:var(--space-8)0;flex-wrap:wrap;display:flex}.about__skill{padding:var(--space-2)var(--space-4);background:var(--bg-tag);color:var(--accent);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);border:1px solid #6366f133}.about__links{gap:var(--space-6);margin-top:var(--space-8);justify-content:center;display:flex}.about__social-link{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition-fast);display:inline-flex}.about__social-link:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px)}.footer{padding:var(--space-12)0 var(--space-8);border-top:2px solid #0000;border-image:linear-gradient(90deg,transparent,var(--accent),var(--accent-secondary),transparent)1;text-align:center;background:var(--bg-secondary)}.footer__inner{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.footer__grid{gap:var(--space-8);text-align:left;margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.footer__tagline{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-relaxed)}.footer__col-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer__col-links{gap:var(--space-2);flex-direction:column;display:flex}.footer__copyright{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;padding-top:var(--space-6);border-top:1px solid var(--border-light)}@media (max-width:768px){.footer__grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer__grid{grid-template-columns:1fr}}.footer__links{justify-content:center;gap:var(--space-6);margin-top:var(--space-4);display:flex}.footer__link{font-size:var(--fs-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--accent);transform:translateY(-1px)}.ad-slot{margin:var(--space-16)auto;padding:var(--space-4);background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-lg);max-width:728px;min-height:90px;color:var(--text-muted);font-size:var(--fs-xs);justify-content:center;align-items:center;display:flex}.ad-slot--rectangle{max-width:300px;min-height:250px}.loading{padding:var(--space-20)0;justify-content:center;align-items:center;display:flex}.loading__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16)var(--space-6)}.empty-state__icon{margin-bottom:var(--space-4);font-size:3rem}.empty-state__title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.empty-state__text{color:var(--text-secondary);font-size:var(--fs-sm)}.page-title{padding:var(--space-12)0 var(--space-6);text-align:center}.page-title h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold)}.page-title p{color:var(--text-secondary);margin-top:var(--space-3)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-code:#f1f5f9;--bg-tag:#6366f114;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#4f46e5;--accent-hover:#6366f1;--accent-glow:#4f46e526;--border:#e2e8f0;--border-light:#94a3b826;--gradient-hero:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);--gradient-card:linear-gradient(145deg,#fff 0%,#f8fafc 100%);--gradient-text:linear-gradient(135deg,#4f46e5,#7c3aed);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-glow:0 0 20px var(--accent-glow)}[data-theme=light] .header{-webkit-backdrop-filter:blur(20px)saturate(1.8);background:#f8fafccc}[data-theme=light] .blog-card{box-shadow:var(--shadow-sm)}[data-theme=light] .blog-card:hover{box-shadow:var(--shadow-lg)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--fs-base);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--accent);transform:rotate(15deg)}.search-bar{align-items:center;gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-3)var(--space-6);margin-bottom:var(--space-6);transition:border-color var(--transition-fast);display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar__icon{font-size:var(--fs-base);flex-shrink:0}.search-bar__input{color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear{color:var(--text-muted);cursor:pointer;font-size:var(--fs-sm);padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none}.search-bar__clear:hover{color:var(--text-primary)}.tag-pill{padding:var(--space-1)var(--space-3);background:var(--bg-tag);color:var(--accent);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-block}.tag-pill:hover{border-color:var(--accent);color:var(--accent-hover)}.tag-pill--sm{padding:2px var(--space-2);font-size:.65rem}.blog-card__tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.post__tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.post-layout{gap:var(--space-10);display:flex;position:relative}.post-layout .post__content{flex:1;min-width:0}.toc{top:calc(var(--header-height) + var(--space-8));width:220px;max-height:calc(100vh - var(--header-height) - var(--space-16));flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.toc__title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-4)}.toc__list{border-left:2px solid var(--border);margin:0;padding:0;list-style:none}.toc__item{padding-left:var(--space-4)}.toc__item--sub{padding-left:var(--space-8)}.toc__link{padding:var(--space-1)0;font-size:var(--fs-xs);color:var(--text-muted);transition:color var(--transition-fast);line-height:var(--lh-normal);text-decoration:none;display:block}.toc__link:hover{color:var(--text-primary)}.toc__item--active .toc__link{color:var(--accent);font-weight:var(--fw-medium)}.toc__item--active{border-left:2px solid var(--accent);margin-left:-2px}@media (max-width:1024px){.toc{display:none}.post-layout{display:block}}.copy-btn{top:var(--space-2);right:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-xs);font-family:var(--font-body);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:2;position:absolute}pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.copy-btn--copied{color:#fff;opacity:1;background:#10b981;border-color:#10b981}.related-posts{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-light)}.related-posts__title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-6)}.related-posts__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.related-posts__card{gap:var(--space-2);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.related-posts__card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px)}.related-posts__category{font-size:var(--fs-xs);color:var(--accent);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em}.related-posts__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:var(--lh-tight)}.related-posts__meta{font-size:var(--fs-xs);color:var(--text-muted)}.share-buttons{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.share-buttons__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);margin-bottom:var(--space-4);display:block}.share-buttons__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.share-buttons__btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.share-buttons__btn:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px)}.share-buttons__icon{font-size:var(--fs-base)}.newsletter{margin:var(--space-8)0}.newsletter__inner{border-radius:var(--radius-xl);padding:var(--space-12)var(--space-8);text-align:center;background:linear-gradient(135deg,#6366f114 0%,#8b5cf60f 50%,#06b6d40a 100%);border:1px solid #6366f126;position:relative;overflow:hidden}.newsletter__inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:300px;height:300px;animation:10s ease-in-out infinite blobFloat;position:absolute;top:-50%;right:-30%}.newsletter__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.newsletter__desc{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.newsletter__form{gap:var(--space-3);max-width:460px;margin:0 auto;display:flex}.newsletter__input{padding:var(--space-3)var(--space-5);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;flex:1}.newsletter__input:focus{border-color:var(--accent)}.newsletter__btn{padding:var(--space-3)var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius-full);font-weight:var(--fw-semibold);font-size:var(--fs-sm);font-family:var(--font-body);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;border:none}.newsletter__btn:hover{background:var(--accent-hover)}.newsletter__btn:disabled{opacity:.6;cursor:not-allowed}.newsletter__success{padding:var(--space-4);color:#10b981;font-weight:var(--fw-medium)}.newsletter__msg{font-size:var(--fs-sm);margin-top:var(--space-3)}.newsletter__msg--info{color:var(--accent)}.newsletter__msg--error{color:#ef4444}@media (max-width:480px){.newsletter__form{flex-direction:column}}.projects-grid{gap:var(--space-6);padding-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);color:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);gap:var(--space-3);flex-direction:column;text-decoration:none;display:flex}.project-card:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--glass-border-hover);color:inherit;transform:translateY(-6px)}.project-card__emoji{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid #6366f11a;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.project-card__name{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.project-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);flex:1}.project-card__stack{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.project-card__tech{padding:var(--space-1)var(--space-3);background:var(--bg-tag);color:var(--accent);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.project-card__link{font-size:var(--fs-sm);color:var(--accent);font-weight:var(--fw-medium);margin-top:var(--space-2);transition:color var(--transition-fast)}.project-card:hover .project-card__link{color:var(--accent-hover)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact{max-width:var(--max-width);padding:0 var(--space-6)var(--space-16);margin:0 auto}.contact__grid{gap:var(--space-10);grid-template-columns:300px 1fr;align-items:flex-start;display:grid}.contact__info{gap:var(--space-4);flex-direction:column;display:flex}.contact__info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.contact__info-icon{font-size:var(--fs-2xl)}.contact__info-card h3{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.contact__info-card a{font-size:var(--fs-sm);color:var(--accent);word-break:break-all}.contact__form{gap:var(--space-5);flex-direction:column;display:flex}.contact__field{gap:var(--space-2);flex-direction:column;display:flex}.contact__field label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}.contact__field input,.contact__field textarea{padding:var(--space-3)var(--space-5);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-body);transition:border-color var(--transition-fast);resize:vertical;outline:none}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--accent)}.contact__msg{font-size:var(--fs-sm);margin-top:var(--space-2)}.contact__msg--success{color:#10b981}.contact__msg--error{color:#ef4444}@media (max-width:768px){.contact__grid{grid-template-columns:1fr}}.about__social-link--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.about__social-link--primary:hover{background:var(--accent-hover);color:#fff;border-color:var(--accent-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:first-child{transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:.1s}.reveal-stagger>.reveal:nth-child(3){transition-delay:.2s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.3s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.4s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.5s}.contact__field input:focus,.contact__field textarea:focus,.newsletter__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.about__content{text-align:left}.about__skill{transition:all var(--transition-fast)}.about__skill:hover{border-color:var(--accent);background:#6366f140;transform:translateY(-2px)}.about__social-link{transition:all var(--transition-base)}@media (max-width:640px){.about__links{flex-direction:column;align-items:center}}.tasks-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.tasks-btn--primary{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border:none;box-shadow:0 2px 10px #6366f14d}.tasks-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.tasks-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.tasks-btn--ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.tasks-btn--ghost:hover{border-color:var(--accent);color:var(--text-primary)}.tasks-btn--sm:hover{background:#ffffff14}.tasks-btn--danger:hover{background:#ef444426}.tasks-priority--critical{color:#f87171;background:#ef444426}.tasks-result{border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px 10px;display:inline-block}.tasks-result--pass{color:#34d399;background:#10b98126}.tasks-result--fail{color:#f87171;background:#ef444426}.tasks-result--partial{color:#fbbf24;background:#f59e0b26}.tasks-app-badge{background:var(--bg-tag);color:var(--accent);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px 8px;display:inline-block}.tasks-loading,.tasks-empty{text-align:center;padding:var(--space-16)0;color:var(--text-muted);font-size:var(--fs-lg)}.tasks-page{padding:var(--space-10)0;min-height:calc(100vh - var(--header-height))}.tasks-subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:var(--space-1)}.tasks-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:120px;padding:var(--space-4)var(--space-5);text-align:center;transition:border-color var(--transition-fast);flex:1}.tasks-stat:hover{border-color:var(--accent)}.tasks-stat__count{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);display:block}.tasks-stat__label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tasks-stat--todo{border-left:3px solid #94a3b8}.tasks-stat--in_progress{border-left:3px solid #60a5fa}.tasks-stat--testing{border-left:3px solid #a78bfa}.tasks-stat--done{border-left:3px solid #34d399}.tasks-stat--blocked{border-left:3px solid #f87171}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tasks-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:560px;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tasks-form__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-6);color:var(--text-primary)}.tasks-form__field{margin-bottom:var(--space-5)}.tasks-form__field label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.tasks-form__field input,.tasks-form__field textarea,.tasks-form__field select{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-body);transition:border-color var(--transition-fast)}.tasks-form__field input:focus,.tasks-form__field textarea:focus,.tasks-form__field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.tasks-form__actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.tasks-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-card);overflow-x:auto}.tasks-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.tasks-table th{text-align:left;padding:var(--space-4)var(--space-5);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-xs);border-bottom:1px solid var(--border);white-space:nowrap}.tasks-table td{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-light);vertical-align:middle}.tasks-row:last-child td{border-bottom:none}.tasks-row:hover{background:#6366f10a}.tasks-row__title{font-weight:var(--fw-medium);color:var(--text-primary)}.tasks-row__desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.tasks-status-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-xs);font-family:var(--font-body);cursor:pointer;padding:4px 8px}@media (max-width:768px){.tasks-header{flex-direction:column;align-items:flex-start}.tasks-form__row{grid-template-columns:1fr}.tasks-table th:nth-child(5),.tasks-table td:nth-child(5){display:none}}.pin-gate__box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-10)var(--space-8);text-align:center;width:100%;max-width:380px;animation:.3s slideUp}.pin-gate__icon{margin-bottom:var(--space-4);font-size:2.5rem}.pin-gate__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.pin-gate__desc{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.pin-gate__input{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-base);font-family:var(--font-body);text-align:center;letter-spacing:.1em;margin-bottom:var(--space-4);transition:border-color var(--transition-fast)}.pin-gate__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.pin-gate__input--error{border-color:#ef4444;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.pin-gate__btn{width:100%;padding:var(--space-3);justify-content:center}.pin-gate__error{margin-top:var(--space-3);color:#f87171;font-size:var(--fs-sm)}.tools-grid{gap:var(--space-8);padding-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.tool-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);color:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--gradient-text);transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tool-card:hover{box-shadow:var(--glass-shadow-hover);border-color:var(--glass-border-hover);color:inherit;transform:translateY(-6px)}.tool-card:hover:before{transform:scaleX(1)}.tool-card__emoji{margin-bottom:var(--space-4);filter:drop-shadow(0 2px 8px #6366f14d);font-size:2.5rem}.tool-card__name{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-3);color:var(--text-primary)}.tool-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-4);flex:1}.tool-card__tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tool-card__tag{padding:var(--space-1)var(--space-3);background:var(--bg-tag);color:var(--accent);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.tool-card__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);transition:gap var(--transition-fast);align-items:center;gap:var(--space-1);display:inline-flex}.tool-card:hover .tool-card__link{gap:var(--space-2)}.tool-page{max-width:var(--max-width-content);padding:var(--space-10)var(--space-6)var(--space-16);margin:0 auto}.tool-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-8);display:flex}.tool-breadcrumb a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.tool-breadcrumb a:hover{color:var(--accent)}.tool-breadcrumb__sep{color:var(--text-muted);opacity:.5}.tool-header{text-align:center;margin-bottom:var(--space-12)}.tool-header__icon{margin-bottom:var(--space-4);filter:drop-shadow(0 4px 12px #6366f166);font-size:3.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tool-header__title{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em;margin-bottom:var(--space-4);background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tool-header__desc{font-size:var(--fs-lg);color:var(--text-secondary);line-height:var(--lh-relaxed);max-width:600px;margin:0 auto}@keyframes slide-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-stagger>*{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slide-fade-up}.reveal-stagger>:first-child{animation-delay:50ms}.reveal-stagger>:nth-child(2){animation-delay:.1s}.reveal-stagger>:nth-child(3){animation-delay:.15s}.reveal-stagger>:nth-child(4){animation-delay:.2s}.reveal-stagger>:nth-child(5){animation-delay:.25s}.reveal-stagger>:nth-child(6){animation-delay:.3s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--glass-shadow);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}.tool-section{gap:var(--space-3);margin-bottom:var(--space-2);flex-direction:column;display:flex}.tool-section__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.segmented-control{border-radius:var(--radius-lg);background:#0f172a99;border:1px solid #ffffff08;flex-wrap:wrap;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.segment-btn{min-width:fit-content;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);z-index:1;background:0 0;border:none;flex:1;position:relative}.segment-btn:hover:not(.segment-btn--active){color:var(--text-primary);background:#ffffff08}.segment-btn--active{color:#fff;background:var(--bg-card);border:1px solid #ffffff14;box-shadow:0 2px 8px #0003}.tool-generate-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border-radius:var(--radius-xl);font-size:var(--fs-lg);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);box-shadow:0 4px 20px var(--accent-glow);margin:var(--space-6)0 var(--space-8);border:none;display:flex}.tool-generate-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.tool-generate-btn:active{transform:scale(.98);box-shadow:0 2px 10px #6366f166}.tool-generate-btn__icon{font-size:var(--fs-xl)}.tool-results-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.tool-output-list{gap:var(--space-2);flex-direction:column;display:flex}.tool-output-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);transition:all var(--transition-fast);background:#0d111799;border:1px solid #ffffff0d;display:flex}.tool-output-row:hover{background:#0d1117cc;border-color:#6366f180}.tool-output-value{font-family:var(--font-mono);font-size:var(--fs-base);color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;letter-spacing:.03em;flex:1}.tool-copy-btn{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;font-size:var(--fs-base);transition:all var(--transition-fast);color:var(--text-secondary);background:#ffffff0d;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-copy-btn:hover{color:var(--text-primary);background:#ffffff1a}.tool-copy-btn:active{transform:scale(.9)}.tool-copy-btn--success{animation:.3s cubic-bezier(.175,.885,.32,1.275) pop;color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tool-copy-all-btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a}.tool-copy-all-btn:hover{color:var(--text-primary);background:#ffffff1a}.tool-copy-all-btn--success{color:#10b981;background:#10b98126;border-color:#10b981}.tool-history-list{gap:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--border)transparent;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.tool-history-list::-webkit-scrollbar{width:6px}.tool-history-list::-webkit-scrollbar-track{background:0 0}.tool-history-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.tool-history-item{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.tool-history-item:hover{background:#ffffff08}.tool-history-item code{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);word-break:break-all}.tool-info{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid #ffffff0d}.tool-info h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-4)}.tool-info h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--space-6)0 var(--space-3)}.tool-info p,.tool-info li{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.tool-info ul{padding:0;list-style:none}.tool-info ul li{padding:var(--space-2)0;padding-left:var(--space-6);position:relative}.tool-info ul li:before{content:"→";color:var(--accent);font-weight:var(--fw-bold);position:absolute;left:0}.tool-info code{font-family:var(--font-mono);font-size:var(--fs-sm);border-radius:var(--radius-sm);color:var(--accent-hover);background:#0000004d;padding:.15em .4em}@media (max-width:768px){.tools-grid{gap:var(--space-6);grid-template-columns:1fr}.tool-page{padding:var(--space-6)var(--space-4)var(--space-12)}.tool-header__title{font-size:var(--fs-3xl)}.tool-output-value{font-size:var(--fs-sm)}.segmented-control{width:100%}.segment-btn{text-align:center;flex:calc(50% - 4px)}}.formatter-templates{gap:var(--space-2);flex-wrap:wrap;display:flex}.formatter-template-btn{padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0}.formatter-template-btn:hover{border-color:var(--accent);color:var(--text-primary)}.formatter-template-btn--active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 10px var(--accent-glow)}.formatter-template-hint{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-1)}.formatter-actions{gap:var(--space-2);margin:var(--space-6)0 var(--space-4);flex-wrap:wrap;display:flex}.formatter-action-btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;display:inline-flex}.formatter-action-btn:hover{border-color:var(--accent);color:var(--text-primary);background:#ffffff14}.formatter-action-btn--success{color:#10b981!important;background:#10b9811a!important;border-color:#10b981!important}.formatter-action-btn--danger{border-color:#f871714d}.formatter-action-btn--danger:hover{color:#f87171;background:#f8717114;border-color:#f87171}.formatter-error{align-items:flex-start;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--fs-sm);font-family:var(--font-mono);margin-bottom:var(--space-4);word-break:break-word;background:#ef444414;border:1px solid #ef44444d;display:flex}.formatter-error__icon{flex-shrink:0}.formatter-layout{gap:var(--space-6);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.formatter-editor-wrapper,.formatter-preview-wrapper{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.formatter-editor{border:1px solid var(--border);border-radius:var(--radius-lg);height:420px;transition:border-color var(--transition-fast);background:#0d1117b3;display:flex;overflow:hidden}.formatter-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.formatter-line-numbers{width:44px;padding:var(--space-3)var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);text-align:right;-webkit-user-select:none;user-select:none;background:#0003;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;line-height:1.65;display:flex;overflow:hidden}.formatter-textarea{padding:var(--space-3)var(--space-4);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);resize:none;tab-size:2;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--border)transparent;background:0 0;border:none;outline:none;flex:1;line-height:1.65;overflow-y:auto}.formatter-textarea::placeholder{color:var(--text-muted)}.formatter-textarea::-webkit-scrollbar{width:6px}.formatter-textarea::-webkit-scrollbar-track{background:0 0}.formatter-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.formatter-preview{border-radius:var(--radius-lg);background:#fff;border:1px solid #e5e7eb;height:420px;overflow:hidden auto}.sp-table{color:#323130;width:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.sp-table__header{z-index:1;background:#faf9f8;border-bottom:1px solid #edebe9;display:flex;position:sticky;top:0}.sp-table__header-cell{color:#605e5c;text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none;flex:1;padding:10px 16px;font-size:12px;font-weight:600}.sp-table__header-cell--formatted{border-left:1px solid #edebe9}.sp-table__row{border-bottom:1px solid #f3f2f1;transition:background .15s;display:flex}.sp-table__row:hover{background:#f3f2f1}.sp-table__row:last-child{border-bottom:none}.sp-table__cell{color:#323130;flex:1;align-items:center;min-height:44px;padding:10px 16px;display:flex}.sp-table__cell--formatted{border-left:1px solid #f3f2f1}.sp-table__cell--raw{color:#a19f9d;font-style:italic}@media (max-width:900px){.formatter-layout{grid-template-columns:1fr}.formatter-editor,.formatter-preview{height:320px}}@media (max-width:480px){.formatter-templates{gap:var(--space-1)}.formatter-template-btn{font-size:var(--fs-xs);padding:var(--space-1)var(--space-3)}.formatter-actions{gap:var(--space-1)}.formatter-action-btn{font-size:var(--fs-xs);padding:var(--space-1)var(--space-3)}}.pm-presets{gap:var(--space-3);flex-wrap:wrap;display:flex}.pm-preset-btn{align-items:center;gap:var(--space-1);padding:var(--space-4)var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);background:#ffffff05;flex-direction:column;flex:1;min-width:140px;display:flex}.pm-preset-btn:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-glow);background:#6366f10f;transform:translateY(-2px)}.pm-preset-btn__emoji{font-size:1.8rem}.pm-preset-btn__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.pm-preset-btn__desc{font-size:var(--fs-xs);color:var(--text-muted)}.pm-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--border)transparent;background:#0d111780;overflow-x:auto}.pm-table-wrapper::-webkit-scrollbar{height:6px}.pm-table-wrapper::-webkit-scrollbar-track{background:0 0}.pm-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.pm-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:500px}.pm-table th,.pm-table td{padding:var(--space-3)var(--space-4);text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0d}.pm-table thead tr{background:#ffffff08}.pm-table__corner{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;min-width:160px}.pm-table__header{text-align:center;min-width:130px}.pm-table__header-icon{margin-bottom:2px;font-size:1.2rem;display:block}.pm-table__header-name{font-weight:var(--fw-semibold);color:var(--text-primary);font-size:var(--fs-sm);display:block}.pm-table__header-type{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-normal);display:block}.pm-table__resource{align-items:center;gap:var(--space-2);min-width:160px;display:flex}.pm-table__resource-icon{flex-shrink:0;font-size:1.1rem}.pm-table__resource-name{font-weight:var(--fw-medium);color:var(--text-primary)}.pm-table__resource-type{font-size:var(--fs-xs);color:var(--text-muted)}.pm-table__cell{text-align:center;padding:var(--space-2)}.pm-perm-select{width:100%;padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast);text-align:center;appearance:none;border:1px solid;min-width:110px}.pm-perm-select:hover{filter:brightness(1.3)}.pm-perm-select:focus{box-shadow:0 0 0 2px var(--accent-glow);outline:none}.pm-legend{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;display:flex}.pm-legend__item{align-items:center;gap:var(--space-1);display:flex}.pm-legend__dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.pm-legend__label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}[data-theme=light] .pm-table-wrapper{background:#fffc;border-color:#e2e8f0}[data-theme=light] .pm-table th,[data-theme=light] .pm-table td{border-bottom-color:#e2e8f0}[data-theme=light] .pm-table thead tr{background:#f8fafc}[data-theme=light] .pm-perm-select{color:inherit}@media (max-width:768px){.pm-presets{flex-direction:column}.pm-preset-btn{min-width:unset}.pm-table-wrapper{margin:0 calc(var(--space-4)*-1);border-left:none;border-right:none;border-radius:0}}.pin-gate{min-height:60vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.pin-gate__box{align-items:center;gap:var(--space-5);padding:var(--space-10)var(--space-8);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:380px;display:flex;box-shadow:0 8px 40px #0006}.pin-gate__icon{font-size:3rem;animation:3s ease-in-out infinite float}.pin-gate__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.pin-gate__desc{font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.pin-gate__input{width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);text-align:center;letter-spacing:.15em;transition:all var(--transition-fast);background:#0000004d;outline:none}.pin-gate__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pin-gate__input--error{animation:.4s shake;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important}.pin-gate__btn{width:100%}.pin-gate__error{font-size:var(--fs-sm);color:#f87171;font-weight:var(--fw-medium);margin:0}.tasks-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.tasks-btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.tasks-btn--primary:hover{filter:brightness(1.15);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.tasks-btn--ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.tasks-btn--ghost:hover{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff0f}.tasks-btn--danger{color:#f87171;background:#ef44441f;border-color:#ef444440}.tasks-btn--danger:hover{background:#ef444433;border-color:#f87171}.tasks-btn--success{color:#34d399;background:#10b98126;border-color:#10b9814d}.tasks-btn--success:hover{background:#10b98140;border-color:#34d399}.tasks-btn--sm{padding:var(--space-1)var(--space-2);font-size:var(--fs-base);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.tasks-btn--sm:hover{background:#ffffff14;transform:scale(1.15)}.tasks-priority{border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;display:inline-block}.tasks-priority--low{color:#94a3b8;background:#94a3b826}.tasks-priority--medium{color:#60a5fa;background:#3b82f61f}.tasks-priority--high{color:#fbbf24;background:#f59e0b1f}.tasks-priority--critical{color:#f87171;background:#ef444426;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 8px 2px #ef444440}}.tasks-app-badge{border-radius:var(--radius-full);color:var(--accent-hover);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:#6366f11a;padding:2px 8px;display:inline-block}.tasks-loading{text-align:center;padding:var(--space-12);color:var(--text-muted);font-size:var(--fs-lg)}.tasks-empty{text-align:center;padding:var(--space-12);color:var(--text-muted);background:var(--glass-bg);border:1px dashed var(--border);border-radius:var(--radius-xl)}.tasks-form-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tasks-form{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:520px;padding:var(--space-8);animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 16px 48px #00000080}.tasks-form__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.tasks-form__field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;flex:1;display:flex}.tasks-form__field label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.tasks-form__field input,.tasks-form__field textarea,.tasks-form__field select{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-sm);transition:border-color var(--transition-fast);background:#0000004d;outline:none}.tasks-form__field input:focus,.tasks-form__field textarea:focus,.tasks-form__field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.tasks-form__field textarea{resize:vertical;min-height:80px}.tasks-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.tasks-form__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #ffffff0d;display:flex}.tasks-page{padding:var(--space-8)0 var(--space-12)}.tasks-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.tasks-title{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--text-primary)}.tasks-subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-1)}.tasks-stats{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.tasks-stat{padding:var(--space-3)var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:80px;transition:all var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.tasks-stat:hover{border-color:var(--accent);transform:translateY(-2px)}.tasks-stat__count{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);color:var(--text-primary)}.tasks-stat__label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.tasks-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-xl);scrollbar-width:thin;scrollbar-color:var(--border)transparent;background:#0d111780;overflow-x:auto}.tasks-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:700px}.tasks-table th{padding:var(--space-3)var(--space-4);text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff08}.tasks-table td{padding:var(--space-3)var(--space-4);vertical-align:middle;border-bottom:1px solid #ffffff0a}.tasks-table tbody tr{transition:background var(--transition-fast)}.tasks-table tbody tr:hover{background:#ffffff08}.tasks-row--done{opacity:.5}.tasks-row__title{font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px}.tasks-row__desc{font-size:var(--fs-xs);color:var(--text-muted);max-width:300px}.tasks-status-select{border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast);appearance:none;background:0 0;border:1px solid;outline:none;padding:3px 8px}.tasks-status-select--todo{color:#94a3b8;border-color:#94a3b84d}.tasks-status-select--in_progress{color:#60a5fa;border-color:#60a5fa4d}.tasks-status-select--testing{color:#c084fc;border-color:#c084fc4d}.tasks-status-select--done{color:#34d399;border-color:#34d3994d}.tasks-status-select--blocked{color:#f87171;border-color:#f871714d}.tasks-status-select--open{color:#fbbf24;border-color:#fbbf244d}.tasks-status-select--fixed{color:#60a5fa;border-color:#60a5fa4d}.tasks-status-select--closed{color:#34d399;border-color:#34d3994d}.tasks-status-select option{background:var(--bg-secondary);color:var(--text-primary)}.tasks-result{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.05em}.tasks-result--pass{color:#34d399}.tasks-result--fail{color:#f87171}.tasks-result--partial{color:#fbbf24}.tasks-result--none{color:var(--text-muted)}.tasks-actions{gap:var(--space-1);display:flex}@media (max-width:768px){.tasks-header{flex-direction:column;align-items:flex-start}.tasks-stats{gap:var(--space-2)}.tasks-stat{min-width:60px;padding:var(--space-2)var(--space-3)}.tasks-stat__count{font-size:var(--fs-lg)}.tasks-table-wrapper{margin:0 calc(var(--space-4)*-1);border-left:none;border-right:none;border-radius:0}.tasks-form__row{grid-template-columns:1fr}}.board-page{padding:var(--space-8)0;min-height:70vh}.board-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.board-title{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--text-primary)}.board-subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-1)}.board-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.bug-role-switch{border:1px solid var(--border);border-radius:var(--radius-full);background:#ffffff0a;display:flex;overflow:hidden}.bug-role-btn{padding:var(--space-2)var(--space-4);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.bug-role-btn:hover{color:var(--text-primary);background:#ffffff0f}.bug-role-btn--active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.board-filter{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--transition-fast);background:#0000004d;outline:none}.board-filter:focus{border-color:var(--accent)}.board-filter option{background:var(--bg-secondary);color:var(--text-primary)}.board-kanban{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-items:flex-start;display:grid}.board-column{border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);min-height:200px;overflow:hidden}.board-column__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.board-column--open .board-column__header{border-bottom-color:#fbbf2433}.board-column--fixed .board-column__header{border-bottom-color:#60a5fa33}.board-column--closed .board-column__header{border-bottom-color:#34d39933}.board-column__title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary)}.board-column__count{border-radius:var(--radius-full);min-width:24px;height:24px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);background:#ffffff14;justify-content:center;align-items:center;display:inline-flex}.board-column__cards{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.board-column__empty{text-align:center;padding:var(--space-8)var(--space-4);color:var(--text-muted);font-size:var(--fs-sm)}.board-card{padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#0003;border:1px solid #ffffff0d}.board-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.board-card--critical{border-left:3px solid #ef4444}.board-card--high{border-left:3px solid #f59e0b}.board-card__top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.board-card__time{font-size:var(--fs-xs);color:var(--text-muted)}.board-card__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:1.4}.board-card__desc{font-size:var(--fs-xs);color:var(--text-muted);margin:var(--space-2)0 0;line-height:1.5}.board-panel-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.board-panel{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:560px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 20px 60px #00000080}.board-panel__header{padding:var(--space-6);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.board-panel__header h2{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin:0}.board-panel__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-muted);font-size:var(--fs-base);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:none;justify-content:center;align-items:center;display:flex}.board-panel__close:hover{color:var(--text-primary);background:#ffffff1f}.board-panel__body{padding:var(--space-6)}.board-panel__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.bug-detail__time{font-size:var(--fs-xs);color:var(--text-muted)}.board-panel__section{margin-bottom:var(--space-5)}.board-panel__section h3{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.board-panel__text{font-size:var(--fs-sm);color:var(--text-primary);line-height:var(--lh-relaxed);margin:0}.board-panel__textarea{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-sm);resize:vertical;transition:border-color var(--transition-fast);background:#0000004d;outline:none}.board-panel__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.board-panel__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.bug-closed-badge{font-size:var(--fs-sm);color:#34d399;font-weight:var(--fw-semibold);margin-right:auto}@media (max-width:900px){.board-kanban{grid-template-columns:1fr}.board-column{min-height:auto}}@media (max-width:768px){.board-header{flex-direction:column;align-items:flex-start}.board-controls{width:100%}.bug-role-switch{flex:1}.bug-role-btn{text-align:center;flex:1}.board-filter{flex:1}}[data-theme=light] .tasks-table-wrapper{background:#fffc;border-color:#e2e8f0}[data-theme=light] .tasks-table th{background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .tasks-table td{border-bottom-color:#f1f5f9}[data-theme=light] .tasks-form__field input,[data-theme=light] .tasks-form__field textarea,[data-theme=light] .tasks-form__field select,[data-theme=light] .board-card,[data-theme=light] .board-filter,[data-theme=light] .pin-gate__input,[data-theme=light] .board-panel__textarea{background:#fff;border-color:#e2e8f0}[data-theme=light] .tasks-status-select option,[data-theme=light] .board-filter option{color:#1e293b;background:#fff}