:root{--bg-cream:#fdfbf7;--bg-offwhite:#f7f4ef;--bg-paper:#fff;--terracotta:#c85a32;--terracotta-hover:#b54e29;--sage:#5f7a65;--sand-border:#e6dfd5;--sand-hover:#f0ece1;--text-charcoal:#2c2825;--text-muted:#5a544f;--font-serif:"Lora", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--text-muted);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,.serif{font-family:var(--font-serif);color:var(--text-charcoal);font-weight:600}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}.btn-terracotta{background-color:var(--terracotta);color:#fff;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:background-color .2s}.btn-terracotta:hover{background-color:var(--terracotta-hover)}.badge-sage{color:var(--sage);background-color:#ebf1ed;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.card-paper{background-color:var(--bg-paper);border:1px solid var(--sand-border);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px #2c28250a}.auth-container{background-color:var(--bg-cream);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background-color:var(--bg-paper);border:1px solid var(--sand-border);border-radius:.75rem;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 4px 16px #2c28250f}.auth-card h1{font-family:var(--font-serif);color:var(--text-charcoal);text-align:center;margin-bottom:.5rem;font-size:1.75rem}.auth-card .subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-charcoal);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--sand-border);width:100%;font-size:.875rem;font-family:var(--font-sans);border-radius:.375rem;padding:.625rem;transition:border-color .2s}.form-input:focus{border-color:var(--terracotta);outline:none}.btn-google{border:1px solid var(--sand-border);background-color:var(--bg-paper);width:100%;color:var(--text-charcoal);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.btn-google:hover{background-color:var(--sand-hover)}.divider{color:var(--text-muted);align-items:center;gap:1rem;margin:1.5rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background-color:var(--sand-border);flex:1;height:1px}.auth-error{color:#9b2c2c;text-align:center;background-color:#fdf2f2;border-radius:.375rem;margin-bottom:1rem;padding:.625rem;font-size:.8rem}.auth-link{color:var(--terracotta);cursor:pointer;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.btn-outline{border:1px solid var(--sand-border);background-color:var(--bg-cream);color:var(--text-charcoal);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-outline:hover{background-color:var(--sand-hover);border-color:#d6cec1}.btn-secondary{background-color:var(--sand-hover);color:var(--text-charcoal);cursor:pointer;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background-color:#e2dbd0}.btn-icon{color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--sand-hover);color:var(--text-charcoal)}.btn-danger{color:#9b2c2c;cursor:pointer;background-color:#fef2f2;border:1px solid #f87171;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem;font-size:.875rem;transition:all .2s;display:flex}.btn-danger:hover{background-color:#fee2e2;border-color:#ef4444}.badge-terracotta{color:#9b2c2c;background-color:#fdf2f2;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-sand{background-color:var(--sand-hover);color:var(--text-charcoal);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2c282514}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#2c282566;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dropdown-menu{background-color:var(--bg-paper);border:1px solid var(--sand-border);z-index:100;border-radius:.5rem;min-width:200px;padding:.5rem;animation:.15s ease-out forwards fadeIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #2c28251a}.dropdown-menu.left{left:0;right:auto}.dropdown-item{width:100%;color:var(--text-charcoal);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:var(--sand-hover)}.dropdown-divider{background-color:var(--sand-border);height:1px;margin:.5rem 0}