@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(139, 92, 246, .05));--gradient-glow: radial-gradient(circle at center, rgba(99, 102, 241, .3), transparent 70%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(99, 102, 241, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--container-max: 1200px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}input,textarea,select{font-family:inherit;font-size:inherit}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.tool-theme-purple,.tool-card-purple,.category-purple,.theme-purple{--accent-primary: #6366f1;--accent-primary-rgb: 99, 102, 241;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6)}.tool-theme-blue,.tool-card-blue,.category-blue,.theme-blue{--accent-primary: #3b82f6;--accent-primary-rgb: 59, 130, 246;--gradient-primary: linear-gradient(135deg, #3b82f6, #0ea5e9)}.tool-theme-green,.tool-card-green,.category-green,.theme-green{--accent-primary: #10b981;--accent-primary-rgb: 16, 185, 129;--gradient-primary: linear-gradient(135deg, #10b981, #34d399)}.tool-theme-orange,.tool-card-orange,.category-orange,.theme-orange{--accent-primary: #f59e0b;--accent-primary-rgb: 245, 158, 11;--gradient-primary: linear-gradient(135deg, #f59e0b, #fbbf24)}.tool-theme-teal,.tool-card-teal,.category-teal,.theme-teal{--accent-primary: #14b8a6;--accent-primary-rgb: 20, 184, 166;--gradient-primary: linear-gradient(135deg, #14b8a6, #2dd4bf)}.tool-theme-pink,.tool-card-pink,.category-pink,.theme-pink{--accent-primary: #ec4899;--accent-primary-rgb: 236, 72, 153;--gradient-primary: linear-gradient(135deg, #ec4899, #f472b6)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease forwards}.animate-slideUp{animation:slideUp var(--transition-slow) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.header{position:sticky;top:0;z-index:50;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary)}.header-container{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.logo-icon{font-size:1.5rem}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-dot{opacity:.7}.nav{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:none;border:none;cursor:pointer}.mobile-menu-btn span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base)}@media(max-width:768px){.nav{display:none}.nav{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;background:#05050a;gap:var(--spacing-lg);z-index:40;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav.open{opacity:1;visibility:visible}.nav:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(79,70,229,.1),transparent 70%);pointer-events:none;z-index:-1}.nav-link{font-size:2rem;font-weight:700;color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);transform:translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}.nav.open .nav-link{transform:translateY(0);opacity:1}.nav.open .nav-link:nth-child(1){transition-delay:.1s}.nav.open .nav-link:nth-child(2){transition-delay:.15s}.nav.open .nav-link:nth-child(3){transition-delay:.2s}.nav.open .nav-link:nth-child(4){transition-delay:.25s}.nav.open .nav-link:nth-child(5){transition-delay:.3s}.nav.open .nav-link:nth-child(6){transition-delay:.35s}.nav-link:hover{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.05)}.mobile-menu-btn{display:flex;z-index:100;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn span{position:absolute;width:20px}.mobile-menu-btn span:nth-child(1){transform:translateY(-6px)}.mobile-menu-btn span:nth-child(3){transform:translateY(6px)}.mobile-menu-btn.open span:nth-child(1){transform:translateY(0) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:translate(10px)}.mobile-menu-btn.open span:nth-child(3){transform:translateY(0) rotate(-45deg)}}.footer{margin-top:auto;background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding-top:var(--spacing-3xl)}.footer-container{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3xl)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-decoration:none;margin-bottom:var(--spacing-md)}.footer-description{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.footer-category-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.footer-category-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-link{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{margin-top:var(--spacing-3xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-secondary);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.footer-links{grid-template-columns:1fr}}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;display:flex;flex-direction:column}.tool-layout{position:relative;padding:var(--spacing-2xl) 0 var(--spacing-3xl);flex:1;overflow:hidden;min-height:80vh}.tool-glow{position:absolute;top:-150px;right:10%;width:500px;height:400px;border-radius:50%;pointer-events:none;animation:tool-glow-pulse 5s ease-in-out infinite;opacity:.4}.tool-glow.secondary{top:200px;right:auto;left:-10%;width:400px;height:350px;animation-delay:2.5s;opacity:.3}@keyframes tool-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.tool-theme-purple .tool-glow{background:radial-gradient(ellipse at center,rgba(99,102,241,.25) 0%,transparent 70%)}.tool-theme-purple .tool-glow.secondary{background:radial-gradient(ellipse at center,rgba(139,92,246,.2) 0%,transparent 70%)}.tool-theme-blue .tool-glow{background:radial-gradient(ellipse at center,rgba(59,130,246,.25) 0%,transparent 70%)}.tool-theme-blue .tool-glow.secondary{background:radial-gradient(ellipse at center,rgba(14,165,233,.2) 0%,transparent 70%)}.tool-theme-green .tool-glow{background:radial-gradient(ellipse at center,rgba(16,185,129,.25) 0%,transparent 70%)}.tool-theme-green .tool-glow.secondary{background:radial-gradient(ellipse at center,rgba(52,211,153,.2) 0%,transparent 70%)}.tool-theme-orange .tool-glow{background:radial-gradient(ellipse at center,rgba(245,158,11,.25) 0%,transparent 70%)}.tool-theme-orange .tool-glow.secondary{background:radial-gradient(ellipse at center,rgba(251,191,36,.2) 0%,transparent 70%)}.tool-theme-teal .tool-glow{background:radial-gradient(ellipse at center,rgba(20,184,166,.25) 0%,transparent 70%)}.tool-theme-teal .tool-glow.secondary{background:radial-gradient(ellipse at center,rgba(45,212,191,.2) 0%,transparent 70%)}.tool-theme-pink .tool-glow{background:radial-gradient(ellipse at center,rgba(236,72,153,.25) 0%,transparent 70%)}.tool-theme-pink .tool-glow.secondary{background:radial-gradient(ellipse at center,rgba(244,114,182,.2) 0%,transparent 70%)}.tool-layout .container{position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breadcrumb a{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.breadcrumb a:hover{color:var(--text-primary);background:#ffffff0d}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.tool-header{margin-bottom:var(--spacing-2xl);animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tool-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.2}.tool-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;max-width:700px;line-height:1.6}.tool-content{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xl);animation:slideUp .6s ease}.tool-content .card{background:#ffffff05;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.tool-content .card:hover{border-color:var(--border-secondary);transform:translateY(-2px)}.tool-content .card:hover{border-color:rgba(var(--accent-primary-rgb),.3);box-shadow:0 10px 40px rgba(var(--accent-primary-rgb),.1)}@media(min-width:1024px){.tool-content{grid-template-columns:1fr 1fr;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.tool-header{text-align:center}.tool-description{margin:0 auto}.breadcrumb{justify-content:center;flex-wrap:wrap}}.home{flex:1}.hero{position:relative;padding:var(--spacing-3xl) 0;text-align:center;overflow:hidden;min-height:60vh;display:flex;align-items:center}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(99,102,241,.25) 0%,transparent 70%);pointer-events:none;animation:pulse-glow 4s ease-in-out infinite}.hero-glow.secondary{top:0;width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(236,72,153,.15) 0%,transparent 60%);animation-delay:2s}@keyframes pulse-glow{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--accent-primary);margin-bottom:var(--spacing-xl);animation:slideUp .6s ease forwards}.hero-title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--text-primary);animation:slideUp .6s ease forwards;animation-delay:.1s;opacity:0}.hero-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl);animation:slideUp .6s ease forwards;animation-delay:.2s;opacity:0}.hero-stats{display:inline-flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-2xl);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);animation:slideUp .6s ease forwards;animation-delay:.3s;opacity:0}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.stat-divider{width:1px;height:40px;background:var(--border-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tools-section{padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.tool-card{position:relative;background:#ffffff05;border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);overflow:hidden;animation:slideUp .6s ease forwards;opacity:0;transition:all var(--transition-base)}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)}.tool-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle at center,rgba(var(--accent-primary-rgb),.1) 0%,transparent 50%)}.tool-card:hover .tool-card-glow{opacity:1}.tool-card-header{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.tool-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;color:#fff;background:var(--gradient-primary)}.tool-info{flex:1}.tool-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.tool-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.tool-arrow{font-size:var(--font-size-xl);color:var(--text-tertiary);opacity:0;transform:translate(-8px);transition:all var(--transition-fast)}.tool-card:hover .tool-arrow{opacity:1;transform:translate(0)}.tool-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tool-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tool-item:hover{background:#ffffff0d;color:var(--text-primary);transform:translate(4px)}.item-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;transition:background var(--transition-fast)}.tool-item:hover .item-dot{background:var(--accent-primary)}.item-name{font-size:var(--font-size-sm);font-weight:500}.features-section{padding:var(--spacing-2xl) 0 var(--spacing-3xl);border-top:1px solid var(--border-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature{text-align:center;padding:var(--spacing-xl)}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,#6366f133,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg);color:var(--accent-primary)}.feature h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.feature p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{min-height:auto;padding:var(--spacing-2xl) 0}.hero-stats{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-divider{width:60px;height:1px}.tools-grid,.features-grid{grid-template-columns:1fr}}.category-page{position:relative;padding:var(--spacing-3xl) 0;flex:1;overflow:hidden;min-height:70vh}.category-glow{position:absolute;top:-200px;left:30%;width:600px;height:500px;border-radius:50%;pointer-events:none;animation:glow-pulse 4s ease-in-out infinite}.category-glow.secondary{top:100px;left:auto;right:20%;width:400px;height:400px;animation-delay:2s;opacity:.5}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.category-glow{background:radial-gradient(ellipse at center,rgba(var(--accent-primary-rgb),.2) 0%,transparent 70%)}.category-glow.secondary{background:radial-gradient(ellipse at center,rgba(var(--accent-primary-rgb),.15) 0%,transparent 70%)}.category-page .container{position:relative;z-index:1}.category-header{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.category-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:#ffffff08;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 60px rgba(var(--accent-primary-rgb),.3);border-color:rgba(var(--accent-primary-rgb),.3);color:var(--accent-primary)}.category-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-xs);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.tool-card-link{text-decoration:none;display:block;animation:slideUp .6s ease forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.tool-card{position:relative;padding:var(--spacing-xl);background:#ffffff05;border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);height:100%}.tool-card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.tool-card:hover .tool-card-shine{left:100%}.tool-card:hover{transform:translateY(-8px);background:#ffffff0a;border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 20px 60px rgba(var(--accent-primary-rgb),.15)}.tool-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.tool-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.6}.tool-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast);color:var(--accent-primary)}.tool-cta svg{transition:transform var(--transition-fast)}.tool-card:hover .tool-cta svg{transform:translate(4px)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-link:hover{color:var(--text-primary);background:#ffffff0d}.back-link svg{transition:transform var(--transition-fast)}.back-link:hover svg{transform:translate(-4px)}@media(max-width:768px){.category-header{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.category-icon{width:80px;height:80px;font-size:3rem}.tools-list{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));color:#fff;box-shadow:0 4px 15px rgba(var(--accent-primary-rgb, 99, 102, 241),.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--accent-primary-rgb, 99, 102, 241),.4)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px rgba(var(--accent-primary-rgb, 99, 102, 241),.3)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-secondary);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.btn-ghost:before{display:none}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover:not(:disabled){background:var(--accent-primary);color:#fff;box-shadow:0 4px 15px rgba(var(--accent-primary-rgb, 99, 102, 241),.3)}.btn-full{width:100%}.card{background:#ffffff05;border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative}.card:hover{background:#ffffff08;border-color:var(--border-secondary)}.card-hover:hover{transform:translateY(-4px);border-color:var(--border-secondary);box-shadow:0 20px 40px #0000004d}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.card-content{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-secondary);background:#0000001a}.card-header h3,.card-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--text-primary)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.input-container{position:relative;display:flex;align-items:center}.input,.textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:hover,.textarea:hover{background:#ffffff0d;border-color:var(--border-secondary)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);background:#ffffff0d;box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 99, 102, 241),.15)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input.has-left-icon{padding-left:3rem}.input.has-right-icon{padding-right:3rem}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color var(--transition-fast)}.input-icon-left{left:var(--spacing-md)}.input-icon-right{right:var(--spacing-md)}.input:focus+.input-icon,.input:focus~.input-icon{color:var(--accent-primary)}.input-container.input-error .input,.textarea.input-error{border-color:var(--accent-error)}.input-container.input-error .input:focus,.textarea.input-error:focus{box-shadow:0 0 0 3px #ef444426}.input-error-text{font-size:var(--font-size-sm);color:var(--accent-error)}.input-helper-text{font-size:var(--font-size-sm);color:var(--text-tertiary)}.textarea{min-height:140px;resize:vertical;font-family:inherit;line-height:1.6}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:2.5rem}select.input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.select-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.select-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left}.select-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.select-trigger:hover{background:#ffffff0d;border-color:var(--border-secondary)}.select-trigger.open{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 99, 102, 241),.15)}.select-option.selected{background:rgba(var(--accent-primary-rgb, 99, 102, 241),.15);color:var(--accent-primary)}.select-trigger .placeholder{color:var(--text-muted)}.select-arrow{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.select-arrow.rotated{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000080;z-index:1000;max-height:240px;overflow-y:auto;animation:dropdown-enter .15s ease}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.select-option:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.select-option:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.select-option:hover{background:#ffffff0d;color:var(--text-primary)}.select-option.selected{background:#6366f126;color:var(--accent-primary);font-weight:500}.select-dropdown{scrollbar-width:none}.checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 8px;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.checkbox-container:hover{background:#ffffff0d}.checkbox-wrapper{position:relative;width:18px;height:18px;flex-shrink:0}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;border:2px solid var(--border-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.checkbox-container:hover .checkbox-custom{border-color:var(--text-secondary)}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 99, 102, 241),.3);border-color:var(--accent-primary)}.checkbox-input:checked+.checkbox-custom{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-icon{color:#fff;transform:scale(0);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.checkbox-input:checked+.checkbox-custom .checkbox-icon{transform:scale(1)}.checkbox-label{font-size:var(--font-size-base);color:var(--text-secondary);transition:color var(--transition-fast)}.checkbox-input:checked~.checkbox-label{color:var(--text-primary);font-weight:500}.result-value.success{color:var(--accent-success)}.tax-comparison{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.tax-comparison h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.comparison-item{padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.comparison-item.pea{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.comparison-item.cto{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.comparison-item.savings{background:var(--gradient-primary)}.comparison-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.comparison-item.savings .comparison-label{color:#fffc}.comparison-value{display:block;font-size:var(--font-size-lg);font-weight:700}.comparison-item.pea .comparison-value{color:var(--accent-success)}.comparison-item.cto .comparison-value{color:var(--accent-error)}.evolution-table h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}td.positive{color:var(--accent-success)}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.tax-breakdown h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.calculator-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.result-card{grid-column:1 / -1}.result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.result-item{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center}.result-item.highlight{background:var(--gradient-primary)}.result-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.result-item.highlight .result-label{color:#fffc}.result-value{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.result-value.accent{color:var(--accent-warning)}.amortization-table h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:right;border-bottom:1px solid var(--border-secondary)}th{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary)}td{color:var(--text-primary)}tr:hover td{background:var(--bg-card)}th:first-child,td:first-child{text-align:left}.category-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-xs)}.category-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.category-tab:hover{color:var(--text-primary);border-color:var(--border-primary)}.category-tab.active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.units-row{display:flex;align-items:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.units-row>.select-wrapper{flex:1;min-width:0}.swap-btn{flex-shrink:0;width:48px;height:48px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)!important;margin-bottom:2px}.unit-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:2.5rem}.unit-select:hover{background-color:#ffffff0d;border-color:var(--border-secondary)}.unit-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.conversion-result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.result-line{display:flex;align-items:baseline;gap:var(--spacing-sm)}.result-line .result-value{font-size:var(--font-size-2xl);font-weight:700}.result-line.highlight .result-value{font-size:var(--font-size-3xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-unit{font-size:var(--font-size-lg);color:var(--text-secondary)}.result-equals{font-size:var(--font-size-xl);color:var(--text-muted)}@media(max-width:640px){.units-row{flex-direction:column;align-items:stretch}.swap-btn{align-self:center;margin:var(--spacing-sm) 0}}.converter-card.input-section{z-index:10}.converter-card.result-section{z-index:1}.format-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.format-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.format-tab:hover{color:var(--text-primary);border-color:var(--border-primary)}.format-tab.active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.error-message{margin-top:var(--spacing-md)!important;padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-error);font-size:var(--font-size-sm);font-weight:500}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.mode-toggle{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{color:#fff;background:var(--gradient-primary)}.simulator-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.option-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.toggle-group{display:flex;gap:var(--spacing-xs)}.toggle-btn{flex:1;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{border-color:var(--border-primary)}.toggle-btn.active{color:var(--accent-primary);background:#6366f11a;border-color:var(--accent-primary)}.salary-breakdown{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg)}.salary-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.salary-row:last-child{border-bottom:none}.salary-row.header{font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary)}.salary-row.brut span:first-child{font-weight:500}.salary-row.charges{font-size:var(--font-size-sm);color:var(--text-secondary)}.salary-row.net.highlight{background:var(--gradient-primary);color:#fff;font-weight:600;font-size:var(--font-size-lg)}.employer-cost{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.cost-label{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary)}.cost-value{font-size:var(--font-size-lg);font-weight:700;color:var(--accent-warning)}.cost-period{font-size:var(--font-size-sm);color:var(--text-tertiary)}@media(max-width:640px){.options-row{grid-template-columns:1fr}.salary-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.salary-row.header{display:none}}.password-display{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.password-input{flex:1;padding:var(--spacing-md);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-lg);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);letter-spacing:.05em}.password-input:focus{outline:none;border-color:var(--accent-primary)}.strength-meter{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.strength-bar{flex:1;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.strength-fill{height:100%;border-radius:var(--radius-full);transition:all var(--transition-base)}.strength-label{font-size:var(--font-size-sm);font-weight:500;min-width:80px;text-align:right}.generator-options,.length-control{margin-bottom:var(--spacing-lg)}.length-slider{width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);appearance:none;cursor:pointer}.length-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;cursor:pointer}.charset-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(max-width:400px){.charset-options{grid-template-columns:1fr}}.tips-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.tips-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:var(--spacing-lg);color:var(--text-secondary)}.tips-list li::marker{color:var(--accent-primary)}.common-patterns{margin-bottom:var(--spacing-lg)}.pattern-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.pattern-chip{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.pattern-chip:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.regex-input{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.regex-delimiter{font-size:var(--font-size-xl);color:var(--text-tertiary);font-family:monospace}.regex-field{flex:1}.regex-field input{font-family:Consolas,Monaco,monospace}.flags{display:flex;gap:2px}.flag-btn{width:28px;height:28px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.flag-btn:hover{color:var(--text-primary)}.flag-btn.active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.regex-error{padding:var(--spacing-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-error);font-size:var(--font-size-sm);font-family:monospace;margin-bottom:var(--spacing-md)}.copy-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.regex-preview{font-family:Consolas,Monaco,monospace;color:var(--accent-primary)}.match-results{margin-top:var(--spacing-lg)}.match-header{margin-bottom:var(--spacing-md)}.match-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.match-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.match-item{padding:var(--spacing-xs) var(--spacing-sm);font-family:monospace;font-size:var(--font-size-sm);color:var(--accent-success);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm)}.match-more{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-tertiary)}.highlighted-text{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-family:monospace;white-space:pre-wrap;word-break:break-word}.highlighted-text mark{background:#6366f14d;color:var(--accent-primary);padding:1px 2px;border-radius:2px}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.code-textarea textarea{font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);line-height:1.5}.code-textarea.has-error textarea{border-color:var(--accent-error)}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.validation-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.validation-status.valid{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.validation-status.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-icon{font-size:var(--font-size-xl)}.validation-status.valid .status-icon{color:var(--accent-success)}.validation-status.invalid .status-icon{color:var(--accent-error)}.status-text{font-weight:600}.validation-status.valid .status-text{color:var(--accent-success)}.validation-status.invalid .status-text{color:var(--accent-error)}.error-details{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.error-message{color:var(--accent-error);font-family:monospace;font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.error-line{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.json-output{max-height:400px;overflow:auto;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);white-space:pre-wrap;margin:0}.action-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.format-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}.format-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.format-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.format-btn:hover{border-color:var(--border-primary)}.format-btn.active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.yaml-output{max-height:400px;overflow:auto;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);white-space:pre-wrap;margin:0}.decode-btn{margin-top:var(--spacing-md)}.jwt-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-error)}.error-icon{font-size:var(--font-size-xl)}.expiry-status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;text-align:center;margin-bottom:var(--spacing-lg)}.expiry-status.valid{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--accent-success)}.expiry-status.expired{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--accent-warning)}.jwt-section{margin-bottom:var(--spacing-lg)}.jwt-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.section-dot{width:12px;height:12px;border-radius:50%}.section-dot.header{background:var(--accent-error)}.section-dot.payload{background:var(--accent-primary)}.section-dot.signature{background:var(--accent-secondary)}.jwt-content{padding:var(--spacing-md);border-radius:var(--radius-md);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);line-height:1.5;margin:0;overflow-x:auto}.header-content{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--text-primary)}.payload-content{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--text-primary)}.timestamps{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.timestamp{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.timestamp.expired{color:var(--accent-warning)}.ts-label{color:var(--text-tertiary)}.signature-note{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0 0 var(--spacing-sm) 0}.signature-value{display:block;padding:var(--spacing-md);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-xs);word-break:break-all;color:var(--text-secondary)}.full-width-card{grid-column:1 / -1}.text-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.text-input-col{display:flex;flex-direction:column;gap:var(--spacing-xs)}.action-buttons{display:flex;gap:var(--spacing-md)}.diff-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.stat{font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.stat.same{color:var(--text-secondary);background:var(--bg-tertiary)}.stat.added{color:var(--accent-success);background:#10b9811a}.stat.removed{color:var(--accent-error);background:#ef44441a}.stat.modified{color:var(--accent-warning);background:#f59e0b1a}.diff-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);max-height:500px;overflow:auto}.diff-col{border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.diff-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary)}.diff-line{display:flex;font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);line-height:1.6}.line-num{min-width:40px;padding:0 var(--spacing-sm);text-align:right;color:var(--text-muted);background:var(--bg-secondary);border-right:1px solid var(--border-secondary);-webkit-user-select:none;user-select:none}.line-content{flex:1;padding:0 var(--spacing-sm);white-space:pre}.diff-line.same{background:transparent}.diff-line.added{background:#10b9811a}.diff-line.added .line-content{color:var(--accent-success)}.diff-line.removed{background:#ef44441a}.diff-line.removed .line-content{color:var(--accent-error)}.diff-line.modified{background:#f59e0b1a}.diff-line.modified .line-content{color:var(--accent-warning)}@media(max-width:768px){.text-inputs,.diff-view{grid-template-columns:1fr}}