@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap";:root{--sage-deep:#2c3e30;--sage-mid:#4f6352;--sage-light:#7d8c7b;--cream:#f4f1ea;--charcoal:#2c2c2c;--glass-bg:#fff6;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sage-deep);color:var(--charcoal);background-image:url(https://images.unsplash.com/photo-1516035069371-29a1b244cc32?q=80&w=2676&auto=format&fit=crop);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Manrope,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.font-serif{font-family:Noto Serif,serif}.font-sans{font-family:Manrope,sans-serif}.text-charcoal{color:var(--charcoal)}.text-cream{color:var(--cream)}.text-sage-light{color:var(--sage-light)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.toggle-switch{width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#fff6;border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.toggle-slider{background-color:#ffffffb3}input:checked+.toggle-slider:before{transform:translate(22px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.16s;--duration-norm:.3s;--duration-slow:.45s}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.page-container{z-index:10;width:100%;animation:fadeIn var(--duration-slow) var(--ease-out) forwards;flex-direction:column;flex:1;padding-top:3rem;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:fadeInUp var(--duration-norm) var(--ease-out) both;animation-delay:50ms}.stagger-2{animation:fadeInUp var(--duration-norm) var(--ease-out) both;animation-delay:.1s}.stagger-3{animation:fadeInUp var(--duration-norm) var(--ease-out) both;animation-delay:.15s}.stagger-4{animation:fadeInUp var(--duration-norm) var(--ease-out) both;animation-delay:.2s}.stagger-5{animation:fadeInUp var(--duration-norm) var(--ease-out) both;animation-delay:.25s}.header-area{flex:none;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem}.welcome-text{color:var(--cream);opacity:.9;letter-spacing:-.025em;margin-bottom:.5rem;font-size:3rem;line-height:1.1}.journey-container{color:var(--cream);opacity:.8;align-items:center;margin-bottom:2rem;display:flex}.journey-text{letter-spacing:.025em;font-size:1.125rem}.journey-months{font-weight:600}.slider-track{background-color:#ffffff4d;border-radius:4px;flex:1;height:2px;margin-left:1rem;position:relative}.slider-thumb{background-color:var(--cream);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:25%;transform:translateY(-50%);box-shadow:0 0 10px #fffc}.notification-box{text-align:left;max-width:24rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:1.25rem;position:relative;overflow:hidden}.notification-header{z-index:10;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.notification-title{color:var(--cream);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700}.notification-list{z-index:10;flex-direction:column;gap:.75rem;display:flex;position:relative}.notification-item{-webkit-backdrop-filter:blur(8px);background-color:#ffffff0d;border:1px solid #ffffff26;border-radius:.75rem;align-items:center;gap:.6rem;padding:.75rem;display:flex;box-shadow:0 4px 12px #0000000d}.notification-text-group{flex-direction:column;flex:1;display:flex}.notification-item-title{color:#fff;font-size:.85rem;font-weight:500;line-height:1.2}.notification-item-desc{color:#ffffffb3;margin-top:.25rem;font-size:.7rem}.notification-btn{color:#fff;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);white-space:nowrap;background-color:#fff3;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;padding:.375rem .8rem;font-size:.75rem;font-weight:700}.notification-btn:hover{background-color:#ffffff4d}.notification-btn:active{transform:scale(.96)}.notification-btn.primary{background-color:var(--sage-light)}.notification-btn.primary:hover{background-color:var(--sage-mid)}.glow-orb{display:none}.autopay-module{-webkit-backdrop-filter:blur(12px);background-color:#fff3;border:1px solid #fff6;border-radius:9999px;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.autopay-text{color:var(--cream);letter-spacing:.025em;font-weight:500}.autopay-status{opacity:1;font-weight:700}.search-container{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.search-input-wrapper{flex:1;position:relative}.search-icon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{width:100%;color:var(--charcoal);background-color:#fff;border:1px solid #e8e4d9;border-radius:.75rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.875rem;font-weight:500}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:var(--sage-light)}.filter-btn{color:#6b7280;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background-color:#fff;border:1px solid #e8e4d9;border-radius:.75rem;padding:.75rem;box-shadow:0 1px 2px #0000000d}.filter-btn:active{transform:scale(.94)}.cream-drawer{z-index:20;background-color:#f4f1ea;border-top-left-radius:40px;border-top-right-radius:40px;flex:1;width:100%;padding:2rem 1.5rem 7rem;position:relative;box-shadow:0 -10px 40px #0003}.drag-handle{opacity:.4;background-color:#d3cece;border-radius:9999px;width:3rem;height:.375rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.drawer-title{color:var(--charcoal);letter-spacing:-.025em;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}.drawer-title-sm{font-size:1.5rem}.drawer-subtitle{color:#f4f1eacc;letter-spacing:.025em;margin-top:.5rem;font-family:Manrope,sans-serif;font-size:.875rem}.list-container{flex-direction:column;gap:1.5rem;display:flex}.list-item{border-bottom:1px solid #2c2c2c1a;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.list-item-left{align-items:center;gap:1rem;display:flex}.icon-box{background-color:#fff;border:1px solid #e8e4d9;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:0 1px 2px #0000000d}.icon-symbol{font-size:1.25rem}.icon-text{text-transform:uppercase;color:#9ca3af;margin-top:.125rem;font-size:.5625rem;font-weight:700}.item-name{color:var(--charcoal);font-size:1.125rem;font-weight:700}.item-date{color:#6b7280;font-size:.875rem}.list-item-right{text-align:right}.item-amount{color:var(--charcoal);font-size:1.25rem;font-weight:700}.link-text{text-transform:uppercase;color:var(--sage-light);margin-left:.5rem;font-size:.625rem;font-weight:700;text-decoration:none}.timeline-item{border-left:1px solid #2c2c2c33;margin-left:1rem;padding-bottom:2rem;padding-left:1.5rem;position:relative}.timeline-dot{border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.25rem;left:-.375rem}.timeline-dot.highlight{border:2px solid var(--sage-light);width:1rem;height:1rem;box-shadow:0 0 8px var(--sage-light);background-color:#fff;top:0;left:-.5rem}.timeline-dot.dark{background-color:var(--charcoal)}.timeline-dot.success{background-color:#d7e7d3}.timeline-dot.muted{background-color:#d1d5db}.timeline-card{background-color:#fff;border:1px solid #e8e4d9;border-radius:1rem;margin-top:-.25rem;padding:1rem;position:relative;box-shadow:0 1px 2px #0000000d}.timeline-badge{color:#fff;text-transform:uppercase;background-color:#ffb5a7;border-top-right-radius:.75rem;border-bottom-left-radius:.75rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;position:absolute;top:0;right:0}.timeline-card-header{align-items:center;gap:.5rem;margin-top:.25rem;margin-bottom:.5rem;display:flex}.timeline-card-title{color:var(--charcoal);font-family:Noto Serif,serif;font-size:1.125rem;font-weight:700}.timeline-desc{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.timeline-footer{justify-content:space-between;align-items:center;display:flex}.timeline-time{color:#9ca3af;text-transform:uppercase;font-size:.75rem;font-weight:700}.btn-dark{background-color:var(--sage-deep);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.timeline-row{justify-content:space-between;align-items:center;display:flex}.timeline-row-title{color:var(--charcoal);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.profile-header{text-align:center;margin-bottom:2rem}.profile-avatar-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#fff3;border:2px solid #f4f1ea80;border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-name{color:var(--cream);font-family:Noto Serif,serif;font-size:1.5rem;font-weight:700}.profile-contact{color:#f4f1eab3;margin-top:.25rem;font-size:.875rem}.profile-section{flex-direction:column;gap:1rem;display:flex}.profile-btn{cursor:pointer;width:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-norm) var(--ease-out), transform var(--duration-fast) var(--ease-out);text-align:left;background-color:#fff;border:1px solid #e8e4d9;border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem;display:flex;box-shadow:0 1px 2px #0000000d}.profile-btn:hover{border-color:var(--sage-light);box-shadow:0 4px 6px -1px #0000001a}.profile-btn:active{transform:scale(.98)}.profile-btn-left{align-items:center;gap:1rem;display:flex}.profile-btn-icon{width:2.5rem;height:2.5rem;color:var(--sage-mid);background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.profile-btn:hover .profile-btn-icon{background-color:var(--sage-light);color:#fff}.profile-btn-title{color:var(--charcoal);font-size:1rem;font-weight:700}.profile-btn-desc{color:#6b7280;margin-top:.125rem;font-size:.75rem}.profile-btn-arrow{color:#d1d5db;font-weight:700}.profile-btn:hover .profile-btn-arrow{color:var(--sage-light)}.divider{background-color:#e5e7eb;width:100%;height:1px;margin:2rem 0}.btn-outline{color:#6b7280;cursor:pointer;width:100%;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background-color:#0000;border:2px solid #d1d5db;border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem;font-weight:700;display:flex}.btn-outline:hover{border-color:var(--sage-mid);color:var(--sage-mid)}.btn-outline:active{transform:scale(.98)}.btn-danger{color:#b91c1c;cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background-color:#0000;border:none;border-radius:1rem;justify-content:center;align-items:center;padding:1rem;font-weight:700;display:flex}.btn-danger:hover{background-color:#fee2e2}.btn-danger:active{transform:scale(.98)}.btn-danger svg{margin-right:.5rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.status-paid{color:#3c4a3c;background-color:#d7e7d3;border:1px solid #d7e7d3}.status-unpaid{color:#2c2c2c99;background-color:#e5e2db}.status-outline{color:var(--sage-deep);background-color:#0000;border:1px solid #d7e7d3}.icon-contract,.icon-invoice{color:var(--sage-mid)!important}.bottom-nav{-webkit-backdrop-filter:blur(24px);z-index:50;background-color:#1c241c;border-top:1px solid #ffffff1a;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;width:100%;padding:1rem 2rem 2rem;position:fixed;bottom:0;left:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:24rem;margin-left:auto;margin-right:auto;display:flex}.nav-button{cursor:pointer;transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);min-width:3rem;box-shadow:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:0;display:flex;background-color:#0000!important;border:none!important}.nav-button:active{transform:scale(.9)}.nav-button.active{color:#d7e7d3}.nav-button.inactive{color:#9ca3af}.nav-button.inactive:hover{color:#fff}.nav-label{font-size:.75rem;font-weight:500}.nav-indicator{background-color:#d7e7d3;border-radius:9999px;width:2rem;height:.25rem;margin-top:.25rem}.premium-tile{transition:transform var(--duration-norm) var(--ease-out), box-shadow var(--duration-norm) var(--ease-out);background-color:#2c3e30d9;border:1px solid #64826666;border-radius:16px;box-shadow:0 4px 12px #0000001a}.premium-tile:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.premium-tile:active{transform:translateY(-2px)scale(.99)}.asset-tile-link{color:#f4f1ea;background-color:#64826673;border:1px solid #789b7a80;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem 1rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:background-color .2s cubic-bezier(.2,.8,.2,1);display:flex}.asset-tile-link:hover{background-color:#648266a6}.asset-tile-link.new{background-color:var(--sage-light);border-color:#f4f1ea4d}.asset-tile-link.new:hover{background-color:var(--sage-mid)}.studio-page{background-color:var(--cream);min-height:100vh;padding-bottom:4rem}.studio-header{background-color:var(--sage-deep);color:var(--cream);z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000001a}.studio-title{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:1.5rem}.studio-container{max-width:900px;margin:2rem auto;padding:0 1.5rem}.studio-card{transition:transform var(--duration-norm) var(--ease-out), box-shadow var(--duration-norm) var(--ease-out);cursor:pointer;background:#fff;border:1px solid #7d8c7b26;border-radius:1.25rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 10px #00000005}.studio-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2c3e300d}.studio-input{width:100%;font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-out);box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:.875rem 1rem;font-size:.95rem}.studio-input:focus{border-color:var(--sage-light);background:#fff;outline:none;box-shadow:0 0 0 4px #7d8c7b1a}.studio-btn-primary{background-color:var(--sage-deep);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:700;font-family:var(--font-sans);border:none;border-radius:9999px;padding:.875rem 1.75rem}.studio-btn-primary:hover{background-color:#3d5642;transform:translateY(-1px);box-shadow:0 4px 12px #2c3e3033}.studio-btn-primary:active{transform:scale(.96)}.studio-btn-secondary{color:var(--sage-deep);border:1px solid var(--sage-deep);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background-color:#fff;border-radius:9999px;padding:.875rem 1.75rem;font-weight:700}.studio-btn-secondary:active{transform:scale(.96)}.studio-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .75rem;font-size:.7rem;font-weight:800}.studio-badge-attention{color:#b45309;background-color:#fef3c7}.studio-badge-success{color:#16a34a;background-color:#dcfce7}.studio-avatar{background-color:var(--sage-deep);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;display:flex}.modal-overlay{z-index:100;justify-content:center;align-items:center;font-family:Manrope,sans-serif;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);background-color:#0009;transition:opacity .2s;position:absolute;inset:0}.modal-container{z-index:10;background-color:#f4f1ea;border-radius:1.5rem;flex-direction:column;width:95%;max-width:56rem;height:90vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{background-color:#fff;border-bottom:1px solid #e8e4d9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header-left{align-items:center;gap:.75rem;display:flex}.modal-icon{color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.modal-icon-contract{background-color:var(--sage-light)}.modal-icon-invoice{color:#1c241c;background-color:#e8e4d9}.modal-title{color:var(--charcoal);font-family:Noto Serif,serif;font-size:1.125rem;font-weight:700;line-height:1.25}.modal-subtitle{color:#6b7280;letter-spacing:.025em;text-transform:uppercase;margin-top:.125rem;font-size:.75rem}.modal-header-right{align-items:center;display:flex}.modal-btn-icon{color:#9ca3af;cursor:pointer;background:0 0;border:none;transition:color .2s}.modal-btn-icon:hover{color:var(--sage-light)}.modal-btn-close{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s,color .2s;display:flex}.modal-btn-close:hover{color:#000;background-color:#e5e7eb}.modal-content{background-color:#f3f4f6;flex:1;padding:1.5rem;overflow:hidden}.modal-iframe{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;height:100%;box-shadow:0 1px 2px #0000000d}.modal-placeholder{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 1px 2px #0000000d}.modal-placeholder-title{color:#9ca3af;margin-bottom:.5rem;font-family:Noto Serif,serif;font-size:1.25rem}.modal-placeholder-text{color:#9ca3af;text-align:center;max-width:24rem;font-size:.875rem;line-height:1.5}