:root{--color-primary:#e91e63;--color-primary-dark:#c2185b;--color-primary-soft:#fce4ec;--color-background:#f3f1f8;--color-surface:#fff;--color-surface-muted:#f4f4f5;--color-border:#e6e2f0;--color-text:#1a1035;--color-text-muted:#6b5f85;--color-success:#059669;--color-success-soft:#d1fae5;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--grad-primary:linear-gradient(135deg, #e91e63 0%, #ad1457 100%);--grad-success:linear-gradient(135deg, #059669 0%, #047857 100%);--grad-info:linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--grad-warning:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--sidebar-bg:linear-gradient(180deg, #1e1040 0%, #120a2e 100%);--sidebar-text:#c8bfe0;--sidebar-muted:#6b5f85;--shadow-sm:0 1px 3px #1a10350f, 0 4px 16px #1a10350f;--shadow-md:0 4px 20px #1a10351a;--shadow-lg:0 20px 60px #1a103526;--shadow-pink:0 8px 28px #e91e634d;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--transition:.18s ease;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(ellipse 70% 50% at 85% -5%, #e91e631a 0%, transparent 55%), radial-gradient(ellipse 50% 60% at -5% 95%, #6366f112 0%, transparent 50%), radial-gradient(ellipse 40% 40% at 50% 60%, #e91e6308 0%, transparent 60%), var(--color-background)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.btn{transition:transform var(--transition), background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-pink)}.btn-primary:hover{background:linear-gradient(135deg,#f50057 0%,#e91e63 100%);box-shadow:0 12px 36px #e91e6366}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{color:var(--color-primary-dark);border-color:#e91e6359}.input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);border-radius:14px;padding:.95rem 1rem}.input:focus{border-color:#e91e638c;outline:none;box-shadow:0 0 0 4px #e91e631f}.form-field{color:var(--color-text);gap:.5rem;font-weight:500;display:grid}.field-error{color:var(--color-danger);font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--color-primary-dark);font-size:.7rem;font-weight:700}.sidebar .eyebrow{color:var(--sidebar-muted);letter-spacing:.12em}.toast{z-index:30;min-width:min(92vw,360px);box-shadow:var(--shadow-lg);border:1px solid #0000;border-radius:14px;padding:.95rem 1.1rem;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.toast-success{background:var(--color-success-soft);color:var(--color-success);border-color:#2e7d322e}.toast-error{background:var(--color-danger-soft);color:var(--color-danger);border-color:#c628282e}.toast-warning{color:#9a6700;background:#fff8e1f5;border-color:#f59e0b4d}.fullscreen-center{place-items:center;min-height:100vh;display:grid}.spinner{border:2px solid #e91e6338;border-top-color:var(--color-primary);border-radius:999px;width:1.15rem;height:1.15rem;animation:.75s linear infinite spin}.spinner-inline{width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}.auth-page,.welcome-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-shell,.welcome-card{width:min(100%,480px);padding:2rem}.auth-shell{gap:1.5rem;display:grid}.auth-copy,.auth-footer,.welcome-copy,.brand-subtitle,.header-email{color:var(--color-text-muted)}.header-email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.auth-form{gap:1rem;display:grid}.auth-footer a,.welcome-actions a:last-child{color:var(--color-primary-dark)}.welcome-card{gap:1.25rem;width:min(100%,720px);padding:3rem;display:grid}.welcome-copy{max-width:40rem;font-size:1.05rem;line-height:1.7}.welcome-actions{flex-wrap:wrap;gap:.9rem;display:flex}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);-webkit-overflow-scrolling:touch;border-right:none;flex-direction:column;gap:2rem;width:280px;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:4px 0 32px #120a2e40}.brand-block{align-items:center;gap:1rem;display:flex}.brand-mark{background:var(--grad-primary);border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.7rem;animation:2s ease-in-out infinite piggy-bounce;display:grid;box-shadow:0 8px 24px #e91e6373}@keyframes piggy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.brand-title{color:#f1ecff;font-size:1.3rem;font-weight:700}.sidebar-nav{gap:.5rem;display:grid}.nav-link{color:var(--sidebar-text);transition:background-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.nav-link:hover{color:#f1ecff;background:#ffffff14;transform:translate(2px)}.nav-link.active{background:var(--grad-primary);color:#fff;font-weight:600;transform:translate(0);box-shadow:0 4px 20px #e91e6366}.app-main{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex}.demo-banner{color:#9a6700;background:#fff8e1f5;border:1px solid #f59e0b47;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.demo-banner-copy{font-weight:600}.demo-banner-dismiss{width:2rem;height:2rem;color:inherit;background:#f59e0b29;border:0;border-radius:999px;flex-shrink:0;font-size:1.1rem;line-height:1}.install-banner{color:var(--color-primary-dark);background:#fce4ecf5;border:1px solid #e91e6347;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.install-banner-copy{font-weight:600}.install-banner-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.install-banner-button{background:var(--color-primary);color:#fff;border:0;border-radius:999px;height:2rem;padding:.3rem .85rem;font-size:.85rem;font-weight:700}.install-banner-dismiss{width:2rem;height:2rem;color:inherit;background:#e91e6329;border:0;border-radius:999px;flex-shrink:0;font-size:1.1rem;line-height:1}.app-header{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #e6e2f0b3;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex}.header-left{align-items:center;gap:.9rem;min-width:0;display:flex;overflow:hidden}.icon-button{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;display:inline-grid}.mobile-only{display:none}.mobile-hidden{display:block}.page-title{color:var(--color-text);font-size:1rem;font-weight:700}.logout-button{min-width:124px}.app-content{flex:1}.page-shell{place-items:center;min-height:calc(100vh - 132px);display:grid}.page-card{text-align:center;width:min(100%,640px);padding:2.5rem}.sidebar-backdrop{display:none}@media (width<=960px){.mobile-only{display:inline-grid}.mobile-hidden{display:none}.page-title{display:block}.sidebar-backdrop{z-index:9;background:#0f172a52;border:0;display:block;position:fixed;inset:0}.sidebar{z-index:10;max-width:82vw;height:100vh;transition:transform var(--transition);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main{width:100%;padding:1rem}.app-header{padding:1rem}.page-card,.auth-shell,.welcome-card{padding:1.5rem}}@media (width<=640px){.auth-page,.welcome-page{padding:1rem}.demo-banner{align-items:flex-start}.welcome-actions,.app-header{flex-direction:column;align-items:stretch}.logout-button,.btn{width:100%}}[data-theme=dark]{--color-primary:#f06292;--color-primary-dark:#e91e63;--color-primary-soft:#3d1a26;--color-background:#0f0f13;--color-surface:#1a1a24;--color-surface-muted:#1e1e2a;--color-border:#2a2a3a;--color-text:#e8e0f0;--color-text-muted:#9080aa;--color-success:#34d399;--color-success-soft:#0a2e1e;--color-danger:#f87171;--color-danger-soft:#2d0f0f;--sidebar-bg:linear-gradient(180deg, #0d0820 0%, #07040f 100%);--sidebar-text:#b0a0c8;--sidebar-muted:#5a4d70;--shadow-sm:0 1px 3px #0006, 0 4px 16px #0000004d;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 20px 60px #0009}[data-theme=dark] body{background:radial-gradient(ellipse 70% 50% at 85% -5%, #e91e630f 0%, transparent 55%), radial-gradient(ellipse 50% 60% at -5% 95%, #6366f10a 0%, transparent 50%), var(--color-background);color:var(--color-text)}[data-theme=dark] .app-header{background:#1a1a24e6;border-color:#2a2a3acc}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:var(--color-text)!important;border-color:var(--color-border)!important;background:#1e1e2a!important}[data-theme=dark] table{color:var(--color-text)}[data-theme=dark] th,[data-theme=dark] td{border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .demo-banner{color:#fbbf24;background:#3c2800e6;border-color:#f59e0b4d}[data-theme=dark] .install-banner{background:#3d1a26e6;border-color:#e91e634d}[data-theme=dark] .toast-success{background:var(--color-success-soft);color:var(--color-success)}[data-theme=dark] .toast-error{background:var(--color-danger-soft);color:var(--color-danger)}[data-theme=dark] .toast-warning{color:#fbbf24;background:#3c2800e6}