: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;overflow-x:hidden}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)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.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:.625rem;padding:.875rem 1.5rem;font-weight:600;display:inline-flex}.btn-sm{gap:.375rem;padding:.45rem 1rem;font-size:.875rem}.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}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c62020}.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}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input{padding-right:2.75rem}.password-toggle{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.75rem}.password-toggle:hover{color:var(--color-text)}.password-toggle:focus-visible{outline-offset:2px;outline:2px solid #e91e638c}.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}.piggy-page{background:linear-gradient(180deg, var(--color-primary-soft) 0%, var(--color-surface) 100%);min-height:100vh;color:var(--color-text);box-sizing:border-box;padding:2rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.piggy-shell{width:100%;max-width:1280px;margin:0 auto}.ml-auto{margin-left:auto}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.mt-20{margin-top:20px}.mt-22{margin-top:22px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.mb-4{margin-bottom:4px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-sm{font-size:.9rem}.text-xs{font-size:.85rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-nowrap{white-space:nowrap}.text-center{text-align:center}.w-full{width:100%}.cursor-pointer{cursor:pointer}.table-scroll{overflow-x:auto}.page-icon{font-size:2rem}.page-icon-lg{font-size:2.25rem}.page-icon-xl{font-size:2.5rem}.flex-col-gap-6{flex-direction:column;gap:6px;display:flex}.flex-row-gap-8{gap:8px;display:flex}.flex-row-gap-8-wrap{flex-wrap:wrap;gap:8px;display:flex}.row-between-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.row-between-wrap-start{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.piggy-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}@media (width<=768px){.piggy-page{padding:1.25rem}}.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,.auth-footer .link-button,.welcome-actions a:last-child{color:var(--color-primary-dark)}.link-button{cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.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}.public-page-footer{color:var(--color-text-muted);justify-content:center;padding:0 2rem 2rem;display:flex}.public-page-footer a{color:var(--color-primary-dark);font-weight:600}.app-shell{width:100%;min-width:0;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-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-notification-dot{background:#fbbf24;border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:-.15rem;right:-.25rem;box-shadow:0 0 0 2px #1e1040f2}.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}.nav-link.active .nav-notification-dot{box-shadow:0 0 0 2px #ffffff52}.app-main{flex-direction:column;flex:1;gap:1.25rem;min-width:0;padding:1.5rem;display:flex}.demo-banner{color:#9a6700;background:#fff8e1f5;border:1px solid #f59e0b47;border-radius:16px;flex-wrap:wrap;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;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.install-banner-copy{font-weight:600}.install-banner-actions{flex-wrap:wrap;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;min-width:0}.app-content>*{min-width:0}.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,.install-banner,.welcome-actions,.app-header{flex-direction:column;align-items:stretch}.demo-banner,.install-banner{align-items:flex-start}.install-banner-actions{justify-content:flex-end}.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:#8a7aaa;--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}.social-login{flex-direction:column;gap:.6rem;display:flex}.btn-social{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;font-size:.95rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-social:hover{background:var(--color-surface-muted);border-color:var(--color-text-muted)}.social-divider{color:var(--color-text-muted);align-items:center;gap:.75rem;margin:.25rem 0;font-size:.85rem;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.link-account-prompt{flex-direction:column;gap:1rem;display:flex}