:root{--sage: #87a878;--forest: #2d5016;--moss: #5a7247;--cream: #f4f1e8;--terracotta: #c17c5b;--leaf: #6b8e4e;--white: #ffffff;--shadow: rgba(45, 80, 22, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:linear-gradient(135deg,var(--cream) 0%,#e8e5da 100%);color:var(--forest);min-height:100vh}.page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.card{background:var(--white);border-radius:16px;padding:3rem;box-shadow:0 8px 24px var(--shadow);max-width:500px;width:100%}.card-wide{max-width:900px}h1{color:var(--forest);font-size:2.5rem;margin-bottom:.5rem}h2{color:var(--moss);font-size:1.5rem;margin-bottom:1rem}.subtitle{color:var(--moss);font-size:1.1rem;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--forest);font-weight:500}input{width:100%;padding:.75rem;border:2px solid var(--sage);border-radius:8px;font-size:1rem;transition:border-color .3s}input:focus{outline:none;border-color:var(--leaf)}button,.btn{background:var(--leaf);color:var(--white);border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%}button:hover,.btn:hover{background:var(--moss);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.link{color:var(--leaf);text-decoration:none;font-weight:500}.link:hover{color:var(--moss);text-decoration:underline}.icon{font-size:3rem;margin-bottom:1rem}.upload-zone{border:3px dashed var(--sage);border-radius:12px;padding:3rem;text-align:center;background:var(--cream);cursor:pointer;transition:all .3s}.upload-zone:hover{border-color:var(--leaf);background:var(--white)}.graph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.graph-card{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow);min-height:250px}.graph-placeholder{background:linear-gradient(135deg,var(--sage) 0%,var(--leaf) 100%);border-radius:8px;height:180px;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600}nav.svelte-1h32yp1{background:var(--white);box-shadow:0 2px 8px var(--shadow);position:sticky;top:0;z-index:100}.nav-container.svelte-1h32yp1{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo.svelte-1h32yp1{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--forest);font-weight:700;font-size:1.5rem}.logo-icon.svelte-1h32yp1{font-size:2rem}.nav-links.svelte-1h32yp1{display:flex;gap:2rem}.nav-link.svelte-1h32yp1{text-decoration:none;color:var(--moss);font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s;display:flex;align-items:center;gap:.5rem}.nav-link.svelte-1h32yp1:hover{background:var(--cream);color:var(--forest)}.nav-link.active.svelte-1h32yp1{background:var(--leaf);color:var(--white)}.logout-btn.svelte-1h32yp1{background:var(--terracotta);color:var(--white);padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s}.logout-btn.svelte-1h32yp1:hover{background:var(--moss)}