@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#f4f1eb;--bg-card:#fff;--text-main:#3a3530;--text-muted:#857d75;--accent:#5c715e;--accent-hover:#4a5b4b;--accent-alpha:#5c715e1a;--accent-secondary:#d97a62;--border:#e5dfd5;--error-bg:#fef2f2;--error-text:#b91c1c;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #3a35300d;--shadow-md:0 4px 12px #3a35301a, 0 2px 4px -2px #3a35300d;--transition-base:.2s ease-in-out}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-app:#1a1816;--bg-card:#24221f;--text-main:#e5dfd5;--text-muted:#a39c93;--accent:#78907a;--accent-hover:#96ad98;--accent-alpha:#78907a26;--accent-secondary:#e2937e;--border:#3a3530;--error-bg:#ef44441a;--error-text:#fca5a5;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006}}:root[data-theme=dark]{--bg-app:#1a1816;--bg-card:#24221f;--text-main:#e5dfd5;--text-muted:#a39c93;--accent:#78907a;--accent-hover:#96ad98;--accent-alpha:#78907a26;--accent-secondary:#e2937e;--border:#3a3530;--error-bg:#ef44441a;--error-text:#fca5a5;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;line-height:1.5;overflow-x:hidden}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:var(--space-4);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base), transform .1s ease, opacity var(--transition-base);border:none;min-height:44px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.02)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}input,textarea,select{width:100%;padding:var(--space-3);border-radius:var(--radius-md);transition:border-color var(--transition-base);font-family:inherit;font-size:16px;border:1px solid var(--border)!important;background-color:var(--bg-card)!important;color:var(--text-main)!important}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:none!important;outline:none!important}.app-layout{flex-direction:column;min-height:100vh;display:flex}.mobile-header{padding:var(--space-3);background:var(--bg-card);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.main-content{width:100%;max-width:1200px;padding:var(--space-4) var(--space-3) calc(100px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.sidebar{background-color:var(--bg-card);width:280px;height:100vh;padding:var(--space-4);z-index:2000;border-right:1px solid var(--border);flex-direction:column;transition:left .3s;display:flex;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar.open{left:0}.sidebar-overlay{z-index:1999;background:#00000080;display:block;position:fixed;inset:0}.sidebar-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--accent);font-weight:700;display:flex}.mobile-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:block}nav{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.nav-link{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;font-weight:600;text-decoration:none;display:flex}.nav-link svg{flex-shrink:0;margin:0}.nav-link:hover{background-color:var(--bg-app);color:var(--text-main);transform:translate(4px)}.nav-link.active{background-color:var(--accent-alpha);color:var(--accent)}.sidebar-auth{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:auto}.fab-add{background-color:var(--accent-secondary);color:#fff;z-index:100;width:60px;height:60px;transition:transform var(--transition-base), background-color var(--transition-base);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #d97a624d}.fab-add:hover{background-color:#c06b56;transform:scale(1.08)}@media (width>=768px){.app-layout{flex-direction:row}.main-content{padding:var(--space-6)}.fab-add,.mobile-header,.mobile-close-btn{display:none}.sidebar{border-top:none;width:260px;height:100vh;position:sticky;top:0;left:0}}@media (width>=1024px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [style*="background: white"],:root:not([data-theme=light]) [style*="background-color: white"],:root:not([data-theme=light]) [style*="background: #fff"],:root:not([data-theme=light]) [style*="background-color: #fff"],:root:not([data-theme=light]) [style*="background: #FFFFFF"],:root:not([data-theme=light]) [style*="background-color: #FFFFFF"]{background-color:var(--bg-card)!important;color:var(--text-main)!important}}:root[data-theme=dark] [style*="background: white"],:root[data-theme=dark] [style*="background-color: white"],:root[data-theme=dark] [style*="background: #fff"],:root[data-theme=dark] [style*="background-color: #fff"],:root[data-theme=dark] [style*="background: #FFFFFF"],:root[data-theme=dark] [style*="background-color: #FFFFFF"]{background-color:var(--bg-card)!important;color:var(--text-main)!important}