@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,600;1,400&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primer:#16a34a;--color-aksen:#15803d;--color-text:#111827;--color-muted:#6b7280;--color-muted-light:#9ca3af;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-border:#e5e7eb;--color-border-light:#f1f5f9;--radius-sm:6px;--radius:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);--shadow-lg:0 10px 30px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06);--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Lora",Georgia,serif;--transition:0.2s ease}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--color-primer);color:#fff}.btn-primary:hover{background:var(--color-aksen)}.btn-outline{background:transparent;color:var(--color-primer);border:1.5px solid var(--color-primer)}.btn-outline:hover{background:var(--color-primer);color:#fff}.btn-ghost{background:transparent;color:var(--color-muted);border:1.5px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-text)}.btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{padding:.8rem 1.75rem;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow)}.card-flat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-green{background:#dcfce7;color:#15803d}.badge-gray{background:#f3f4f6;color:#6b7280}.badge-red{background:#fee2e2;color:#dc2626}.badge-yellow{background:#fef9c3;color:#a16207}.input{width:100%;padding:.65rem .85rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);color:var(--color-text);background:#fff;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input:focus{border-color:var(--color-primer);box-shadow:0 0 0 3px rgba(22,163,74,.12)}.input::placeholder{color:var(--color-muted-light)}.label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.divider{height:1px;background:var(--color-border);margin:1.5rem 0}.text-muted{color:var(--color-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.font-bold{font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-muted);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.9rem;max-width:280px;line-height:1.6}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primer);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;display:flex;align-items:flex-start;gap:.5rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}@media (max-width:640px){.container{padding:0 1rem}.card{padding:1.25rem}.btn{padding:.55rem 1rem}}