:root{--primary: #c46b3f;--primary-light: #d4a574;--primary-dark: #9d4f28;--bg: #faf7f2;--card: #ffffff;--text: #3a2a1a;--text-soft: #7a6a5a;--border: #e6dccc;--success: #5a8a5a;--warning: #c4870a;--danger: #c44a4a;--shadow: 0 2px 8px rgba(58, 42, 26, .08);--shadow-lg: 0 8px 24px rgba(58, 42, 26, .12);--radius: 12px;--radius-lg: 18px}html[data-theme=dark]{--primary: #d88456;--primary-light: #b88a5e;--primary-dark: #f0a070;--bg: #1a1410;--card: #2a2018;--text: #f0e5d8;--text-soft: #a89c8a;--border: #3d3225;--success: #7aab7a;--warning: #d4a040;--danger: #d86060;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--card);color:var(--text);border-color:var(--border)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:1rem;border:none;cursor:pointer;border-radius:var(--radius);padding:.85rem 1.25rem;transition:transform .1s ease,background .15s ease,box-shadow .15s ease}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;font-weight:600;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--text-soft)}.btn-ghost:hover{color:var(--text)}input{font-family:inherit;font-size:1.1rem;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);width:100%;outline:none;transition:border-color .15s ease}input:focus{border-color:var(--primary)}.card{background:var(--card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse at top,rgba(196,107,63,.12),transparent 60%),radial-gradient(ellipse at bottom,rgba(212,165,116,.18),transparent 60%),var(--bg)}.login-card{width:100%;max-width:380px;padding:2.25rem 1.75rem;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-brand{text-align:center;margin-bottom:1.75rem}.login-brand h1{margin:0;font-size:1.6rem;font-weight:700;color:var(--primary-dark);letter-spacing:-.01em}.login-brand .subtitle{margin-top:.35rem;font-size:.95rem;color:var(--text-soft)}.login-logo{width:64px;height:64px;margin:0 auto .75rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--shadow)}.login-form{display:flex;flex-direction:column;gap:.85rem}.login-form label{display:block;font-size:.85rem;color:var(--text-soft);margin-bottom:.35rem;font-weight:500}.error-banner{background:#fbe9e9;color:var(--danger);padding:.65rem .85rem;border-radius:var(--radius);font-size:.92rem;text-align:center}.dashboard{max-width:720px;margin:0 auto;padding:1.25rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.topbar h2{margin:0;font-size:1.25rem;color:var(--primary-dark)}.user-chip{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.user-chip .dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;margin-top:.5rem}.placeholder-card{background:var(--card);border-radius:var(--radius);padding:1.1rem 1rem;box-shadow:var(--shadow);text-align:center;color:var(--text-soft);font-size:.95rem;border:1px dashed var(--border)}