:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f7f3ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #2f4f5b;--color-bg: #f7f3ee;--color-surface: #fcfaf7;--color-neutral: #d8d3cc;--color-text: #1f2933;--color-muted: #5b6771;--color-accent: #6f8f7a;--color-accent-strong: #5c7f69;--color-border: #d8d3cc;--color-shadow: rgba(47, 79, 91, .12);--color-focus: rgba(111, 143, 122, .35)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent-strong)}button,input{font:inherit}button{border-radius:10px;border:1px solid var(--color-accent-strong);padding:.55rem 1.2rem;background:var(--color-accent);color:var(--color-bg);cursor:pointer;transition:background .2s ease,border-color .2s ease}button:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}button:disabled{opacity:.5;cursor:not-allowed}input{border-radius:10px;border:1px solid var(--color-border);padding:.55rem .8rem;background:var(--color-surface);color:var(--color-text);width:100%}input:focus{outline:2px solid var(--color-focus);border-color:var(--color-accent)}input::placeholder{color:var(--color-muted)}#root{min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:1.5rem}.brand{font-weight:700;font-size:1.1rem;color:var(--color-primary)}.app-nav{flex:1}.app-nav a{font-weight:600;margin-left:1.5rem;color:var(--color-primary)}.app-actions{display:flex;align-items:center;gap:.75rem}.account-label{font-size:.9rem;color:var(--color-muted)}.app-actions a{font-weight:600}.app-main{padding:2.5rem 2rem;flex:1}.card{background:var(--color-surface);padding:2rem;border-radius:16px;box-shadow:0 12px 32px var(--color-shadow);max-width:440px;margin:0 auto}.muted{color:var(--color-muted)}.form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.field{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}.projects{display:flex;flex-direction:column;gap:2rem}.projects-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.form-inline{display:grid;gap:.75rem;align-items:center;grid-template-columns:repeat(2,minmax(0,1fr)) auto}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.project-card{background:var(--color-surface);border-radius:16px;padding:1.5rem;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.6rem}.project-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.pill{display:inline-flex;padding:.15rem .6rem;border-radius:999px;background:var(--color-neutral);color:var(--color-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.button-row{display:flex;gap:.75rem;margin-top:.5rem}.ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.empty-state{background:var(--color-surface);border-radius:16px;padding:2rem;border:1px dashed var(--color-border);text-align:center}.edit-form{display:flex;flex-direction:column;gap:.6rem}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start}.form-inline{grid-template-columns:1fr;width:100%}}
