@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.section-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);scroll-margin-top:4.5rem;transition:box-shadow .3s,border-color .3s,transform .3s;overflow:hidden}.section-card:hover{border-color:var(--gray-300);box-shadow:0 8px 24px #0000000f,0 2px 8px #0000000a}.section-header{border-bottom:1px solid var(--gray-100);background:var(--white);justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.section-header-content{align-items:center;gap:16px;min-width:0;display:flex}.section-number{background:linear-gradient(135deg, var(--brand-black) 0%, #1a2b1e 100%);color:#fff;letter-spacing:-.01em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8125rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #00000026}.section-title{color:var(--gray-900);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.3}.section-description{color:var(--gray-500);border-left:2px solid var(--gray-200);padding-left:16px;font-size:.8125rem;font-weight:400;line-height:1.4}.section-actions{flex-shrink:0;gap:8px;display:flex}.section-body{padding:28px}.subsection-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.6875rem;font-weight:700}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--gray-600);letter-spacing:.01em;font-size:.75rem;font-weight:600}.form-control{border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.875rem;font-family:var(--font);color:var(--gray-900);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:10px 12px;line-height:1.4}.form-control::placeholder{color:var(--gray-400)}.form-control:hover{border-color:var(--gray-300)}select.form-control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.section-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.section-body{padding:20px}.section-description{display:none}.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}.checkbox-group{border-radius:var(--radius);transition:all var(--transition);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.checkbox-group:hover{background:var(--gray-50);border-color:var(--gray-200)}.checkbox-group input[type=checkbox]{appearance:none;border:2px solid var(--gray-300);cursor:pointer;background:var(--white);border-radius:6px;flex-shrink:0;place-content:center;width:20px;height:20px;transition:all .15s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.checkbox-group input[type=checkbox]:after{content:"";border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:10px;height:6px;margin-top:-2px;transition:transform .15s cubic-bezier(.4,0,.2,1);transform:rotate(-45deg)scale(0)}.checkbox-group input[type=checkbox]:checked{background:var(--brand-green);border-color:var(--brand-green);box-shadow:0 1px 3px #1d7a334d}.checkbox-group input[type=checkbox]:checked:after{transform:rotate(-45deg)scale(1)}.checkbox-group:hover input[type=checkbox]:not(:checked){border-color:var(--gray-400)}.checkbox-group label{color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8125rem;font-weight:500;line-height:1.3}.array-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);margin-bottom:12px;padding:20px 24px}.array-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-xs)}.array-card:last-child{margin-bottom:0}.array-card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.array-card-title{color:var(--gray-800);letter-spacing:-.01em;font-size:.875rem;font-weight:700}.divider{background:var(--gray-100);height:1px;margin:24px 0}.btn{font-family:var(--font);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--brand-green) 0%, #198c2f 100%);color:#fff;box-shadow:0 1px 3px #1d7a3333}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--brand-green-hover) 0%, var(--brand-green) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1d7a3359}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1d7a3333}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.btn-danger{color:var(--error);background:var(--white);border:1px solid #dc262633}.btn-danger:hover:not(:disabled){background:var(--error-light);border-color:var(--error)}.info-box{background:var(--brand-green-light);border:1px solid var(--brand-green-muted);border-radius:var(--radius);color:var(--gray-700);margin-top:16px;padding:12px 16px;font-size:.8125rem;font-weight:500;line-height:1.5}.warning-box{background:var(--warning-light);border-radius:var(--radius);color:var(--gray-800);border:1px solid #d9770640;margin-bottom:16px;padding:12px 16px;font-size:.8125rem;font-weight:500;line-height:1.5}.app{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.app-main{grid-template-columns:1fr 320px;align-items:start;gap:1.75rem;width:100%;max-width:1440px;margin:0 auto;padding:1.75rem 2rem 4rem;display:grid}@media (width<=1200px){.app-main{grid-template-columns:1fr;padding:1.25rem 1rem 3rem}}@media (width<=768px){.app-main{gap:1rem;padding:.75rem .75rem 2rem}}:root{--brand-black:#0f1210;--brand-dark:#1a1f1b;--brand-green:#1d7a33;--brand-green-hover:#166228;--brand-green-light:#eaf5ec;--brand-green-muted:#c2dfc8;--brand-green-dim:#1d7a3314;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--error:#dc2626;--error-light:#fef2f2;--white:#fff;--bg:#f3f4f6;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-md);--card-shadow-elevated:var(--shadow-lg);--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.15s cubic-bezier(.4, 0, .2, 1);--transition-slow:.25s cubic-bezier(.4, 0, .2, 1);--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font);color:var(--gray-900);background:var(--bg);min-height:100vh;font-size:14px;line-height:1.5}::selection{background:var(--brand-green-muted);color:var(--brand-black)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #1d7a331f;border-color:var(--brand-green)!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}button:focus:not(:focus-visible){outline:none}