@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;color:#1a1f3a;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.upgrade-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.upgrade-modal{background:#fff;border-radius:16px;padding:2.5rem;max-width:500px;width:100%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.upgrade-modal-close{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.upgrade-modal-close:hover{background:#e5e7eb;transform:rotate(90deg)}.upgrade-modal-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.upgrade-modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-align:center}.upgrade-modal-description{font-size:1rem;color:#6b7280;text-align:center;margin-bottom:2rem;line-height:1.6}.upgrade-modal-description strong{color:#1f2937}.upgrade-benefits{background:#f9fafb;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.upgrade-benefits h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.upgrade-benefits ul{list-style:none;padding:0;margin:0}.upgrade-benefits li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#374151;font-size:.95rem}.upgrade-benefits li:last-child{margin-bottom:0}.upgrade-benefits li svg{color:#10b981;flex-shrink:0}.upgrade-modal-actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.upgrade-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.upgrade-btn-secondary{padding:.75rem 2rem;background:transparent;color:#6b7280;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-btn-secondary:hover{background:#f3f4f6;color:#374151}@media(max-width:640px){.upgrade-modal{padding:2rem 1.5rem}.upgrade-modal-title{font-size:1.5rem}}.sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;box-shadow:5px 0 25px #00000008;z-index:1000;transition:all .4s cubic-bezier(.17,.84,.44,1)}.sidebar-header{padding:30px 20px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;position:relative;box-shadow:0 10px 30px -5px #0000000d,0 5px 15px -3px #00000005,inset 0 0 0 1px #fff;z-index:10;margin:15px;border-radius:20px;border:1px solid rgba(255,255,255,.6);overflow:hidden}.sidebar-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,#fff,#fff0 50%);opacity:.5;transform:rotate(30deg);pointer-events:none}.sidebar-header h2{margin:0;font-size:26px;font-weight:900;letter-spacing:-.7px;color:#000;filter:drop-shadow(0 2px 15px rgba(0,0,0,.1));position:relative;z-index:2;text-transform:uppercase}.sidebar-nav{flex:1;padding:15px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:14px 20px;color:#1a1a1a;text-decoration:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:14px;font-weight:500;background:#fff;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}.nav-item:hover{background:#fff;color:#0a0a0a;transform:translateY(-2px) translate(4px);box-shadow:0 10px 20px -5px #0000000d,0 4px 6px -2px #00000005;border-color:#0000000d}.nav-item.active{background:#0a0a0a;color:#fff;font-weight:600;transform:translateY(-2px);box-shadow:0 15px 30px -5px #00000040,0 8px 10px -2px #0000001a;border:none}.nav-item.active:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:12px;pointer-events:none}.nav-header{font-weight:600;background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0}.nav-header:hover{background:#f1f5f9;color:#0a0a0a}.nav-header.active{background:#0a0a0a;color:#fff;box-shadow:0 10px 25px -5px #0003;border-color:#0a0a0a}.submenu{margin:5px 0 15px;padding:5px 0 5px 12px;position:relative}.submenu:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#0000000d,#0000001a,#0000000d);border-radius:2px}.nav-subsection{margin:8px 0}.submenu-item{display:block;padding:10px 15px 10px 30px;color:#1a1a1a;text-decoration:none;font-size:13.5px;transition:all .2s ease;margin:2px 0 2px 10px;border-radius:8px;position:relative}.submenu-item:hover{color:#0a0a0a;background:#00000008;transform:translate(3px);padding-left:35px}.submenu-item:hover:before{opacity:1}.submenu-item:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#0a0a0a;border-radius:50%;opacity:0;transition:all .2s ease}.submenu-item.active{color:#0a0a0a;font-weight:600;background:#fff;box-shadow:0 4px 12px #0000000d}.submenu-item.active:before{opacity:1;background:#0a0a0a}.nested-submenu{margin:5px 0 5px 25px;padding-left:10px;border-left:2px solid rgba(0,0,0,.05)}.nested-submenu-item{display:block;padding:8px 12px;color:#1a1a1a;text-decoration:none;font-size:13px;transition:all .3s ease;border-radius:6px;margin:2px 0;position:relative}.nested-submenu-item:hover{color:#0a0a0a;background:#fffc;transform:translate(5px);box-shadow:0 2px 8px #0000000a}.nested-submenu-item.active{color:#0a0a0a;font-weight:600;background:#fff;box-shadow:0 4px 10px #0000000f;transform:translate(5px)}.logout{color:#ef4444!important;font-weight:600;margin-top:auto;margin-bottom:20px;border:1px solid rgba(239,68,68,.1);background:#ef44440d}.logout:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444;box-shadow:0 8px 20px #ef444440;transform:translateY(-2px)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#0003}.nav-section{margin-bottom:5px}.layout{display:flex;min-height:100vh;overflow-x:hidden;overflow-y:auto}.main-content{flex:1;margin-left:250px;padding:0;background:#f9fafb;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:768px){.main-content{margin-left:0;padding:20px}}:root{--auth-bg-black: #050505;--auth-bg-dark: #0A0A0A;--auth-accent-green: #4ADE80;--auth-text-white: #FFFFFF;--auth-text-gray: #A3A3A3;--auth-border: #262626;--auth-input-bg: #171717}body{margin:0;font-family:Inter,sans-serif}.auth-container{display:flex;min-height:100vh;width:100%;background-color:var(--auth-bg-black);color:var(--auth-text-white)}.back-home-button{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:8px;color:var(--auth-text-gray);text-decoration:none;font-size:14px;font-weight:500;z-index:10;transition:all .2s;background:#0003;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.back-home-button:hover{color:var(--auth-text-white);background:#ffffff1a;transform:translate(-4px)}.auth-branding{flex:1;background:radial-gradient(circle at top left,#1a2e1a,#000 60%);padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brand-name{font-size:24px;font-weight:700;color:var(--auth-text-white)}.branding-subtitle{font-size:18px;color:var(--auth-text-gray);line-height:1.6;margin-bottom:60px;max-width:480px}.branding-features{display:flex;flex-direction:column;gap:24px}.branding-feature{display:flex;align-items:center;gap:16px;font-size:16px;color:#e5e5e5}.feature-icon-circle{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--auth-accent-green);transition:all .3s ease}.branding-feature:hover .feature-icon-circle{background:#4ade801a;border-color:#4ade8033;transform:translateY(-2px)}.auth-form-section{flex:1;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.auth-form-container{width:100%;max-width:420px}.auth-header{margin-bottom:40px}.auth-title{font-size:32px;font-weight:700;margin-bottom:12px;color:var(--auth-text-white)}.auth-subtitle{color:var(--auth-text-gray);font-size:16px}.auth-form{display:flex;flex-direction:column;gap:24px}.form-label{font-size:14px;font-weight:500;color:#e5e5e5}.form-input{background-color:var(--auth-input-bg);border:1px solid var(--auth-border);border-radius:8px;padding:14px 16px;font-size:16px;color:var(--auth-text-white);transition:all .2s;outline:none}.form-input:focus{border-color:var(--auth-text-white);box-shadow:0 0 0 4px #ffffff0d}.form-input::placeholder{color:#525252}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{width:100%;box-sizing:border-box;padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#737373;cursor:pointer;font-size:20px;padding:4px;display:flex}.password-toggle:hover{color:var(--auth-text-white)}.form-footer{display:flex;justify-content:flex-end;margin-top:-8px}.forgot-password{font-size:14px;color:var(--auth-text-gray);text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--auth-text-white)}.auth-button{background-color:var(--auth-text-white);color:#000;border:none;border-radius:50px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s;margin-top:8px}.auth-button:hover{background-color:#f5f5f5;transform:translateY(-2px)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-switch{margin-top:32px;text-align:center;color:var(--auth-text-gray);font-size:14px}.auth-switch-link{color:var(--auth-text-white);text-decoration:none;font-weight:600;margin-left:6px}.auth-switch-link:hover{text-decoration:underline}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:12px;border-radius:8px;margin-bottom:24px;font-size:14px}.success-message{background:#4ade801a;border:1px solid rgba(74,222,128,.2);color:#4ade80;padding:12px;border-radius:8px;margin-bottom:24px;font-size:14px}.demo-credentials{margin-top:40px;padding:16px;background:#ffffff08;border-radius:8px;font-size:13px;color:#737373;text-align:center;line-height:1.5}.demo-credentials strong{color:#a3a3a3;font-weight:500}.otp-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace}.otp-helper-text{font-size:13px;color:var(--auth-text-gray);margin-top:8px;line-height:1.5}.otp-actions{display:flex;gap:12px;margin-top:8px;margin-bottom:8px}.resend-otp-button,.back-to-login-button{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;font-size:14px;font-weight:500;color:var(--auth-text-white);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.resend-otp-button:hover:not(:disabled),.back-to-login-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.resend-otp-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.auth-branding{display:none}.auth-form-section{width:100%;flex:none;min-height:100vh}}.dashboard{max-width:1200px}.dashboard h1{margin-bottom:30px;color:#333}.welcome-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.welcome-card h2{color:#0a0a0a;margin-bottom:10px}.welcome-card p{color:#666}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.dashboard-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 5px 25px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#0a0a0a}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a;border-color:#0000001a}.dashboard-card h3{color:#0a0a0a;margin-bottom:12px;font-size:22px;font-weight:700;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#0A0A0A;background-clip:unset}.dashboard-card p{color:#555;font-size:15px;line-height:1.6;font-weight:400}.form-navigation{margin-bottom:30px;background:#fffffff2;border-radius:15px;padding:10px;box-shadow:0 4px 15px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05)}.records-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:visible;margin-top:20px;box-shadow:0 4px 6px -1px #0000000d}.records-table table{width:100%;min-width:1400px;border-collapse:collapse;font-size:14px}.records-table th{background:#0a0a0a;padding:14px 16px;text-align:left;font-weight:600;color:#fff;border-bottom:none;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.records-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b;white-space:nowrap;font-size:14px}.records-table tr:hover{background:#f8fafc}.table-actions{display:flex;gap:8px;align-items:center}.btn-remove{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#c82333}.success-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a0a;color:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 20px 50px #0000004d;z-index:9999;display:flex;align-items:center;gap:15px;animation:popupSlideIn .3s cubic-bezier(.16,1,.3,1);max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1)}.success-popup-icon{font-size:24px;background:#ffffff1a;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#4ade80}.success-popup-message{font-size:16px;font-weight:500;flex:1}.success-popup-close{background:#ffffff1a;border:none;color:#fff9;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;transition:all .2s}.success-popup-close:hover{background:#fff3;color:#fff}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popupFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.success-popup.fade-out{animation:popupFadeOut .3s ease-out forwards}.nav-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;justify-content:flex-start}.nav-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content;position:relative;overflow:visible;flex-shrink:0}.nav-tab svg{font-size:16px;z-index:2;position:relative}.nav-tab span{z-index:2;position:relative}.nav-tab:hover{background:#f1f5f9;color:#0a0a0a;transform:translateY(-1px)}.nav-tab.active svg{color:#fff!important}.nav-tab.active{background:#0a0a0a;border-color:#0a0a0a;color:#fff!important;font-weight:600;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.nav-tab:active{transform:translateY(0)}@media(max-width:768px){.nav-tabs{gap:4px;padding:3px}.nav-tab{padding:8px 10px;font-size:12px;gap:4px}.nav-tab svg{font-size:12px}}@media(max-width:480px){.nav-tab{padding:6px 8px;font-size:11px;gap:3px}.nav-tab svg{font-size:11px}}.current-section-title{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding:20px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,1);animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.section-title-icon{width:50px;height:50px;background:#0a0a0a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.current-section-title h2{margin:0;font-size:24px;font-weight:700;letter-spacing:.5px;color:#1e293b}.empty-state-creative{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px}.empty-content{text-align:center;max-width:800px}.empty-illustration{margin-bottom:40px;position:relative;height:200px;display:flex;justify-content:center;align-items:center}.globe-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.main-globe{font-size:80px;color:#0a0a0a;position:relative;z-index:2;animation:pulse 2s infinite}.orbit-orbit{position:absolute;width:180px;height:180px;border:2px dashed rgba(0,0,0,.1);border-radius:50%;animation:rotate 20s linear infinite}.orbit-item{position:absolute;font-size:20px;color:#0a0a0a;background:#fff;border-radius:50%;padding:8px;box-shadow:0 4px 12px #0000001a}.orbit-1{top:-10px;left:50%;transform:translate(-50%);animation:counter-rotate 20s linear infinite}.orbit-2{bottom:-10px;left:50%;transform:translate(-50%);animation:counter-rotate 20s linear infinite}.orbit-3{left:-10px;top:50%;transform:translateY(-50%);animation:counter-rotate 20s linear infinite}@keyframes counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empty-text h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.empty-text p{font-size:18px;color:#fffc;margin-bottom:30px;line-height:1.6}.feature-highlights{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);min-width:120px;transition:all .3s ease}.feature-item:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 8px 25px #0003}.feature-item svg{font-size:24px;color:#fff}.feature-item span{font-size:14px;color:#fff;font-weight:500}.btn-large{padding:16px 32px;font-size:18px;font-weight:600;border-radius:12px;box-shadow:0 8px 25px #0003;transition:all .3s ease}.btn-large:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0000004d}@media(max-width:768px){.feature-highlights{gap:15px}.feature-item{min-width:100px;padding:15px}.empty-text h2{font-size:28px}.empty-text p{font-size:16px}.btn-large{padding:14px 28px;font-size:16px}}.btn-section-edit{background:#fff;color:#1e293b;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s ease;font-size:14px;box-shadow:0 1px 2px #0000000d}.btn-section-edit:hover{background:#f8fafc;border-color:#0a0a0a;color:#0a0a0a;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-section-edit svg{font-size:16px}.btn-section-save{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #48bb7833;font-size:14px}.btn-section-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.btn-section-cancel{background:#fff;color:#e53e3e;border:1px solid #fed7d7;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s ease;font-size:14px}.btn-section-cancel:hover{background:#fff5f5;border-color:#e53e3e;transform:translateY(-1px);box-shadow:0 2px 4px #e53e3e1a}.section-actions{display:flex;align-items:center}.website-form{max-width:100%;overflow-x:hidden;padding:0 10px}.form-navigation{max-width:100%;overflow-x:hidden;margin:0 10px 30px}.duration-input{display:flex;gap:10px}.duration-input input{flex:1;min-width:50px}.duration-input select{min-width:100px}.static-page{min-height:100vh;background:#f8f9fa;padding:20px;animation:fadeIn .5s ease-in;max-width:100vw;overflow-x:hidden}.static-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.static-header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:30px;margin-bottom:30px;box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #00000005;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.5)}.header-icon{width:60px;height:60px;background:#0a0a0a;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.header-text h1{font-size:32px;font-weight:800;color:#0a0a0a;margin:0 0 5px;letter-spacing:-.5px}.header-text p{color:#718096;margin:0;font-size:16px}.header-actions,.edit-actions{display:flex;gap:10px}.btn-primary,.btn-success,.btn-secondary,.btn-remove{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-size:14px}.btn-primary{background:#0a0a0a!important;color:#fff!important;border:2px solid #0A0A0A!important;box-shadow:0 4px 12px #0000001a}.btn-primary:hover{background:#252525!important;transform:translateY(-2px);box-shadow:0 10px 25px #0003;color:#fff!important}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 15px #48bb7866}.btn-secondary{background:#fff!important;color:#0a0a0a!important;border:1px solid #e2e8f0!important}.btn-secondary:hover{background:#f1f5f9!important;border-color:#0a0a0a!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-remove{background:#fc8181;color:#fff;padding:8px;border-radius:8px}.btn-remove:hover{background:#f56565}.static-content{display:flex;flex-direction:column;gap:25px}.static-section{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;border:1px solid #f1f5f9}.section-header{background:#0a0a0a;color:#fff;padding:20px 30px;display:flex;align-items:center;gap:15px}.section-icon{font-size:24px}.section-header h3{margin:0;font-size:20px;font-weight:600}.static-content{padding:0 10px}.section-content{padding:30px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-hint{color:#718096;font-size:12px;margin-top:5px;font-style:italic}.form-group label{font-weight:600;color:#4a5568;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.address-section{margin-bottom:30px}.address-section h4{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#0A0A0A}.family-members h4{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px}.family-member-card{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:flex-start;border:1px solid #e2e8f0}.member-info{flex:1}.member-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.member-header h5{margin:0;color:#2d3748;font-size:16px;font-weight:600}.relation-badge{background:#0a0a0a;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.member-details p{margin:5px 0;color:#4a5568;font-size:14px}.add-family-member{background:#f8fafc;border:2px dashed #94a3b8;border-radius:15px;padding:25px;margin-top:20px}.add-family-member h5{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:20px}.office-address{margin-top:30px}.office-address h4{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px}.languages-section{margin:30px 0}.languages-section h4{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.language-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#4a5568}.language-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#0A0A0A}@media(max-width:768px){.static-page{padding:10px}.static-header{flex-direction:column;gap:20px;text-align:center}.header-content{flex-direction:column;text-align:center}.header-text h1{font-size:24px}.form-grid{grid-template-columns:1fr}.section-content{padding:20px}.address-header{flex-direction:column;align-items:flex-start;gap:15px}.family-member-card{flex-direction:column;gap:15px}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media(max-width:480px){.static-header{padding:20px}.section-content{padding:15px}.header-actions{width:100%;justify-content:center}.btn-primary,.btn-success,.btn-secondary{padding:10px 20px;font-size:13px}}.websites-table-container{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 25px #0000001a}.websites-table{width:100%;border-collapse:collapse;font-size:14px}.websites-table thead{background:#0a0a0a;color:#fff}.websites-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.websites-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.websites-table tbody tr:hover{background-color:#f8f9fa}.websites-table td{padding:14px 12px;color:#4a5568}.website-name{font-weight:600;color:#2d3748}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-active{background:#d4f4dd;color:#22543d}.status-inactive{background:#fee;color:#e53e3e}.status-maintenance{background:#fff3cd;color:#856404}.status-development{background:#cce5ff;color:#004085}.status-archived{background:#e2e8f0;color:#4a5568}.priority-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.priority-low{background:#e2e8f0;color:#4a5568}.priority-medium{background:#fff3cd;color:#856404}.priority-high{background:#fee;color:#e53e3e}.priority-critical{background:#f56565;color:#fff}.companies-table-container{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 25px #0000001a}.companies-table{width:100%;border-collapse:collapse;font-size:14px}.companies-table thead{background:#0a0a0a;color:#fff}.companies-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.companies-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease;background-color:#fff}.companies-table tbody tr:hover{background-color:#fff}.companies-table td{padding:14px 12px;color:#4a5568}.company-name{font-weight:600;color:#2d3748}.table-actions .btn-edit,.table-actions .btn-remove{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.table-actions .btn-edit{background:#e6f3ff;color:#3182ce}.table-actions .btn-edit:hover{background:#3182ce;color:#fff}.table-actions .btn-remove{background:#fee;color:#e53e3e}.table-actions .btn-remove:hover{background:#e53e3e;color:#fff}@media(max-width:768px){.companies-table-container{overflow-x:auto}.companies-table{min-width:600px}.companies-table th,.companies-table td{padding:10px 8px;font-size:12px}}@media(max-width:480px){.companies-table th,.companies-table td{padding:8px 6px;font-size:11px}.table-actions{flex-direction:column;gap:4px}.table-actions .btn-edit,.table-actions .btn-remove{padding:4px 6px;font-size:10px}}.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.header-buttons{display:flex;gap:10px;flex-wrap:wrap}.header-buttons .btn-primary,.empty-actions .btn-primary{padding:10px 16px;font-size:13px;min-width:fit-content}@media(max-width:768px){.header-buttons{flex-direction:column;width:100%}.empty-actions{flex-direction:column;align-items:center}.header-buttons .btn-primary,.empty-actions .btn-primary{width:100%;justify-content:center}}@media print{.static-page{background:#fff;padding:0}.static-header{background:#fff;box-shadow:none;border:1px solid #ddd}.header-actions{display:none}.static-section{background:#fff;box-shadow:none;border:1px solid #ddd;break-inside:avoid;page-break-inside:avoid}.section-header{background:#f8f9fa!important;color:#2d3748!important}.btn-remove,.add-family-member{display:none}}.completion-percentage{display:flex;align-items:center;gap:8px}.completion-bar{width:60px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.completion-fill{height:100%;border-radius:4px;transition:width .3s ease}.completion-bar.complete .completion-fill{background:linear-gradient(90deg,#10b981,#059669)}.completion-bar.partial .completion-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.completion-bar.low .completion-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.completion-text{font-size:12px;font-weight:600;color:#4a5568;min-width:35px}.completion-bar.complete+.completion-text{color:#059669}.completion-bar.partial+.completion-text{color:#d97706}.completion-bar.low+.completion-text{color:#dc2626}.member-view-modal{max-width:900px;max-height:85vh;overflow-y:auto}.member-view-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:#0a0a0a;color:#fff;border-bottom:none}.member-view-modal .modal-header h2{margin:0;font-size:24px;font-weight:700}.member-view-modal .modal-body{padding:30px}.table-container{overflow-x:auto;margin:20px 0;border-radius:12px;box-shadow:0 4px 20px #00000014;background:#fff}.family-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.family-table thead{background:#0a0a0a;color:#fff}.family-table thead th{padding:16px 12px;text-align:left;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.family-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.family-table tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.family-table tbody td{padding:16px 12px;font-size:14px;color:#4b5563;border-bottom:1px solid #f1f5f9}.family-table tbody td:last-child{white-space:nowrap}.member-view-modal .family-table{width:100%;border-collapse:collapse;font-size:14px}.member-view-modal .family-table td{padding:12px 16px;border:1px solid #e2e8f0}.member-view-modal .family-table td:first-child{width:25%;background:#f8f9fa;font-weight:600;color:#2d3748}.member-view-modal .family-table td:nth-child(2){width:25%;color:#4a5568}.member-view-modal .family-table td:nth-child(3){width:25%;background:#f8f9fa;font-weight:600;color:#2d3748}.member-view-modal .family-table td:nth-child(4){width:25%;color:#4a5568}.section-header-cell{background:#0a0a0a!important;color:#fff!important;padding:15px 16px!important;font-size:16px!important;text-align:left!important;font-weight:700!important}.member-view-modal .modal-footer{padding:20px 30px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}@media(max-width:768px){.member-view-modal{max-width:95%;max-height:90vh}.member-view-modal .family-table{font-size:12px}.member-view-modal .family-table td{padding:8px 10px}}.member-view-modal .family-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden}.member-view-modal .family-table thead{background:#1e293b;color:#fff}.member-view-modal .family-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #0f172a}.member-view-modal .family-table thead th:first-child{width:25%}.member-view-modal .family-table thead th:nth-child(2){width:30%}.member-view-modal .family-table thead th:last-child{width:45%}.member-view-modal .family-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.member-view-modal .family-table tbody tr:hover{background:#f8fafc}.member-view-modal .family-table tbody td{padding:12px 16px;font-size:14px;color:#1e293b;vertical-align:top}.member-view-modal .family-table tbody td:first-child{font-weight:700;color:#475569;background:#f8fafc;border-right:2px solid #e2e8f0}.member-view-modal .family-table tbody td:nth-child(2){font-weight:600;color:#64748b}.member-view-modal .family-table tbody td:last-child{color:#1e293b;font-family:Courier New,monospace}.member-view-modal .modal-body h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid #0A0A0A;display:inline-block}.language-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:15px;background:#f8f9fa;border-radius:10px}.language-checkboxes .checkbox-label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;transition:background .2s;cursor:pointer;font-size:14px}.language-checkboxes .checkbox-label:hover{background:#e2e8f0}.language-checkboxes input[type=checkbox]{cursor:pointer}.investment-container{max-width:100%;width:100%;margin:0 auto;padding:20px;animation:fadeIn .5s ease-in;overflow-x:hidden;box-sizing:border-box}.investment-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;width:100%;box-sizing:border-box;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px 32px;border-radius:24px;box-shadow:0 10px 30px -10px #0000001a,0 4px 6px -2px #0000000d,inset 0 0 0 1px #ffffff80;border:1px solid rgba(255,255,255,.6);z-index:10;position:relative}.investment-header:before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,#fff6,#ffffff1a);pointer-events:none;z-index:-1}.investment-header h1{font-size:26px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.5px}.investment-header p{font-size:14px;color:#64748b;margin:0}@media(max-width:768px){.investment-header{flex-direction:column;align-items:flex-start;padding:20px}.btn-add-investment{width:100%;justify-content:center}}.header-actions{display:flex;align-items:center;gap:15px}.year-filter{display:flex;align-items:center;gap:8px}.year-filter label{font-size:14px;font-weight:600;color:#64748b}.year-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;color:#1e293b;cursor:pointer;transition:border-color .2s}.year-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.charts-section{margin:40px 0;width:100%;max-width:100%;overflow:visible;box-sizing:border-box}.charts-header{text-align:center;margin-bottom:40px}.charts-header h2{font-size:32px;font-weight:700;background:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.charts-header p{font-size:16px;color:#64748b;font-weight:500;margin:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:40px}.chart-card.premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.chart-card.premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.chart-card.premium:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0000001f}.chart-card.premium.full-width{grid-column:1 / -1}.chart-header{margin-bottom:25px}.chart-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.chart-title .chart-icon{font-size:24px;color:#0a0a0a;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#0A0A0A;background-clip:unset}.chart-title h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.chart-subtitle{font-size:14px;color:#64748b;font-weight:500;margin-left:36px}.chart-content{position:relative}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px;width:100%;max-width:100%;box-sizing:border-box}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 20px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.stat-icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #0000001a}.stat-label{font-size:13px;color:#64748b;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.8px;word-break:break-word}.stat-value{font-size:22px;font-weight:800;color:#1e293b;margin:0;line-height:1.1;letter-spacing:-.5px;word-break:break-word}.table-container{background:transparent;border:none;border-radius:0;padding:0;margin:0;box-shadow:none;overflow-x:auto!important;overflow-y:visible;width:100%;max-width:100%;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:#CBD5E0 #F7FAFC;box-sizing:border-box;position:relative;flex:1;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.table-container.weekly-grid{overflow-x:auto;overflow-y:visible}.investments-table thead tr th:first-child{position:sticky;left:0;z-index:2;background:#0a0a0a}.investments-table tbody tr td:first-child{position:sticky;left:0;z-index:1;background:#f8fafc}.table-container h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 25px;display:flex;align-items:center;gap:12px}.table-container h2:before{content:"";width:4px;height:24px;background:#0a0a0a;border-radius:2px}.investments-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;table-layout:auto}.investments-table thead{background:#0a0a0a}.investments-table th{padding:18px 16px;text-align:left;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;white-space:nowrap}.investments-table th:nth-child(2),.investments-table th:nth-child(3){min-width:150px}.investments-table td{padding:16px;font-size:14px;color:#1e293b;font-weight:500;border-bottom:1px solid #f1f5f9;vertical-align:middle;word-wrap:break-word;word-break:break-word;white-space:normal}.investments-table td:nth-child(1),.investments-table td:nth-child(4),.investments-table td:nth-child(7),.investments-table td:nth-child(8),.investments-table td:nth-child(9),.investments-table td:nth-child(10){white-space:nowrap;text-align:center}.investments-table td:nth-child(2),.investments-table td:nth-child(3){min-width:120px;max-width:200px}.investments-table tbody tr{transition:all .2s ease}.investments-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01)}.investments-table tbody tr:last-child td{border-bottom:none}.investment-type-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.btn-icon{width:36px;height:36px;border:none;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-icon:hover{background:#0a0a0a;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.btn-icon.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.investment-form-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;margin-bottom:40px;position:relative;overflow:hidden}.investment-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.investment-form-card h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 25px}.form-field label{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.form-field input,.form-field select,.form-field textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000001a}.btn-primary{padding:12px 24px;border:none;border-radius:12px;background:#0a0a0a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-secondary{padding:12px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#d1d5db;background:#f9fafb}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed #e2e8f0;border-radius:20px;margin:40px 0}.empty-state p{font-size:16px;color:#64748b;font-weight:500;margin:0}.header-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.project-filter{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:8px 12px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.project-filter:hover{border-color:#0a0a0a;box-shadow:0 2px 8px #0000001a}.project-filter label{font-size:13px;font-weight:600;color:#475569;white-space:nowrap;margin:0}.project-filter-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;min-width:150px;cursor:pointer}.project-filter-select:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000001a}.project-filter-select:hover{border-color:#0a0a0a}.view-toggle{display:flex;gap:8px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:4px;border-radius:12px}.view-btn{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-btn.active{background:#0a0a0a;color:#fff;box-shadow:0 2px 8px #00000026}.view-btn:hover:not(.active){background:#ffffff80}.coming-soon{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:20px;box-shadow:0 5px 25px #00000014;margin:40px 0;border:1px solid rgba(0,0,0,.1)}.coming-soon-icon{font-size:64px;margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fff;border-radius:50%;color:#0a0a0a;border:2px solid #0A0A0A;box-shadow:0 10px 30px #0000000d}.coming-soon h2{font-size:32px;font-weight:700;color:#2d3748;margin:20px 0 10px}.coming-soon p{font-size:18px;color:#718096;max-width:600px;margin:0 auto 40px;line-height:1.6}.features-list{max-width:800px;margin:0 auto;text-align:left;background:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 10px #0000000d}.features-list h3{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:20px;text-align:center}.features-list ul{list-style:none;padding:0;margin:0}.features-list li{border-bottom:1px solid #e2e8f0;color:#4a5568;position:relative;padding:10px 0 10px 25px}.features-list li:before{content:"✓";position:absolute;left:0;color:#0a0a0a;font-weight:700}.features-list li:last-child{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:25px;border-radius:20px;box-shadow:0 5px 25px #00000014;display:flex;align-items:center;gap:20px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #00000014}.stat-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.stat-content{flex:1}.stat-label{font-size:14px;color:#5a6c7d;margin-bottom:8px;font-weight:500}.stat-value{font-size:28px;font-weight:800;color:#1a1f3a;margin:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-bottom:30px;width:100%;max-width:100%;box-sizing:border-box}.chart-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:30px;border-radius:20px;box-shadow:0 5px 25px #00000014;border:1px solid rgba(0,0,0,.08)}.chart-card h3{margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700;color:#1a1f3a}.investment-form-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:35px;border-radius:20px;box-shadow:0 5px 25px #00000014;margin-bottom:30px;border:1px solid rgba(0,0,0,.08);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.investment-form-card h2{margin-top:0;margin-bottom:25px;font-size:24px;font-weight:700;background:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.investment-form{display:flex;flex-direction:column;gap:20px}.form-field label{font-size:14px;font-weight:600;color:#1a1f3a;margin-bottom:8px;letter-spacing:.3px}.form-field input,.form-field select,.form-field textarea{padding:14px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:15px;font-family:Inter,sans-serif;transition:all .3s ease;background:#f8f9fa}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0a0a0a;background:#fff;box-shadow:0 0 0 4px #0000000d}.form-field textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.btn-primary{padding:14px 30px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:8px}.btn-secondary{padding:14px 30px;background:#e9ecef;color:#1a1f3a;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#dee2e6}.btn-icon{padding:10px;background:#0000000d;color:#0a0a0a;border:none;border-radius:10px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#00000014;transform:scale(1.1)}.btn-icon.btn-danger{background:#ff6b6b1a;color:#ff6b6b}.btn-icon.btn-danger:hover{background:#ff6b6b33}.investments-list{margin-top:30px}.investments-list h2{font-size:28px;font-weight:700;color:#1a1f3a;margin-bottom:25px}.investments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.investment-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:25px;border-radius:20px;box-shadow:0 5px 25px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.investment-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a)}.investment-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #00000014}.investment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.investment-card-header h3{font-size:20px;font-weight:700;color:#1a1f3a;margin:8px 0 5px}.investment-type-badge{display:inline-block;padding:6px 14px;background:#0a0a0a;color:#fff;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px}.account-number{font-size:13px;color:#5a6c7d;margin:0}.investment-actions{display:flex;gap:8px}.investment-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row span{font-size:14px;color:#5a6c7d;font-weight:500}.detail-row strong{font-size:16px;color:#1a1f3a;font-weight:700}.investment-notes{margin-top:15px;padding:15px;background:#00000005;border-radius:12px;border-left:3px solid #0A0A0A}.investment-notes p{margin:0;font-size:14px;color:#5a6c7d;line-height:1.6}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;border:2px dashed #e1e8ed}.empty-state p{font-size:16px;color:#5a6c7d;margin:0}.loading{text-align:center;padding:40px;font-size:18px;color:#64748b;font-weight:600}.investments-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.investments-table thead{background:#0a0a0a;color:#fff}.investments-table thead th{padding:15px 10px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.investments-table thead th:nth-child(1){width:8%}.investments-table thead th:nth-child(2){width:12%}.investments-table thead th:nth-child(3){width:11%}.investments-table thead th:nth-child(4){width:9%}.investments-table thead th:nth-child(5){width:9%}.investments-table thead th:nth-child(6){width:13%}.investments-table thead th:nth-child(7){width:7%}.investments-table thead th:nth-child(8){width:9%}.investments-table thead th:nth-child(9){width:10%}.investments-table thead th:nth-child(10){width:12%}.investments-table thead th:first-child{border-top-left-radius:20px}.investments-table thead th:last-child{border-top-right-radius:20px;text-align:center}.investments-table tbody tr{transition:all .3s ease;border-bottom:1px solid #e9ecef}.investments-table tbody tr:hover{background:#00000005;transform:scale(1.01)}.investments-table tbody tr:last-child{border-bottom:none}.investments-table tbody td{padding:15px 10px;font-size:13px;color:#1a1f3a;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.investments-table tbody td:nth-child(1){width:8%}.investments-table tbody td:nth-child(2){width:12%}.investments-table tbody td:nth-child(3){width:11%}.investments-table tbody td:nth-child(4){width:9%}.investments-table tbody td:nth-child(5){width:9%}.investments-table tbody td:nth-child(6){width:13%}.investments-table tbody td:nth-child(7){width:7%}.investments-table tbody td:nth-child(8){width:9%}.investments-table tbody td:nth-child(9){width:10%}.investments-table tbody td:nth-child(10){width:12%}.investments-table tbody td strong{color:#1a1f3a;font-weight:700;font-size:13px}.investments-table tbody td:nth-child(2),.investments-table tbody td:nth-child(6){white-space:normal;word-wrap:break-word}.investments-table tbody td:nth-child(10){overflow:visible;white-space:nowrap;text-align:center}.investments-table .investment-actions{display:flex;gap:6px;justify-content:center}.investments-table .btn-icon{padding:8px;min-width:32px;min-height:32px}@media(max-width:768px){.investment-header{flex-direction:column;align-items:flex-start;gap:15px}.stats-grid,.charts-grid,.investments-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.investments-table thead th{padding:10px 6px;font-size:11px}.investments-table tbody td{padding:10px 6px;font-size:12px}.investment-type-badge{padding:4px 8px;font-size:10px}.btn-icon{padding:6px;font-size:14px}}.profile-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .3s ease}.tab-btn:hover{background:#f1f5f9;color:#475569}.tab-btn.active{background:#0a0a0a;color:#fff}.profile-overview{animation:fadeIn .5s ease-in}.profile-summary{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:30px;margin-top:30px;box-shadow:0 4px 20px #0000000d}.profile-summary h3{font-size:24px;font-weight:700;background:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px}.summary-content p{font-size:16px;line-height:1.6;color:#475569;margin-bottom:15px}.recommendations{background:#f8fafc;border-radius:12px;padding:20px;margin-top:20px}.recommendations h4{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#334155;margin:0 0 15px}.recommendations ul{margin:0;padding-left:20px}.recommendations li{font-size:15px;color:#475569;margin-bottom:8px;line-height:1.5}.risk-profile-section{animation:fadeIn .5s ease-in}.risk-details{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:30px;margin-top:30px;box-shadow:0 4px 20px #0000000d}.risk-details h3{font-size:24px;font-weight:700;background:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 25px}.risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.risk-item{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.risk-item label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:10px}.risk-item select{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#334155;transition:border-color .3s ease}.risk-item select:focus{outline:none;border-color:#0a0a0a}.risk-item select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.risk-item p{font-size:13px;color:#64748b;margin:8px 0 0;font-style:italic}.goals-section{animation:fadeIn .5s ease-in}.goals-section h3{font-size:28px;font-weight:700;background:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 25px}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.goal-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:25px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.goal-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.goal-header h4{font-size:18px;font-weight:600;color:#334155;margin:0}.priority-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#fef2f2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#f0f9ff;color:#0284c7}.goal-progress{margin-bottom:15px}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease}.progress-text{font-size:14px;color:#64748b;font-weight:500}.goal-details{display:flex;justify-content:space-between;align-items:center}.goal-details p{font-size:13px;color:#64748b;margin:0;display:flex;align-items:center;gap:6px}.preferences-section{animation:fadeIn .5s ease-in}.preferences-section h3{font-size:28px;font-weight:700;background:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 25px}.preference-group{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #0000000d}.preference-group h4{font-size:20px;font-weight:600;color:#334155;margin:0 0 20px}.allocation-sliders{display:flex;flex-direction:column;gap:20px}.slider-item{display:flex;flex-direction:column;gap:8px}.slider-item label{font-size:14px;font-weight:600;color:#334155}.slider-item input[type=range]{width:100%;height:6px;background:#e2e8f0;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.slider-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0a0a0a;border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d}.slider-item input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#0a0a0a;border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d}.slider-item input[type=range]:disabled{opacity:.5;cursor:not-allowed}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.sector-checkbox{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease}.sector-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.sector-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#0A0A0A}.sector-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.sector-checkbox span{font-size:14px;font-weight:500;color:#334155}.sector-checkbox:has(input:checked){background:#f3f4f6;border-color:#0a0a0a}.project-input-group{display:flex;gap:8px;align-items:center}.project-input-group .form-field select{flex:1}.btn-add-project{background:#0a0a0a;color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.btn-add-project:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.btn-add-project:active{transform:translateY(0)}.project-management-section{margin:30px 0;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{display:flex;justify-content:space-between;align-items:start;padding:20px;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 0 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6);opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008}.project-card:hover:before{opacity:1}.project-info{flex:1}.project-header-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.project-header-info h3{font-size:16px;font-weight:600;color:#1f2937;margin:0;flex:1}.project-status{font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;text-transform:uppercase;background:#f3f4f6;color:#6b7280}.project-status.active{background:#d1fae5;color:#065f46}.project-status.completed{background:#dbeafe;color:#1e40af}.project-status.on-hold{background:#fef3c7;color:#92400e}.project-status.cancelled{background:#fee2e2;color:#991b1b}.project-description{font-size:14px;color:#6b7280;margin:0 0 8px;line-height:1.4}.project-details{display:flex;flex-direction:column;gap:4px}.project-budget{font-size:13px;color:#374151;font-weight:500}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.project-tag{font-size:11px;padding:2px 6px;background:#e5e7eb;color:#374151;border-radius:8px}.project-actions{display:flex;gap:4px;margin-left:12px}.btn-icon{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon.btn-edit{background:#f3f4f6;color:#374151}.btn-icon.btn-edit:hover{background:#e5e7eb;color:#1f2937}.btn-icon.btn-danger{background:#fee2e2;color:#ef4444}.btn-icon.btn-danger:hover{background:#fecaca;color:#dc2626}@media(max-width:768px){.project-management-section{margin:20px 0;padding:16px}.section-header{flex-direction:column;gap:12px;align-items:stretch}.projects-grid{grid-template-columns:1fr}.project-card{flex-direction:column;gap:12px}.project-actions{margin-left:0;justify-content:flex-end}}.tabs-container{margin:24px 0;width:100%;max-width:100%;overflow:visible;box-sizing:border-box}.tabs{display:flex;gap:8px;background:#f8fafc;padding:8px;border-radius:12px;border:1px solid #E2E8F0;overflow-x:auto;min-height:60px;width:100%;box-sizing:border-box}.tab-button{background:transparent;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.tab-button:hover{background:#e2e8f0;color:#334155}.tab-button.active{background:#0a0a0a;color:#fff;box-shadow:0 4px 12px #0000004d}.tab-content{margin-top:24px;width:100%;max-width:100%;overflow:visible;box-sizing:border-box}.summary-section{background:#fff;border-radius:16px;padding:24px;border:1px solid #E2E8F0;box-shadow:0 4px 20px #00000014;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.summary-header{background:transparent!important;text-align:center;margin-bottom:32px;width:100%}.summary-header{text-align:center;margin-bottom:32px;width:100%;max-width:100%;box-sizing:border-box}.summary-header h2{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px;word-wrap:break-word}.summary-header p{color:#64748b;font-size:16px;word-wrap:break-word}.investment-section{background:#fff;border-radius:16px;padding:0;border:1px solid #E2E8F0;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:150px}.section-header{display:flex!important;justify-content:space-between;align-items:center;margin:0;padding:20px;border-bottom:2px solid #E2E8F0;background:#fff;z-index:10;flex-wrap:nowrap;width:100%;box-sizing:border-box;gap:12px;flex-shrink:0;position:relative}.section-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0;flex:1;white-space:nowrap;display:block!important;visibility:visible!important}.add-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;gap:6px;flex-shrink:0;white-space:nowrap;min-width:fit-content;visibility:visible!important;opacity:1!important}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.investment-table{width:max-content;min-width:100%;border-collapse:collapse;margin:0;font-size:13px;background:#fff;border-radius:12px;overflow:visible;box-shadow:0 4px 12px #0000000d;table-layout:auto;display:table}.investment-table thead{background:#0a0a0a;color:#fff}.investment-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap;min-width:150px}.investment-table th:last-child{border-right:none}.investment-table td{padding:16px 12px;border-bottom:1px solid #E2E8F0;border-right:1px solid #F1F5F9;color:#334155;white-space:nowrap;min-width:150px}.investment-table td:last-child{border-right:none}.investment-table tbody tr:hover{background:#f8fafc}.investment-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#64748b;font-style:italic;padding:40px!important;background:#f8fafc}.profit{color:#10b981!important;font-weight:600}.loss{color:#ef4444!important;font-weight:600}.action-buttons{display:flex;gap:8px;justify-content:center}.edit-btn,.delete-btn{background:none;border:1px solid #E2E8F0;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.edit-btn{color:#2563eb}.edit-btn:hover{background:#ebf3ff;border-color:#2563eb}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fef2f2;border-color:#ef4444}@media(max-width:768px){.tabs{padding:4px;gap:4px}.tab-button{padding:10px 16px;font-size:12px}.investment-section,.summary-section{padding:16px;max-width:100%}.section-header{flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap;margin:0;padding:16px}.section-header h3{font-size:16px;flex:1}.add-button{padding:8px 16px;font-size:12px;flex-shrink:0;min-width:fit-content}.investment-table{font-size:12px;min-width:1000px}.investment-table th,.investment-table td{padding:12px 8px;min-width:100px;white-space:nowrap}.table-container{padding:0;margin:0;border-radius:0}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.stat-card{padding:16px}.stat-value{font-size:18px}.charts-section .chart-card{padding:20px}}.loading-state{text-align:center;padding:60px 20px;color:#64748b}.error-message{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:16px;border-radius:8px;margin:16px 0;display:flex;justify-content:space-between;align-items:center}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.retry-btn:hover{background:#b91c1c}.projects-summary-section{margin:40px 0;width:100%;max-width:100%;box-sizing:border-box}.projects-summary-section h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 10px}.projects-summary-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.project-summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.project-summary-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-2px)}.project-summary-header{padding:24px;background:#fff;border-bottom:2px solid #f1f5f9;transition:background .2s ease}.project-summary-header:hover{background:#fafbfc}.project-summary-title{display:flex;align-items:center;margin-bottom:20px}.project-summary-title h3{font-size:22px;font-weight:700;color:#1e293b;margin:0;flex:1}.project-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.project-stat{display:flex;flex-direction:column;gap:6px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.project-stat:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.project-stat.income{border-left:4px solid #2563EB}.project-stat.expense{border-left:4px solid #EF4444}.project-stat.net{border-left:4px solid #10B981}.project-stat.count{border-left:4px solid #0A0A0A}.project-stat .stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0}.project-stat .stat-amount{font-size:20px;font-weight:800;color:#1e293b;letter-spacing:-.5px}.project-entries-detail{padding:0;background:#fafbfc;animation:slideDown .3s ease-out;border-top:2px solid #e2e8f0}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.project-entries-detail .investments-table{margin:0;border-radius:0;box-shadow:none}.project-entries-detail .investments-table thead{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.project-entries-detail .investments-table thead th{color:#334155}@media(max-width:768px){.projects-summary-section h2{font-size:24px}.project-summary-header{padding:20px}.project-summary-title h3{font-size:18px}.project-summary-stats{grid-template-columns:1fr 1fr;gap:12px}.project-stat{padding:12px}.project-stat .stat-amount{font-size:18px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.spin{animation:spin 1s linear infinite}.live-prices-section{transition:all .3s ease}.live-prices-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.live-rates-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin-bottom:30px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s ease}.live-rates-section:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.live-rates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.live-rates-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px}.live-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 0 4px #10b9811a;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{transform:scale(.8);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.8);box-shadow:0 0 #10b98100}}.refresh-rates-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.refresh-rates-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.refresh-rates-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-rates-btn .spin{animation:spin 1s linear infinite}.live-rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.live-rate-card{padding:20px;border-radius:20px;background:linear-gradient(145deg,#fff,#f0f0f0);border:1px solid rgba(255,255,255,.8);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:5px 5px 15px #0000000d,-5px -5px 15px #fffc}.live-rate-card:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(145deg,#fff,#fff);box-shadow:15px 15px 30px #0000001a,-15px -15px 30px #ffffffe6;z-index:10}.live-rate-card:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,#fffc,#fff0);pointer-events:none;opacity:.5}.rate-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#64748b;margin:0 0 10px;z-index:2}.rate-value{font-size:28px;font-weight:800;color:#1e293b;margin:0;line-height:1.1;letter-spacing:-.03em;text-shadow:2px 2px 0px rgba(0,0,0,.05);z-index:2}.rate-subtext{font-size:12px;color:#94a3b8;font-weight:500;margin-top:4px}.live-rate-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,transparent);transition:all .3s ease;opacity:0}.live-rate-card:hover:before{opacity:1}.ppf-card:hover:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.nps-card:hover:before{background:linear-gradient(90deg,#10b981,#34d399)}.ssy-card:hover:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.nsc-card:hover:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.scss-card:hover:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kvp-card:hover:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.rates-update-info{margin:16px 0 0;font-size:11px;color:#94a3b8;font-weight:500;text-align:right;font-style:italic}.icon-black{background:#0a0a0a}.icon-dark-gray{background:#404040}.icon-gray{background:#737373}.btn-add-investment{padding:12px 24px;border:none;border-radius:12px;background:#000;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;gap:8px;letter-spacing:.5px}.btn-add-investment:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-add-investment:active{transform:translateY(0)}.btn-add-investment svg{font-size:18px;stroke-width:2.5px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000001a}.modal-content.large{max-width:900px}.modal-content.modal-small{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #E2E8F0}.modal-header h2{margin:0;color:#1e293b;font-size:24px;font-weight:700}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f1f5f9;color:#334155}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:all .3s ease}.modal-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group-full{grid-column:1 / -1}.form-group label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #D1D5DB;border-radius:8px;padding:12px;font-size:14px;transition:all .3s ease;background:#fff;font-family:inherit}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{min-height:100px;resize:vertical}.form-field label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-field input,.form-field select,.form-field textarea{border:1px solid #D1D5DB;border-radius:8px;padding:12px;font-size:14px;transition:all .3s ease;background:#fff}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#ef4444}.form-field textarea{min-height:100px;resize:vertical}.error-text{color:#ef4444;font-size:12px;margin-top:4px}.error-message{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #E2E8F0;margin-top:24px}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.btn-secondary:hover{background:#e2e8f0;color:#334155}.cancel-btn{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.cancel-btn:hover{background:#e2e8f0;color:#334155}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header,.modal-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}}.project-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.project-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.project-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB}.project-modal-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.project-modal-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-label.required:after{content:"*";color:#ef4444;margin-left:4px}.color-selector{display:flex;gap:8px;flex-wrap:wrap}.color-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}@media(max-width:640px){.project-modal{width:95%;max-height:95vh}.project-modal-header{padding:20px 16px 12px}.project-modal-form{padding:16px}.form-row{grid-template-columns:1fr;gap:0}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.loan-calculator-container{max-width:1400px;margin:0 auto;padding:40px 20px;background-color:#f5f5f5;min-height:100vh}.loan-header-section{text-align:center;margin-bottom:40px}.loan-main-title{font-size:36px;font-weight:700;color:#333;margin-bottom:20px}.view-tabs{display:flex;gap:10px;justify-content:center;margin-top:20px}.tab-btn{padding:12px 30px;border:2px solid #e0e0e0;background:#fff;color:#666;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s}.tab-btn:hover{border-color:#3b82f6;color:#3b82f6}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.loan-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.loan-details-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.section-title{background:linear-gradient(135deg,#93c5fd,#7dd3fc);color:#fff;font-size:20px;font-weight:600;padding:20px 30px;margin:0}.loan-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:14px;color:#555;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#60a5fa}.calculate-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.calculate-btn:active{transform:translateY(0)}.loan-summary-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.summary-content{padding:30px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:2px solid #e5e7eb}.summary-row:last-child{border-bottom:none}.summary-label{font-size:15px;color:#555;font-weight:500}.summary-value{font-size:18px;font-weight:700;color:#1f2937}.summary-row.highlight{background-color:#dbeafe;padding:18px 15px;margin:0 -15px;border-radius:6px}.summary-row.highlight .summary-value{color:#1d4ed8}.amortization-schedule{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.schedule-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:#f9fafb;border-bottom:2px solid #e5e7eb}.schedule-title{font-size:24px;font-weight:700;color:#333;margin:0}.save-extra-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-right:10px}.save-extra-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.save-extra-btn:active{transform:translateY(0)}.clear-extra-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.clear-extra-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.clear-extra-btn:active{transform:translateY(0)}.table-container{overflow-x:auto;padding:0}.schedule-table{width:100%;border-collapse:collapse;font-size:14px}.schedule-table thead{background:#f3f4f6}.schedule-table th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;text-transform:uppercase;font-size:12px;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.schedule-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.schedule-table tbody tr:nth-child(2n){background-color:#fafafa}.schedule-table tbody tr:hover{background-color:#f0f9ff}.schedule-table td{padding:14px 12px;color:#4b5563}.schedule-table td:first-child{font-weight:600;color:#1f2937}.extra-payment-cell{padding:8px 12px!important}.extra-payment-input{width:100%;max-width:120px;padding:6px 10px;border:2px solid #e0e0e0;border-radius:4px;font-size:13px;transition:border-color .3s;box-sizing:border-box}.extra-payment-input:focus{outline:none;border-color:#3b82f6;background-color:#eff6ff}.extra-payment-input::placeholder{color:#9ca3af}.save-loan-section{display:flex;gap:15px;max-width:600px;margin:30px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loan-name-input{flex:1;padding:12px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s}.loan-name-input:focus{outline:none;border-color:#3b82f6}.save-loan-btn{padding:12px 30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.save-loan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.save-loan-btn:disabled{opacity:.6;cursor:not-allowed}.manage-loans-view{padding:20px 0}.section-heading{font-size:28px;font-weight:700;color:#333;margin-bottom:30px}.empty-state,.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:18px}.loans-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.loans-table{width:100%;border-collapse:collapse}.loans-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.loans-table th{padding:16px 12px;text-align:left;font-weight:600;color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.loans-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.loans-table tbody tr:nth-child(2n){background-color:#fafafa}.loans-table tbody tr:hover{background-color:#f0f9ff}.loans-table td{padding:16px 12px;color:#4b5563;font-size:14px}.loan-name-cell{font-weight:600;color:#1f2937!important}.progress-cell{display:flex;align-items:center;gap:10px}.progress-bar-small{width:80px;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:10px;transition:width .3s}.progress-text-small{font-size:12px;color:#666;font-weight:600;min-width:40px}.action-buttons{display:flex;gap:8px;align-items:center}.view-loan-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.view-loan-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.view-loan-btn:active{transform:translateY(0)}.delete-loan-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.delete-loan-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.delete-loan-btn:active{transform:translateY(0)}.loan-type{background:#dbeafe;color:#1d4ed8;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.loan-type-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.loan-type-badge.lent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.loan-type-badge.borrowed{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.loan-card-body{display:flex;flex-direction:column;gap:12px}.loan-info-row{display:flex;justify-content:space-between;font-size:14px;color:#555}.loan-info-row strong{color:#1f2937;font-weight:700}.progress-section{margin-top:15px;padding-top:15px;border-top:2px solid #f3f4f6}.progress-bar{height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:10px;transition:width .3s}.progress-text{font-size:12px;color:#666;font-weight:600}.loan-detail-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.detail-header{margin-bottom:30px}.detail-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:10px 0 0}.back-btn{background:transparent;border:2px solid #e5e7eb;color:#666;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.back-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.loan-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.summary-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:20px;border-radius:10px;text-align:center;border:2px solid #e5e7eb}.summary-card span{display:block;font-size:13px;color:#666;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-card strong{font-size:22px;color:#1f2937;font-weight:700}.summary-card.highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.summary-card.highlight strong{color:#1e40af}.payment-schedule-section{position:relative;margin-top:30px}.payment-schedule-section .schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payment-schedule-section h3{font-size:22px;font-weight:700;color:#333;margin:0}.payment-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.payment-checkbox:disabled{cursor:not-allowed;opacity:.4}.paid-row{background-color:#d1fae5!important}.paid-row:hover{background-color:#a7f3d0!important}@media(max-width:1024px){.loan-content{grid-template-columns:1fr}}@media(max-width:768px){.loan-calculator-container{padding:20px 10px}.loan-main-title{font-size:24px}.view-tabs{flex-direction:column;gap:10px}.tab-btn{width:100%;padding:10px 20px}.save-loan-section{flex-direction:column}.save-loan-btn{width:100%}.loans-grid{grid-template-columns:1fr}.loan-summary-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:18px;padding:15px 20px}.loan-form,.summary-content{padding:20px}.schedule-header{flex-direction:column;gap:15px;align-items:flex-start}.schedule-title{font-size:20px}.clear-extra-btn{width:100%}.schedule-table{font-size:12px}.schedule-table th,.schedule-table td{padding:10px 8px}.extra-payment-input{max-width:80px;font-size:12px}}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-box{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 30px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-box h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 15px;text-align:center}.dialog-box p{font-size:16px;color:#666;margin:0 0 25px;text-align:center;line-height:1.5}.dialog-options{display:flex;gap:15px;margin-bottom:30px}.option-btn{flex:1;padding:15px 20px;border:2px solid #e5e7eb;background:#fff;color:#666;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;text-align:center;line-height:1.4}.option-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.option-btn.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.dialog-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#666;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s}.cancel-btn:hover{border-color:#6b7280;color:#374151}.confirm-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dialog-box{padding:20px;margin:20px}.dialog-options,.dialog-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.retirement-container{max-width:1600px;margin:0 auto;animation:fadeIn .5s ease-in}.retirement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.retirement-header h1{font-size:36px;font-weight:800;background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.btn-secondary-action{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #16a34a;border-radius:12px;background:#fff;color:#16a34a;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary-action:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a33}.retirement-form-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:35px;box-shadow:0 10px 40px #00000014;margin-bottom:40px;position:relative;overflow:hidden}.retirement-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16a34a,#15803d,#16a34a);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.retirement-form-card h2{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 30px;text-align:center}.retirement-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.form-section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.form-section:hover{transform:translateY(-5px);border-color:#10b981;box-shadow:0 10px 25px #0000000d}.retirement-card-title{font-size:16px;font-weight:700;color:#000;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;position:relative;text-transform:uppercase;letter-spacing:.5px}.retirement-card-title:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:#10b981}.form-fields{display:flex;flex-direction:column;gap:18px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:600;color:#374151;letter-spacing:.3px}.form-field input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:500;color:#1e293b;background:#f9fafb;transition:all .2s ease}.form-field input:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px #16a34a1a}.form-submit{display:flex;justify-content:center;margin-top:30px}.btn-show-plan{padding:16px 48px;border:none;border-radius:14px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #16a34a66;text-transform:uppercase;letter-spacing:.5px}.btn-show-plan:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-3px);box-shadow:0 8px 25px #16a34a80}.results-section{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:35px}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 20px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16a34a,#15803d)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #16a34a26}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 4px 15px #16a34a4d}.stat-content{flex:1;min-width:0}.stat-label{font-size:13px;color:#64748b;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px}.stat-value{font-size:24px;font-weight:800;color:#1e293b;margin:0;line-height:1.2;letter-spacing:-.5px}.message-card{border-radius:16px;padding:28px;margin-bottom:35px;box-shadow:0 4px 16px #00000014;animation:fadeIn .5s ease-in .2s both}.message-card.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #86efac}.message-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.message-card h3{font-size:20px;font-weight:700;color:#065f46;margin:0 0 12px;line-height:1.4}.message-card.warning h3{color:#92400e}.message-subtitle{font-size:16px;font-weight:600;color:#047857;margin:0 0 10px}.message-card.warning .message-subtitle{color:#b45309}.message-subtitle strong{font-weight:800;font-size:18px}.message-note{font-size:14px;color:#065f46;margin:0;opacity:.85}.message-card.warning .message-note{color:#92400e}.chart-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;margin-bottom:35px;position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16a34a,#15803d,#16a34a);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:16px}.chart-title{display:flex;align-items:center;gap:12px}.chart-title .chart-icon{font-size:26px;color:#16a34a}.chart-title h3{font-size:22px;font-weight:700;color:#1e293b;margin:0}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #16a34a;border-radius:10px;background:#fff;color:#16a34a;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-export:hover{background:#16a34a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.chart-content{position:relative;min-height:400px}.retirement-table-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000014;animation:fadeIn .5s ease-in .4s both}.retirement-table-card .table-header{background:linear-gradient(135deg,#16a34a,#15803d);padding:20px 30px}.retirement-table-card .table-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.table-scroll{overflow-x:auto;overflow-y:visible;padding:30px}.retirement-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.retirement-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.retirement-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #cbd5e1;white-space:nowrap;position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.retirement-table td{padding:14px 20px;font-size:14px;color:#1e293b;font-weight:500;border-bottom:1px solid #f1f5f9;vertical-align:middle;white-space:nowrap}.retirement-table tbody tr{transition:all .2s ease;background:#fff}.retirement-table tbody tr:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);transform:scale(1.01)}.retirement-table tbody tr.retirement-row{background:linear-gradient(135deg,#ecfdf5,#d1fae5);font-weight:600}.retirement-table tbody tr.retirement-row:hover{background:linear-gradient(135deg,#d1fae5,#bbf7d0)}.retirement-table td.positive{color:#16a34a;font-weight:600}.retirement-table td.negative{color:#dc2626;font-weight:600}.retirement-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.retirement-header{flex-direction:column;align-items:flex-start}.retirement-header h1{font-size:28px}.retirement-form-grid,.stats-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start}.btn-export,.btn-secondary-action{width:100%;justify-content:center}.form-submit{padding:0}.btn-show-plan{width:100%}.message-card{padding:20px}.message-card h3{font-size:18px}.table-scroll{padding:20px}.retirement-table th,.retirement-table td{padding:12px 16px;font-size:12px}.stat-icon{width:48px;height:48px;font-size:20px}.stat-value{font-size:20px}}@media(max-width:480px){.retirement-header h1{font-size:24px}.retirement-form-card{padding:20px}.form-section{padding:16px}.retirement-card-title{font-size:14px}.form-field label{font-size:12px}.form-field input{padding:10px 12px;font-size:14px}.btn-show-plan{padding:14px 32px;font-size:14px}.stat-card{padding:16px}.message-card h3{font-size:16px}.chart-title h3{font-size:18px}}.static-container{max-width:100%;width:100%;margin:0 auto;padding:20px;animation:fadeIn .5s ease-in;overflow-x:hidden;box-sizing:border-box;font-family:Inter,sans-serif}.static-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;width:100%;box-sizing:border-box;background:#0a0a0a;color:#fff;padding:24px 32px;border-radius:24px;box-shadow:0 10px 30px -10px #0000004d;border:1px solid rgba(255,255,255,.1);z-index:10;position:relative}.header-content{display:flex;align-items:center;gap:20px}.header-icon{font-size:24px;padding:12px;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center}.header-text h1{font-size:26px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.header-text p{font-size:14px;color:#ffffffb3;margin:4px 0 0}.add-button,.btn-primary{padding:12px 24px;border:none;border-radius:12px;background:#fff;color:#0a0a0a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffffff1a;display:flex;align-items:center;gap:8px}.add-button:hover,.btn-primary:hover:not(:disabled){background:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:12px 24px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#fff3;border-color:#ffffff80}.static-form-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;margin-bottom:40px;position:relative;overflow:hidden}.static-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.static-form-card h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 25px}.static-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group label{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000001a}.form-actions{display:flex;gap:15px;margin-top:10px}.static-table-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;border:1px solid #e2e8f0;overflow:hidden}.table-header{padding:25px 30px;background:#fff;border-bottom:2px solid #f1f5f9}.table-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.table-container{overflow-x:auto;width:100%}.static-table{width:100%;border-collapse:collapse;min-width:1000px}.static-table thead{background:#0a0a0a}.static-table th{padding:18px 16px;text-align:left;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.static-table td{padding:16px;font-size:14px;color:#1e293b;font-weight:500;border-bottom:1px solid #f1f5f9;vertical-align:middle}.static-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.005)}.category-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;background:#0a0a0a;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.priority-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase}.status-text{font-weight:600;text-transform:capitalize}.edit-btn,.delete-btn{width:36px;height:36px;border:none;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}.no-data,.loading{text-align:center;padding:60px;color:#64748b;font-size:16px}.task-details{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#1e293b}.updates-text,.notes-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:13px}@media(max-width:768px){.static-header{flex-direction:column;align-items:flex-start;padding:20px}.header-content{flex-direction:column;align-items:flex-start}.add-button{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}}.cash-member-management{width:100%;padding:20px}.members-view{width:100%}.members-table-container{margin-top:24px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.members-table{width:100%;border-collapse:collapse}.members-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.members-table thead th{padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.members-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.members-table tbody tr:hover{background:#f8fafc}.members-table tbody td{padding:16px;font-size:14px;color:#1e293b;vertical-align:middle}.member-name-link{font-weight:700;color:#2563eb;cursor:pointer;font-size:16px;text-decoration:underline;transition:color .2s ease}.member-name-link:hover{color:#1d4ed8}.amount-col{font-family:Courier New,monospace;font-weight:600;text-align:right}.amount-col.negative{color:#dc2626;background:#fef2f2;padding:8px 16px;border-radius:6px}.amount-col.over-budget{color:#dc2626;background:#fef2f2;padding:8px 16px;border-radius:6px;font-weight:800}.budget-progress{display:flex;align-items:center;gap:12px}.budget-bar-inline{flex:1;height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden;min-width:100px}.budget-fill-inline{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;border-radius:6px}.budget-fill-inline.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.percentage-text{font-weight:700;font-size:13px;color:#1e293b;min-width:50px;text-align:right}.percentage-text.over-budget{color:#dc2626}.member-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.member-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#2563eb}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.member-header h3{margin:0;font-size:22px;font-weight:700;color:#1e293b;transition:color .2s ease}.member-header h3:hover{color:#1d4ed8;text-decoration:underline}.relation-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.member-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.member-stats .stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.member-stats .stat label{font-size:14px;color:#64748b;font-weight:600}.member-stats .stat span{font-size:16px;font-weight:700;color:#1e293b}.member-stats .stat span.negative{color:#ef4444}.member-stats .stat span.over-budget{color:#dc2626;background:#fef2f2;padding:4px 8px;border-radius:6px}.budget-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin:16px 0}.budget-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;border-radius:6px}.budget-fill.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.member-actions{display:flex;gap:8px;margin-top:16px}.member-actions button{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.member-actions .edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.member-actions .edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.member-actions .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.member-actions .delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.member-actions .view-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.member-actions .view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.transactions-view{width:100%}.back-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;margin-bottom:20px;transition:all .2s ease}.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #64748b4d}.member-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;border:2px solid #e2e8f0}.member-detail-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1e293b}.member-info{font-size:14px;color:#64748b;margin:0}.transactions-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.transactions-table thead th{padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.transactions-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.transactions-table tbody tr:hover{background:#f8fafc}.transactions-table tbody td{padding:16px;font-size:14px;color:#1e293b}.type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.type-badge.expense{background:#fef2f2;color:#dc2626}.type-badge.income{background:#f0fdf4;color:#16a34a}.type-badge.transfer{background:#eff6ff;color:#2563eb}.mode-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;letter-spacing:.5px}.expense-amount{color:#dc2626;font-weight:700}.income-amount{color:#16a34a;font-weight:700}.debit-amount{color:#dc2626;font-weight:700;font-family:Courier New,monospace}.credit-amount{color:#16a34a;font-weight:700;font-family:Courier New,monospace}.balance-amount{color:#1e293b;font-weight:800;font-family:Courier New,monospace;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:6px 10px;border-radius:6px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:1400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease}.modal-content h3{margin:0 0 24px;font-size:24px;font-weight:700;color:#1e293b}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.form-group label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.form-actions button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.form-actions button[type=button]{background:#f1f5f9;color:#64748b}.form-actions button[type=button]:hover{background:#e2e8f0;color:#334155}.form-actions button[type=submit]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.form-actions button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2563eb4d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0}.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#64748b}.table-actions button{padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.members-grid{grid-template-columns:1fr}.member-detail-header{flex-direction:column;gap:16px}.add-btn{width:100%}.transactions-table{overflow-x:auto}.transactions-table table{min-width:1000px}}.table-actions{display:flex;gap:6px;justify-content:flex-start}.table-actions button{padding:6px 12px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:11px;white-space:nowrap}.table-actions .view-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.table-actions .view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .2s ease-out;border-radius:4px;box-shadow:0 0 15px #10b98199}.progress-text{margin-top:12px;font-size:24px;font-weight:700;color:#34d399;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(52,211,153,.3)}.transaction-table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.transaction-table{width:100%;border-collapse:collapse;min-width:1400px}.transaction-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;position:sticky;top:0;z-index:10}.transaction-table thead th{padding:16px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.transaction-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.transaction-table tbody tr:hover{background:#f8fafc}.transaction-table tbody td{padding:14px 12px;font-size:13px;color:#1e293b}.sr-no{text-align:center;font-weight:600;color:#64748b;width:60px}.date-col{font-family:Courier New,monospace;font-weight:500;width:110px}.mode-col{width:120px}.mode-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;letter-spacing:.5px;white-space:nowrap}.description-col{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debit-amount{color:#dc2626;font-weight:700;font-family:Courier New,monospace;text-align:right;width:120px}.credit-amount{color:#16a34a;font-weight:700;font-family:Courier New,monospace;text-align:right;width:120px}.balance-amount{color:#1e293b;font-weight:800;font-family:Courier New,monospace;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:8px 10px;border-radius:6px;text-align:right;width:140px}.balance-amount.negative{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.transaction-type-col,.category-col,.expense-type-col{font-size:12px;color:#475569;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.narration-col{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b;font-style:italic}.actions-col{width:140px}.table-actions{display:flex;gap:6px}.table-actions button{padding:6px 12px;border:none;border-radius:6px;font-weight:600;font-size:11px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.table-actions .edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.table-actions .edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.table-actions .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.table-actions .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.empty-state{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1}.empty-state p{font-size:16px;color:#64748b;margin:0}@media(max-width:768px){.transaction-table-wrapper{overflow-x:scroll}}.cash-cards-bank{padding:20px;max-width:1200px;margin:0 auto}.cash-cards-bank h1{margin-bottom:30px;color:#333;text-align:center}.tabs{display:flex;gap:10px;margin-bottom:30px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px;border-radius:16px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.6)}.tab{padding:12px 24px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;transition:all .3s ease}.tab:hover{background:#0000000d;color:#1e293b}.tab.active{background:#0a0a0a;color:#fff;box-shadow:0 2px 8px #00000026}.tab.chart-toggle{margin-left:auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0}.tab.chart-toggle.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a;box-shadow:0 2px 8px #00000026}.tab-content{min-height:400px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px 24px;border-radius:16px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.6)}.section-header h2{color:#1e293b;margin:0;font-size:22px;font-weight:700;letter-spacing:-.5px}.add-btn{background:#0a0a0a;color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:8px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.modal-content{background:#fff;padding:40px;border-radius:16px;max-width:1800px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;margin:auto}.modal-content h3{margin-top:0;margin-bottom:20px;color:#333}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.form-group label{margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group.checkbox-group{flex-direction:row;align-items:center;gap:10px}.form-group.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-group.checkbox-group label{margin:0;font-weight:400;cursor:pointer}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-actions button[type=button]:hover{background:#545b62}.form-actions button[type=submit]{background:#0a0a0a;color:#fff;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #0000001a}.form-actions button[type=submit]:hover{background:#252525;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.records-list{display:grid;gap:20px}.records-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 10px #0000000d}.records-table table{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0;font-size:14px}.records-table th{background:#0a0a0a;padding:18px 16px;text-align:left;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;white-space:nowrap;font-size:13px}.records-table td{padding:16px;font-size:14px;color:#1e293b;font-weight:500;border-bottom:1px solid #f1f5f9;vertical-align:middle}.records-table tr:last-child td{border-bottom:none}.records-table tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01);transition:all .2s ease}.records-table .amount{font-weight:600;color:#28a745}.record-type-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.record-type-badge.cash{background:#28a745}.record-type-badge.digital.wallet{background:#17a2b8}.record-type-badge.cryptocurrency{background:#ffc107;color:#333}.record-type-badge.credit.card{background:#007bff}.record-type-badge.debit.card{background:#6f42c1}.record-type-badge.prepaid.card{background:#20c997}.record-type-badge.gift.card{background:#fd7e14}.record-type-badge.loyalty.card{background:#e83e8c}.record-type-badge.savings{background:#28a745}.record-type-badge.current{background:#007bff}.record-type-badge.fixed.deposit{background:#17a2b8}.record-type-badge.recurring.deposit{background:#6f42c1}.record-type-badge.nri.account{background:#fd7e14}.record-type-badge.joint.account{background:#e83e8c}.table-actions{display:flex;gap:8px}.edit-btn,.delete-btn{padding:8px 12px;border:none;border-radius:10px;cursor:pointer;font-size:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.edit-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0a0a0a}.edit-btn:hover{background:#0a0a0a;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.delete-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b}.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.record-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .3s ease}.record-card:hover{box-shadow:0 4px 12px #0000001a}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.record-header h3{margin:0;color:#333;font-size:18px}.record-type{background:#007bff;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.record-details{margin-bottom:15px}.record-details p{margin:5px 0;color:#666;font-size:14px}.record-details strong{color:#333}.header-buttons{display:flex;gap:12px}.card-btn,.transaction-btn{background:linear-gradient(135deg,#0a0a0a,#252525)}.cards-section{margin-bottom:30px}.cards-section h3{margin-bottom:20px;color:#333;font-size:18px;font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.cards-grid.single{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-item{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:400px}.card-item:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-name{font-size:16px;font-weight:600}.card-type{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#fff3;text-transform:capitalize}.card-number{font-size:18px;font-weight:600;letter-spacing:2px;margin-bottom:15px;font-family:Courier New,monospace}.card-info{display:flex;flex-direction:column;gap:5px;font-size:14px;margin-bottom:15px}.card-limit{display:flex;justify-content:space-between;font-size:14px;margin-bottom:15px}.card-actions{display:flex;gap:8px;position:relative;z-index:10}.card-actions button{flex:1;padding:8px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background .3s ease}.card-actions .edit-btn{background:#fff3;color:#fff}.card-actions .edit-btn:hover{background:#ffffff4d}.card-actions .delete-btn{background:#dc3545cc;color:#fff}.card-actions .delete-btn:hover{background:#dc3545}.transactions-section{margin-top:30px}.transactions-section h3{margin-bottom:20px;color:#374151;font-size:18px;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.filter-dropdown{display:flex;align-items:center;gap:10px}.filter-dropdown label{font-weight:500;color:#374151;font-size:14px}.filter-dropdown select{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}.filter-dropdown select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.transactions-table{background:#fff;border-radius:12px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 10px #0000000d}.transactions-table table{width:100%;min-width:1200px;border-collapse:separate;border-spacing:0}.transactions-table th{background:#0a0a0a;padding:18px 16px;text-align:left;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;font-size:13px}.transactions-table td{padding:16px;font-size:14px;color:#1e293b;font-weight:500;border-bottom:1px solid #f1f5f9}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01);transition:all .2s ease}.transaction-type{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.transaction-type.purchase{background:#e3f2fd;color:#1976d2}.transaction-type.payment{background:#f3e5f5;color:#7b1fa2}.transaction-type.withdrawal{background:#fff3e0;color:#f57c00}.transaction-type.refund{background:#e8f5e8;color:#388e3c}.transaction-type.fee{background:#ffebee;color:#d32f2f}.empty-state{text-align:center;padding:40px;color:#666;background:#f8f9fa;border-radius:8px;border:2px dashed #e0e0e0}.empty-state p{margin:0;font-size:16px}.record-actions{display:flex;gap:10px}.record-actions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s ease}.record-actions button:not(.delete){background:#007bff;color:#fff}.record-actions button:not(.delete):hover{background:#0056b3}.record-actions button.delete{background:#dc3545;color:#fff}.record-actions button.delete:hover{background:#c82333}.loading{text-align:center;padding:40px;font-size:18px;color:#666;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.month-selector{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 15px #0000001a;animation:slideInDown .5s ease-out;position:relative;z-index:1}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.month-selector h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.month-selector select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;cursor:pointer}.month-selector select:hover{border-color:#667eea}.month-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.month-btn{padding:12px 24px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.month-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.month-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #667eea66}.financial-overview-chart{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:32px;box-shadow:0 20px 60px #667eea66;margin:20px 0;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}.financial-overview-chart:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-header{margin-bottom:28px;position:relative;z-index:1}.chart-header h2{margin:0 0 20px;color:#fff;font-size:32px;font-weight:700;text-align:center;text-shadow:0 4px 12px rgba(0,0,0,.2);letter-spacing:-.5px;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.summary-cards{display:flex;flex-wrap:wrap;gap:20px;position:relative;z-index:1;justify-content:space-between}.summary-card{padding:24px;border-radius:16px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .5s ease-out backwards;cursor:pointer;flex:1;min-width:180px;max-width:220px}.summary-card:nth-child(4){animation-delay:.4s}.summary-card:nth-child(5){animation-delay:.5s}@keyframes scaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #0000004d;border-color:#fff6}.summary-card:hover:before{opacity:1}.summary-card.cash{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.summary-card.cards{background:linear-gradient(135deg,#4158d0,#c850c0 46%,#ffcc70);color:#fff}.summary-card.bank{background:linear-gradient(135deg,#8e2de2,#4a00e0);color:#fff}.summary-card.bank-balance{background:linear-gradient(135deg,#ff6b6b,#ffe66d);color:#fff;border-left:none!important}.summary-card.net-total{background:linear-gradient(135deg,#fa8bff,#2bd2ff 52%,#2bff88 90%);color:#fff;border-left:none!important}.summary-card h3{margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.9}.summary-card p{margin:0;font-size:32px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);animation:countUp .8s ease-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1;margin-top:32px}.chart-container{background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .6s ease-out backwards}.chart-container:nth-child(1){animation-delay:.6s}.chart-container:nth-child(2){animation-delay:.7s}.chart-container:nth-child(3){animation-delay:.8s}.chart-container:nth-child(4){animation-delay:.9s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-container:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.chart-container.full-width{grid-column:1 / -1}.chart-container h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.custom-tooltip{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px;box-shadow:0 2px 4px #0000001a}.tooltip-label{margin:0 0 4px;font-weight:600;color:#333}.tooltip-value{margin:2px 0;font-size:12px}.tooltip-detail{margin:2px 0;font-size:11px;color:#666}.ccb-modal{position:fixed;inset:0;background:#000000b3;display:grid;place-items:center;z-index:1000;padding:24px;overflow-y:auto}.ccb-modal-content{background:#fff;border-radius:16px;padding:40px;box-sizing:border-box;width:min(1400px,calc(100vw - 48px));max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0000004d}@media(max-width:1200px){.form-grid{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:1400px}}@media(max-width:992px){.form-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:1000px}}@media(max-width:768px){.cash-cards-bank{padding:10px}.tabs{flex-direction:column;gap:5px}.tab{text-align:left;border-bottom:1px solid #e0e0e0;border-radius:0}.tab.active{border-bottom-color:#007bff}.section-header{flex-direction:column;gap:15px;align-items:stretch}.form-grid{grid-template-columns:1fr}.modal-content{padding:20px;width:95%}.records-table{overflow-x:auto}.records-table table{min-width:600px}.table-actions{flex-direction:column;gap:4px}.record-header{flex-direction:column;align-items:flex-start;gap:10px}.record-actions{flex-direction:column}.charts-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}}.record-type.cash{background:#28a745}.record-type.digital.wallet{background:#17a2b8}.record-type.cryptocurrency{background:#ffc107;color:#333}.record-type.credit.card{background:#007bff}.record-type.debit.card{background:#6f42c1}.record-type.prepaid.card{background:#20c997}.record-type.gift.card{background:#fd7e14}.record-type.loyalty.card{background:#e83e8c}.record-type.savings{background:#28a745}.record-type.current{background:#007bff}.record-type.fixed.deposit{background:#17a2b8}.record-type.recurring.deposit{background:#6f42c1}.record-type.nri.account{background:#fd7e14}.record-type.joint.account{background:#e83e8c}.bank-section{margin-bottom:30px}.bank-section h3{margin-bottom:20px;color:#333;font-size:18px;font-weight:600}.bank-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.bank-cards-grid.single{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bank-card-item{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003;transition:transform .3s ease,box-shadow .3s ease;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;width:100%}.bank-card-item:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s infinite}.bank-card-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(255,255,255,.1),transparent);border-radius:0 0 16px 16px}.bank-card-item .bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 40% 60%,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 60% 40%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px,50px 50px,30px 30px,30px 30px;opacity:.3;pointer-events:none}.bank-card-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 50px #0000004d}.bank-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative;z-index:2}.bank-card-name{font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1px}.bank-card-type{padding:6px 12px;border-radius:20px;font-size:10px;font-weight:600;background:#fff3;text-transform:uppercase;letter-spacing:.5px}.bank-card-details{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2;margin:20px 0}.bank-logo-placeholder{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px}.bank-name-main{font-size:28px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.bank-card-balance{margin:20px 0;text-align:center;position:relative;z-index:2}.balance-amount{display:block;font-size:32px;font-weight:700;margin-bottom:5px;font-family:Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.2)}.balance-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:2px;font-weight:500}.bank-card-info{display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;margin-bottom:15px;position:relative;z-index:2;background:#ffffff1a;padding:12px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bank-info-left{display:flex;flex-direction:column;gap:4px}.bank-info-right{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.account-holder{font-weight:600;font-size:13px}.account-number{font-family:Courier New,monospace;letter-spacing:1px;opacity:.8}.branch-name{font-size:10px;opacity:.7;text-transform:uppercase}.bank-card-interest{position:absolute;top:20px;right:20px;background:#ffd70033;color:gold;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,215,0,.3)}.bank-card-actions{display:flex;gap:8px;position:relative;z-index:10;margin-top:15px}.bank-card-actions button{flex:1;padding:10px;border:none;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.bank-card-actions .edit-btn{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bank-card-actions .edit-btn:hover{background:#ffffff40;transform:translateY(-2px)}.bank-card-actions .delete-btn{background:#dc3545cc;color:#fff}.bank-card-actions .delete-btn:hover{background:#dc3545;transform:translateY(-2px)}.bank-card-item.savings{background:linear-gradient(135deg,#2e7d32,#43a047)}.bank-card-item.current{background:linear-gradient(135deg,#1565c0,#1e88e5)}.bank-card-item.fixed.deposit{background:linear-gradient(135deg,#00695c,#00897b)}.bank-card-item.recurring.deposit{background:linear-gradient(135deg,#6a1b9a,#8e24aa)}.bank-card-item.nri.account{background:linear-gradient(135deg,#e65100,#f57c00)}.bank-card-item.joint.account{background:linear-gradient(135deg,#c62828,#e53935)}.bank-card-type.savings{background:#4caf504d;border:1px solid rgba(76,175,80,.5)}.bank-card-type.current{background:#2196f34d;border:1px solid rgba(33,150,243,.5)}.bank-card-type.fixed.deposit{background:#0096884d;border:1px solid rgba(0,150,136,.5)}.bank-card-type.recurring.deposit{background:#9c27b04d;border:1px solid rgba(156,39,176,.5)}.bank-card-type.nri.account{background:#ff98004d;border:1px solid rgba(255,152,0,.5)}.bank-card-type.joint.account{background:#f443364d;border:1px solid rgba(244,67,54,.5)}.processing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.processing-content{background:#1e293be6;padding:40px 60px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;align-items:center;transform:translateY(0);animation:float 6s ease-in-out infinite}.spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.1);border-radius:50%;border-top-color:#3b82f6;border-right-color:#3b82f6;animation:spin 1s cubic-bezier(.55,.055,.675,.19) infinite;margin-bottom:24px}.processing-text{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:.5px}.processing-subtext{font-size:14px;color:#94a3b8}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.progress-container{width:100%;min-width:250px;height:8px;background:#ffffff1a;border-radius:4px;margin-top:20px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .2s ease-out;border-radius:4px;box-shadow:0 0 15px #3b82f699}.progress-text{margin-top:12px;font-size:24px;font-weight:700;color:#60a5fa;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(96,165,250,.3)}.paying-for-dropdown{display:flex;flex-direction:column;gap:16px;margin:16px 0;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.paying-for-field{display:flex;flex-direction:column;gap:8px}.paying-for-field label{font-size:14px;font-weight:500;color:#334155}.paying-for-module-select,.paying-for-entry-select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s}.paying-for-module-select:focus,.paying-for-entry-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.paying-for-module-select:disabled,.paying-for-entry-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.paying-for-loading{padding:12px;text-align:center;color:#64748b;font-size:14px;background:#fff;border:2px dashed #e2e8f0;border-radius:6px}.paying-for-no-entries{margin:8px 0 0;padding:8px 12px;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:13px}.bill-checklist-new{padding:0;background:transparent;display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1}.page-header{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;box-shadow:0 4px 6px -1px #0000000d;flex-shrink:0;margin:0;border-bottom:1px solid #e5e7eb}.page-header h1{margin:0;font-size:32px;font-weight:800;color:#0a0a0a;letter-spacing:-.5px}.header-controls{display:flex;align-items:center;gap:16px}.year-selector{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 16px;box-shadow:0 2px 8px #0000000d}.year-nav-btn{background:#0a0a0a;color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.year-nav-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.year-nav-btn:active{transform:scale(.95)}.current-year{font-size:20px;font-weight:800;color:#0a0a0a;min-width:60px;text-align:center;letter-spacing:-.5px}.btn-manage-categories{background:#0a0a0a;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.btn-manage-categories:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.bill-summary-section{background:#fff;margin:16px;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.summary-header{background:#0a0a0a;color:#fff;padding:24px;text-align:center}.summary-header h2{margin:0 0 8px;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.summary-header p{margin:0;font-size:16px;opacity:.9}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:24px}.metric-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;display:flex;align-items:center;gap:16px}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.metric-card.primary{border-left:4px solid #3b82f6}.metric-card.success{border-left:4px solid #10b981}.metric-card.warning{border-left:4px solid #f59e0b}.metric-card.danger{border-left:4px solid #ef4444}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.metric-card.primary .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.metric-card.success .metric-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.metric-card.warning .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.metric-card.danger .metric-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.metric-content{flex:1}.metric-content h3{margin:0 0 4px;font-size:24px;font-weight:700;color:#1f2937}.metric-content p{margin:0;font-size:14px;color:#6b7280}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .6s ease}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 24px 24px}.chart-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.chart-card h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.category-breakdown{padding:0 24px 24px}.category-breakdown h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#1f2937}.category-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.category-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.category-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px}.category-amount{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:12px}.category-progress{margin-bottom:12px}.category-progress .progress-bar{height:8px;background:#e5e7eb;border-radius:4px;margin-bottom:4px}.category-progress .progress-text{font-size:12px;color:#6b7280;font-weight:500}.category-stats{display:flex;gap:12px;font-size:13px}.stat.paid{color:#10b981;font-weight:500}.stat.unpaid{color:#f59e0b;font-weight:500}.spreadsheet-container{overflow-x:auto;overflow-y:auto;background:#fff;flex:1;margin:16px;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000001f}.bill-spreadsheet{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto}.bill-spreadsheet th,.bill-spreadsheet td{border:1px solid #e2e8f0;padding:12px;font-size:13px}.bill-spreadsheet thead th{background:#0a0a0a;font-weight:700;text-align:left;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.category-col{width:140px;font-weight:700}.bill-col{width:220px}.details-header{background:#252525;color:#fff}.month-header{background:#404040;text-align:center;color:#fff;font-weight:700}.month-sub{background:#f8f9fa;font-size:11px;color:#6c757d;font-weight:600}.category-row .category-name{background:#f1f5f9;font-weight:700;vertical-align:top;color:#0a0a0a;font-size:14px;padding:12px}.category-name-content{display:flex;flex-direction:column;gap:8px}.category-actions{display:flex;gap:4px;margin-top:4px}.category-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 6px;cursor:pointer;transition:all .2s ease;color:#64748b}.category-action-btn:hover{background:#f8f9fa;transform:scale(1.1)}.category-action-btn.delete{color:#ef4444}.category-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca}.bill-row{transition:all .2s ease}.bill-row:hover{background:#f8f9ff}.bill-row .bill-name{font-weight:600;position:relative}.bill-meta{display:flex;gap:8px;align-items:center;margin-top:6px}.inline-meta{display:flex;gap:8px;align-items:center}.inline-meta.readonly{color:#64748b;font-size:11px;background:#f1f3f5;padding:4px 8px;border-radius:4px}.bill-actions{display:inline-flex;gap:6px;margin-left:8px}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease}.action-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.action-btn.delete{color:#ef4444;border-color:#fecaca}.action-btn.delete:hover{background:#fef2f2}.action-btn.save{color:#10b981;border-color:#bbf7d0}.action-btn.save:hover{background:#ecfdf5}.action-btn.cancel{color:#f59e0b;border-color:#fed7aa}.action-btn.cancel:hover{background:#fffbeb}.inline-edit{width:100%;padding:8px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;transition:all .2s ease}.inline-edit:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000001a}.detail-cell{min-width:180px;color:#4a5568}.password-cell{min-width:120px}.month-cell{min-width:110px;background:#fafbfc}.month-input{width:100%;padding:8px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;transition:all .2s ease}.month-input:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000001a}.checkbox-cell{text-align:center}.month-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0A0A0A}.add-bill-row td{background:#f8f9fa;padding:12px}.btn-add-bill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px dashed #94a3b8;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;color:#64748b}.btn-add-bill:hover{border-color:#0a0a0a;color:#0a0a0a;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.add-bill-form{display:flex;gap:8px;align-items:center}.add-bill-input{padding:6px;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;width:260px}.btn-add,.btn-cancel{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer}.btn-add{background:#10b981;color:#fff;border-color:#10b981}.btn-cancel{background:#fff;color:#ef4444;border-color:#fecaca}.calendar-view{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000001a;margin:0 24px 24px;overflow-y:auto;flex:1}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.calendar-header button{padding:10px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.calendar-header button:hover{border-color:#0a0a0a;color:#0a0a0a;transform:translate(-2px)}.calendar-header h2{font-size:24px;font-weight:700;color:#0a0a0a}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.calendar-month{border:2px solid #e2e8f0;border-radius:12px;padding:12px;background:linear-gradient(135deg,#fff,#f8f9fa);transition:all .3s ease}.calendar-month:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-4px)}.calendar-month h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#2d3436;text-align:center;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0}.calendar-day-name{font-size:11px;color:#64748b;text-align:center;font-weight:700;text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{min-height:90px;border:2px solid #e2e8f0;border-radius:8px;padding:6px;position:relative;background:#fff;transition:all .2s ease}.calendar-day:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.calendar-day.empty{background:#f8f9fa;border-style:dashed}.day-number{position:absolute;top:6px;right:8px;font-size:12px;font-weight:700;color:#94a3b8;background:#f8f9fa;padding:2px 6px;border-radius:4px}.calendar-event{margin-top:18px;font-size:10px;padding:4px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;transition:all .2s ease;cursor:pointer}.calendar-event:hover{transform:scale(1.05)}.calendar-event.paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left:3px solid #28a745;box-shadow:0 2px 4px #28a74533}.calendar-event.due{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#856404;border-left:3px solid #ffc107;box-shadow:0 2px 4px #ffc10733}.calendar-event.unpaid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left:3px solid #dc3545;box-shadow:0 2px 4px #dc354533}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 80px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:22px;font-weight:700;color:#fff}.modal-close{background:#fff3;border:none;font-size:24px;cursor:pointer;color:#fff;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:24px;background:#f8f9fa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:700;margin-bottom:8px;color:#2d3436;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.form-field input,.form-field select{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-field input:focus,.form-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:2px solid #e2e8f0;background:#fff;border-radius:0 0 16px 16px}.modal-footer .btn-add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.modal-footer .btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modal-footer .btn-add:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.modal-footer .btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:12px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s ease}.modal-footer .btn-cancel:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.categories-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:300px;overflow-y:auto}.category-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.category-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.category-item-name{font-weight:600;color:#2d3436;font-size:15px}.category-item-count{color:#64748b;font-size:13px;margin-left:8px}.category-item-actions{display:flex;gap:6px;margin-left:auto}.btn-icon-small{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;color:#64748b}.btn-icon-small:hover{background:#f8f9fa;transform:scale(1.1)}.btn-icon-small.delete{color:#ef4444}.btn-icon-small.delete:hover{background:#fef2f2;border-color:#fecaca}.category-edit-row{display:flex;gap:8px;align-items:center;width:100%}.category-edit-input{flex:1;padding:10px;border:2px solid #667eea;border-radius:6px;font-size:14px}.btn-cancel-small{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px;cursor:pointer;color:#ef4444}.add-category-section{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.add-category-section h3{margin:0 0 12px;font-size:16px;color:#2d3436;font-weight:700}.add-category-row{display:flex;gap:12px}.category-input{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.category-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.event-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.event-modal{background:#fff;border-radius:16px;width:90%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.event-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB}.event-modal-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.event-modal-form{padding:24px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-label svg{color:#9ca3af}.form-input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;color:#1f2937;transition:all .2s}.form-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-input.error{border-color:#ef4444}.form-input.title-input{font-size:18px;font-weight:500}.form-textarea{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;color:#1f2937;transition:all .2s;resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-select{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.error-text{display:block;color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.form-hint{display:block;color:#6b7280;font-size:12px;margin-top:4px;font-style:italic}.category-selector{display:flex;flex-wrap:wrap;gap:10px}.category-btn{padding:10px 16px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.category-btn:hover{background:#f9fafb;transform:translateY(-1px)}.category-btn.active{background:rgba(var(--category-color-rgb),.1);font-weight:600}.category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.datetime-inputs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.datetime-inputs .form-input{flex:1;min-width:140px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;cursor:pointer;white-space:nowrap}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#9333EA}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #E5E7EB}.btn-cancel,.btn-save{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:linear-gradient(135deg,#9333ea,#c084fc);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.event-modal{width:95%;max-height:95vh}.event-modal-header{padding:20px 16px 12px}.event-modal-form{padding:16px}.category-selector{flex-direction:column}.category-btn{width:100%;justify-content:center}.datetime-inputs{flex-direction:column}.datetime-inputs .form-input{width:100%}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB}.modal-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px;overflow-y:auto}.manage-categories-modal{max-width:700px;max-height:85vh;width:90%}.manage-categories-modal .modal-body{max-height:calc(85vh - 100px)}.add-category-form{background:#f9fafb;padding:20px;border-radius:12px;margin-bottom:24px}.add-category-form h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input[type=text]{width:100%;padding:10px 12px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;transition:all .2s}.form-group input[type=text]:focus{outline:none;border-color:#9333ea}.form-group input[type=text]:disabled{background:#f3f4f6;cursor:not-allowed}.color-picker-group{display:flex;align-items:center;gap:12px}.color-picker-group input[type=color]{width:60px;height:40px;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer}.color-preview{width:40px;height:40px;border-radius:8px;border:2px solid #E5E7EB}.categories-list{margin-top:24px}.categories-list h3{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:16px}.categories-grid{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;transition:all .2s;min-height:60px}.category-item:hover{border-color:#9333ea;box-shadow:0 2px 8px #9333ea1a}.category-info{display:flex;align-items:center;gap:12px;flex:1}.category-color{width:24px;height:24px;border-radius:6px;border:2px solid #E5E7EB}.category-label{font-size:14px;font-weight:600;color:#1f2937}.default-badge{background:#dbeafe;color:#1e40af;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.category-actions{display:flex!important;gap:8px;align-items:center;flex-shrink:0}.btn-icon{background:#f3f4f6;border:2px solid #E5E7EB;color:#374151;font-size:18px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px}.btn-icon:hover:not(:disabled){background:#e5e7eb;color:#9333ea;border-color:#9333ea}.btn-icon:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.btn-icon.btn-delete{color:#ef4444}.btn-icon.btn-delete:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#ef4444}.edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.edit-form input[type=text]{padding:10px 12px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px}.edit-form input[type=color]{width:60px;height:40px;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer}.edit-actions{display:flex;gap:8px}.btn-save,.btn-cancel{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:#10b981;color:#fff}.btn-save:hover:not(:disabled){background:#059669}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#6b7280;font-size:14px}.empty-state{text-align:center;padding:40px;color:#9ca3af;font-size:14px}@media(max-width:640px){.manage-categories-modal{width:95%;max-height:90vh}.category-item{flex-direction:column;align-items:flex-start;gap:12px}.category-actions{width:100%;justify-content:flex-end}}.yearly-calendar-container *,.yearly-calendar-container *:before,.yearly-calendar-container *:after{box-sizing:border-box}.yearly-calendar-container{max-width:100%;width:calc(100vw - 250px);margin:0 auto;padding:20px;animation:fadeIn .5s ease-in;height:100vh;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;position:fixed;top:0;left:250px;bottom:0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;max-width:100%;flex-shrink:0;overflow:hidden}.calendar-header h1{font-size:32px;font-weight:800;color:#1e293b;margin:0}.year-mode-toggle{display:flex;gap:8px;margin-right:8px}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-primary{background:#0a0a0a;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-primary:hover{background:#252525;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.calendar-toolbar{background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:100%;box-sizing:border-box;flex-shrink:0;overflow:hidden}.view-selector{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:10px}.view-btn{padding:8px 16px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.view-btn.active{background:#fff;color:#0a0a0a;box-shadow:0 2px 4px #0000001a}.view-btn:hover:not(.active){color:#374151}.calendar-navigation{display:flex;align-items:center;gap:12px}.nav-btn{background:#fff;border:2px solid #E5E7EB;color:#374151;padding:8px 12px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#f9fafb;border-color:#0a0a0a;color:#0a0a0a}.current-period{font-size:18px;font-weight:700;color:#1f2937;min-width:200px;text-align:center}.today-btn{background:#fff;border:2px solid #0A0A0A;color:#0a0a0a;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.today-btn:hover{background:#0a0a0a;color:#fff}.category-filters{display:flex;gap:12px;flex-wrap:wrap}.category-filter{padding:8px 16px;border:2px solid #E5E7EB;border-radius:10px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.category-filter:hover{background:#f9fafb}.category-filter.active{background:#0a0a0a1a;border-color:#0a0a0a;color:#0a0a0a}.category-dot{width:10px;height:10px;border-radius:50%}.category-filter.manage-btn{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.category-filter.manage-btn:hover{background:#252525;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.year-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.year-table-view{background:#fff;border-radius:16px;padding:0;box-shadow:0 2px 8px #0000000d;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:100%;min-width:0}.year-table-container{overflow-x:auto;overflow-y:auto;flex:1;width:100%;max-width:100%;min-width:0;position:relative}.year-calendar-table{width:max-content;border-collapse:collapse;font-size:14px;min-width:100%;table-layout:auto}.year-calendar-table thead{position:sticky;top:0;z-index:10;background:#0a0a0a}.year-calendar-table thead th{color:#fff;font-weight:700;padding:20px 16px;text-align:left;font-size:22px;letter-spacing:1.5px}.year-calendar-table .month-header{background:linear-gradient(135deg,#ef4444,#dc2626);min-width:150px;position:sticky;left:0;z-index:11}.year-calendar-table .category-header{background:linear-gradient(135deg,#f59e0b,#d97706);min-width:180px;position:sticky;left:150px;z-index:11}.year-calendar-table .calendar-title{text-align:center}.year-calendar-table tbody tr.month-row{background:linear-gradient(135deg,#fee2e2,#fecaca);border-top:2px solid #E5E7EB}.year-calendar-table tbody tr.month-row:first-child{border-top:none}.year-calendar-table tbody tr.category-row{background:linear-gradient(135deg,#fef3c7,#fde68a)}.year-calendar-table tbody tr.category-row:nth-child(2n){background:#fff}.month-name{font-weight:700;font-size:16px;color:#7c2d12;padding:16px;text-align:left;vertical-align:middle;border-right:2px solid #E5E7EB;position:sticky;left:0;background:linear-gradient(135deg,#fee2e2,#fecaca);z-index:6;min-width:150px}.day-header-label{text-align:center;padding:12px 8px;font-weight:700;color:#854d0e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #E5E7EB;position:sticky;left:150px;z-index:6;min-width:180px}.day-header{text-align:center;padding:12px 8px;font-weight:600;color:#374151;border:1px solid #E5E7EB;min-width:48px;max-width:56px}.day-header.empty-day{background:#f9fafb;color:#d1d5db}.category-label{padding:12px 16px;font-weight:600;font-size:14px;color:#374151;text-align:left;border:1px solid #E5E7EB;border-right:2px solid #E5E7EB;display:flex;align-items:center;gap:8px;min-width:180px;position:sticky;left:150px;background:#fff;z-index:6}.event-cell{text-align:center;padding:12px 8px;border:1px solid #E5E7EB;cursor:pointer;transition:all .2s;min-width:48px;max-width:56px;font-weight:600;font-size:16px}.event-cell.empty-day{background:#f9fafb;cursor:default}.event-cell.has-event{font-weight:700;position:relative}.event-cell.has-event:hover{opacity:.8;transform:scale(1.05);z-index:2}.month-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.month-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.month-card-header{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;text-align:center}.mini-calendar{width:100%}.mini-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.day-name{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:4px}.mini-calendar-body{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:6px;cursor:pointer;transition:all .2s;position:relative}.mini-day-cell:hover:not(.empty):not(.other-month){background:#f3f4f6}.mini-day-cell.other-month{color:#d1d5db}.mini-day-cell.today{background:#0a0a0a;color:#fff;font-weight:700}.mini-day-cell.has-events:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;background:#0a0a0a;border-radius:50%}.multi-year-table-view{background:#fff;border-radius:16px;padding:0;box-shadow:0 2px 8px #0000000d;overflow:hidden;flex:1;display:flex;flex-direction:column}.multi-year-calendar-table{width:max-content;border-collapse:collapse;font-size:14px;min-width:100%}.multi-year-calendar-table thead{position:sticky;top:0;z-index:10;background:#0a0a0a}.multi-year-calendar-table thead th{color:#fff;font-weight:700;padding:20px 16px;text-align:left;font-size:18px}.multi-year-calendar-table .year-col-header{text-align:center;min-width:96px}.multi-year-calendar-table .month-header{position:sticky;left:0;z-index:11;min-width:150px;background:linear-gradient(135deg,#ef4444,#dc2626)}.multi-year-calendar-table .category-header{position:sticky;left:150px;z-index:11;min-width:180px;background:linear-gradient(135deg,#f59e0b,#d97706)}.month-view{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d;max-width:100%;box-sizing:border-box;overflow-y:auto;flex:1;min-height:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.calendar-day-header{background:#f9fafb;padding:16px;text-align:center;font-size:14px;font-weight:700;color:#374151}.calendar-day-cell{background:#fff;min-height:120px;padding:8px;cursor:pointer;transition:all .2s;position:relative}.calendar-day-cell:hover{background:#f9fafb}.calendar-day-cell.other-month{background:#f9fafb;opacity:.5}.calendar-day-cell.today{background:#0a0a0a0d}.day-number{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.calendar-day-cell.today .day-number{color:#0a0a0a;background:#0a0a0a1a;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.event-list{display:flex;flex-direction:column;gap:4px}.event-item{padding:6px 8px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;border-left:3px solid}.event-item:hover{transform:translate(2px);opacity:.8}.event-item.birthday{background:#ef44441a;border-color:#ef4444;color:#dc2626}.event-item.anniversary{background:#8b5cf61a;border-color:#8b5cf6;color:#7c3aed}.event-item.policy-renewal{background:#f59e0b1a;border-color:#f59e0b;color:#d97706}.event-item.loan-emi{background:#10b9811a;border-color:#10b981;color:#059669}.event-item.other{background:#3b82f61a;border-color:#3b82f6;color:#2563eb}.event-more{font-size:11px;color:#6b7280;padding:4px 8px;cursor:pointer;font-weight:600}.event-more:hover{color:#0a0a0a}.week-view{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.week-grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.time-label{background:#f9fafb;padding:8px;text-align:right;font-size:12px;color:#6b7280;font-weight:600}.week-day-cell{background:#fff;padding:8px;min-height:60px}.day-view{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d;max-width:100%;box-sizing:border-box;overflow-y:auto;flex:1;min-height:0}.day-events-list{display:flex;flex-direction:column;gap:12px}.day-event-item{background:#fff;border:2px solid #E5E7EB;border-left:4px solid;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s}.day-event-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.event-time{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:4px}.event-title{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:4px}.event-description{font-size:14px;color:#6b7280}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#6b7280;font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-state-text{font-size:16px;color:#6b7280;margin-bottom:8px}.empty-state-subtext{font-size:14px;color:#9ca3af}@media(max-width:1024px){.year-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.calendar-toolbar{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.yearly-calendar-container{left:0;width:100vw}.calendar-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.year-grid{grid-template-columns:1fr}.calendar-navigation{width:100%;justify-content:space-between}.current-period{min-width:auto}.calendar-day-cell{min-height:80px}}@media(max-width:480px){.yearly-calendar-container{padding:12px}.calendar-header h1{font-size:24px}.view-selector{width:100%}.view-btn{flex:1;padding:10px 8px;font-size:12px}.category-filters{width:100%}.category-filter{flex:1;justify-content:center;font-size:12px;padding:8px 12px}}.multiple-calendars{padding:20px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.calendars-header{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#1e293b;padding:30px;border-radius:16px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.6)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-text h1{font-size:2.5rem;margin-bottom:8px;display:flex;align-items:center;gap:12px}.header-text p{font-size:1.1rem;opacity:.9}.header-actions .btn-primary{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.header-actions .btn-primary:hover{background:#ffffff4d;transform:translateY(-2px)}.calendars-controls{background:#fff;padding:25px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 20px #00000014}.view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.date-navigation{display:flex;align-items:center;gap:20px}.date-navigation h2{font-size:1.8rem;color:#1e293b;margin:0;min-width:200px;text-align:center}.nav-btn{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64748b}.nav-btn:hover{background:#e2e8f0;color:#334155}.view-modes{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:12px}.view-btn{background:transparent;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#64748b;font-weight:500}.view-btn.active{background:#fff;color:#3b82f6;box-shadow:0 2px 8px #0000001a}.calendar-filters{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e2e8f0}.calendar-legend{display:flex;gap:16px;flex-wrap:wrap}.calendar-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.calendar-item:hover{background:#f1f5f9}.calendar-item.hidden{opacity:.4}.calendar-color{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.calendar-select{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font-weight:500;cursor:pointer;transition:all .3s ease}.calendar-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.calendar-container{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014;margin-bottom:30px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.calendar-header{background:#f8fafc;padding:15px 10px;text-align:center;font-weight:600;color:#64748b;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.calendar-day{background:#fff;min-height:100px;padding:8px;position:relative;transition:all .3s ease}.calendar-day:hover{background:#f8fafc;z-index:1}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.today{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.calendar-day.today .day-number{background:#fff3;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:600}.day-number{font-weight:600;color:#334155;margin-bottom:8px;font-size:.9rem}.calendar-day:not(.today) .day-number{color:#64748b}.day-events{display:flex;flex-direction:column;gap:4px}.event-item{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .3s ease}.event-item:hover{transform:translate(2px);box-shadow:0 2px 4px #0000001a}.event-time{font-size:.7rem;opacity:.8}.more-events{font-size:.75rem;color:#64748b;padding:2px 6px;background:#f1f5f9;border-radius:4px;text-align:center;font-weight:500}.upcoming-events{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014}.upcoming-events h3{font-size:1.3rem;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:8px}.events-list{display:flex;flex-direction:column;gap:16px}.upcoming-event{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6;transition:all .3s ease}.upcoming-event:hover{background:#f1f5f9;transform:translate(4px)}.event-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.event-details h4{font-size:1rem;color:#1e293b;margin-bottom:8px;font-weight:600}.event-details p{font-size:.85rem;color:#64748b;margin:4px 0;display:flex;align-items:center;gap:6px}.event-calendar{font-weight:500;color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{font-size:1.5rem;color:#1e293b;margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#334155}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fff}.btn-secondary{background:#f3f4f6;border:none;color:#6b7280;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#3b82f6;border:none;color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}@media(max-width:1200px){.multiple-calendars{padding:15px}.calendar-grid{gap:0}.calendar-day{min-height:80px;padding:6px}}@media(max-width:768px){.header-content{flex-direction:column;gap:20px;text-align:center}.view-controls{flex-direction:column;gap:20px}.calendar-filters{flex-direction:column;gap:16px;align-items:stretch}.form-row{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{min-height:60px;padding:4px}.event-item{font-size:.7rem}.day-number{font-size:.8rem}}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:1.1rem}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state h3{font-size:1.5rem;margin-bottom:12px;color:#475569}.empty-state p{font-size:1rem;margin-bottom:24px}.calendar-day{animation:fadeIn .3s ease}.event-item{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.upcoming-events::-webkit-scrollbar,.modal::-webkit-scrollbar{width:6px}.upcoming-events::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.upcoming-events::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.upcoming-events::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;margin:auto;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.modal-overlay{padding:10px}.modal{width:100%;max-width:95vw;margin:0}}.modal-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;align-items:center;width:100%}.modal-footer .btn-secondary,.modal-footer .btn-primary{display:flex;align-items:center;gap:8px;white-space:nowrap}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.form-group{width:100%}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:12px}.modal-footer{flex-direction:column;gap:8px}.modal-footer .btn-secondary,.modal-footer .btn-primary{width:100%;justify-content:center}}.modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease;margin:auto;position:relative;display:flex;flex-direction:column}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-shrink:0;background:#f8fafc}.form-group{margin-bottom:20px;width:100%}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;border:none;font-size:.95rem;white-space:nowrap;min-width:120px;justify-content:center}.btn-secondary{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;color:#4b5563}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.modal{margin:10px;max-height:calc(100vh - 20px)}.form-row{grid-template-columns:1fr;gap:12px}.modal-footer{flex-direction:column;gap:8px}.btn-secondary,.btn-primary{width:100%;min-width:auto}}.calendar-legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-legend-header h3{font-size:16px;font-weight:600;color:#334155;margin:0}.manage-calendars-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.manage-calendars-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.calendar-type-modal{max-width:600px;max-height:85vh;overflow-y:auto}.color-picker-container{display:flex;gap:12px;align-items:center}.color-input{width:60px;height:45px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:4px}.color-text-input{flex:1;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Courier New,monospace;transition:all .3s ease}.color-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.existing-calendar-types{margin-top:30px;padding-top:25px;border-top:2px solid #e2e8f0}.existing-calendar-types h3{font-size:16px;font-weight:600;color:#334155;margin-bottom:15px}.calendar-types-list{display:flex;flex-direction:column;gap:10px}.calendar-type-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s ease}.calendar-type-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.calendar-type-info{display:flex;align-items:center;gap:12px}.calendar-color-box{width:24px;height:24px;border-radius:6px;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.calendar-type-name{font-size:14px;font-weight:500;color:#334155}.default-badge{padding:3px 8px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.calendar-type-actions{display:flex;gap:8px}.btn-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;color:#64748b;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.btn-icon-small:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.btn-icon-small.danger:hover{background:#ef4444;box-shadow:0 4px 8px #ef44444d}@media(max-width:768px){.calendar-legend-header{flex-direction:column;gap:10px;align-items:flex-start}.manage-calendars-btn{width:100%;justify-content:center}.calendar-type-modal{max-width:95%;margin:10px}.color-picker-container{flex-direction:column;align-items:stretch}.color-input{width:100%}}.reminders-page{padding:0;margin:0;background:#f8fafc;min-height:100vh;width:100%}.reminders-header{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:32px;border-radius:0;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000000d;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:20px;color:#0a0a0a}.header-icon{width:56px;height:56px;background:#0000000d;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.header-left h1{font-size:32px;font-weight:700;margin:0 0 4px;color:#0a0a0a}.header-left p{font-size:15px;margin:0;color:#64748b}.header-actions{display:flex;gap:12px}.btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none;outline:none}.btn-primary{background:#fff;color:#0a0a0a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.tabs-container{display:flex;justify-content:space-between;align-items:center;padding:0 32px;margin-bottom:24px}.tabs{display:flex;gap:8px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.tab{padding:12px 24px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;color:#64748b;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab.active{background:linear-gradient(135deg,#0a0a0a,#252525);color:#fff;box-shadow:0 4px 12px #667eea4d}.tab:hover:not(.active){background:#f1f5f9;color:#334155}.filter-section{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 2px 8px #0000000d}.filter-section label{font-weight:600;color:#475569;font-size:14px}.filter-section select{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:14px;cursor:pointer;outline:none;transition:all .3s ease}.filter-section select:hover{border-color:#cbd5e1}.filter-section select:focus{border-color:#0a0a0a}.view-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px}.btn-toggle{padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-toggle.active{background:#fff;color:#0a0a0a;box-shadow:0 2px 4px #0000001a}.btn-toggle:hover:not(.active){color:#334155;background:#0000000d}.content-section{padding:0 32px 32px}.table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.data-table th{padding:16px;text-align:left;font-weight:700;color:#475569;text-transform:uppercase;font-size:12px;letter-spacing:.5px;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr.unread{background:#fef3c7}.data-table tbody tr.unread:hover{background:#fde68a}.data-table tbody tr.highlighted-row{background:linear-gradient(90deg,#eff6ff,#fff)!important;border-left:4px solid #3b82f6;position:relative}.data-table tbody tr.highlighted-row:after{content:"Next UP";position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr.highlighted-row td{color:#1e3a8a}.data-table td{padding:16px;color:#334155;vertical-align:middle}.data-table td.description{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.cell-content{display:flex;align-items:center;gap:8px;color:#64748b}.cell-content svg{width:16px;height:16px}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize}.badge.priority{color:#fff}.badge.category{background:#e0e7ff;color:#4f46e5}.badge.status{background:#dbeafe;color:#1e40af}.badge.status.active{background:#d1fae5;color:#065f46}.badge.status.paused{background:#fee2e2;color:#991b1b}.badge.read{background:#e5e7eb;color:#6b7280}.badge.unread{background:#3b82f6;color:#fff}.action-buttons{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#f3f4f6;color:#6b7280}.icon-btn:hover{transform:scale(1.1)}.icon-btn.active{background:#ef4444;color:#fff}.icon-btn.active:hover{background:#dc2626}.icon-btn.paused{background:#10b981;color:#fff}.icon-btn.paused:hover{background:#059669}.icon-btn.delete:hover{background:#ef4444;color:#fff}.type-icon{width:20px;height:20px}.type-icon.success{color:#10b981}.type-icon.warning{color:#f59e0b}.type-icon.error{color:#ef4444}.type-icon.info{color:#3b82f6}.empty-state{text-align:center;padding:80px 40px;color:#94a3b8}.empty-state svg{font-size:64px;margin-bottom:20px;opacity:.4}.empty-state h3{font-size:20px;color:#64748b;margin-bottom:8px}.empty-state p{font-size:15px;color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:22px;color:#1e293b;margin:0;font-weight:700}.close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:8px;font-size:24px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#e2e8f0;color:#334155}.modal-body{padding:24px}.modal-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff;box-sizing:border-box;font-family:inherit;color:#1e293b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1200px){.data-table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:768px){.page-header{flex-direction:column;gap:20px;padding:24px}.header-left{flex-direction:column;text-align:center}.header-left h1{font-size:24px}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.tabs-container{flex-direction:column;gap:16px;padding:0 16px}.tabs{width:100%;flex-direction:column}.tab{width:100%;justify-content:center}.content-section{padding:0 16px 16px}.form-row{grid-template-columns:1fr}.modal{width:95%;margin:10px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.manage-finance-container{max-width:100%;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:30px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px 32px;border-radius:24px;box-shadow:0 10px 30px -10px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(255,255,255,.6)}.manage-finance-container h1{color:#1e293b!important;margin:0;font-size:26px;font-weight:800;flex-shrink:0;background:none!important;-webkit-text-fill-color:#1e293b!important;letter-spacing:-.5px}.date-filters{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.bank-filter-container{margin:0 0 20px;padding:15px 20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.filter-group label{font-weight:600;color:#1e293b;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.filter-group .filter-select{padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#2c3e50}.filter-group .filter-select:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000001a}.filter-group .filter-select:hover{border-color:#0a0a0a;transform:translateY(-1px)}.finance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000000f;text-align:center;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:visible;min-width:320px}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a);border-radius:20px 20px 0 0;z-index:1}.summary-card h3{margin:0 0 15px;color:#6c757d;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-card .amount{font-size:2rem;font-weight:800;margin-bottom:10px;color:#1e293b!important;position:relative;z-index:2;display:block;width:100%}.summary-card .amount.negative{color:#dc3545}.summary-card small{color:#6c757d;font-size:.9rem}.total-balance,.upcoming-expenses,.remaining-balance{border-left:4px solid #0A0A0A}.finance-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.section-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.header-controls{display:flex;align-items:center;gap:20px}.bank-filter{display:flex;align-items:center;gap:10px}.bank-filter label{font-weight:500;color:#495057;font-size:.9rem;white-space:nowrap}.bank-grid{display:grid;gap:15px}.bank-card{background:linear-gradient(135deg,#0a0a0a,#252525);border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 8px #00000026;transition:transform .3s ease}.bank-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.bank-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.bank-header h4{margin:0;font-size:1.2rem;font-weight:600}.bank-name{font-size:.9rem;opacity:.9;font-weight:500}.bank-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.account-info{display:flex;flex-direction:column;gap:5px}.account-info span{font-size:.85rem;opacity:.9}.account-type{font-size:.8rem!important;opacity:.7!important}.balance{font-size:1.8rem;font-weight:700;text-align:right}.bank-expenses{border-top:1px solid rgba(255,255,255,.3);padding-top:15px;margin-top:15px}.expenses-header{margin-bottom:12px}.expenses-header span{font-size:.9rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.mini-expense{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:8px;padding:8px 10px;background:#ffffff26;border-radius:6px;transition:all .2s ease;position:relative}.mini-expense:hover{background:#ffffff40;transform:translate(3px)}.mini-expense.overdue{background:#dc35454d;border-left:3px solid #dc3545}.mini-expense.due-today{background:#ffc1074d;border-left:3px solid #ffc107}.mini-expense.due-soon{background:#17a2b84d;border-left:3px solid #17a2b8}.expense-info{display:flex;flex-direction:column;gap:2px;flex:1}.expense-title{font-weight:600;font-size:.85rem}.expense-date{font-size:.75rem;opacity:.8}.expense-amount{font-weight:700;font-size:.9rem;text-align:right;color:#fff}.status-indicator{margin-left:8px}.status{display:inline-block;width:16px;height:16px;border-radius:50%;text-align:center;line-height:16px;font-size:.7rem;font-weight:700;color:#fff}.status.overdue{background:#dc3545}.status.today{background:#ffc107;color:#212529}.status.soon{background:#17a2b8}.no-expenses{text-align:center;font-style:italic;opacity:.7;padding:10px;font-size:.8rem}.more-expenses{text-align:center;font-style:italic;opacity:.8;margin-top:8px;font-size:.8rem;padding:5px;background:#ffffff1a;border-radius:4px}.expense-stats{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat span:first-child{font-size:.85rem;color:#6c757d;font-weight:500}.count{font-size:1.5rem;font-weight:700;padding:5px 10px;border-radius:20px;min-width:30px;text-align:center}.count.overdue{background:#dc3545;color:#fff}.count.today{background:#ffc107;color:#212529}.count.soon{background:#17a2b8;color:#fff}.expenses-list{max-height:600px;overflow-y:auto;padding-right:10px}.expense-item{border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:15px;background:#fff;transition:all .3s ease}.expense-item:hover{box-shadow:0 4px 8px #0000001a}.expense-item.overdue{border-color:#dc3545;background:#fff5f5}.expense-item.due-today{border-color:#ffc107;background:#fffbf0}.expense-item.due-soon{border-color:#17a2b8;background:#f0fcff}.expense-item.inactive{opacity:.6;background:#f8f9fa}.expense-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:15px}.expense-info h4{margin:0 0 5px;color:#2c3e50;font-size:1.1rem}.expense-info p{margin:0 0 10px;color:#6c757d;font-size:.9rem}.expense-meta{display:flex;gap:10px}.category,.frequency{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category{background:#e3f2fd;color:#1976d2}.frequency{background:#f3e5f5;color:#7b1fa2}.expense-details{text-align:center}.expense-details .amount{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.expense-details .due-date{font-size:.9rem;color:#6c757d;margin-bottom:5px}.expense-details .bank-info{font-size:.8rem;color:#495057;font-weight:500}.expense-status{text-align:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:5px;display:inline-block}.status-badge.overdue{background:#dc3545;color:#fff}.status-badge.today{background:#ffc107;color:#212529}.status-badge.soon{background:#17a2b8;color:#fff}.days-info{font-size:.8rem;color:#6c757d}.expense-actions{display:flex;gap:10px;justify-content:center;padding-top:15px;border-top:1px solid #e9ecef}.toggle-btn,.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.toggle-btn.active{background:#28a745;color:#fff}.toggle-btn.inactive{background:#6c757d;color:#fff}.add-btn{padding:12px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#f8f9fa;padding:20px 30px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#2c3e50;font-size:1.3rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:30px}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;font-weight:500;color:#495057;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{padding:20px 30px;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:15px;justify-content:flex-end;border-radius:0 0 12px 12px}.save-btn{padding:12px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.cancel-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px;background:#f8f9fa;border-radius:8px;margin:20px 0}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.2rem;color:#6c757d}.cash-flow-analysis.standalone{width:100%;margin-bottom:30px}.cash-flow-analysis{margin-bottom:20px}.analysis-summary{display:flex;align-items:center;gap:15px}.critical-badge{background:#dc3545;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.success-badge{background:#28a745;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.cashflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.cashflow-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.cashflow-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.cashflow-card.healthy{border-color:#28a745;background:linear-gradient(135deg,#f8fff8,#fff)}.cashflow-card.warning{border-color:#ffc107;background:linear-gradient(135deg,#fffef5,#fff)}.cashflow-card.critical{border-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#fff)}.cashflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.cashflow-header h4{margin:0;font-size:1.1rem;color:#2c3e50;font-weight:600}.cashflow-header .bank-name{font-size:.85rem;color:#6c757d;font-weight:500;margin-top:3px;display:block}.health-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff}.health-indicator.healthy{background:#28a745}.health-indicator.warning{background:#ffc107;color:#212529}.health-indicator.critical{background:#dc3545}.cashflow-details{display:flex;flex-direction:column;gap:12px}.cf-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.cf-row.main{margin-top:10px;padding-top:12px;font-size:1.05rem}.cf-row .label{color:#6c757d;font-weight:500}.cf-row .label.strong{color:#2c3e50;font-weight:700}.cf-row .value{font-weight:600}.cf-row .value.balance{color:#2c3e50}.cf-row .value.expense{color:#dc3545}.cf-row .value.surplus{color:#28a745;font-weight:700;font-size:1.2rem}.cf-row .value.deficit{color:#dc3545;font-weight:700;font-size:1.2rem}.cf-divider{height:1px;background:#e9ecef;margin:5px 0}.deficit-warning{margin-top:15px;padding:12px;background:#dc3545;color:#fff;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500}.deficit-warning .warning-icon{font-size:1.2rem}.surplus-info{margin-top:15px;padding:12px;background:#28a745;color:#fff;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500}.surplus-info .success-icon{font-size:1.2rem}.transfer-suggestions.standalone{width:100%;margin-bottom:30px}.transfer-suggestions{margin-bottom:20px;background:linear-gradient(135deg,#fff9e6,#fff);border:2px solid #ffc107}.suggestion-count{background:#ffc107;color:#212529;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.suggestions-list{display:flex;flex-direction:column;gap:20px}.suggestion-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.suggestion-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.suggestion-card.priority-high{border-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#fff)}.suggestion-card.priority-medium{border-color:#ffc107;background:linear-gradient(135deg,#fffef5,#fff)}.suggestion-header{margin-bottom:20px}.priority-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.priority-badge.high{background:#dc3545;color:#fff}.priority-badge.medium{background:#ffc107;color:#212529}.transfer-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:20px}.transfer-from,.transfer-to{background:#f8f9fa;padding:15px;border-radius:10px;border:2px solid #e9ecef}.bank-label{font-size:.75rem;text-transform:uppercase;color:#6c757d;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.bank-info{display:flex;flex-direction:column;gap:4px}.bank-info strong{color:#2c3e50;font-size:1rem}.bank-info small{color:#6c757d;font-size:.85rem;display:block}.bank-info .balance{color:#28a745;font-weight:600}.bank-info .deficit{color:#dc3545;font-weight:600}.transfer-arrow{display:flex;flex-direction:column;align-items:center;gap:8px}.arrow-line{background:linear-gradient(90deg,#667eea,#764ba2);padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #667eea4d}.arrow-amount{color:#fff;font-weight:700;font-size:1.1rem;white-space:nowrap}.arrow-icon{font-size:2rem;color:#667eea;font-weight:700}.suggestion-reason{background:#f8f9fa;padding:12px 16px;border-radius:8px;border-left:4px solid #667eea;font-size:.9rem;color:#495057;line-height:1.5}@media(max-width:1200px){.finance-content{grid-template-columns:1fr}}@media(max-width:768px){.manage-finance-container{padding:15px}.page-header{flex-direction:column;align-items:stretch;gap:20px}.manage-finance-container h1{font-size:2rem;text-align:center}.date-filters{justify-content:center;gap:15px}.bank-filter-container{margin-bottom:15px;padding:12px 15px}.filter-group{min-width:120px;flex:1}.finance-summary{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.header-controls{flex-direction:column;align-items:stretch;gap:15px;width:100%}.bank-filter{flex-direction:column;align-items:flex-start;gap:8px}.filter-select{min-width:100%;width:100%}.expense-main{grid-template-columns:1fr;gap:15px}.expense-stats{flex-direction:column;gap:10px}.form-grid{grid-template-columns:1fr;padding:20px}.modal{max-width:95vw;margin:10px}}@media(max-width:480px){.summary-card .amount{font-size:1.8rem}.bank-card{padding:15px}.balance{font-size:1.5rem}.expense-actions{flex-direction:column}}.income-expenses-container{padding:1.5rem;max-width:80rem;margin:0 auto;background-color:#f9fafb;min-height:100vh}.income-expenses-header{margin-bottom:1.5rem;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px 32px;border-radius:24px;box-shadow:0 10px 30px -10px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(255,255,255,.6)}.income-expenses-header h1{font-size:26px;font-weight:800;color:#1e293b;margin:0 0 8px;letter-spacing:-.5px}.income-expenses-header p{color:#64748b;font-size:14px;margin:0}.summary-cards-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}}.summary-card{border-radius:20px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 5px 20px #0000000f}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.summary-card.income-card{--gradient-start: #10b981;--gradient-end: #059669}.summary-card.expense-card{--gradient-start: #ef4444;--gradient-end: #dc2626}.summary-card.balance-card.positive{--gradient-start: #0A0A0A;--gradient-end: #252525}.summary-card.balance-card.negative{--gradient-start: #f59e0b;--gradient-end: #d97706}.summary-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.summary-card-content{display:flex;align-items:center;justify-content:space-between}.summary-card-info h3{font-size:.875rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.summary-card-amount{font-size:1.5rem;font-weight:700;line-height:1}.summary-card-icon{width:2rem;height:2rem;opacity:.8}.filters-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filters-header{display:flex;align-items:center;margin-bottom:1rem}.filters-header h3{font-size:.875rem;font-weight:500;color:#111827}.filters-icon{width:1.25rem;height:1.25rem;color:#6b7280;margin-right:.5rem}.filters-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:768px){.filters-grid{grid-template-columns:repeat(4,1fr)}}.form-control{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;background-color:#fff}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-control::placeholder{color:#9ca3af}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.btn-primary{display:flex;align-items:center;padding:12px 24px;background:#0a0a0a;color:#fff;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:14px;box-shadow:0 4px 12px #0000001a}.btn-primary:hover{background:#252525;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-primary:active{transform:translateY(0)}.btn-icon{width:1rem;height:1rem;margin-right:.5rem}.records-count{font-size:.875rem;color:#6b7280}.records-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.loading-state,.empty-state{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem}.records-table{width:100%;border-collapse:collapse}.records-table thead{background:#0a0a0a}.records-table th{padding:18px 16px;text-align:left;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333}.records-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.records-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01);transition:all .2s ease}.records-table tbody tr:last-child{border-bottom:none}.records-table td{padding:.75rem 1rem;font-size:.875rem;color:#111827}.type-badge{display:inline-flex;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:capitalize}.type-badge.income{background-color:#dcfce7;color:#166534}.type-badge.expense{background-color:#fee2e2;color:#991b1b}.amount-income{color:#16a34a;font-weight:500}.amount-expense{color:#dc2626;font-weight:500}.tags-container{display:flex;flex-wrap:wrap;gap:.25rem}.tag-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;background-color:#f3f4f6;color:#374151;border-radius:.25rem}.tag-icon{width:.75rem;height:.75rem;margin-right:.25rem}.actions-cell{display:flex;align-items:center;gap:.5rem}.recurring-icon{width:1rem;height:1rem;color:#3b82f6}.action-btn{padding:.25rem;border:none;background:none;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.action-btn:hover{background-color:#f3f4f6}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{color:#1d4ed8}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{color:#dc2626}.action-btn svg{width:1rem;height:1rem}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem}.pagination-btn{padding:.25rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-container{background-color:#fff;border-radius:.5rem;max-width:42rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:700;color:#111827}.modal-body{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:2.5rem}.form-checkbox-group{display:flex;align-items:center;gap:1rem}.form-checkbox-label{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.form-checkbox{width:1rem;height:1rem;margin-right:.5rem;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer}.form-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-secondary{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit{padding:12px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 4px 12px #0000001a}.btn-submit:hover{background:#252525;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}@media(max-width:640px){.income-expenses-container{padding:1rem}.summary-cards-grid,.filters-grid{grid-template-columns:1fr}.actions-bar{flex-direction:column;align-items:stretch}.table-wrapper{margin:0 -1rem;padding:0 1rem}.records-table{font-size:.75rem}.records-table th,.records-table td{padding:.5rem}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:.5rem}.modal-container{max-height:95vh}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-card{animation:fadeIn .3s ease-out}.summary-card:nth-child(1){animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.records-table-container::-webkit-scrollbar{width:6px;height:6px}.records-table-container::-webkit-scrollbar-track{background:#f1f1f1}.records-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.records-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f1f1f1}.modal-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.daily-transaction-container{width:100%;min-height:100%;padding:20px;background-color:#fff;box-sizing:border-box}.daily-transaction-container h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.section-header h2{margin:0}.add-btn{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.add-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.data-table th{background:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.data-table td{padding:14px 12px;border-bottom:1px solid #f1f3f4;vertical-align:top;color:#333}.data-table tr:hover{background:#f8f9fa}.edit-btn,.delete-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:8px;transition:all .2s ease}.cheque-form-grid,.cash-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px;overflow-y:auto}.form-group{display:flex;flex-direction:column}.save-btn{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500}.save-btn:hover{background:#0056b3}.monitoring-container{width:100%;min-height:100%;padding:20px;background-color:#fff;box-sizing:border-box}.monitoring-container h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px 24px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.6)}.section-header h2{margin:0;color:#1e293b;font-size:22px;font-weight:700;letter-spacing:-.5px}.add-btn{padding:12px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000001a}.add-btn:hover{background:#252525;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.table-container{width:100%;overflow-x:auto;border-radius:8px;margin-top:20px}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}.data-table th{background:#0a0a0a;padding:18px 16px;text-align:left;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;white-space:nowrap;font-size:13px}.data-table td{padding:16px;font-size:14px;color:#1e293b;font-weight:500;border-bottom:1px solid #f1f5f9;vertical-align:top}.data-table tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01);transition:all .2s ease}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px!important;background:#f8f9fa!important;border-radius:8px}.edit-btn,.delete-btn,.view-details-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:8px;transition:all .2s ease}.edit-btn{background:#ffc107;color:#212529}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.view-details-btn{background:#17a2b8;color:#fff;margin-top:auto}.view-details-btn:hover{background:#138496}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;box-shadow:0 4px 25px #0003;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{background:#f8f9fa;padding:20px 30px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.5rem;color:#2c3e50}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#6c757d}.milestone-form-grid,.target-form{padding:30px;overflow-y:auto}.milestone-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{margin-bottom:8px;font-weight:500;color:#495057}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid #e9ecef;border-radius:6px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.modal-actions{padding:20px 30px;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:15px;justify-content:flex-end}.save-btn{padding:12px 24px;background:#0a0a0a;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.save-btn:hover{background:#252525;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cancel-btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500}.cancel-btn:hover{background:#545b62}.status-badge{padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.status-badge.planning{background:#e3f2fd;color:#1565c0}.status-badge.in-progress{background:#fff3e0;color:#e65100}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.status-badge.on-hold{background:#fff8e1;color:#f57c00}.status-badge.cancelled{background:#ffebee;color:#c62828}.priority-badge{padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.priority-badge.low{background:#e8f5e8;color:#388e3c}.priority-badge.medium{background:#fff3e0;color:#f57c00}.priority-badge.high{background:#fff8e1;color:#f9a825}.priority-badge.critical{background:#ffebee;color:#d32f2f}.progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background-color:#28a745;transition:width .3s ease}.progress-bar span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;color:#333}.targets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:20px}.target-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 5px 20px #0000000f;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.target-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a)}.target-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.target-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.target-card-header h3{margin:0;font-size:1.25rem;color:#2c3e50}.target-actions{display:flex;gap:10px}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px}.icon-btn:hover{background:#f1f3f5}.target-amount{margin-bottom:20px}.total-target{display:flex;justify-content:space-between;margin-bottom:10px}.progress-text{display:flex;justify-content:space-between;font-size:.85rem;color:#6c757d;margin-top:5px}.target-details{border-top:1px solid #eee;padding-top:15px;margin-bottom:15px}.detail-section{margin-bottom:15px}.detail-header h4{margin:0 0 10px;font-size:1rem;color:#495057}.items-list{list-style:none;padding:0;margin:0}.item-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.item-row input{flex:1}.item-name{flex:1;font-size:.9rem}.item-amount{font-weight:600;font-size:.9rem}.summary-section{background:#f8f9fa;padding:15px;border-radius:8px;margin-top:20px}.summary-section h4{margin-top:0;margin-bottom:10px;color:#2c3e50}.summary-section p{margin:5px 0;font-size:.95rem;display:flex;justify-content:space-between}.no-targets{text-align:center;padding:60px;background:#f8f9fa;border-radius:12px}.add-target-btn{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;margin-top:20px}.add-target-btn.floating{position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0003;z-index:100}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#6c757d}.tabs-container{margin:25px 0;border-bottom:2px solid #e9ecef}.tabs{display:flex;gap:10px}.tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6c757d;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;bottom:-2px}.tab svg{stroke-width:2}.tab:hover{color:#495057;background:#f8f9fa}.tab.active{color:#0a0a0a;border-bottom-color:#0a0a0a;background:linear-gradient(to bottom,rgba(10,10,10,.05),transparent)}.roadmap-map-container{position:relative;padding:40px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;margin-top:20px;box-shadow:0 10px 40px #00000014}.journey-header{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;margin-bottom:40px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.05)}.journey-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a)}.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#252525);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000026}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.in-progress{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.planning{background:linear-gradient(135deg,#0a0a0a,#252525)}.stat-icon svg{stroke-width:2.5}.stat-info h4{margin:0 0 4px;font-size:2rem;font-weight:800;color:#1e293b;letter-spacing:-.5px}.stat-info p{margin:0;font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.map-canvas{position:relative;min-height:300px;background:transparent;padding:60px 40px;overflow-x:auto;overflow-y:visible}.journey-path{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);z-index:1;pointer-events:none}.timeline-track{position:absolute;top:50%;left:80px;right:80px;height:8px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:10px;transform:translateY(-50%);box-shadow:inset 0 2px 4px #0000001a}.timeline-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #10b98166}.map-milestone{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10;cursor:pointer;animation:fadeInScale .6s ease-out backwards}.map-milestone:nth-child(1){animation-delay:.1s}.map-milestone:nth-child(2){animation-delay:.2s}.map-milestone:nth-child(3){animation-delay:.3s}.map-milestone:nth-child(4){animation-delay:.4s}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.milestone-pin{position:relative;width:80px;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1)}.milestone-pin:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%);border-radius:50%;filter:blur(8px)}.milestone-pin-inner{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;border:4px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#64748b;box-shadow:0 8px 24px #0000001f;transition:all .3s ease}.map-milestone.completed .milestone-pin-inner{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 8px 24px #10b98166}.map-milestone.current .milestone-pin-inner{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff;box-shadow:0 8px 24px #f59e0b66;animation:pulse 2s infinite}.map-milestone.pending .milestone-pin-inner{opacity:.6}.map-milestone:hover .milestone-pin-inner{transform:scale(1.15);box-shadow:0 12px 32px #0003}@keyframes pulse{0%,to{box-shadow:0 8px 24px #f59e0b66}50%{box-shadow:0 8px 32px #f59e0bb3}}.current-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid #f59e0b;animation:pulseRing 2s infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.milestone-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:16px;background:#fff;padding:8px 16px;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-weight:600;font-size:.875rem;color:#1e293b;white-space:nowrap;z-index:5;pointer-events:none;transition:all .3s ease;border:1px solid #e2e8f0}.map-milestone:hover .milestone-label{transform:translate(-50%) translateY(-4px);box-shadow:0 8px 20px #00000026;border-color:#0a0a0a}.milestone-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-20px) scale(0);margin-bottom:20px;background:#fff;border-radius:16px;padding:20px;min-width:280px;max-width:320px;box-shadow:0 20px 60px #0003;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;border:1px solid #e2e8f0}.milestone-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#fff}.map-milestone:hover .milestone-tooltip{transform:translate(-50%) translateY(-20px) scale(1);opacity:1;pointer-events:all}.tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.tooltip-header h4{margin:0;font-size:1.125rem;color:#1e293b;font-weight:700;flex:1}.mini-badge{padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.mini-badge.completed{background:#d1fae5;color:#065f46}.mini-badge.in-progress{background:#fed7aa;color:#9a3412}.mini-badge.planning{background:#f1f5f9;color:#475569}.tooltip-description{font-size:.875rem;color:#64748b;line-height:1.6;margin:0 0 16px}.tooltip-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9;font-size:.8125rem;color:#64748b}.tooltip-date,.tooltip-assignee{display:flex;align-items:center;gap:6px;font-weight:500}.tooltip-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mini-progress-bar{flex:1;height:10px;background:#f1f5f9;border-radius:6px;overflow:hidden;position:relative}.mini-progress-fill{height:100%;border-radius:6px;transition:width .6s ease;position:relative;overflow:hidden}.mini-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:.8125rem;font-weight:700;color:#1e293b;min-width:40px;text-align:right}.tooltip-edit-btn{width:100%;padding:10px 16px;background:#0a0a0a;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.tooltip-edit-btn:hover{background:#252525;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.roadmap-empty{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:24px;margin-top:20px;box-shadow:0 4px 20px #0000000f}.empty-state{text-align:center;color:#64748b;padding:40px}.empty-state svg{width:120px;height:120px;stroke-width:1.5;margin-bottom:24px;opacity:.4}.empty-state h3{font-size:1.5rem;margin:0 0 12px;color:#1e293b;font-weight:700}.empty-state p{font-size:1rem;margin:0;color:#64748b}@media(max-width:768px){.journey-stats{grid-template-columns:1fr}.map-canvas{padding:40px 20px;overflow-x:scroll}.milestone-tooltip{min-width:240px;max-width:280px}.tabs{flex-direction:column}.tab{width:100%;justify-content:center}}.budget-plan-setup{padding:2rem}.setup-header{text-align:center;margin-bottom:3rem}.setup-header h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#0a0a0a,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.setup-header p{color:#666;font-size:1.1rem}.budget-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.budget-plan-card{background:#fffffff2;border-radius:16px;padding:1.5rem;border:2px solid transparent;box-shadow:0 4px 15px #00000014;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.budget-plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.budget-plan-card.selected{border-color:#0a0a0a;box-shadow:0 8px 25px #0003}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.plan-header h3{font-size:1.1rem;font-weight:600;color:#0a0a0a}.check-icon{background:#10b981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.plan-allocations{margin-bottom:1rem}.allocation-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem}.allocation-label{color:#555}.allocation-value{font-weight:600;color:#0a0a0a}.plan-categories{font-size:.85rem;color:#666;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.plan-categories small{display:block;margin-bottom:.5rem;font-weight:600;color:#888}.category-group{margin:.5rem 0}.category-group strong{text-transform:capitalize;color:#0a0a0a}.category-group ul{margin:.25rem 0 0 1rem;list-style:disc}.category-group li{font-size:.8rem;color:#666}.income-form-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 15px #00000014}.income-form-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#0a0a0a}.income-input-group{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.input-prefix{font-size:1.5rem;font-weight:600;color:#0a0a0a}.income-input{width:300px;max-width:100%;padding:.75rem 1rem;font-size:1.1rem;border:2px solid #dee2e6;border-radius:12px;background:#fff!important;color:#0a0a0a!important;transition:all .3s ease}.income-input:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a1a}.save-budget-btn{background:linear-gradient(135deg,#0a0a0a,#333);color:#fff;padding:.875rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.save-budget-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.save-budget-btn:disabled{opacity:.5;cursor:not-allowed}.budget-analysis-dashboard{padding:2rem}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.budget-header-left h2{font-size:1.75rem;font-weight:700;color:#0a0a0a;margin-bottom:.25rem}.income-display{font-size:1.1rem;color:#666}.change-plan-btn{padding:.625rem 1.5rem;background:#fff;color:#0a0a0a;border:2px solid #0A0A0A;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.change-plan-btn:hover{background:#0a0a0a;color:#fff}.budget-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;align-items:center;gap:1rem}.card-icon{font-size:2.5rem}.card-content h4{font-size:.85rem;font-weight:600;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:1.75rem;font-weight:700;color:#0a0a0a}.card-value.positive{color:#10b981}.card-value.negative{color:#ef4444}.category-breakdown{margin-bottom:3rem}.category-breakdown h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#0a0a0a}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.category-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px #00000014}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-header h4{font-size:1.1rem;font-weight:600;color:#0a0a0a}.category-status{font-size:.85rem;font-weight:600}.category-amounts{margin-bottom:1rem}.amount-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem}.amount-row span{color:#666}.amount-row strong{color:#0a0a0a}.amount-row strong.positive{color:#10b981}.amount-row strong.negative{color:#ef4444}.progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:10px;transition:width .3s ease}.progress-label{text-align:center;font-size:.85rem;color:#666;font-weight:600}.suggestions-panel{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem}.suggestions-panel h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#0a0a0a}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-item{display:flex;gap:1rem;padding:1rem;border-radius:12px;border:2px solid transparent}.suggestion-item.warning{background:#fef2f2;border-color:#ef4444}.suggestion-item.caution{background:#fffbeb;border-color:#f59e0b}.suggestion-item.success{background:#f0fdf4;border-color:#10b981}.suggestion-item.alert{background:#fef2f2;border-color:#ef4444}.suggestion-icon{font-size:1.5rem}.suggestion-content{flex:1}.suggestion-message{font-weight:600;color:#0a0a0a;margin-bottom:.5rem}.suggestion-recommendation{font-size:.95rem;color:#666}.expense-summary{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014}.expense-summary h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#0a0a0a}.summary-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-item span{color:#666;font-size:.9rem}.stat-item strong{font-size:1.5rem;color:#0a0a0a}.targets-life-container{padding:2rem;background:#f8f9fa;min-height:100vh}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a}.page-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0}.add-btn-premium{padding:.875rem 2rem;background:#0a0a0a;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.add-btn-premium:hover{background:#252525;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-icon{font-size:1.25rem;font-weight:700}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-premium{background:#fff;border-radius:24px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-premium{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:2px solid #f0f0f0}.modal-header-premium h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.close-btn-premium{width:40px;height:40px;border:none;background:#f5f5f5;border-radius:50%;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#666}.close-btn-premium:hover{background:#e0e0e0;transform:rotate(90deg);color:#333}.target-form-premium{padding:2.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group-premium{display:flex;flex-direction:column}.form-group-premium.full-width{grid-column:1 / -1}.form-group-premium label{font-size:.875rem;font-weight:600;color:#333;margin-bottom:.5rem}.required{color:#e53e3e;margin-left:2px}.form-input,.form-select{padding:.875rem 1.25rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 4px #0000001a}.form-select{cursor:pointer}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:1.25rem;font-size:1rem;font-weight:600;color:#666;pointer-events:none}.form-input.with-prefix{padding-left:2.5rem}.modal-actions-premium{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.save-btn-premium{padding:.875rem 2.5rem;background:#0a0a0a;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.save-btn-premium:hover{background:#252525;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.cancel-btn-premium{padding:.875rem 2.5rem;background:#f5f5f5;color:#666;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn-premium:hover{background:#e0e0e0;color:#333}.tabs-container{margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.5rem;box-shadow:0 8px 32px #0000001a}.tabs{display:flex;gap:.5rem}.tab{flex:1;padding:1rem 2rem;background:transparent;color:#666;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.tab:hover{background:#0000000d;color:#333}.tab.active{background:#0a0a0a;color:#fff;box-shadow:0 4px 15px #0003}.targets-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a}.table-wrapper{overflow-x:auto}.targets-table-premium{width:100%;border-collapse:separate;border-spacing:0}.targets-table-premium thead{background:#0a0a0a}.targets-table-premium th{padding:1.25rem 1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap}.targets-table-premium th:first-child{border-top-left-radius:12px}.targets-table-premium th:last-child{border-top-right-radius:12px}.targets-table-premium th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.targets-table-premium th.sortable:hover{background:#ffffff1a}.targets-table-premium tbody tr{transition:all .3s ease}.targets-table-premium tbody tr:hover{background:#0000000a!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.targets-table-premium tbody tr:nth-child(2n){background:#00000005}.targets-table-premium tbody tr:nth-child(2n):hover{background:#0000000f!important}.targets-table-premium td{padding:1.25rem 1rem;border-bottom:1px solid #f0f0f0;font-size:.95rem}.specific-goal{font-weight:600;color:#333}.cost-cell{font-weight:700;color:#10b981}.investment-cell{max-width:250px;color:#666}.goal-type-badge,.risk-badge{padding:.375rem .875rem;border-radius:20px;font-size:.813rem;font-weight:600;display:inline-block;white-space:nowrap}.goal-type-badge.short-term{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.goal-type-badge.medium-term{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.goal-type-badge.long-term{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.risk-badge.very-low{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#065f46}.risk-badge.low{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e40af}.risk-badge.low-medium,.risk-badge.lomedium{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6}.risk-badge.medium{background:linear-gradient(135deg,#fde68a,#fcd34d);color:#92400e}.risk-badge.medium-high,.risk-badge.mediumhigh{background:linear-gradient(135deg,#fdba74,#fb923c);color:#7c2d12}.risk-badge.high{background:linear-gradient(135deg,#fca5a5,#f87171);color:#7f1d1d}.actions-cell{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn.edit{background:#eff6ff}.action-btn.edit:hover{background:#dbeafe;transform:translateY(-2px)}.action-btn.delete{background:#fef2f2}.action-btn.delete:hover{background:#fee2e2;transform:translateY(-2px)}.no-targets-premium{text-align:center;padding:4rem 2rem}.empty-state{max-width:500px;margin:0 auto}.empty-state h3{font-size:2rem;margin-bottom:1rem;color:#333}.empty-state p{font-size:1.125rem;color:#666;margin-bottom:2rem}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;font-weight:600;color:#1e293b;background:#f8f9fa}@media(max-width:1024px){.form-grid{grid-template-columns:1fr}.targets-table-premium{font-size:.875rem}.targets-table-premium th,.targets-table-premium td{padding:1rem .75rem}}@media(max-width:768px){.targets-life-container{padding:1rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.page-title{font-size:1.75rem;text-align:center}.modal-premium{width:95%;max-height:95vh}.modal-header-premium,.target-form-premium{padding:1.5rem}.targets-table-container{padding:1rem}.table-wrapper{overflow-x:scroll}}.targets-table-premium::-webkit-scrollbar,.modal-premium::-webkit-scrollbar{height:8px;width:8px}.targets-table-premium::-webkit-scrollbar-track,.modal-premium::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.targets-table-premium::-webkit-scrollbar-thumb,.modal-premium::-webkit-scrollbar-thumb{background:#0a0a0a;border-radius:10px}.targets-table-premium::-webkit-scrollbar-thumb:hover,.modal-premium::-webkit-scrollbar-thumb:hover{background:#252525}.document-manager{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:20px}.doc-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.doc-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.doc-title-section{display:flex;align-items:center;gap:20px}.header-icon{font-size:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doc-title-section h1{margin:0;font-size:32px;font-weight:700}.doc-title-section p{margin:5px 0 0;color:#fff9;font-size:14px}.doc-header-actions{display:flex;gap:10px}.premium-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.premium-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.premium-btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#ffffff26;transform:translateY(-2px)}.breadcrumbs{display:flex;align-items:center;gap:8px;padding:15px 20px;background:#0003;border-radius:12px;flex-wrap:wrap}.breadcrumb-icon{color:#fff9}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-separator{color:#fff6}.breadcrumb-item button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.breadcrumb-item button:hover{background:#ffffff1a;color:#fff}.breadcrumb-item button.active{color:#6366f1;font-weight:600}.doc-content-full{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.1);overflow-y:auto;max-height:calc(100vh - 250px)}.content-area{width:100%}.folders-section{margin-bottom:40px}.section-title{font-size:14px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;padding-left:5px}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:20px}.folder-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.folder-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fbbf2480;box-shadow:0 10px 30px #0000004d}.folder-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fbbf241a;border-radius:16px;transition:all .3s ease}.folder-card:hover .folder-icon-wrapper{background:#fbbf2433;transform:scale(1.1)}.folder-icon-wrapper.personal{background:#6366f11a}.folder-icon-wrapper.personal .folder-icon-large{color:#6366f1}.folder-card:hover .folder-icon-wrapper.personal{background:#6366f133}.folder-icon-wrapper.add{background:#ffffff1a;border:2px dashed rgba(255,255,255,.2)}.folder-icon-wrapper.add .folder-icon-large{color:#ffffff80;font-size:32px}.folder-card.add-new:hover .folder-icon-wrapper.add{background:#ffffff26;border-color:#fff6}.folder-icon-large{font-size:48px;color:#fbbf24}.folder-card .folder-name{text-align:center;font-size:14px;font-weight:600;color:#fff;word-wrap:break-word;max-width:100%}.btn-create{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-weight:600}.btn-create:hover{background:#ffffff26}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fffc;font-size:14px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;color:#ffffff80;font-size:20px}.modal-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 15px;color:#fff;font-size:16px;outline:none;transition:all .2s ease}.modal-input:focus{border-color:#6366f1;background:#0006}.error-message{background:#ef444433;color:#ef4444;padding:10px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.documents-section{margin-top:20px}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);gap:20px;flex-wrap:wrap}.search-section{display:flex;gap:10px;flex:1}.search-box{display:flex;align-items:center;gap:10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 15px;flex:1;max-width:400px}.search-box input{background:none;border:none;color:#fff;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:#ffffff80}.filter-select{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 15px;color:#fff;outline:none;cursor:pointer}.filter-select option{background:#1a1a1a}.btn-search{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-search:hover{background:#ffffff26}.view-toggle{display:flex;gap:5px;background:#0000004d;border-radius:12px;padding:5px}.btn-toggle{background:none;border:none;color:#fff9;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-toggle:hover{color:#fff;background:#ffffff1a}.btn-toggle.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.document-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s ease;cursor:pointer}.document-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#6366f180}.card-preview{display:flex;justify-content:center;align-items:center;padding:30px;background:#0003;border-radius:12px;margin-bottom:15px}.file-icon{font-size:48px}.file-icon.pdf{color:#ef4444}.file-icon.image{color:#3b82f6}.file-icon.document{color:#10b981}.file-icon.spreadsheet{color:#14b8a6}.file-icon.default{color:#6b7280}.card-content h4{margin:0 0 10px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;gap:10px;font-size:12px;color:#fff9}.card-actions{display:flex;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.btn-action{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center}.btn-action:hover{background:#ffffff26}.btn-action.delete:hover{background:#ef44444d;border-color:#ef4444}.document-list{width:100%;overflow-x:auto}.document-table{width:100%;border-collapse:collapse}.document-table thead tr{background:#0000004d;border-bottom:2px solid rgba(255,255,255,.1)}.document-table th{padding:15px;text-align:left;font-weight:600;font-size:14px;color:#fffc}.document-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.document-table tbody tr:hover{background:#ffffff0d}.document-table td{padding:15px;font-size:14px}.name-cell{display:flex;align-items:center;gap:12px}.doc-name{cursor:pointer;transition:color .2s ease}.doc-name:hover{color:#6366f1}.file-type-badge{padding:4px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.file-type-badge.pdf{background:#ef444433;color:#ef4444}.file-type-badge.image{background:#3b82f633;color:#3b82f6}.file-type-badge.document{background:#10b98133;color:#10b981}.file-type-badge.spreadsheet{background:#14b8a633;color:#14b8a6}.file-type-badge.other{background:#6b728033;color:#6b7280}.actions-cell{display:flex;gap:8px}.btn-action-small{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-action-small:hover{background:#ffffff26}.btn-action-small.delete:hover{background:#ef44444d;border-color:#ef4444}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;color:#ffffff4d;margin-bottom:20px}.empty-state h3{margin:0 0 10px;font-size:24px}.empty-state p{color:#fff9;margin-bottom:20px;max-width:400px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:24px}.modal-header p{margin:5px 0 0;color:#fff9;font-size:14px}.btn-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:20px;display:flex;align-items:center}.btn-close:hover{background:#ef44444d}.modal-body{padding:30px;overflow-y:auto;flex:1}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.drop-zone{border:2px dashed rgba(255,255,255,.3);border-radius:16px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.drop-zone:hover,.drop-zone.active{border-color:#6366f1;background:#6366f11a}.drop-icon{font-size:48px;color:#6366f1;margin-bottom:20px}.drop-zone h3{margin:0 0 10px;font-size:20px}.drop-zone p{margin:0 0 10px;color:#fff9}.file-hint{font-size:12px;color:#ffffff80}.selected-files{margin-top:30px}.selected-files h4{margin:0 0 15px;font-size:16px}.files-list{max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:15px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:10px}.file-item .file-icon{font-size:24px;color:#6366f1}.file-info{flex:1;min-width:0}.file-name{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{display:block;font-size:12px;color:#fff9;margin-top:2px}.btn-remove{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#ef44444d}.upload-complete{color:#10b981;font-size:20px}.file-preview-modal{max-width:1200px;max-height:95vh}.preview-header-info h2{margin:0;font-size:20px}.preview-meta{display:flex;gap:10px;margin-top:5px;font-size:13px;color:#fff9}.preview-actions{display:flex;gap:10px}.preview-body{padding:0;min-height:400px}.preview-iframe{width:100%;height:600px;border:none;border-radius:12px}.preview-image{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto}.preview-not-available{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.preview-icon{font-size:64px;color:#ffffff4d;margin-bottom:20px}.preview-not-available h3{margin:0 0 10px;font-size:24px}.preview-not-available p{color:#fff9;margin-bottom:30px}@media(max-width:1024px){.folders-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.document-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.doc-toolbar{flex-direction:column;align-items:stretch}.search-section{flex-direction:column}.search-box{max-width:none}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.document-grid{grid-template-columns:1fr}.modal-content{max-width:100%}}.empty-actions{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;justify-content:center}.btn-empty-action{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:160px;border-radius:24px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-empty-action .action-icon-wrapper{font-size:32px;margin-bottom:12px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-empty-action span{font-size:16px;font-weight:600}.btn-empty-action.create{background:#fff;color:#1f2937;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-empty-action.create .action-icon-wrapper{background:#f3f4f6;color:#4b5563}.btn-empty-action.create:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-empty-action.create:hover .action-icon-wrapper{background:#e5e7eb;color:#111827;transform:scale(1.1)}.btn-empty-action.upload{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-empty-action.upload .action-icon-wrapper{background:#fff3;color:#fff}.btn-empty-action.upload:hover{transform:translateY(-5px);box-shadow:0 15px 30px #6366f166}.btn-empty-action.upload:hover .action-icon-wrapper{background:#ffffff4d;transform:scale(1.1)}.create-folder-modal .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #6366f14d!important}.create-folder-modal .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166!important}.create-folder-modal .btn-primary:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#818cf8,#a78bfa)!important}.admin-sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;box-shadow:5px 0 25px #00000008;z-index:1000;transition:all .4s cubic-bezier(.17,.84,.44,1)}.admin-sidebar-header{padding:30px 20px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;position:relative;box-shadow:0 10px 30px -5px #0000000d,0 5px 15px -3px #00000005,inset 0 0 0 1px #fff;z-index:10;margin:15px;border-radius:20px;border:1px solid rgba(255,255,255,.6);overflow:hidden}.admin-sidebar-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,#fff,#fff0 50%);opacity:.5;transform:rotate(30deg);pointer-events:none}.admin-header-content{position:relative;z-index:2}.admin-header-icon-wrapper{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.admin-header-icon{width:55px;height:55px;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #10b98140,inset 0 1px #ffffff4d;animation:iconFloat 3s ease-in-out infinite;transition:all .3s}.admin-header-icon:hover{transform:scale(1.05) rotate(-5deg);box-shadow:0 15px 40px #10b98159}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.admin-sidebar-header h2{font-size:1.5rem;font-weight:800;margin:0 0 .25rem;color:#0a0a0a;background:linear-gradient(135deg,#0a0a0a,#404040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;text-shadow:0 2px 10px rgba(16,185,129,.1)}.admin-sidebar-subtitle{font-size:.85rem;color:#6b7280;margin:0;font-weight:500}.admin-sidebar-nav{padding:10px 15px 30px;flex:1}.admin-nav-item{cursor:pointer;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin:5px 0;color:#374151;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:15px;position:relative;overflow:hidden;background:transparent;border:1px solid transparent;font-size:.95rem;font-weight:500}.admin-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);opacity:0;transition:opacity .3s;border-radius:15px;box-shadow:0 8px 20px -4px #00000014,inset 0 1px #fff}.admin-nav-item:hover:before{opacity:1}.admin-nav-item:hover{transform:translate(8px) translateY(-2px);color:#10b981;box-shadow:0 12px 25px -5px #0000001f,0 0 0 1px #10b98126,inset 0 1px #fffc;border-color:#10b9811a}.admin-nav-item span{position:relative;z-index:2}.admin-nav-item svg{flex-shrink:0;transition:all .3s;position:relative;z-index:2}.admin-nav-item:hover svg{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 2px 8px rgba(16,185,129,.3))}.admin-nav-item.active{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);color:#10b981;box-shadow:0 10px 25px -5px #0000001a,0 0 0 1px #10b98133,inset 0 1px #fff;border-color:#10b98126}.admin-nav-item.logout{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06);color:#ef4444}.admin-nav-item.logout:hover{color:#dc2626;background:#ef44440d;border-color:#ef44441a}.admin-nav-item.logout:hover svg{filter:drop-shadow(0 2px 8px rgba(239,68,68,.3))}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:768px){.admin-sidebar{width:250px;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}}.admin-layout{display:flex;min-height:100vh;background:#f9fafb;overflow-x:hidden;overflow-y:auto}.admin-main-content{flex:1;margin-left:280px;padding:0;background:#f9fafb;min-height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:768px){.admin-main-content{margin-left:0;padding:20px}}.investment-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;background:#f9fafb}.investment-header{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;margin-bottom:2rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px -5px #00000014,0 5px 15px -3px #00000008,inset 0 0 0 1px #fff;position:relative;overflow:hidden}.investment-header:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.investment-header h1{font-size:2rem;font-weight:800;color:#0a0a0a;margin:0 0 .5rem;background:linear-gradient(135deg,#0a0a0a,#404040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}.investment-header p{color:#6b7280;font-size:1rem;margin:0;position:relative;z-index:2}.investment-header button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all .3s;box-shadow:0 8px 20px -4px #10b98140,inset 0 1px #fff3;position:relative;z-index:2}.investment-header button:hover{transform:translateY(-2px);box-shadow:0 12px 30px -4px #10b98159,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#059669,#047857)}.investment-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;margin-bottom:2rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px -5px #00000014,0 5px 15px -3px #00000008,inset 0 0 0 1px #fff}.investment-section h3{color:#0a0a0a;font-size:1.5rem;margin:0 0 1.5rem;font-weight:700}.investment-section form{display:flex;flex-direction:column;gap:1rem}.investment-section label{display:block;color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.investment-section input,.investment-section textarea,.investment-section select{width:100%;padding:.75rem 1rem;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:#0a0a0a;font-size:1rem;transition:all .3s;box-shadow:0 2px 4px #00000005}.investment-section input::placeholder,.investment-section textarea::placeholder{color:#9ca3af}.investment-section input:focus,.investment-section textarea:focus,.investment-section select:focus{outline:none;background:#fff;border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a,0 4px 8px #0000000d}.investment-section select option{background:#fff;color:#0a0a0a}.investment-section button[type=submit]{padding:.75rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 8px 20px -4px #10b98140,inset 0 1px #fff3}.investment-section button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 30px -4px #10b98159,inset 0 1px #ffffff4d}.investment-section button[type=button]{padding:.75rem 2rem;background:#0000000d;color:#374151;border:1px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}.investment-section button[type=button]:hover{background:#00000014;border-color:#00000026;transform:translateY(-1px)}.investment-section table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px #0000000a}.investment-section table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.investment-section table thead tr{background:transparent}.investment-section table th{padding:1rem;text-align:left;color:#374151;font-weight:700;font-size:.95rem;letter-spacing:.3px;border-bottom:2px solid rgba(0,0,0,.08)}.investment-section table td{padding:1rem;color:#4b5563;border-bottom:1px solid rgba(0,0,0,.04);background:#fff}.investment-section table tbody tr{transition:all .2s}.investment-section table tbody tr:hover{background:#f9fafb;box-shadow:0 2px 8px #0000000f}.investment-section table td span{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.investment-section table button{padding:.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s;color:#fff;box-shadow:0 2px 8px #0000001a}.investment-section table button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 4px 12px #00000026}.investment-container>div:first-child{color:#6b7280}@media(max-width:768px){.investment-container{padding:1rem}.investment-header h1{font-size:1.5rem}.investment-section{padding:1.5rem}.investment-section table{font-size:.875rem}}.investment-header button,.investment-section button[type=submit]{background:linear-gradient(135deg,#0a0a0a,#404040)!important;color:#fff!important;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -5px #00000026,inset 0 1px #ffffff1a!important;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.investment-header button:before,.investment-section button[type=submit]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.investment-header button:hover:before,.investment-section button[type=submit]:hover:before{opacity:1}.investment-header button:hover,.investment-section button[type=submit]:hover{background:linear-gradient(135deg,#000,#2a2a2a)!important;transform:translateY(-3px)!important;box-shadow:0 15px 35px -5px #0006,0 10px 15px -5px #0003,inset 0 1px #ffffff26,0 0 0 1px #ffffff1a!important}.investment-header button:active,.investment-section button[type=submit]:active{transform:translateY(-1px)!important;box-shadow:0 8px 20px -5px #00000059,inset 0 1px #ffffff1a!important}.investment-section button[type=button]{background:linear-gradient(135deg,#fff,#f5f5f5)!important;color:#0a0a0a!important;border:2px solid rgba(0,0,0,.15)!important;box-shadow:0 8px 20px -5px #0000001a,inset 0 1px #fff!important}.investment-section button[type=button]:hover{background:linear-gradient(135deg,#f8f8f8,#e8e8e8)!important;border-color:#00000040!important;box-shadow:0 12px 30px -5px #00000026,inset 0 1px #fff!important}.investment-section table button[title=Publish],.investment-section table button[title=Unpublish]{background:linear-gradient(135deg,#0a0a0a,#404040)!important}.investment-section table button[title=Edit]{background:linear-gradient(135deg,#fff,#e5e5e5)!important;color:#0a0a0a!important;border:1px solid rgba(0,0,0,.15)}.investment-section table button[title=Delete]{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.investment-section table button[title=Feature],.investment-section table button[title=Unfeature]{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.investment-header button svg,.investment-section button[type=submit] svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:all .6s cubic-bezier(.25,.46,.45,.94);overflow:visible!important;transform:translateY(0)}.landing-nav:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);z-index:1;pointer-events:none;animation:navbarShine 2s ease-out .5s forwards}@keyframes navbarShine{0%{left:-100%}to{left:100%}}.landing-nav.scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;box-shadow:none;transform:translateY(0) scale(.98)}@keyframes navbarPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(.98)}to{transform:translateY(0) scale(.98)}}.nav-container{max-width:1400px;margin:0 auto;padding:18px 50px;display:flex;align-items:center;justify-content:space-between;transition:padding .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:2;transform:translateY(0);overflow:visible!important}.landing-nav.scrolled .nav-container{padding:14px 50px;animation:smoothSlideDown .5s cubic-bezier(.25,.46,.45,.94)}@keyframes smoothSlideDown{0%{transform:translateY(-5px);opacity:.95}to{transform:translateY(0);opacity:1}}.nav-logo{display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:14px;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:translateY(-2px)}.logo-icon{width:60px;height:60px;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;box-shadow:none;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(0) rotate(-180deg)}.logo-icon.animated{animation:logoEntrance 1.2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes logoEntrance{0%{opacity:0;transform:scale(0) rotate(-180deg);filter:blur(10px)}50%{opacity:1;transform:scale(1.2) rotate(10deg);filter:blur(0px)}70%{transform:scale(.95) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}}.logo-image{width:100%;height:100%;object-fit:contain;padding:6px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3));transition:all .4s ease}.logo-icon:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#ffffff4d,#ffffff1a,#ffffff4d);border-radius:14px;opacity:0;transition:opacity .4s ease}.logo-link:hover .logo-icon:before{opacity:1}.logo-link:hover .logo-icon{box-shadow:0 4px 20px #ffffff26;transform:rotate(-8deg) scale(1.05);background:transparent}.logo-link:hover .logo-image{transform:scale(1.1);filter:drop-shadow(0 4px 15px rgba(255,255,255,.5))}.logo-text{font-size:32px;font-weight:700;color:#fff;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.5px;position:relative;opacity:0;transform:translate(-30px);transition:all .5s ease;text-shadow:0 0 1px #000000,0 0 2px #000000,0 0 4px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.6);-webkit-text-stroke:.5px rgba(0,0,0,.3)}.landing-nav.scrolled .logo-text{text-shadow:0 0 1px #000000,0 0 3px #000000,0 0 8px rgba(0,0,0,.9),0 2px 20px rgba(0,0,0,.8),0 0 40px rgba(255,255,255,.3),0 0 10px rgba(255,255,255,.2);filter:brightness(1.2) contrast(1.1);-webkit-text-stroke:.5px rgba(0,0,0,.5)}.landing-nav.scrolled .logo-image{filter:drop-shadow(0 0 15px rgba(255,255,255,.6)) drop-shadow(0 2px 10px rgba(0,0,0,.8)) drop-shadow(0 0 3px rgba(0,0,0,1))}.logo-text.animated{animation:textSlideIn .8s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes textSlideIn{0%{opacity:0;transform:translate(-30px);filter:blur(5px)}to{opacity:1;transform:translate(0);filter:blur(0px)}}.logo-accent{color:#b0b0b0;font-weight:400;margin-left:2px;position:relative;display:inline-block;transition:all .3s ease}.logo-link:hover .logo-accent{color:#fff;transform:translate(3px)}.nav-links{display:flex;gap:45px;align-items:center;position:relative;z-index:100}.nav-link{color:#fffffff2;text-decoration:none;font-size:15px;font-weight:500;position:relative;padding:8px 0;transition:all .4s cubic-bezier(.25,.46,.45,.94);letter-spacing:.3px;text-shadow:0 0 1px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.4);-webkit-text-stroke:.3px rgba(0,0,0,.2)}.landing-nav.scrolled .nav-link{text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.5);-webkit-text-stroke:.3px rgba(0,0,0,.3);color:#fff}.landing-nav.scrolled .nav-link{animation:fadeInLinks .5s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInLinks{0%{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.nav-link span{position:relative;z-index:1}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,transparent,#ffffff,transparent);transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-link:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:0}.nav-link:hover{color:#fff}.nav-link:hover:before{width:100%}.nav-link:hover:after{width:120%;height:120%}.nav-link.active{color:#fff}.nav-link.active:before{width:100%}.nav-actions{display:flex;gap:20px;align-items:center}.nav-link-login{color:#fffffff2;text-decoration:none;font-size:15px;font-weight:500;padding:10px 20px;border-radius:8px;transition:all .3s ease;letter-spacing:.3px;text-shadow:0 0 1px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.6);-webkit-text-stroke:.3px rgba(0,0,0,.2)}.landing-nav.scrolled .nav-link-login{text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.7);-webkit-text-stroke:.3px rgba(0,0,0,.3)}.nav-link-login:hover{background:#ffffff1a;color:#fff}.btn-nav-signup{padding:12px 28px;background:linear-gradient(135deg,#fff,#f0f0f0);color:#0a0a0a;border:none;border-radius:50px;text-decoration:none;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #fff3;position:relative;overflow:hidden;letter-spacing:.3px}.btn-nav-signup:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-nav-signup:hover:before{left:100%}.btn-nav-signup:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.btn-nav-signup:active{transform:translateY(-1px)}.btn-icon{font-size:18px;transition:transform .3s ease}.btn-nav-signup:hover .btn-icon{transform:translate(4px)}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#0a0a0afa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.1);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{max-height:500px}.mobile-menu-links{padding:30px 30px 40px;display:flex;flex-direction:column;gap:5px}.mobile-nav-link{color:#fffc;text-decoration:none;font-size:16px;font-weight:500;padding:15px 20px;border-radius:12px;transition:all .3s ease;letter-spacing:.3px}.mobile-nav-link:hover,.mobile-nav-link.active{background:#ffffff1a;color:#fff}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.mobile-login-btn{padding:14px 24px;background:#ffffff1a;color:#fff;text-decoration:none;font-weight:600;font-size:15px;border-radius:12px;text-align:center;transition:all .3s ease;letter-spacing:.3px}.mobile-login-btn:hover{background:#ffffff26}.mobile-signup-btn{padding:14px 24px;background:linear-gradient(135deg,#fff,#f0f0f0);color:#0a0a0a;text-decoration:none;font-weight:600;font-size:15px;border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #fff3;letter-spacing:.3px}.mobile-signup-btn:hover{box-shadow:0 6px 20px #ffffff4d;transform:translateY(-2px)}@media(max-width:968px){.nav-links{gap:30px}}@media(max-width:768px){.nav-container{padding:15px 25px}.landing-nav.scrolled .nav-container{padding:12px 25px}.nav-links,.nav-actions{display:none}.mobile-menu-toggle,.mobile-menu{display:block}.logo-text{font-size:22px}.logo-icon{width:42px;height:42px}}@media(max-width:480px){.nav-container{padding:12px 20px}.logo-text{font-size:20px}.logo-icon{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.landing-nav,.nav-link,.btn-nav-signup,.logo-link,.mobile-menu{transition:none}.logo-icon-inner{animation:none}}.nav-link:focus-visible,.nav-link-login:focus-visible,.btn-nav-signup:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid #ffffff;outline-offset:4px;border-radius:4px}.nav-dropdown{position:relative;display:inline-flex;align-items:center;z-index:1000}.dropdown-trigger{display:flex;align-items:center;gap:6px;cursor:pointer}.dropdown-icon{font-size:16px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.dropdown-icon.open{transform:rotate(90deg)}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%) translateY(-20px) rotateX(-15deg);background:#0a0a0af2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:16px;padding:12px 8px;min-width:220px;box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff14,inset 0 1px #ffffff0d;opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transform-style:preserve-3d;perspective:1000px;z-index:9999!important}.dropdown-menu:after{content:"";position:absolute;top:-10px;left:-20px;right:-20px;height:15px;background:transparent;z-index:-1}.dropdown-menu:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#0a0a0af2;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);z-index:1}.dropdown-menu.open{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0) rotateX(0)}.dropdown-item{display:block;color:#ffffffe6;text-decoration:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:500;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d;overflow:hidden}.dropdown-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);opacity:0;transition:opacity .3s ease;border-radius:10px}.dropdown-item:hover:before{opacity:1}.dropdown-item:hover{color:#fff;transform:translate(8px) scale(1.02);box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff26}.dropdown-item.active{color:#fff;background:linear-gradient(135deg,#ffffff14,#ffffff0a);box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff1a}.dropdown-item span{position:relative;z-index:1}.dropdown-menu.open .dropdown-item:nth-child(1){animation:dropdownItemSlide .4s cubic-bezier(.68,-.55,.265,1.55) .1s both}.dropdown-menu.open .dropdown-item:nth-child(2){animation:dropdownItemSlide .4s cubic-bezier(.68,-.55,.265,1.55) .15s both}.dropdown-menu.open .dropdown-item:nth-child(3){animation:dropdownItemSlide .4s cubic-bezier(.68,-.55,.265,1.55) .2s both}@keyframes dropdownItemSlide{0%{opacity:0;transform:translate(-20px) rotateY(-15deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.nav-dropdown:hover .dropdown-trigger{color:#fff}.landing-nav.scrolled .dropdown-menu{background:#0a0a0afa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.landing-nav.scrolled .dropdown-menu:before{background:#0a0a0afa}:root{--primary-black: #0A0A0A;--pure-white: #FFFFFF;--charcoal: #1A1A1A;--soft-gray: #E5E5E5;--accent-gray: #404040;--hover-black: #000000;--light-gray: #F5F5F5;--medium-gray: #808080;--section-padding: 100px 0;--container-max: 1400px;--smooth-transition: all .4s cubic-bezier(.4, 0, .2, 1);--fast-transition: all .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--pure-white);color:var(--primary-black);line-height:1.6;overflow-x:hidden}.landing-page{width:100%;overflow-x:hidden}.hero-section{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary-black)}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;opacity:.6;filter:grayscale(100%) contrast(1.1)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#00000080,#0009);z-index:1}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:floatParticle 15s infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){top:60%;left:80%;animation-delay:2s;animation-duration:15s}.particle:nth-child(3){top:80%;left:30%;animation-delay:4s;animation-duration:18s}.particle:nth-child(4){top:40%;left:70%;animation-delay:6s;animation-duration:14s}.particle:nth-child(5){top:90%;left:50%;animation-delay:8s;animation-duration:16s}@keyframes floatParticle{0%,to{transform:translate(0);opacity:0}10%{opacity:.5}50%{transform:translate(100px,-100px);opacity:1}90%{opacity:.5}}.hero-content{position:relative;z-index:2;text-align:center;color:var(--pure-white);max-width:1100px;padding:120px 30px 0;animation:fadeInUp 1s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-pre-headline{font-size:14px;letter-spacing:4px;text-transform:uppercase;color:var(--soft-gray);margin-bottom:20px;animation:fadeInUp 1s ease-out .2s backwards;text-shadow:0 0 10px rgba(255,255,255,.3)}.hero-headline{font-family:Space Grotesk,sans-serif;font-size:clamp(48px,8vw,90px);font-weight:700;line-height:1.1;margin-bottom:30px;animation:fadeInUp 1s ease-out .4s backwards;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(255,255,255,.2))}.hero-subheadline{font-size:clamp(18px,2vw,26px);color:var(--soft-gray);margin-bottom:50px;max-width:900px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .6s backwards;line-height:1.8;text-shadow:0 0 15px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.5);font-weight:400}.hero-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .8s backwards}.btn-primary{padding:20px 50px!important;font-size:18px!important;font-weight:700!important;background:linear-gradient(135deg,#fff,#f5f5f5)!important;color:#0a0a0a!important;border:none!important;border-radius:50px!important;cursor:pointer;transition:var(--smooth-transition);text-decoration:none;display:inline-block;box-shadow:0 10px 40px #ffffff4d,0 4px 15px #fff3!important;position:relative;overflow:hidden;letter-spacing:.5px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#fff 0% 100%)!important;color:#0a0a0a!important;transform:translateY(-5px);box-shadow:0 15px 50px #fff6,0 8px 25px #ffffff4d!important}.btn-secondary{padding:18px 45px;font-size:16px;font-weight:600;background:transparent;color:var(--pure-white);border:2px solid var(--pure-white);border-radius:50px;cursor:pointer;transition:var(--smooth-transition);text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--pure-white);color:var(--primary-black);transform:translateY(-3px)}.hero-trust-badges{display:flex;justify-content:center;gap:40px;margin-top:60px;flex-wrap:wrap;animation:fadeInUp 1s ease-out 1s backwards}.trust-badge{display:flex;align-items:center;gap:10px;color:var(--soft-gray);font-size:14px}.trust-badge-icon{font-size:24px}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;animation:bounce 2s infinite}.scroll-arrow{color:var(--pure-white);font-size:32px;opacity:.7}.section{padding:var(--section-padding);position:relative}.section-dark{background:var(--primary-black);color:var(--pure-white)}.section-light{background:var(--pure-white);color:var(--primary-black)}.section-gray{background:var(--light-gray);color:var(--primary-black)}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.section-label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent-gray);margin-bottom:15px;display:block}.section-dark .section-label{color:var(--soft-gray)}.section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;margin-bottom:20px;line-height:1.2}.section-description{font-size:18px;color:var(--accent-gray);max-width:800px;margin:0 auto 60px;line-height:1.8}.section-dark .section-description{color:var(--soft-gray)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards}.fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.scale-in{opacity:0;animation:scaleIn .8s ease-out forwards}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@media(max-width:768px){.hero-section{min-height:600px}.hero-content{padding-top:100px}.hero-cta-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.btn-primary,.btn-secondary{width:100%}.hero-trust-badges{flex-direction:column;gap:20px}.section{padding:60px 0}}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-60{margin-bottom:60px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-60{margin-top:60px}.about-section{background:linear-gradient(180deg,#fff,#f5f5f5);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,0,0,.03) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{position:relative}.infographic-container{background:linear-gradient(135deg,#fff,#fafafa);padding:35px 25px;border-radius:30px;box-shadow:0 20px 60px #00000014,0 0 0 1px #0000000d;border:1px solid rgba(0,0,0,.06);text-align:center;position:relative;overflow:hidden}.infographic-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a0a0a,#404040,#0a0a0a);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.info-node{background:linear-gradient(135deg,#fff,#f8f8f8);padding:20px 15px;border-radius:20px;margin:12px 0;border:2px solid rgba(0,0,0,.08);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-node:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:left .6s}.info-node:hover:before{left:100%}.info-node:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0000001f;border-color:#0a0a0a}.info-node.highlight{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-color:#0a0a0a;box-shadow:0 10px 30px #0003;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #0003}50%{transform:scale(1.03);box-shadow:0 15px 40px #0000004d}}.info-node.highlight .node-label{color:var(--pure-white)}.node-icon{font-size:42px;margin-bottom:10px;animation:bounceIn .8s ease-out;transform-origin:center;transition:transform .3s}.info-node:hover .node-icon{transform:scale(1.2) rotate(5deg)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.node-label{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--primary-black);text-shadow:0 1px 2px rgba(0,0,0,.1)}.infographic-container .arrow-down{display:flex!important;justify-content:center!important;align-items:center!important;font-size:28px;color:var(--accent-gray);margin:8px 0!important;width:100%!important;animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:50px}.stat-card{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:40px 30px;border-radius:20px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px) scale(1.03);border-color:#404040;box-shadow:0 20px 50px #0000004d,0 0 0 4px #ffffff1a}.stat-number{font-size:56px;font-weight:700;color:var(--pure-white);font-family:Space Grotesk,sans-serif;margin-bottom:12px;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3));animation:countUp 1s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-label{font-size:14px;color:var(--soft-gray);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.about-content .section-label{display:inline-block;padding:8px 20px;background:#0000000d;border-radius:20px;margin-bottom:20px;font-weight:600;letter-spacing:2px}.about-content .section-title{background:linear-gradient(135deg,#0a0a0a,#404040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px}.features-brief-section{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.features-brief-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 15s ease-in-out infinite}.features-brief-section .section-label{color:#fff9;text-shadow:0 0 10px rgba(255,255,255,.3)}.features-brief-section .section-title{color:var(--pure-white);background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(255,255,255,.2));text-shadow:none}.features-brief-section .section-description{color:#e5e5e5cc;text-shadow:0 2px 4px rgba(0,0,0,.5)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;position:relative;z-index:1}.feature-card{background:linear-gradient(135deg,#ffffff0f,#ffffff08);padding:50px 35px;border-radius:25px;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.4,0,.2,1);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .5s}.feature-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent 30%,rgba(255,255,255,.2));border-radius:25px;opacity:0;z-index:-1;transition:opacity .5s}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1}.feature-card:hover{transform:translateY(-15px) scale(1.03) rotateX(2deg);border-color:#fff6;box-shadow:0 30px 80px #00000080,0 0 0 1px #fff3,inset 0 1px #ffffff26,0 0 50px #ffffff1a;background:linear-gradient(135deg,#ffffff1f,#ffffff0f)}.feature-icon-container{width:90px;height:90px;margin:0 auto 30px;background:linear-gradient(135deg,#fff,#e5e5e5);border-radius:25px;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 10px 30px #ffffff26,inset 0 1px #ffffff80}.feature-icon-container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,rgba(255,255,255,.3),transparent 50%,rgba(255,255,255,.3));border-radius:28px;opacity:0;transition:opacity .5s;z-index:-1}.feature-card:hover .feature-icon-container:before{opacity:1;animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #fff9}}.feature-card:hover .feature-icon-container{transform:scale(1.2) rotate(-5deg) translateY(-5px);box-shadow:0 20px 50px #ffffff4d,inset 0 1px #ffffffe6,0 0 30px #fff6;background:linear-gradient(135deg,#fff,#f5f5f5)}.feature-icon{font-size:40px;color:var(--primary-black);transition:all .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.feature-card:hover .feature-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.feature-title{font-size:24px;font-weight:700;color:var(--pure-white);margin-bottom:18px;font-family:Space Grotesk,sans-serif;text-shadow:none;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(255,255,255,.3)) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feature-description{font-size:15px;color:#e5e5e5e6;line-height:1.8;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:repeat(2,1fr)}.info-row{grid-template-columns:1fr}.about-section:before{width:400px;height:400px}.infographic-container{padding:40px 30px}}@media(max-width:768px){.features-grid,.stats-grid{grid-template-columns:1fr}.stat-number{font-size:42px}.feature-icon-container{width:60px;height:60px}.feature-icon{font-size:28px}.feature-title{font-size:20px}.infographic-container{padding:40px 20px}.node-icon{font-size:42px}.info-node{padding:25px 20px}.about-grid{gap:30px}.stat-card{padding:35px 25px}}.feature-icon-container{animation:float 3s ease-in-out infinite}.feature-card:nth-child(1) .feature-icon-container{animation-delay:0s}.feature-card:nth-child(2) .feature-icon-container{animation-delay:.3s}.feature-card:nth-child(3) .feature-icon-container{animation-delay:.6s}.feature-card:nth-child(4) .feature-icon-container{animation-delay:.9s}.feature-card:nth-child(5) .feature-icon-container{animation-delay:1.2s}.feature-card:nth-child(6) .feature-icon-container{animation-delay:1.5s}.family-features-section{position:relative;overflow:hidden}.family-features-section .section-label{display:inline-block;padding:8px 20px;background:#0000000d;border-radius:20px;margin-bottom:20px;font-weight:600;letter-spacing:2px;color:#0009}.family-features-section .section-title{background:linear-gradient(135deg,#0a0a0a,#404040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));margin-bottom:25px}.family-features-section .section-description{color:#666;text-shadow:0 1px 2px rgba(0,0,0,.1)}.family-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.family-feature-card{background:linear-gradient(135deg,#fff,#f8f8f8);padding:50px 40px;border-radius:28px;border:2px solid rgba(0,0,0,.08);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014,0 1px 3px #0000000f;transform-style:preserve-3d;perspective:1000px}.family-feature-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .7s;z-index:1}.family-feature-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#0000001a,#0000000d,#0000001a);border-radius:28px;opacity:0;transition:opacity .6s;z-index:-1}.family-feature-card:hover:before{left:150%}.family-feature-card:hover:after{opacity:1}.family-feature-card:hover{transform:translateY(-15px) scale(1.03) rotateX(2deg);border-color:#0a0a0a;box-shadow:0 25px 60px #00000026,0 0 0 1px #0000001a,inset 0 1px #fffc;background:linear-gradient(135deg,#fff,#fafafa)}.family-feature-icon-wrapper{width:85px;height:85px;margin:0 auto 30px;background:linear-gradient(135deg,#0a0a0a,#2a2a2a);border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #00000026,inset 0 1px #ffffff1a}.family-feature-icon-wrapper:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,rgba(0,0,0,.3),transparent 50%,rgba(0,0,0,.3));border-radius:26px;opacity:0;transition:opacity .6s;z-index:-1}.family-feature-card:hover .family-feature-icon-wrapper:before{opacity:1;animation:iconGlowPulse 2s ease-in-out infinite}@keyframes iconGlowPulse{0%,to{box-shadow:0 0 20px #0000004d}50%{box-shadow:0 0 40px #00000080}}.family-feature-card:hover .family-feature-icon-wrapper{transform:translateY(-8px) scale(1.15) rotate(-5deg);box-shadow:0 15px 45px #00000040,inset 0 2px #ffffff26;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.family-feature-icon-svg{font-size:38px;color:var(--pure-white);transition:all .5s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.family-feature-card:hover .family-feature-icon-svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.family-feature-title{font-size:22px;font-weight:700;color:var(--primary-black);margin-bottom:15px;font-family:Space Grotesk,sans-serif;position:relative;z-index:2;transition:all .4s}.family-feature-card:hover .family-feature-title{transform:translateY(-2px)}.family-feature-desc{font-size:15px;color:#666;line-height:1.8;position:relative;z-index:2;transition:all .4s}.family-feature-card:hover .family-feature-desc{color:#555}.pricing-section{position:relative}.pricing-section .section-label{color:#fff9;text-shadow:0 0 10px rgba(255,255,255,.3)}.pricing-section .section-title{color:var(--pure-white);background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(255,255,255,.2));text-shadow:none}.pricing-section .section-description{color:#e5e5e5cc;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1200px;margin:0 auto}.pricing-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:50px 40px;border-radius:25px;border:1px solid rgba(255,255,255,.15);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d}.pricing-card:hover{transform:translateY(-15px) scale(1.03);border-color:#ffffff4d;box-shadow:0 30px 80px #00000080,0 0 50px #ffffff1a;background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.pricing-card.featured{transform:scale(1.05);border-color:#fff6;box-shadow:0 20px 60px #0006;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.pricing-card.featured:hover{transform:translateY(-15px) scale(1.08)}.pricing-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fff,#e5e5e5);color:var(--primary-black);padding:8px 25px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 5px 15px #0003}.pricing-tag{font-size:14px;letter-spacing:3px;color:#fff9;margin-bottom:20px;font-weight:600}.pricing-amount{display:flex;align-items:baseline;justify-content:center;margin-bottom:35px}.currency{font-size:28px;color:var(--pure-white);font-weight:600;margin-right:5px}.price{font-size:64px;font-weight:700;color:var(--pure-white);font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.period{font-size:18px;color:#fff9;margin-left:5px}.pricing-features{list-style:none;margin-bottom:35px;text-align:left}.pricing-features li{display:flex;align-items:center;gap:12px;padding:12px 0;color:#ffffffe6;font-size:15px}.check-icon{color:var(--pure-white);font-size:18px;flex-shrink:0}.pricing-btn{width:100%;padding:16px 30px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:var(--pure-white);border:2px solid rgba(255,255,255,.2);border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s}.pricing-btn:hover{background:var(--pure-white);color:var(--primary-black);border-color:var(--pure-white);transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}.featured-btn{background:linear-gradient(135deg,#fff,#e5e5e5);color:var(--primary-black);border-color:var(--pure-white)}.featured-btn:hover{background:var(--primary-black);color:var(--pure-white);border-color:var(--pure-white)}.testimonials-section .section-label{display:inline-block;padding:8px 20px;background:#0000000d;border-radius:20px;margin-bottom:20px;font-weight:600;letter-spacing:2px;color:#0009}.testimonials-section .section-title{background:linear-gradient(135deg,#0a0a0a,#404040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));margin-bottom:25px}.testimonials-section .section-description{color:#666;text-shadow:0 1px 2px rgba(0,0,0,.1)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.testimonial-card{background:linear-gradient(135deg,#fff,#fafafa);padding:45px 40px;border-radius:25px;border:2px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #00000014;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.testimonial-card:hover{transform:translateY(-10px);border-color:#0a0a0a;box-shadow:0 20px 50px #00000026}.testimonial-stars{font-size:24px;margin-bottom:20px}.testimonial-text{font-size:17px;line-height:1.8;color:#333;margin-bottom:30px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:var(--pure-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.author-name{font-weight:700;color:var(--primary-black);margin-bottom:4px}.author-title{font-size:14px;color:#666}.faq-section .section-label{color:#fff9;text-shadow:0 0 10px rgba(255,255,255,.3)}.faq-section .section-title{color:var(--pure-white);background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(255,255,255,.2));text-shadow:none}.faq-section .section-description{color:#e5e5e5cc;text-shadow:0 2px 4px rgba(0,0,0,.5)}.faq-item{background:linear-gradient(135deg,#ffffff0f,#ffffff08);padding:35px 40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item:hover{transform:translate(5px);border-color:#ffffff4d;box-shadow:0 10px 40px #0000004d;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.faq-question{font-size:20px;font-weight:700;color:var(--pure-white);margin-bottom:15px;font-family:Space Grotesk,sans-serif}.faq-answer{font-size:15px;line-height:1.8;color:#e5e5e5e6}@media(max-width:1024px){.family-features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:450px}.pricing-card.featured{transform:scale(1)}.testimonials-grid,.faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.family-features-grid{grid-template-columns:1fr}.family-feature-card{padding:35px 25px}.pricing-card{padding:40px 30px}.testimonial-card{padding:35px 30px}.faq-item{padding:30px 25px}}.trusted-section{position:relative;overflow:hidden}.trusted-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0%,transparent 40%);pointer-events:none}.trusted-label{color:#fff9!important;text-shadow:0 0 20px rgba(255,255,255,.3);animation:labelGlow 3s ease-in-out infinite}@keyframes labelGlow{0%,to{opacity:.6}50%{opacity:1}}.trusted-title{color:var(--pure-white)!important;background:linear-gradient(135deg,#fff,#e5e5e5,#fff)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:titleShimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,255,255,.4))}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.trusted-desc{color:#e5e5e5d9!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.trusted-stats-row{display:flex;justify-content:center;gap:60px;margin-bottom:60px;flex-wrap:wrap}.trusted-stat{text-align:center;position:relative;padding:30px 40px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.4,0,.2,1);min-width:160px}.trusted-stat:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);border-radius:22px;opacity:0;transition:opacity .5s;z-index:-1}.trusted-stat:hover{transform:translateY(-10px) scale(1.05);border-color:#ffffff4d;box-shadow:0 20px 50px #0006,0 0 30px #ffffff1a}.trusted-stat:hover:before{opacity:1}.trusted-stat-number{font-size:48px;font-weight:800;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:8px;animation:numberPulse 3s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trusted-stat-label{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.trusted-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto 60px}.trusted-category-card{display:flex;align-items:center;gap:20px;padding:25px 30px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.trusted-category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.trusted-category-card:hover:before{left:100%}.trusted-category-card:hover{transform:translateY(-8px) translate(5px);border-color:#ffffff4d;box-shadow:0 15px 40px #0006,-5px 0 20px #ffffff0d;background:linear-gradient(135deg,#ffffff1a,#ffffff0a)}.trusted-category-icon{width:55px;height:55px;background:linear-gradient(135deg,#fff,#e5e5e5);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;box-shadow:0 8px 20px #0000004d}.trusted-category-icon svg{font-size:26px;color:#0a0a0a;transition:transform .3s ease}.trusted-category-card:hover .trusted-category-icon{transform:scale(1.15) rotate(-5deg);box-shadow:0 12px 30px #fff3}.trusted-category-card:hover .trusted-category-icon svg{transform:scale(1.1)}.trusted-category-content h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px;font-family:Space Grotesk,sans-serif}.trusted-category-content p{font-size:14px;color:#fff9;margin:0;line-height:1.4}.trusted-marquee-container{width:100%;overflow:hidden;padding:25px 0;background:linear-gradient(90deg,rgba(10,10,10,1) 0%,transparent 5%,transparent 95%,rgba(10,10,10,1) 100%);position:relative}.trusted-marquee-container:before,.trusted-marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2}.trusted-marquee-container:before{left:0;background:linear-gradient(90deg,rgba(10,10,10,1),transparent)}.trusted-marquee-container:after{right:0;background:linear-gradient(270deg,rgba(10,10,10,1),transparent)}.trusted-marquee{display:flex;width:max-content;animation:marqueeScroll 25s linear infinite}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content{display:flex;align-items:center;gap:40px}.marquee-item{font-size:20px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;transition:color .3s ease}.marquee-item:hover{color:#ffffffe6}.marquee-separator{font-size:16px;color:#ffffff4d}@media(max-width:1024px){.trusted-categories-grid{grid-template-columns:repeat(2,1fr)}.trusted-stats-row{gap:30px}.trusted-stat{padding:25px 30px;min-width:140px}.trusted-stat-number{font-size:40px}}@media(max-width:768px){.trusted-categories-grid{grid-template-columns:1fr}.trusted-stats-row{gap:20px}.trusted-stat{padding:20px 25px;min-width:120px}.trusted-stat-number{font-size:32px}.trusted-stat-label{font-size:12px}.trusted-category-card{padding:20px}.trusted-category-icon{width:45px;height:45px}.trusted-category-icon svg{font-size:22px}.marquee-item{font-size:16px;letter-spacing:2px}}.who-can-use-section{position:relative;overflow:hidden}.who-can-use-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,0,0,.02) 0%,transparent 50%);pointer-events:none}.who-can-use-section .section-label{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#00000014,#0000000d);border-radius:25px;margin-bottom:20px;font-weight:700;letter-spacing:2.5px;color:#000000b3;border:1px solid rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(255,255,255,.5)}.who-can-use-section .section-title{background:linear-gradient(135deg,#0a0a0a,#2a2a2a,#0a0a0a);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));margin-bottom:25px;animation:titleShimmerDark 4s ease-in-out infinite}@keyframes titleShimmerDark{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.who-can-use-section .section-description{color:#555;text-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:500}.personas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:20px 0}.persona-card{background:linear-gradient(135deg,#fffffff2,#fafafae6);padding:45px 35px;border-radius:30px;border:2px solid rgba(0,0,0,.08);box-shadow:0 15px 40px #0000001a,inset 0 1px #fffc;transition:all .6s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.persona-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left .6s ease}.persona-card:hover:before{left:100%}.persona-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(0,0,0,.15),transparent);border-radius:32px;opacity:0;transition:opacity .6s;z-index:-1}.persona-card:hover{transform:translateY(-15px) scale(1.05) rotateX(5deg);border-color:#0000004d;box-shadow:0 30px 70px #0003,0 15px 30px #00000026,inset 0 1px #fff;background:linear-gradient(135deg,#fff,#f8f8f8f2)}.persona-card:hover:after{opacity:1}.persona-icon-wrapper{width:90px;height:90px;margin:0 auto 25px;background:linear-gradient(135deg,#0a0a0a,#2a2a2a);border-radius:25px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.persona-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.persona-card:hover .persona-icon-wrapper:before{top:100%;left:100%}.persona-icon-svg{font-size:40px;color:#fff;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.persona-card:hover .persona-icon-wrapper{transform:scale(1.15) rotateY(360deg);box-shadow:0 15px 50px #00000040,inset 0 1px #fff3;background:linear-gradient(135deg,#000,#1a1a1a)}.persona-card:hover .persona-icon-svg{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.persona-title{font-size:24px;font-weight:800;color:#0a0a0a;margin-bottom:15px;font-family:Space Grotesk,sans-serif;letter-spacing:-.5px;transition:all .3s ease;position:relative;display:inline-block}.persona-card:hover .persona-title{color:#000;transform:scale(1.05);text-shadow:0 2px 4px rgba(0,0,0,.1)}.persona-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:3px;background:linear-gradient(90deg,transparent,#0A0A0A,transparent);transition:transform .4s ease}.persona-card:hover .persona-title:after{transform:translate(-50%) scaleX(1)}.persona-desc{font-size:15px;color:#555;line-height:1.8;transition:all .3s ease}.persona-card:hover .persona-desc{color:#333;transform:translateY(-2px)}.unique-blend-section{position:relative;overflow:hidden}.unique-blend-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0%,transparent 40%);pointer-events:none}.unique-blend-section .section-label{color:#ffffffb3;text-shadow:0 0 15px rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.2);padding:10px 24px;display:inline-block;border-radius:25px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unique-blend-section .section-title{color:var(--pure-white);background:linear-gradient(135deg,#fff,#e5e5e5,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,255,255,.5));text-shadow:none;animation:titleShimmerLight 4s ease-in-out infinite}@keyframes titleShimmerLight{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.unique-blend-section .section-description{color:#e5e5e5d9;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:500}.blend-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1250px;margin:0 auto;padding:20px 0}.blend-column{background:linear-gradient(135deg,#ffffff14,#ffffff08);padding:45px 35px;border-radius:30px;border:2px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 15px 40px #0000004d,inset 0 1px #ffffff1a}.blend-column:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .6s ease}.blend-column:hover:before{left:100%}.blend-column:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);border-radius:32px;opacity:0;transition:opacity .6s;z-index:-1}.blend-column:hover{transform:translateY(-15px) scale(1.03);border-color:#fff6;box-shadow:0 30px 70px #00000080,0 15px 30px #0000004d,inset 0 1px #fff3;background:linear-gradient(135deg,#ffffff1f,#ffffff0d)}.blend-column:hover:after{opacity:1}.blend-column.unified{border-color:#ffffff40;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff26;background:linear-gradient(135deg,#ffffff1a,#ffffff0a)}.blend-column.unified:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 35px 80px #0009,0 20px 40px #0006,inset 0 1px #ffffff40;border-color:#ffffff80}.blend-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid rgba(255,255,255,.15);position:relative}.blend-header:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,transparent,#FFFFFF,transparent);transition:width .6s ease}.blend-column:hover .blend-header:after{width:100%}.blend-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#fff,#e5e5e5);border-radius:22px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff80}.blend-column:hover .blend-icon-wrapper{transform:scale(1.15) rotateY(360deg);box-shadow:0 15px 50px #0006,inset 0 1px #fffc}.blend-icon{font-size:36px;color:#0a0a0a;transition:all .6s ease}.blend-column:hover .blend-icon{transform:scale(1.1)}.blend-header h3{font-size:26px;font-weight:800;color:var(--pure-white);font-family:Space Grotesk,sans-serif;letter-spacing:-.5px;text-align:center;transition:all .3s ease}.blend-column:hover .blend-header h3{transform:scale(1.05);text-shadow:0 0 20px rgba(255,255,255,.3)}.blend-features{list-style:none;padding:0}.blend-features li{display:flex;align-items:center;gap:15px;color:#ffffffe6;font-size:15px;line-height:1.6;transition:all .3s ease;position:relative;padding:14px 0 14px 10px}.blend-features li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,#FFFFFF,transparent);transition:width .3s ease}.blend-column:hover .blend-features li:before{width:5px}.blend-features li:hover{color:#fff;transform:translate(5px)}.check-icon{font-size:18px;color:#fff;flex-shrink:0;transition:all .3s ease}.blend-features li:hover .check-icon{transform:scale(1.2) rotate(360deg)}.benefits-section{position:relative;overflow:hidden}.benefits-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(0,0,0,.02) 0%,transparent 50%);pointer-events:none}.benefits-section .section-label{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#00000014,#0000000d);border-radius:25px;margin-bottom:20px;font-weight:700;letter-spacing:2.5px;color:#000000b3;border:1px solid rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(255,255,255,.5)}.benefits-section .section-title{background:linear-gradient(135deg,#0a0a0a,#2a2a2a,#0a0a0a);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));margin-bottom:25px;animation:titleShimmerDark 4s ease-in-out infinite}.benefits-section .section-description{color:#555;text-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:500}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:20px 0}.benefit-card{background:linear-gradient(135deg,#fffffff2,#fafafae6);padding:40px 30px;border-radius:25px;border:2px solid rgba(0,0,0,.08);box-shadow:0 12px 35px #0000001a,inset 0 1px #fffc;transition:all .6s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent);transition:left .6s ease}.benefit-card:hover:before{left:100%}.benefit-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(0,0,0,.15),transparent);border-radius:27px;opacity:0;transition:opacity .6s;z-index:-1}.benefit-card:hover{transform:translateY(-12px) scale(1.05);border-color:#0000004d;box-shadow:0 25px 60px #0003,0 12px 30px #00000026,inset 0 1px #fff;background:linear-gradient(135deg,#fff,#f8f8f8f2)}.benefit-card:hover:after{opacity:1}.benefit-icon-wrapper{width:85px;height:85px;margin:0 auto 25px;background:linear-gradient(135deg,#0a0a0a,#2a2a2a);border-radius:22px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.benefit-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.benefit-card:hover .benefit-icon-wrapper:before{top:100%;left:100%}.benefit-icon-svg{font-size:38px;color:#fff;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.benefit-card:hover .benefit-icon-wrapper{transform:scale(1.15) rotateY(360deg);box-shadow:0 15px 50px #00000040,inset 0 1px #fff3;background:linear-gradient(135deg,#000,#1a1a1a)}.benefit-card:hover .benefit-icon-svg{transform:scale(1.15);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.benefit-title{font-size:20px;font-weight:800;color:#0a0a0a;margin-bottom:12px;font-family:Space Grotesk,sans-serif;letter-spacing:-.5px;transition:all .3s ease;position:relative;display:inline-block}.benefit-card:hover .benefit-title{color:#000;transform:scale(1.05);text-shadow:0 2px 4px rgba(0,0,0,.1)}.benefit-title:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,transparent,#0A0A0A,transparent);transition:transform .4s ease}.benefit-card:hover .benefit-title:after{transform:translate(-50%) scaleX(1)}.benefit-desc{font-size:14px;color:#555;line-height:1.7;transition:all .3s ease}.benefit-card:hover .benefit-desc{color:#333;transform:translateY(-2px)}@media(max-width:1024px){.personas-grid{grid-template-columns:repeat(2,1fr)}.blend-comparison-grid{grid-template-columns:1fr;gap:30px}.blend-column{padding:40px 30px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:25px}.benefit-card{padding:35px 25px}.benefit-icon-wrapper{width:75px;height:75px;border-radius:20px}.benefit-icon-svg{font-size:34px}.benefit-title{font-size:18px}}@media(max-width:768px){.personas-grid{grid-template-columns:1fr;gap:25px}.benefits-grid{grid-template-columns:1fr;gap:20px}.persona-card{padding:35px 30px}.benefit-card{padding:35px 28px}.benefit-icon-wrapper{width:70px;height:70px;border-radius:18px}.benefit-icon-svg{font-size:32px}.benefit-title{font-size:18px}.benefit-desc{font-size:13px}.blend-column{padding:40px 30px}.blend-icon-wrapper{width:70px;height:70px;border-radius:18px}.blend-icon{font-size:32px}.blend-header h3{font-size:24px}.blend-features li{font-size:14px;padding:12px 0}.persona-icon-wrapper{width:80px;height:80px;border-radius:20px}.persona-icon-svg{font-size:36px}.persona-title{font-size:22px}.persona-desc{font-size:14px}}.landing-footer{background:#050505;color:#fff;padding:80px 0 30px;border-top:1px solid rgba(255,255,255,.1);margin-top:0}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px}.footer-logo{font-size:28px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:#fff9;line-height:1.6;max-width:300px}.footer-links h3,.footer-contact h3,.footer-newsletter h3{font-size:18px;font-weight:600;margin-bottom:25px;color:#fff}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fff9;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#fff9}.contact-icon{color:#fff;font-size:18px}.newsletter-form{display:flex;gap:10px}.newsletter-form input{flex:1;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;outline:none;transition:border-color .3s}.newsletter-form input:focus{border-color:#fff}.btn-subscribe{padding:12px 20px;border-radius:8px;border:none;background:#fff;color:#000;font-weight:600;cursor:pointer;transition:transform .2s}.btn-subscribe:hover{transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;color:#fff6;font-size:14px}.footer-social{display:flex;gap:20px}.footer-social a{color:#fff9;text-decoration:none;transition:color .3s;font-weight:600}.footer-social a:hover{color:#fff}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}.features-page{width:100%;background:var(--pure-white)}.features-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 40px 80px;position:relative;overflow:hidden}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video-background{width:100%;height:100%;object-fit:cover}.hero-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0ab3,#1a1a1a99);z-index:1}.features-hero-content{max-width:900px;text-align:center;position:relative;z-index:2}.features-hero-label{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:#ffffffe6;margin-bottom:25px;display:inline-block;padding:10px 25px;background:#ffffff1a;border-radius:30px;border:1px solid rgba(255,255,255,.2);text-shadow:0 0 10px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.features-hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(42px,7vw,72px);font-weight:700;line-height:1.1;margin-bottom:30px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3),0 5px 15px rgba(0,0,0,.8)}.features-hero-description{font-size:clamp(16px,2vw,20px);color:#fffffff2;margin-bottom:50px;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,.8)}.features-hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-number{font-size:48px;font-weight:700;color:#fff;font-family:Space Grotesk,sans-serif;margin-bottom:8px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;text-shadow:0 0 15px rgba(255,255,255,.4),0 4px 8px rgba(0,0,0,.6)}.hero-stat-label{font-size:14px;color:#e5e5e599;text-transform:uppercase;letter-spacing:2px}.features-showcase{padding:100px 0;background:var(--pure-white)}.feature-showcase-item{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:120px;padding:0 40px;max-width:1400px;margin-left:auto;margin-right:auto}.feature-showcase-item.fade-in-up{opacity:1;transform:translateY(0)}.feature-showcase-item.image-right .feature-showcase-content{order:1}.feature-showcase-item.image-right .feature-showcase-visual,.feature-showcase-item.image-left .feature-showcase-content{order:2}.feature-showcase-item.image-left .feature-showcase-visual{order:1}.feature-showcase-content{position:relative}.feature-number{position:absolute;top:-40px;left:-20px;font-size:120px;font-weight:700;color:#00000008;font-family:Space Grotesk,sans-serif;z-index:0;-webkit-user-select:none;user-select:none}.feature-icon-wrapper{margin-bottom:30px;position:relative;z-index:1}.feature-icon-bg{width:80px;height:80px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--pure-white);box-shadow:0 10px 30px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-showcase-item:hover .feature-icon-bg{transform:scale(1.1) rotate(-5deg);box-shadow:0 15px 40px #00000040}.feature-showcase-title{font-size:36px;font-weight:700;color:var(--primary-black);margin-bottom:20px;font-family:Space Grotesk,sans-serif;line-height:1.2}.feature-showcase-description{font-size:18px;color:var(--accent-gray);margin-bottom:30px;line-height:1.8}.feature-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.feature-benefit{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--primary-black)}.benefit-check{font-size:18px;color:var(--primary-black);background:#0000000d;padding:4px;border-radius:50%}.feature-stat-badge{display:inline-flex;flex-direction:column;align-items:center;padding:20px 35px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:15px;box-shadow:0 8px 25px #00000026}.stat-value{font-size:32px;font-weight:700;color:var(--pure-white);font-family:Space Grotesk,sans-serif;margin-bottom:5px}.stat-label{font-size:12px;color:#e5e5e5b3;text-transform:uppercase;letter-spacing:1.5px}.feature-showcase-visual{position:relative}.feature-visual-card{background:transparent;border-radius:30px;padding:0;box-shadow:0 20px 60px #00000014,0 0 0 1px #0000000d;border:none;position:relative;overflow:hidden;aspect-ratio:4/3}.feature-visual-card:before{display:none}.feature-image{width:100%;height:100%;object-fit:fill;transition:transform .6s cubic-bezier(.4,0,.2,1)}.feature-showcase-item:hover .feature-image{transform:scale(1.05)}.features-cta{padding:100px 40px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);text-align:center}.cta-title{font-size:clamp(36px,5vw,56px);font-weight:700;color:var(--pure-white);margin-bottom:20px;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:20px;color:#e5e5e5cc;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{padding:20px 50px!important;font-size:18px!important;font-weight:700!important;background:linear-gradient(135deg,#fff,#f5f5f5)!important;color:#0a0a0a!important;border:none!important;border-radius:50px!important;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;box-shadow:0 10px 40px #ffffff4d,0 4px 15px #fff3!important;position:relative;overflow:hidden;letter-spacing:.5px}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s ease}.cta-button:hover:before{left:100%}.cta-button:hover{background:linear-gradient(135deg,#fff 0% 100%)!important;transform:translateY(-5px);box-shadow:0 15px 50px #fff6,0 8px 25px #ffffff4d!important}@media(max-width:1024px){.feature-showcase-item{grid-template-columns:1fr;gap:50px;margin-bottom:80px}.feature-showcase-item.image-right .feature-showcase-content,.feature-showcase-item.image-left .feature-showcase-content{order:1}.feature-showcase-item.image-right .feature-showcase-visual,.feature-showcase-item.image-left .feature-showcase-visual{order:2}.feature-benefits{grid-template-columns:1fr}}@media(max-width:768px){.features-hero{padding:100px 20px 60px}.features-hero-stats{gap:40px}.hero-stat-number{font-size:36px}.features-showcase{padding:60px 0}.feature-showcase-item{padding:0 20px;margin-bottom:60px}.feature-number{font-size:80px;top:-30px;left:-10px}.feature-icon-bg{width:60px;height:60px;font-size:28px}.feature-showcase-title{font-size:28px}.feature-showcase-description{font-size:16px}.feature-visual-card{padding:50px 30px}.visual-placeholder{font-size:60px}.features-cta{padding:60px 20px}}.about-page{width:100%;background:var(--pure-white);overflow-x:hidden}.about-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 40px 80px;position:relative;overflow:hidden}.about-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;color:#fff}.about-hero-label{display:inline-block;padding:10px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:14px;font-weight:600;letter-spacing:3px;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 10px 20px #0000001a}.about-hero-title{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:25px;text-shadow:0 4px 10px rgba(0,0,0,.3);letter-spacing:-1px}.about-hero-description{font-size:20px;line-height:1.6;color:#ffffffe6;max-width:700px;margin:0 auto 50px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.about-story{padding:120px 0;position:relative;background:linear-gradient(180deg,#fff,#fafafa)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-content h2{font-size:42px;font-weight:800;margin-bottom:30px;color:#0a0a0a;line-height:1.2}.story-content p{font-size:18px;color:#555;line-height:1.8;margin-bottom:25px}.story-visual{position:relative}.story-image-container{border-radius:30px;overflow:hidden;box-shadow:0 30px 60px #0000001f;border:1px solid rgba(0,0,0,.05);aspect-ratio:4/3}.story-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.story-image-container:hover .story-image{transform:scale(1.05)}.about-journey{padding:100px 0;position:relative;overflow:hidden;background:#0a0a0a}.journey-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.journey-video-background{width:100%;height:100%;object-fit:cover}.journey-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000eb}.about-journey .container{position:relative;z-index:2}.journey-header{text-align:center;margin-bottom:80px;background:transparent}.journey-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;color:#22c55e;margin-bottom:15px}.journey-title{font-size:40px;font-weight:400;color:#fff;letter-spacing:-.5px;text-transform:capitalize}.timeline-wrapper{max-width:900px;margin:0 auto;position:relative;padding:40px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff26;transform:translate(-50%)}.timeline-item{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:flex-start;margin-bottom:60px}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(2),.timeline-item:nth-child(4){grid-template-areas:". dot content"}.timeline-item:nth-child(2) .timeline-dot,.timeline-item:nth-child(4) .timeline-dot{grid-area:dot}.timeline-item:nth-child(2) .timeline-content,.timeline-item:nth-child(4) .timeline-content{grid-area:content;text-align:left}.timeline-item:nth-child(3),.timeline-item:nth-child(5){grid-template-areas:"content dot ."}.timeline-item:nth-child(3) .timeline-dot,.timeline-item:nth-child(5) .timeline-dot{grid-area:dot}.timeline-item:nth-child(3) .timeline-content,.timeline-item:nth-child(5) .timeline-content{grid-area:content;text-align:left}.timeline-year{display:block;font-size:14px;font-weight:600;color:#22c55e;letter-spacing:1px;margin-bottom:10px}.timeline-dot{width:16px;height:16px;background:#22c55e;border-radius:50%;position:relative;margin-top:2px;flex-shrink:0;box-shadow:0 0 0 4px #22c55e33}.timeline-content{text-align:left}.timeline-content h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:10px}.timeline-content p{font-size:15px;color:#fff9;line-height:1.6;max-width:380px}@media(max-width:768px){.timeline-wrapper{padding-left:40px}.timeline-line{left:0}.timeline-item{grid-template-columns:auto 1fr;gap:20px}.timeline-year{display:none}.timeline-dot{margin-top:0}.journey-title{font-size:32px}}.about-values{padding:120px 0;background:#0a0a0a;color:#fff;position:relative;overflow:hidden}.values-title-wrapper{text-align:center;margin-bottom:80px}.values-title{font-size:42px;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2}.value-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:50px 40px;border-radius:24px;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.value-card:hover{background:#ffffff0f;transform:translateY(-10px);border-color:#fff3;box-shadow:0 20px 40px #0006}.value-icon-box{width:70px;height:70px;background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#0a0a0a;margin-bottom:30px;box-shadow:0 10px 20px #0003}.value-title{font-size:24px;font-weight:700;margin-bottom:15px;color:#fff}.value-description{font-size:16px;color:#aaa;line-height:1.6}.about-stats{padding:120px 0;background:linear-gradient(180deg,#fff,#f5f5f7);border-bottom:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center;position:relative;z-index:2}.stat-item-large{padding:40px 20px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 10px 30px #00000008;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:default}.stat-item-large:hover{transform:translateY(-10px) scale(1.02);background:#fffffff2;box-shadow:0 20px 50px #00000014;border-color:#fff}.stat-number-large{font-size:64px;font-weight:800;margin-bottom:15px;letter-spacing:-3px;background:linear-gradient(135deg,#0a0a0a,#404040);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease;display:inline-block}.stat-item-large:hover .stat-number-large{transform:scale(1.05);background:linear-gradient(135deg,#000,#22c55e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label-large{font-size:14px;font-weight:700;color:#666;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease}.stat-item-large:hover .stat-label-large{color:#0a0a0a}.about-cta{padding:120px 0;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.cta-box{max-width:800px;margin:0 auto}.cta-heading{font-size:48px;font-weight:800;margin-bottom:25px;color:#0a0a0a;letter-spacing:-1px}.cta-subtext{font-size:20px;color:#555;margin-bottom:40px;line-height:1.6}.cta-btn-primary{display:inline-block;padding:18px 45px;background:#0a0a0a;color:#fff;font-size:18px;font-weight:600;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 25px #00000026}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #0003;background:#000}@media(max-width:1024px){.story-grid{grid-template-columns:1fr;gap:50px}.values-grid{grid-template-columns:repeat(2,1fr)}.stats-container{grid-template-columns:repeat(2,1fr);gap:50px}}@media(max-width:768px){.about-hero-title{font-size:42px}.values-grid{grid-template-columns:1fr}.story-content h2{font-size:32px}}:root{--contact-bg-black: #050505;--contact-bg-dark: #0A0A0A;--contact-accent-green: #4ADE80;--contact-text-white: #FFFFFF;--contact-text-gray: #A3A3A3;--contact-border: #262626;--contact-input-bg: #171717}.contact-container{display:flex;min-height:100vh;width:100%;background-color:var(--contact-bg-black);color:var(--contact-text-white);font-family:Inter,sans-serif;overflow-x:hidden;padding-top:80px}.back-home-button{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:8px;color:var(--contact-text-gray);text-decoration:none;font-size:14px;font-weight:500;z-index:10;transition:all .2s;background:#0003;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.back-home-button:hover{color:var(--contact-text-white);background:#ffffff1a;transform:translateY(-2px)}.contact-branding{flex:1;background:radial-gradient(circle at top left,#1a2e1a,#000 60%);padding:80px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.branding-content{max-width:600px;margin:0 auto;position:relative;z-index:2}.brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:60px}.brand-logo-img{width:40px;height:40px;object-fit:contain}.brand-name{font-size:24px;font-weight:700;color:var(--contact-text-white)}.branding-title{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:24px;background:linear-gradient(to right,#fff,#a3a3a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.branding-subtitle{font-size:18px;color:var(--contact-text-gray);line-height:1.6;margin-bottom:60px;max-width:480px}.contact-info-list{display:flex;flex-direction:column;gap:30px}.contact-info-item{display:flex;align-items:flex-start;gap:20px}.info-icon-circle{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--contact-accent-green);transition:all .3s ease;flex-shrink:0}.contact-info-item:hover .info-icon-circle{background:#4ade801a;border-color:#4ade8033;transform:translateY(-2px)}.info-text h4{font-size:16px;font-weight:600;color:var(--contact-text-white);margin:0 0 4px}.info-text p{font-size:14px;color:var(--contact-text-gray);margin:0;line-height:1.5}.contact-form-section{flex:1;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative}.contact-form-container{width:100%;max-width:480px}.form-header{margin-bottom:40px}.form-title{font-size:32px;font-weight:700;margin-bottom:12px;color:var(--contact-text-white)}.form-subtitle{color:var(--contact-text-gray);font-size:16px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:var(--contact-text-white)}.form-input,.form-textarea{background-color:var(--contact-input-bg);border:1px solid var(--contact-border);border-radius:8px;padding:14px 16px;font-size:16px;color:var(--contact-text-white);transition:all .2s;outline:none;font-family:inherit}.form-textarea{resize:vertical;min-height:120px}.form-input:focus,.form-textarea:focus{border-color:var(--contact-text-white);box-shadow:0 0 0 4px #ffffff0d}.submit-button{background-color:var(--contact-text-white);color:#000;border:none;border-radius:50px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s;margin-top:10px;display:flex;justify-content:center;align-items:center;gap:8px}.submit-button:hover{background-color:#f5f5f5;transform:translateY(-2px)}@media(max-width:1024px){.contact-branding{display:none}.contact-form-section{width:100%;flex:none;min-height:100vh}}@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:20px}}.pricing-page{min-height:100vh;background:var(--primary-black);padding-top:80px}.pricing-hero-section{position:relative;padding:100px 0 80px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);overflow:hidden}.pricing-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.pricing-hero-content{text-align:center;position:relative;z-index:2;max-width:800px;margin:0 auto}.pricing-hero-title{font-size:56px;font-weight:700;color:var(--pure-white);margin-bottom:25px;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,255,255,.3));line-height:1.2}.pricing-hero-description{font-size:20px;color:#ffffffb3;line-height:1.8;max-width:700px;margin:0 auto}.pricing-cards-section{padding:80px 0;position:relative;background:var(--primary-black)}.pricing-features-comparison{padding:80px 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative}.pricing-page .section-header{text-align:center;margin-bottom:60px;padding:30px;background:#ffffffe6;border-radius:20px;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-page .section-label{font-size:14px;letter-spacing:3px;color:#fff9;font-weight:600;display:block;margin-bottom:15px}.pricing-page .section-header .section-label{color:#0009}.pricing-page .section-title{font-size:48px;font-weight:700;color:#000;margin-bottom:20px;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-page .section-description{font-size:18px;color:#000000b3;max-width:700px;margin:0 auto;line-height:1.8}.comparison-note{max-width:800px;margin:0 auto;padding:40px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-note p{font-size:16px;color:#fffc;line-height:2;margin:0}.pricing-faq-section{padding:80px 0;background:var(--primary-black)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto}.faq-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:40px 35px;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-item:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 40px #0000004d;background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.faq-question{font-size:20px;font-weight:600;color:var(--pure-white);margin-bottom:15px}.faq-answer{font-size:15px;color:#ffffffb3;line-height:1.8;margin:0}.pricing-cta-section{padding:100px 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;overflow:hidden}.pricing-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.pricing-cta-content{text-align:center;position:relative;z-index:2}.pricing-cta-title{font-size:48px;font-weight:700;color:var(--pure-white);margin-bottom:20px;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,255,255,.3))}.pricing-cta-description{font-size:20px;color:#ffffffb3;margin-bottom:40px}.pricing-cta-btn{padding:18px 50px;background:linear-gradient(135deg,#fff,#e5e5e5);color:var(--primary-black);border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .4s;box-shadow:0 10px 30px #fff3}.pricing-cta-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ffffff4d;background:var(--pure-white)}.animate-fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--pure-white);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){.pricing-hero-title{font-size:42px}.section-title,.pricing-cta-title{font-size:36px}.faq-grid{grid-template-columns:1fr;max-width:600px}}@media(max-width:768px){.pricing-page{padding-top:60px}.pricing-hero-section{padding:60px 0 40px}.pricing-hero-title{font-size:32px}.pricing-hero-description{font-size:16px}.pricing-cards-section{padding:50px 0}.section-title{font-size:28px}.section-description{font-size:16px}.pricing-features-comparison,.pricing-faq-section,.pricing-cta-section{padding:50px 0}.comparison-note{padding:30px 25px}.comparison-note p{font-size:14px}.faq-item{padding:30px 25px}.faq-question{font-size:18px}.pricing-cta-title{font-size:28px}.pricing-cta-description{font-size:16px}.pricing-cta-btn{padding:15px 40px;font-size:16px}}.blogs-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.blogs-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 15s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.blogs-hero{padding:150px 2rem 100px;text-align:center;position:relative;z-index:2}.blogs-hero-title{font-size:64px;font-weight:700;margin-bottom:1.5rem;color:#fff;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));letter-spacing:-2px}.blogs-hero-subtitle{font-size:20px;color:#e5e5e5cc;max-width:600px;margin:0 auto;line-height:1.6}.blogs-filter-section{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;position:relative;z-index:2}.blogs-filter-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006}.blogs-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.blogs-filter-single{max-width:600px;margin:0 auto}.filter-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#fff;font-size:14px;letter-spacing:1px}.filter-input,.filter-select{width:100%;padding:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:16px;transition:all .3s}.filter-input::placeholder{color:#fff6}.filter-input:focus,.filter-select:focus{outline:none;background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a}.filter-select option{background:#1a1a1a;color:#fff}.blogs-container{max-width:1400px;margin:0 auto;padding:0 2rem 5rem;position:relative;z-index:2}.blogs-layout{display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start}.blogs-main-content{min-width:0}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.blog-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.blog-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .5s}.blog-card:hover:before{opacity:1}.blog-card:hover{transform:translateY(-8px);border-color:#ffffff4d;box-shadow:0 30px 80px #00000080,0 0 0 1px #fff3,0 0 50px #ffffff1a;background:#ffffff0f}.blog-featured-image{width:100%;height:200px;object-fit:cover;filter:grayscale(30%) brightness(.9);transition:all .5s}.blog-card:hover .blog-featured-image{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.blog-content{padding:1.5rem}.blog-category{display:inline-block;padding:.4rem 1rem;background:#ffffff1a;color:#fff;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:1rem}.blog-title{font-size:1.5rem;margin-bottom:.75rem;color:#fff;font-weight:700;line-height:1.3}.blog-excerpt{color:#e5e5e5cc;line-height:1.6;margin-bottom:1rem;font-size:15px}.blog-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.blog-meta-info{display:flex;gap:1rem;font-size:14px;color:#e5e5e599}.blog-meta-item{display:flex;align-items:center;gap:.4rem}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.blog-tag{padding:.3rem .75rem;background:#ffffff0d;color:#e5e5e5b3;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:.3rem}.blogs-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:2rem;margin-top:2rem;align-self:start;max-height:calc(100vh - 140px);overflow-y:auto}.sidebar-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.1)}.sidebar-item:before{content:"•";position:absolute;left:.5rem;color:#ffffff80;font-size:12px;top:50%;transform:translateY(-50%)}.sidebar-item:hover{background:#ffffff1a;color:#fff;padding-left:1.75rem}.blogs-loading,.blogs-empty{text-align:center;padding:5rem 2rem;color:#e5e5e5cc;font-size:1.2rem}.blogs-empty{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}@media(max-width:1024px){.blogs-layout{grid-template-columns:1fr}.blogs-sidebar{position:relative;top:0;order:-1}.sidebar-section{margin-bottom:1rem}}@media(max-width:768px){.blogs-hero-title{font-size:42px}.blogs-filter-grid,.blogs-grid{grid-template-columns:1fr}.blogs-sidebar{display:grid;grid-template-columns:1fr;gap:1.5rem}}.interaction-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-top:2rem}.interaction-message{padding:1rem;background:#10b981;color:#fff;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:500}.interaction-actions{display:flex;gap:1rem;flex-wrap:wrap;padding-bottom:1.5rem;border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;align-items:center}.interaction-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f3f4f6;border:2px solid transparent;border-radius:8px;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease}.interaction-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.interaction-btn.active{background:#10b981;color:#fff;border-color:#059669}.interaction-btn svg{width:20px;height:20px}.average-rating{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:1rem;font-weight:600;color:#374151}.average-rating svg{width:20px;height:20px}.comment-form{background:#f9fafb;padding:2rem;border-radius:12px;margin-bottom:2rem}.comment-form h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981}.star-rating{display:flex;gap:.5rem}.star-icon{cursor:pointer;transition:all .2s ease}.star-icon:hover{transform:scale(1.1)}.form-actions{display:flex;gap:1rem}.submit-btn,.cancel-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#e5e7eb;color:#374151}.cancel-btn:hover{background:#d1d5db}.comments-section{margin-top:2rem}.comments-section h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem}.no-comments{text-align:center;color:#6b7280;font-size:1rem;padding:2rem;background:#f9fafb;border-radius:8px}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comment-item{background:#f9fafb;padding:1.5rem;border-radius:12px;border-left:4px solid #10b981}.comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.comment-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700}.comment-info{flex:1}.comment-info h4{margin:0 0 .25rem;color:#1f2937;font-size:1rem;font-weight:600}.comment-date{color:#6b7280;font-size:.875rem}.comment-rating{display:flex;gap:.25rem}.comment-text{margin:0;color:#374151;font-size:1rem;line-height:1.6;white-space:pre-wrap}@media(max-width:768px){.interaction-section{padding:1.5rem}.interaction-actions{gap:.75rem}.interaction-btn{padding:.6rem 1rem;font-size:.9rem}.average-rating{width:100%;margin-left:0;justify-content:center}.comment-form{padding:1.5rem}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}.blog-detail-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.blog-detail-header{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:150px 2rem 80px;position:relative;overflow:hidden}.blog-detail-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.blog-detail-header-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.back-link{color:#fffc;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;transition:all .3s;font-size:14px;font-weight:500}.back-link:hover{color:#fff;transform:translate(-4px)}.blog-category-badge{display:inline-block;padding:.5rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:30px;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem}.blog-detail-title{font-size:48px;font-weight:700;margin-bottom:1.5rem;color:#fff;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));line-height:1.2;letter-spacing:-1px}.blog-meta-row{display:flex;gap:2rem;font-size:15px;color:#ffffffb3;flex-wrap:wrap}.blog-meta-item-detail{display:flex;align-items:center;gap:.5rem}.blog-detail-content{max-width:900px;margin:0 auto;padding:3rem 2rem}.blog-featured-image-large{width:100%;border-radius:20px;margin-bottom:3rem;box-shadow:0 30px 80px #00000080;filter:grayscale(20%)}.blog-article{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006}.blog-content-text{font-size:18px;line-height:1.8;color:#e5e5e5e6;white-space:pre-wrap;margin-bottom:2rem}.blog-tags-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.blog-tags-section h4{margin-bottom:1rem;color:#e5e5e5b3;font-size:14px;letter-spacing:1px;text-transform:uppercase}.blog-tags-list{display:flex;gap:.75rem;flex-wrap:wrap}.blog-tag-detail{padding:.5rem 1.25rem;background:#ffffff14;color:#e5e5e5e6;border-radius:25px;font-size:14px;display:flex;align-items:center;gap:.5rem;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.blog-tag-detail:hover{background:#ffffff1f;border-color:#fff3}.back-button-container{text-align:center;margin-top:3rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#fff,#e5e5e5);color:#0a0a0a;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 10px 30px #0000004d}.back-button:hover{transform:translateY(-3px);box-shadow:0 20px 50px #0006;background:#fff}.blog-loading,.blog-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:#e5e5e5cc}.blog-not-found{font-size:1.5rem}.blog-not-found a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border-radius:8px;transition:all .3s}.blog-not-found a:hover{background:#ffffff26}@media(max-width:768px){.blog-detail-header{padding:120px 1.5rem 60px}.blog-detail-title{font-size:32px}.blog-article{padding:2rem 1.5rem}.blog-content-text{font-size:16px}}.success-stories-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.success-stories-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 15s ease-in-out infinite}.success-hero{padding:150px 2rem 100px;text-align:center;position:relative;z-index:2}.success-hero-title{font-size:64px;font-weight:700;margin-bottom:1.5rem;color:#fff;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,255,255,.3));letter-spacing:-2px}.success-hero-subtitle{font-size:20px;color:#e5e5e5cc;max-width:600px;margin:0 auto;line-height:1.6}.success-filter-section{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;position:relative;z-index:2}.success-filter-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006}.success-container{max-width:1400px;margin:0 auto;padding:0 2rem 5rem;position:relative;z-index:2}.success-layout{display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start}.success-main-content{min-width:0}.success-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.success-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.success-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(255,255,255,.03) 100%);opacity:0;transition:opacity .5s}.success-card:hover:before{opacity:1}.success-card:hover{transform:translateY(-8px);border-color:#ffffff4d;box-shadow:0 30px 80px #00000080,0 0 0 1px #fff3,0 0 50px #ffffff1a;background:#ffffff0f}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#374151,#1f2937);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:.3rem;z-index:1;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.15)}.success-featured-image{width:100%;height:200px;object-fit:cover;filter:grayscale(30%) brightness(.9);transition:all .5s}.success-card:hover .success-featured-image{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.success-content{padding:1.5rem}.customer-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.customer-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.customer-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.customer-details h4{margin:0;color:#fff;font-weight:700;font-size:1.1rem}.customer-role{margin:.25rem 0;font-size:14px;color:#e5e5e5b3}.customer-location{display:flex;align-items:center;gap:.3rem;font-size:14px;color:#e5e5e599}.story-category{display:inline-block;padding:.4rem 1rem;background:#ffffff14;color:#e5e7eb;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.15)}.story-title{font-size:1.5rem;margin-bottom:.75rem;color:#fff;font-weight:700;line-height:1.3}.story-excerpt{color:#e5e5e5cc;line-height:1.6;margin-bottom:1rem;font-size:15px}.story-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.star-rating{display:flex;gap:.25rem}.success-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:2rem;margin-top:2rem;align-self:start;max-height:calc(100vh - 140px);overflow-y:auto}.sidebar-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0000004d;transition:all .3s}.sidebar-section:hover{background:#ffffff14;border-color:#fff3}.sidebar-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.15)}.sidebar-item:before{content:"•";position:absolute;left:.5rem;color:#fff6;font-size:12px;top:50%;transform:translateY(-50%)}.sidebar-item:hover{background:#ffffff14;color:#fff;padding-left:1.75rem}.sidebar-item:hover:before{color:#fff}@media(max-width:1024px){.success-layout{grid-template-columns:1fr}.success-sidebar{position:relative;top:0;order:-1}.sidebar-section{margin-bottom:1rem}}@media(max-width:768px){.success-hero-title{font-size:42px}.success-grid{grid-template-columns:1fr}.success-sidebar{display:grid;grid-template-columns:1fr;gap:1.5rem}}.success-detail-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.success-detail-header{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:150px 2rem 80px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.success-detail-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.success-detail-header-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.success-badges{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.success-category-badge{display:inline-block;padding:.5rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:30px;font-size:14px;font-weight:600;letter-spacing:1px}.featured-story-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#4b5563,#374151);border-radius:30px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.15)}.success-detail-title{font-size:48px;font-weight:700;margin-bottom:1rem;color:#fff;line-height:1.2;letter-spacing:-1px}.success-rating{display:flex;gap:.5rem;margin-bottom:1.5rem}.success-meta-row{display:flex;gap:1rem;font-size:15px;color:#fffc}.success-detail-content{max-width:900px;margin:0 auto;padding:3rem 2rem}.customer-profile-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:24px;box-shadow:0 20px 60px #0006;margin-bottom:2rem;display:flex;align-items:center;gap:2rem;border:1px solid rgba(255,255,255,.1)}.customer-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2)}.customer-profile-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700}.customer-profile-info h2{margin:0 0 .5rem;color:#fff;font-size:2rem}.customer-profile-role{margin:.25rem 0;font-size:1.125rem;color:#e5e5e5cc}.customer-profile-location{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#e5e5e5b3;margin-top:.5rem}.success-featured-image-large{width:100%;border-radius:20px;margin-bottom:2rem;box-shadow:0 30px 80px #00000080;filter:grayscale(20%)}.success-article{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006;margin-bottom:2rem}.success-article h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-story-text{font-size:18px;line-height:1.8;color:#e5e5e5e6;white-space:pre-wrap;margin-bottom:2rem}.success-results-box{padding:1.5rem;background:#ffffff0d;border-radius:16px;border-left:4px solid #6b7280;margin-bottom:2rem}.success-testimonial{font-size:1.25rem;line-height:1.8;color:#e5e5e5e6;font-style:italic;padding:1.5rem;background:#ffffff08;border-radius:16px;border-left:4px solid #6b7280;margin:0}.success-testimonial footer{margin-top:1rem;font-size:1rem;font-style:normal;color:#e5e5e5b3}@media(max-width:768px){.success-detail-header{padding:120px 1.5rem 60px}.success-detail-title{font-size:32px}.customer-profile-card{flex-direction:column;text-align:center}.success-article{padding:2rem 1.5rem}}.careers-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.careers-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(59,130,246,.04) 0%,transparent 50%);pointer-events:none;animation:backgroundPulse 15s ease-in-out infinite}.careers-hero{padding:150px 2rem 100px;text-align:center;position:relative;z-index:2}.careers-hero-title{font-size:64px;font-weight:700;margin-bottom:1.5rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(59,130,246,.5));letter-spacing:-2px}.careers-hero-subtitle{font-size:20px;color:#e5e5e5cc;max-width:600px;margin:0 auto;line-height:1.6}.careers-filter-section{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;position:relative;z-index:2}.careers-filter-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:24px;border:1px solid rgba(59,130,246,.2);box-shadow:0 20px 60px #0006}.careers-filter-card h3{margin-bottom:1.5rem;color:#fff;font-size:18px;letter-spacing:.5px}.careers-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.careers-container{max-width:1400px;margin:0 auto;padding:0 2rem 5rem;position:relative;z-index:2}.careers-layout{display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start}.careers-main-content{min-width:0}.careers-list{display:flex;flex-direction:column;gap:1.5rem}.career-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(59,130,246,.15);transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.career-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 50%,rgba(59,130,246,.05) 100%);opacity:0;border-radius:20px;transition:opacity .5s}.career-card:hover:before{opacity:1}.career-card:hover{transform:translateY(-4px);border-color:#3b82f666;box-shadow:0 30px 80px #00000080,0 0 0 1px #3b82f64d,0 0 50px #3b82f633;background:#ffffff0f}.career-card-content{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.career-info{flex:1;padding-right:2rem}.career-title{font-size:1.75rem;margin-bottom:.5rem;color:#fff;font-weight:700}.career-meta-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.career-meta-item{display:flex;align-items:center;gap:.5rem;color:#e5e5e5b3;font-size:15px}.career-description{color:#e5e5e5cc;line-height:1.6;margin-bottom:1rem;font-size:15px}.career-skills{display:flex;gap:.5rem;flex-wrap:wrap}.career-skill-tag{padding:.25rem .75rem;background:#3b82f626;color:#3b82f6;border-radius:12px;font-size:14px}.career-sidebar{text-align:right;min-width:150px}.career-salary{font-size:1.25rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.career-apply-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.career-card:hover .career-apply-btn{transform:scale(1.05);box-shadow:0 6px 20px #3b82f680}.careers-sidebar-right{position:sticky;top:120px;display:flex;flex-direction:column;gap:2rem;margin-top:2rem;align-self:start;max-height:calc(100vh - 140px);overflow-y:auto}.sidebar-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 40px #0000004d;transition:all .3s}.sidebar-section:hover{background:#ffffff14;border-color:#3b82f64d}.sidebar-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(59,130,246,.2)}.sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.sidebar-item{color:#e5e5e5cc;font-size:14px;line-height:1.4;cursor:pointer;border-radius:10px;transition:all .3s;position:relative;padding:.75rem .75rem .75rem 1.5rem}.sidebar-item:before{content:"•";position:absolute;left:.5rem;color:#3b82f680;font-size:12px;top:50%;transform:translateY(-50%)}.sidebar-item:hover{background:#3b82f61a;color:#fff;padding-left:1.75rem}.sidebar-item:hover:before{color:#3b82f6}@media(max-width:1024px){.careers-layout{grid-template-columns:1fr}.careers-sidebar-right{position:relative;top:0;order:-1}.sidebar-section{margin-bottom:1rem}}@media(max-width:768px){.careers-hero-title{font-size:42px}.careers-filter-grid{grid-template-columns:1fr}.career-card-content{flex-direction:column}.career-info{padding-right:0;margin-bottom:1rem}.career-sidebar{text-align:left}.careers-sidebar-right{display:grid;grid-template-columns:1fr;gap:1.5rem}}.career-detail-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.career-detail-header{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:150px 2rem 80px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.career-detail-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.career-detail-header-content{max-width:900px;margin:0 auto;position:relative;z-index:2}.career-detail-title{font-size:48px;font-weight:700;margin-bottom:1.5rem;color:#fff;line-height:1.2;letter-spacing:-1px}.career-detail-meta{display:flex;gap:2rem;flex-wrap:wrap;font-size:15px;color:#fffc}.career-detail-meta-item{display:flex;align-items:center;gap:.5rem}.career-detail-content{max-width:900px;margin:0 auto;padding:3rem 2rem}.career-apply-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:24px;box-shadow:0 20px 60px #0006;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1)}.career-apply-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.career-deadline{display:flex;align-items:center;gap:.5rem;color:#e5e5e5b3;font-size:14px}.career-apply-buttons{display:flex;gap:1rem}.apply-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#374151,#1f2937);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000080;background:linear-gradient(135deg,#4b5563,#374151)}.apply-btn.secondary{background:linear-gradient(135deg,#4b5563,#374151)}.career-article{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006;margin-bottom:2rem}.career-article h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;margin-top:2rem}.career-article h3:first-child{margin-top:0}.career-description-text{font-size:18px;line-height:1.8;color:#e5e5e5e6;white-space:pre-wrap;margin-bottom:2rem}.career-list{list-style:none;padding:0}.career-list li{display:flex;gap:.75rem;margin-bottom:.75rem;font-size:18px;line-height:1.6;color:#e5e5e5e6}.career-list li svg{flex-shrink:0;margin-top:.25rem}.career-skills-grid{display:flex;gap:.75rem;flex-wrap:wrap}.career-skill-badge{padding:.5rem 1.25rem;background:#ffffff14;color:#e5e7eb;border-radius:25px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.15)}@media(max-width:768px){.career-detail-header{padding:120px 1.5rem 60px}.career-detail-title{font-size:32px}.career-apply-section{flex-direction:column;gap:1.5rem;text-align:center}.career-apply-buttons{flex-direction:column;width:100%}.apply-btn{width:100%;justify-content:center}.career-article{padding:2rem 1.5rem}.career-description-text,.career-list li{font-size:16px}}.philanthropy-page{background:#fff;min-height:100vh;overflow-x:hidden}.philo-hero{height:70vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.philo-hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.philo-hero-video{width:100%;height:100%;object-fit:cover}.philo-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0a0ab3,#0a0a0a80);z-index:2}.philo-hero-content{position:relative;z-index:3;max-width:900px;padding:0 20px}.philo-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:14px;font-weight:500;margin-bottom:25px;animation:float 3s ease-in-out infinite}.badge-icon{color:#fff}.philo-title{font-size:5rem;font-weight:800;margin-bottom:20px;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,255,255,.2))}.philo-subtitle{font-size:1.5rem;color:#ffffffe6;max-width:700px;margin:0 auto;line-height:1.6}.philo-involved{padding:100px 0;background:#fcfcfc}.philo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:30px}.philo-grid-secondary{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media(max-width:768px){.philo-grid-secondary{grid-template-columns:1fr}}.philo-card{position:relative;padding:40px;border-radius:30px;background:#fff;box-shadow:0 15px 45px #0000000d;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.05);transform-style:preserve-3d;perspective:1000px}.philo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff,#fffffff2);z-index:1}.philo-card>*{position:relative;z-index:2}.volunteer{background:#e8f5e9}.volunteer .philo-card-icon-wrapper{background:#1b5e20;color:#fff}.volunteer .philo-link{color:#1b5e20}.volunteer .card-bg-circle{background:#a5d6a7}.donate{background:#fff3e0}.donate .philo-card-icon-wrapper{background:#e65100;color:#fff}.donate .philo-link{color:#e65100}.donate .card-bg-circle{background:#ffe0b2}.sponsor{background:#e3f2fd}.sponsor .philo-card-icon-wrapper{background:#0d47a1;color:#fff}.sponsor .philo-link{color:#0d47a1}.sponsor .card-bg-circle{background:#bbdefb}.events{background:#fce4ec}.events .philo-card-icon-wrapper{background:#880e4f;color:#fff}.events .philo-link{color:#880e4f}.events .card-bg-circle{background:#f8bbd0}.activities{background:#e1f5fe}.activities .philo-card-icon-wrapper{background:#01579b;color:#fff}.activities .philo-link{color:#01579b}.activities .card-bg-circle{background:#b3e5fc}.gallery{background:#fffde7}.gallery .philo-card-icon-wrapper{background:#f9a825;color:#fff}.gallery .philo-link{color:#f9a825}.gallery .card-bg-circle{background:#fff9c4}.philo-card-icon-wrapper{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:25px;transition:all .4s ease;box-shadow:0 8px 20px #0000001a}.philo-card h3{font-size:24px;font-weight:700;margin-bottom:15px;color:#1a1a1a}.philo-card p{color:#666;line-height:1.6;margin-bottom:25px;font-size:15px}.philo-link{background:transparent;border:none;font-weight:600;display:flex;align-items:center;gap:8px;padding:0;cursor:pointer;transition:transform .3s}.philo-link:hover{transform:translate(5px)}.card-bg-circle{position:absolute;top:-20px;right:-20px;width:150px;height:150px;border-radius:50%;opacity:.2;z-index:1;transition:all .5s ease}.philo-card:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 30px 60px #0000001f}.philo-card:hover .philo-card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.philo-card:hover .card-bg-circle{transform:scale(1.5);opacity:.3}.philo-services{padding:100px 0;background:#fff}.philo-services .section-title{color:#1a1a1a;font-weight:800;margin-bottom:20px}.philo-services .section-description{color:#444;margin-bottom:60px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.service-card{background:#fff;padding:50px 40px;border-radius:30px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 40px #00000008;transition:all .4s ease;text-align:center}.service-icon-wrapper{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin:0 auto 30px;box-shadow:0 10px 20px #0000001a}.service-card h3{font-size:22px;font-weight:700;margin-bottom:15px;color:#1a1a1a}.service-card p{color:#666;line-height:1.7;margin-bottom:25px}.service-btn{background:transparent;border:none;color:#1a1a1a;font-weight:600;display:flex;align-items:center;gap:8px;margin:0 auto;cursor:pointer;transition:color .3s}.service-btn:hover{color:#444}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000014;border-color:#0000001a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@media(max-width:1200px){.philo-title{font-size:4rem}}@media(max-width:768px){.philo-title{font-size:3rem}.philo-subtitle{font-size:1.2rem}.philo-involved,.philo-services{padding:60px 0}.service-card{padding:40px 30px}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}