@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-primary:#f5f7f4;--bg-secondary:#fff;--bg-code:#1a2e1a;--text-primary:#1a2e1a;--text-secondary:#4a5d4a;--text-muted:#7a8d7a;--accent:#2d6a4f;--accent-hover:#1b4332;--accent-light:#2d6a4f1a;--border:#d8e4d8;--success:#40916c;--error:#d62828;--warning:#e9c46a;--gradient-start:#95d5b2;--gradient-end:#2d6a4f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2d6a4f4d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-muted)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:10px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.form-input::placeholder{color:var(--text-muted)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.alert{border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem;font-size:.95rem}.alert-success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33}.alert-error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}@media (max-width:768px){.container,.container-wide{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:1.5rem}}