@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap";:root{--bg-primary: #f7f4ee;--bg-surface: #ffffff;--bg-secondary: #ede9df;--bg-dark: #0f0e0c;--bg-dark-hover: #1a1916;--text-primary: #0f0e0c;--text-secondary: #7a7670;--text-light: #f7f4ee;--border-color: #ddd9cf;--accent: #e8a020;--accent-hover: #c8841a;--accent-bg: rgba(232, 160, 32, .12);--success: #059669;--error: #dc2626;--warning: #d97706;--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--text-xs: .72rem;--text-sm: .82rem;--text-base: .9rem;--text-md: 1rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 2rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 100px;--shadow-sm: 0 2px 8px rgba(15, 14, 12, .04);--shadow-md: 0 8px 24px rgba(15, 14, 12, .07);--shadow-lg: 0 16px 48px rgba(15, 14, 12, .12);--transition-fast: .18s ease;--transition-base: .2s ease;--transition-slow: .4s ease;--sidebar-width: 240px;--topbar-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-2xl);font-weight:900}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:#2563eb;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#1d4ed8}button,.btn{font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);line-height:1.4}.btn-primary{background:var(--bg-dark);color:var(--text-light)}.btn-primary:hover:not(:disabled){background:var(--accent);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--text-primary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.btn-danger{background:transparent;color:var(--error);border:1.5px solid transparent}.btn-danger:hover:not(:disabled){border-color:#fecaca}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#b45309;transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:var(--text-xs)}.btn-block{width:100%}button:disabled,.btn:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}button:active:not(:disabled){transform:translateY(0) scale(.98)}form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a0201f}input::placeholder,textarea::placeholder{color:var(--text-secondary)}input[type=date]{color-scheme:light}input.error,textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #dc262614}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-neutral{background:var(--bg-secondary);color:#374151}.badge-pro{background:var(--accent-bg);color:var(--accent-hover)}.error,.error-msg{color:var(--error);font-size:var(--text-sm);padding:var(--space-md) var(--space-base);background:#fee2e2;border-radius:var(--radius-sm);border-left:3px solid var(--error)}.success-msg{color:var(--success);font-size:var(--text-sm);padding:var(--space-md) var(--space-base);background:#d1fae5;border-radius:var(--radius-sm);border-left:3px solid var(--success)}.auth-split{display:flex;min-height:100vh}.auth-left{flex:0 0 40%;background:var(--bg-dark);color:var(--text-light);padding:var(--space-2xl);display:flex;flex-direction:column;justify-content:center}.auth-left-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xl)}.auth-left-headline{font-family:var(--font-display);font-size:3rem;line-height:1.1;margin-bottom:var(--space-lg)}.auth-left-features{list-style:none;font-size:1.1rem;line-height:2;opacity:.9}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.auth-form-container{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:var(--space-lg)}.auth-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.auth-header p{color:var(--text-secondary);font-size:var(--text-base)}.auth-footer{margin-top:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-dark);color:var(--text-light);padding:var(--space-xl) var(--space-base);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:0 var(--space-base) var(--space-xl);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.sidebar-nav-item{padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-light);font-weight:400;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.sidebar-nav-item:hover{background:var(--bg-dark-hover)}.sidebar-nav-item.active{background:var(--accent-bg);color:var(--accent)}.sidebar-user{padding:var(--space-base);border-top:1px solid #333;margin-top:auto}.sidebar-user-name{font-size:var(--text-sm);font-weight:500}.sidebar-user-logout{font-size:var(--text-xs);color:#888;cursor:pointer;text-decoration:none}.sidebar-user-logout:hover{color:var(--text-light)}.main-content{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.topbar{height:var(--topbar-height);padding:0 var(--space-xl);border-bottom:1px solid var(--border-color);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:var(--text-xl);margin:0}.content-area{flex:1;padding:var(--space-xl) 36px}.container{max-width:1080px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text-primary)}.lock-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base);margin-bottom:var(--space-base)}.lock-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lock-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-base);flex-wrap:wrap;gap:var(--space-base)}.lock-card-amount{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.lock-card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-base);font-size:var(--text-sm);color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:var(--space-base)}.lock-detail-label{display:block;margin-bottom:2px}.lock-detail-value{color:var(--text-primary);font-weight:500}.progress-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin:var(--space-base) 0}.progress-bar-fill{height:100%;background:var(--accent);transition:width .6s ease}.progress-bar-fill.complete{background:var(--success)}.progress-bar-fill.danger{background:var(--error)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-state-icon{font-size:3.5rem;margin-bottom:var(--space-base);display:block}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-lg)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.page-enter{animation:fadeUp .5s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stagger-in>*{animation:staggerFadeIn .4s ease-out both}.stagger-in>*:nth-child(1){animation-delay:0s}.stagger-in>*:nth-child(2){animation-delay:.07s}.stagger-in>*:nth-child(3){animation-delay:.14s}.stagger-in>*:nth-child(4){animation-delay:.21s}.stagger-in>*:nth-child(5){animation-delay:.28s}.stagger-in>*:nth-child(6){animation-delay:.35s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(15,14,12,.2);border-radius:50%;border-top-color:var(--text-primary);animation:spin .6s linear infinite;vertical-align:middle;margin-right:var(--space-sm)}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-4{margin-top:var(--space-lg)}.mb-4{margin-bottom:var(--space-lg)}@media(max-width:768px){:root{--space-xl: 20px;--space-2xl: 32px}.auth-left,.sidebar{display:none}.topbar{padding:0 var(--space-base)}.content-area{padding:var(--space-lg) var(--space-base)}.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.lock-card-header{flex-direction:column}.btn-block{width:100%}h1{font-size:1.6rem}.auth-left-headline{font-size:2rem}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr}}.sidebar-hidden-mobile{display:flex}@media(max-width:900px){.sidebar-hidden-mobile,.auth-left-panel{display:none!important}}@media(min-width:900px){.auth-left-panel{display:flex!important}}.fade-up{animation:fadeUp .3s ease-out}.input-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs)}