:root{font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1d2622;background-color:#f5f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: #fdfbf7;--surface-alt: #f1ede6;--ink: #1d2622;--muted: #5c6b63;--accent: #1f7a6b;--accent-strong: #125548;--accent-soft: #e3f2ee;--warning: #f4b968;--error: #d66a5c;--shadow: 0 20px 60px rgba(25, 34, 30, .1);--radius: 20px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#f7f2ea,#eef2ee 40%,#e6efe9)}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{max-width:1200px;margin:0 auto;padding:48px 6vw 80px;display:flex;flex-direction:column;gap:28px}.app-header{display:flex;gap:24px;align-items:stretch;justify-content:space-between;flex-wrap:wrap}.hero{flex:1;min-width:260px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--muted);margin:0 0 12px}.hero h1{font-family:Fraunces,Times New Roman,serif;font-size:clamp(2.5rem,4vw,3.5rem);margin:0 0 12px}.subtitle{margin:0;color:var(--muted);max-width:520px}.auth-card{background:var(--surface);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px;min-width:240px}.meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0 0 6px}.meta-value{margin:0;font-weight:600}.tabs{display:flex;flex-wrap:wrap;gap:12px}.tab{border:none;background:var(--surface-alt);color:var(--muted);padding:10px 18px;border-radius:999px;cursor:pointer;transition:transform .2s ease,background .2s ease}.tab.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.panel{background:transparent;animation:rise .5s ease both}.section{display:flex;flex-direction:column;gap:20px}.section-header h2{margin:0;font-size:1.8rem}.section-header p{margin:4px 0 0;color:var(--muted)}.card{background:var(--surface);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);animation:fadeUp .5s ease both}.form{display:grid;gap:16px}.field{display:grid;gap:6px}.field label{font-size:.9rem;color:var(--muted)}input,select{border:1px solid #d7d9d4;border-radius:12px;padding:10px 12px;font-size:1rem;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.inline-group{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}.button{border:none;border-radius:999px;padding:10px 18px;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button.primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px #1f7a6b4d}.button.ghost{background:transparent;color:var(--accent-strong);border:1px solid var(--accent)}.button:hover{transform:translateY(-1px)}.list{display:grid;gap:16px}.list-header{display:flex;align-items:center;justify-content:space-between}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ece8e2}.list-row:last-child{border-bottom:none}.list-row span{display:block;color:var(--muted);font-size:.9rem}.row-actions{display:flex;gap:8px}.mini-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.mini-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#f4f1ec}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail h4{margin:0 0 6px}.detail-actions{margin-top:16px}.summary-card{margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--accent-soft);display:flex;justify-content:space-between;align-items:center}.alert{padding:12px 16px;border-radius:12px;font-weight:500}.alert.warning{background:#fff4e1;color:#7a4a10}.alert.error{background:#ffe9e6;color:#7a2b22}.form-error{color:var(--error);margin:0}.muted{color:var(--muted)}.pill{background:var(--accent-soft);color:var(--accent-strong);padding:4px 10px;border-radius:999px;font-size:.8rem}.empty-state{background:var(--surface);padding:40px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow)}.empty-state h2{margin-top:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.auth-card{width:100%;justify-content:space-between}.list-row{flex-direction:column;align-items:flex-start}}