:root{--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--destructive-foreground:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background:linear-gradient(135deg,#f8f9fa,#e8f5e8);min-height:100vh;transition:all .3s ease}[data-theme=dark] body{color:#e0e0e0;background:linear-gradient(135deg,#121212,#1a1a1a)}.app{min-height:100vh;display:flex;flex-direction:column;padding-top:70px}.main-content{flex:1 1;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:0}.container{max-width:1400px;margin:0 auto;padding:32px 24px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;background:linear-gradient(135deg,#f8f9fa,#e8f5e8)}[data-theme=dark] .loading-screen{background:linear-gradient(135deg,#121212,#1a1a1a)}.spinner{width:60px;height:60px;border:4px solid rgba(76,175,80,.2);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen p{font-size:18px;font-weight:600;color:#2e7d32;text-align:center}[data-theme=dark] .loading-screen p{color:#4caf50}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-8{gap:32px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.p-4{padding:16px}.p-8{padding:32px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.shadow{box-shadow:0 4px 12px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 8px 24px rgba(0,0,0,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#4caf50,#66bb6a);color:white;border:2px solid transparent}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2e7d32,#4caf50);transform:translateY(-2px);box-shadow:0 8px 20px rgba(76,175,80,.3)}.btn-secondary{background:rgba(76,175,80,.1);color:#2e7d32;border:2px solid rgba(76,175,80,.2)}[data-theme=dark] .btn-secondary{background:rgba(76,175,80,.15);color:#4caf50;border-color:rgba(76,175,80,.3)}.btn-secondary:hover:not(:disabled){background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.4);transform:translateY(-2px)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:14px;font-weight:600;color:#333}[data-theme=dark] .form-label{color:#e0e0e0}.form-input{padding:12px 16px;border:2px solid rgba(76,175,80,.2);border-radius:12px;font-size:14px;font-weight:500;color:#333;background:rgba(255,255,255,.8);transition:all .3s ease}[data-theme=dark] .form-input{background:rgba(255,255,255,.05);border-color:rgba(76,175,80,.3);color:#e0e0e0}.form-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.1)}.form-input::placeholder{color:#999}[data-theme=dark] .form-input::placeholder{color:#666}.card{background:rgba(255,255,255,.9);border:2px solid rgba(76,175,80,.1);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .card{background:rgba(255,255,255,.06);border-color:rgba(76,175,80,.2)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(76,175,80,.15);border-color:rgba(76,175,80,.3)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#1b5e20;margin-bottom:16px}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#4caf50}h1{font-size:2.5rem;letter-spacing:-.5px}h2{font-size:2rem;letter-spacing:-.3px}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:16px;color:#666;font-weight:500}[data-theme=dark] p{color:#b3b3b3}a{color:#4caf50;text-decoration:none;font-weight:600;transition:all .3s ease}a:hover{color:#2e7d32;text-decoration:underline}[data-theme=dark] a:hover{color:#66bb6a}ol,ul{margin-bottom:16px;padding-left:24px}li{margin-bottom:8px;color:#666;font-weight:500}[data-theme=dark] li{color:#b3b3b3}code{background:rgba(76,175,80,.1);color:#2e7d32;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em}[data-theme=dark] code{background:rgba(76,175,80,.2);color:#4caf50}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(76,175,80,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4caf50,#66bb6a);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2e7d32,#4caf50)}::selection{background:rgba(76,175,80,.3);color:#1b5e20}[data-theme=dark] ::selection{background:rgba(76,175,80,.4);color:#4caf50}:focus{outline:2px solid #4caf50;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-up{animation:slideInUp .6s ease-out}.slide-in-down{animation:slideInDown .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .6s ease-out}@media (max-width:768px){.container{padding:24px 20px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.btn{padding:10px 20px;font-size:13px}}@media (max-width:480px){.app{padding-top:60px}.container{padding:20px 16px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{padding:8px 16px;font-size:12px}.card{padding:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){.btn-primary{background:#2e7d32;border-color:#1b5e20}.btn-secondary{background:transparent;color:#1b5e20}.btn-secondary,.card{border-color:#2e7d32}}@media print{.btn,.footer,.header,.sidebar,button{display:none!important}.main-content{margin-left:0!important;padding-top:0!important}.container{max-width:none;padding:0}*{background:white!important;color:black!important;box-shadow:none!important}}.section-grid{display:grid;grid-template-columns:repeat(12,minmax(24px,1fr));grid-gap:2px;gap:2px;margin:12px 0 16px}.section-item{display:inline-flex;align-items:center;justify-content:center;height:28px;width:100%;min-width:24px;padding:2px 4px;border-radius:6px;border:1.5px solid rgba(76,175,80,.25);background:rgba(255,255,255,.9);color:#2e7d32;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.section-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.15);border-color:rgba(76,175,80,.45)}.section-item.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#ffffff;border-color:transparent}.section-item.clear{background:rgba(76,175,80,.1);color:#1b5e20;border-color:rgba(76,175,80,.2)}.section-item.clear:hover{background:rgba(76,175,80,.2)}@media (max-width:1200px){.section-grid{grid-template-columns:repeat(10,minmax(24px,1fr))}.section-item{height:28px;width:100%}}@media (max-width:992px){.section-grid{grid-template-columns:repeat(9,minmax(24px,1fr))}.section-item{height:28px;width:100%}}@media (max-width:768px){.section-grid{grid-template-columns:repeat(8,minmax(24px,1fr));gap:2px}.section-item{height:26px;width:100%;font-size:10px}}@media (max-width:576px){.section-grid{grid-template-columns:repeat(6,minmax(26px,1fr));gap:2px}.section-item{height:28px;width:100%;padding:2px 4px;font-size:11px}}@media (max-width:400px){.section-grid{grid-template-columns:repeat(5,minmax(26px,1fr));gap:2px;padding:10px}.section-item{height:28px;width:100%;padding:2px 4px;font-size:11px}}.active-section-filter{margin:1.5rem 0;display:flex;justify-content:center;animation:slideInDown .4s ease-out}.filter-badge{display:flex;align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(79,70,229,.08));border:2px solid rgba(99,102,241,.3);border-radius:24px;padding:10px 18px;font-size:15px;font-weight:600;color:#4f46e5;gap:10px;box-shadow:0 4px 12px rgba(99,102,241,.15);max-width:100%;word-wrap:break-word}[data-theme=dark] .filter-badge{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(79,70,229,.12));border-color:rgba(99,102,241,.4);color:#a5b4fc;box-shadow:0 4px 16px rgba(99,102,241,.2)}.clear-filter-btn{background:none;border:none;cursor:pointer;font-size:18px;font-weight:700;color:#6366f1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}[data-theme=dark] .clear-filter-btn{color:#a5b4fc}.clear-filter-btn:hover{color:#ef4444;background:rgba(239,68,68,.1);transform:scale(1.15)}[data-theme=dark] .clear-filter-btn:hover{color:#fca5a5;background:rgba(239,68,68,.15)}@media (max-width:768px){.filter-badge{font-size:14px;padding:8px 14px}.clear-filter-btn{font-size:16px;width:22px;height:22px}}@media (max-width:480px){.active-section-filter{justify-content:center}.filter-badge{width:100%;justify-content:space-between;font-size:13px;padding:8px 12px}}[data-theme=dark] .section-item{background:rgba(255,255,255,.06);color:#4caf50;border-color:rgba(76,175,80,.35)}[data-theme=dark] .section-item.active{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#e8f5e9;border-color:transparent}[data-theme=dark] .section-item:hover:before{opacity:1}