:root{color-scheme:light;--bg: #f7f4ee;--bg-accent: #efe7d8;--ink: #1b1b1f;--muted: #5c5c6b;--brand-dark: #5f6d31;--brand-mid: #8c9a5b;--brand-light: #c7ccb5;--primary: #5f6d31;--primary-dark: #475221;--card: #ffffff;--shadow: 0 20px 60px rgba(22, 30, 50, .12);--font-sans: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-serif: "Cormorant Garamond", "Times New Roman", serif;--font-mono: "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:radial-gradient(900px 440px at 10% -20%,rgba(255,255,255,.92),transparent 60%),linear-gradient(135deg,var(--bg) 0%,var(--bg-accent) 55%,#e5ddca 100%);color:var(--ink)}#root{min-height:100vh}.page{min-height:100vh;padding:36px clamp(18px,4vw,56px) 56px;display:grid;gap:26px}.topbar{display:grid;gap:20px;align-items:end;grid-template-columns:1fr}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:120px;height:auto;display:block}.brand-title{margin:0;font-weight:700}.brand-sub{margin:2px 0 0;color:var(--muted);font-size:.85rem}.nav{display:flex;gap:12px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--primary-dark);border:1px solid rgba(95,109,49,.25);background:#ffffffb8;padding:9px 14px;border-radius:999px;font-weight:700}.nav-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-cta{padding:8px 14px}.content{display:flex;flex-direction:column;gap:32px}.hero{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hero-logo{display:flex;justify-content:center;align-items:center;padding:16px}.hero-logo img{width:min(440px,85%);height:auto;filter:drop-shadow(0 20px 40px rgba(95,109,49,.15))}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);margin:0 0 12px}h1{margin:0 0 16px;font-size:clamp(2.2rem,3vw,3.4rem);line-height:1.1}.sub{margin:0 0 24px;color:var(--muted);font-size:1.05rem;max-width:540px}.actions{display:flex;gap:16px;flex-wrap:wrap}button{border:none;border-radius:999px;padding:11px 16px;cursor:pointer;font-weight:700}.actions a{border:none;padding:11px 16px;border-radius:999px;font-weight:700;cursor:pointer}button:disabled{opacity:.7;cursor:not-allowed;transform:none}.primary{background:var(--primary);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ghost{background:transparent;color:var(--primary-dark);border:1px solid rgba(95,109,49,.35);text-decoration:none}.card{background:var(--card);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.card-title{margin:0;font-weight:700}.card-sub{margin:4px 0 0;color:var(--muted);font-size:.9rem}.badge{background:var(--primary);color:#fff;font-size:.75rem;padding:6px 12px;border-radius:999px}.event-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.event-list li{display:flex;align-items:center;gap:12px;font-size:.95rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--brand-mid);display:inline-block;box-shadow:0 0 0 4px #8c9a5b33}.features{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card{background:#ffffffeb;border:1px solid rgba(95,109,49,.14);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:18px}.feature-card h3{margin:0 0 8px}.feature-card p{margin:0;color:var(--muted)}.app-clickable{cursor:pointer}.app-clickable:hover,.app-clickable:focus-visible{background:#f7f4eee6;border-color:#5f6d3159}.form-card,.table-card{background:#ffffffeb;border:1px solid rgba(95,109,49,.14);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:20px;max-width:100%}.pending-panel{margin-top:16px;border-left:6px solid var(--brand-mid);border-radius:12px;padding:12px 14px;background:#ffffffb3}.pending-panel h3{margin:0 0 8px}.pending-list{margin:0;padding-left:18px;display:grid;gap:8px}.form-grid{display:grid;gap:16px;margin-top:20px}.form-section-title{margin:0;font-weight:700;font-size:1.1rem}.form-field{display:grid;gap:6px}.form-label{font-weight:600;color:var(--muted);font-size:.9rem}.form-value{background:#f4f1e8;border-radius:12px;padding:10px 12px;font-weight:600}label{display:grid;gap:6px;font-weight:600}input,select{border-radius:10px;border:1px solid rgba(27,27,31,.2);padding:10px 12px;font-size:.95rem;background:#fff}.input-with-icon{position:relative;display:grid}.input-with-icon input{padding-right:44px}.icon-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:1rem}.icon-button:disabled{opacity:.6;cursor:not-allowed}input[aria-invalid=true]{border-color:#b8432f;box-shadow:0 0 0 3px #b8432f26}.form-error{margin:4px 0 0;color:#b8432f;font-weight:600}.form-success{margin:4px 0 0;color:#2b7a4b;font-weight:600}.form-hint{margin:0;color:var(--muted);font-weight:600}.table-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.table-actions{display:flex;gap:12px;flex-wrap:wrap}.table-search input{min-width:260px}.chip-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#5f6d311a;border:1px solid rgba(95,109,49,.2);font-size:.9rem}.chip input{margin:0}.table{margin-top:24px;display:grid;gap:8px}.inline-card{margin-top:24px;padding:20px;border-radius:var(--radius-md);background:#ffffffeb;border:1px solid rgba(95,109,49,.14);box-shadow:var(--shadow)}.inline-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.inline-title{margin:0;font-weight:700}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px;padding:10px 8px;border-radius:10px;background:#ffffffd9;border:1px solid rgba(27,27,31,.08)}.table-head{font-weight:700;background:#f7f4eee6;color:var(--muted)}.status{font-weight:600;color:#2b7a4b}@media (max-width: 720px){.topbar{grid-template-columns:1fr}.brand-logo{width:96px}.table-row{grid-template-columns:1fr}.hero-logo img{width:min(320px,90%)}}
