@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40%,#f0f0f0);background-size:200% 100%;border-radius:4px;display:inline-block}.dark-background .skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff14 20%,#ffffff0d 40%,#ffffff0d);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{border-radius:4px;height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:50%}.skeleton-card,.skeleton-rect{border-radius:8px}.skeleton-card{background:#fff;box-shadow:0 2px 4px #0000001a;padding:20px}.dark-background .skeleton-card{background:#0000}.skeleton-hero{align-items:center;display:flex;justify-content:center;min-height:100vh}.skeleton-stats-item{padding:20px;text-align:center}.skeleton-skill-bar{margin-bottom:20px}.skeleton-timeline-item{padding-bottom:30px;padding-left:30px;position:relative}.skeleton-portfolio-item{margin-bottom:30px}.skeleton-service-item{background:#fff;border-radius:8px;box-shadow:0 2px 15px #0000001a;margin-bottom:20px;padding:30px}.skeleton-testimonial{padding:30px;text-align:center}.hero{overflow:hidden;position:relative}.hero-image{display:block;height:100vh;object-fit:cover;object-position:center;width:100%}.hero-overlay{background:#0000;inset:0;pointer-events:none;position:absolute}.hero-content.left{align-items:normal!important;color:#fff;display:block!important;left:5%;max-width:640px;min-height:auto!important;opacity:1!important;padding:0;position:absolute!important;text-align:left;top:50%;transform:translateY(-50%);visibility:visible!important;z-index:10!important}.hero-text-wrapper{background-color:#040b14d9;border-radius:8px;box-shadow:0 8px 32px #0009,0 4px 16px #0006;padding:2rem}.hero-title{color:#fff;font-size:clamp(2.4rem,4.5vw,4.2rem);margin:0 0 .4rem}.hero-subtitle,.hero-title{text-shadow:2px 2px 4px #000c}.hero-subtitle{color:#dfeefd;margin-bottom:1rem}.hero-bio{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.hero-bio,.hero-info{text-shadow:1px 1px 3px #000c}.hero-info{align-items:center;color:#fffffff2;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.hero-text-wrapper *{color:inherit}.hero-buttons{align-items:center;display:flex;gap:.75rem}.hero-icon-btn{align-items:center;background:#040b14;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;height:56px;justify-content:center;transition:all .3s ease;width:56px}.hero-icon-btn:hover{background:#0a1628;box-shadow:0 6px 18px #0006;transform:translateY(-3px)}@media (max-width:1200px){.hero-content.left{left:160px;max-width:520px}}@media (max-width:900px){.hero-content.left{left:20px;max-width:none;padding:0;right:20px;top:55%}.hero-text-wrapper{padding:1.5rem}.hero-title{font-size:clamp(1.8rem,6vw,2.6rem)}.hero-image{height:100vh;object-fit:cover;object-position:50% 30%;width:100%}.hero{min-height:100vh}}@media (max-width:1024px) and (min-width:768px){.hero-image{object-position:center center}.hero-content.left{left:5%;max-width:90%}}.hero-social-links{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.hero-social-links .social-link{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.hero-social-links .social-link:hover{background:#fff3;border-color:#fff6;box-shadow:0 6px 18px #0006;color:#fff;transform:translateY(-3px)}.hero-social-links .social-link i{color:inherit}*,:after,:before{box-sizing:border-box}html{font-size:62.5%}body{background-color:#f8f8f8;color:#383838;font-family:Source Sans Pro,sans-serif;font-size:1.6rem}a{color:#7b9d6f;text-decoration:none}.cd-horizontal-timeline{margin:2em auto;opacity:0;transition:opacity .2s}.cd-horizontal-timeline:before{content:"mobile";display:none}.cd-horizontal-timeline.loaded{opacity:1}.cd-horizontal-timeline .timeline{height:100px;margin:0 auto;max-width:800px;position:relative;width:90%}.cd-horizontal-timeline .events-wrapper{height:100%;margin:0 40px;overflow:hidden;position:relative}.cd-horizontal-timeline .events-wrapper:after,.cd-horizontal-timeline .events-wrapper:before{content:"";height:100%;position:absolute;top:0;width:20px;z-index:2}.cd-horizontal-timeline .events-wrapper:before{background-image:linear-gradient(90deg,#f8f8f8,#f8f8f800);left:0}.cd-horizontal-timeline .events-wrapper:after{background-image:linear-gradient(270deg,#f8f8f8,#f8f8f800);right:0}.cd-horizontal-timeline .events{background:#dfdfdf;height:2px;left:0;position:absolute;top:49px;transition:transform .4s;z-index:1}.cd-horizontal-timeline .filling-line{background-color:#7b9d6f;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;transition:transform .3s;width:100%;z-index:1}.cd-horizontal-timeline .events a{bottom:0;color:#383838;font-size:1.3rem;padding-bottom:15px;position:absolute;text-align:center;transform:translateZ(0);z-index:2}.cd-horizontal-timeline .events a:after{background-color:#f8f8f8;border:2px solid #dfdfdf;border-radius:50%;bottom:-5px;content:"";height:12px;left:50%;position:absolute;right:auto;transform:translateX(-50%);transition:background-color .3s,border-color .3s;width:12px}.no-touch .cd-horizontal-timeline .events a:hover:after{background-color:#7b9d6f;border-color:#7b9d6f}.cd-horizontal-timeline .events a.selected{pointer-events:none}.cd-horizontal-timeline .events a.selected:after{background-color:#7b9d6f;border-color:#7b9d6f}.cd-horizontal-timeline .events a.older-event:after{border-color:#7b9d6f}@media only screen and (min-width:1100px){.cd-horizontal-timeline{margin:6em auto}.cd-horizontal-timeline:before{content:"desktop"}}.cd-timeline-navigation a{border:2px solid #dfdfdf;border-radius:50%;bottom:auto;color:#0000;height:34px;overflow:hidden;position:absolute;text-indent:100%;top:50%;transform:translateY(-50%);transition:border-color .3s;white-space:nowrap;width:34px;z-index:1}.cd-timeline-navigation a:after{bottom:auto;content:"";height:16px;left:50%;position:absolute;right:auto;top:50%;transform:translateX(-50%) translateY(-50%);width:16px}.cd-timeline-navigation a.prev{left:0;transform:translateY(-50%) rotate(180deg)}.cd-timeline-navigation a.next{right:0}.no-touch .cd-timeline-navigation a:hover{border-color:#7b9d6f}.cd-timeline-navigation a.inactive{cursor:not-allowed}.cd-timeline-navigation a.inactive:after{background-position:0 -16px}.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf}.cd-horizontal-timeline .events-content{margin:2em 0;overflow:hidden;position:relative;transition:height .4s;width:100%}.cd-horizontal-timeline .events-content li{animation-duration:.4s;animation-timing-function:ease-in-out;left:0;opacity:0;padding:0 5%;position:absolute;top:0;transform:translateX(-100%);width:100%;z-index:1}.cd-horizontal-timeline .events-content li.selected{opacity:1;position:relative;transform:translateX(0);z-index:2}.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{animation-name:cd-enter-right}.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{animation-name:cd-enter-left}.cd-horizontal-timeline .events-content li.leave-left,.cd-horizontal-timeline .events-content li.leave-right{animation-direction:reverse}.cd-horizontal-timeline .events-content li>*{margin:0 auto;max-width:800px}.cd-horizontal-timeline .events-content h2{font-family:Playfair Display,serif;font-size:2.6rem;font-weight:700;line-height:1.2}.cd-horizontal-timeline .events-content em{display:block;font-style:italic;margin:10px auto}.cd-horizontal-timeline .events-content em:before{content:"- "}.cd-horizontal-timeline .events-content p{color:#959595;font-size:1.4rem}.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p{line-height:1.6}@media only screen and (min-width:768px){.cd-horizontal-timeline .events-content h2{font-size:7rem}.cd-horizontal-timeline .events-content em{font-size:2rem}.cd-horizontal-timeline .events-content p{font-size:1.8rem}}@keyframes cd-enter-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes cd-enter-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard{display:flex;flex-direction:column;margin-left:15%;min-height:100vh;padding:80px 20px}.dashboard-header{text-align:center;width:100%}.dashboard-content{background-color:var(--surface-color);border-radius:8px;color:var(--default-color);font-size:1rem;min-height:100vh;padding:20px;width:100%}.content{font-size:1.4rem}.content .btn,.content .form-control,.content .form-label,.content .form-select,.content .nav-link,.content input,.content label,.content li,.content p,.content select,.content td,.content textarea,.content th{font-size:1.3rem}.content .badge{font-size:1rem;padding:.4em .65em}.content h4{font-size:1.8rem}.content h5{font-size:1.6rem}.content h6{font-size:1.4rem}.content .small,.content small{font-size:1.1rem}.content,.content *{font-size:inherit}.content{font-size:1.4rem!important}.content .btn,.content .btn-lg,.content .btn-sm{font-size:1.3rem!important;line-height:1.5!important;padding:.4rem .85rem!important}.content .form-control,.content .form-control-lg,.content .form-control-sm,.content .form-select,.content .form-select-sm,.content input,.content select,.content textarea{font-size:1.3rem!important;min-height:36px!important}.content .table td,.content .table th,.content .table-sm td,.content .table-sm th,.content .table-sm>:not(caption)>*>*,.content table td,.content table th{font-size:1.3rem!important;padding:.5rem .75rem!important}.content .nav-link{font-size:1.3rem!important}.content .badge{font-size:1rem!important}.content .small,.content .text-muted,.content small{font-size:1.1rem!important}.portfolio-manager{font-family:var(--default-font),"Roboto",system-ui,-apple-system,sans-serif;font-size:1.4rem;padding:20px}.portfolio-manager h3,.portfolio-manager h4,.portfolio-manager h5,.portfolio-manager h6{color:var(--heading-color);font-family:var(--heading-font),"Raleway",sans-serif}.portfolio-manager .btn,.portfolio-manager .card-body,.portfolio-manager .form-control,.portfolio-manager .form-label,.portfolio-manager .table,.portfolio-manager p,.portfolio-manager small{font-family:var(--default-font),"Roboto",system-ui,-apple-system,sans-serif;font-size:1.4rem}.portfolio-manager .nav-link{font-size:1.4rem;font-weight:500}.portfolio-manager .form-label{font-size:1.3rem;font-weight:500}.portfolio-header{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;text-align:center}.portfolio-body{background-color:#f9f9f9;border-radius:8px;padding:20px}.portfolio-body h2{font-family:var(--heading-font),"Raleway",sans-serif;font-size:1.5rem;margin-bottom:10px}.card{border:1px solid #ddd;border-radius:8px}@media (min-width:1200px){.dashboard{margin-left:18%}}@media (max-width:1199px){.dashboard{margin-left:0!important;padding:60px 10px 20px;width:100%}.dashboard-header{padding:10px}.dashboard-header h1{font-size:1.8rem}.dashboard-content{margin:0;padding:15px;width:100%}.card{margin-bottom:15px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:575px){.dashboard{padding:60px 5px 20px}.dashboard-header h1{font-size:1.5rem}.dashboard-content{padding:10px}.card-body{padding:15px}}.finance-dashboard{padding:20px}.metrics-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card:first-child{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.metric-card.liability-card{background:linear-gradient(135deg,#fa709a,#fee140)}.metric-card.networth-card{background:linear-gradient(135deg,#30cfd0,#330867)}.view-controls{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:25px;padding-bottom:10px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.view-btn:hover{background:#f8f9fa;color:#333}.view-btn.active{background:#667eea;color:#fff}.view-btn i{font-size:16px}.summary-view{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.summary-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;padding:20px}.section-heading{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px}.section-heading i{font-size:20px}.text-success{color:#10b981}.text-danger{color:#ef4444}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:12px;transition:background .2s}.breakdown-item:hover{background:#e9ecef}.item-icon{align-items:center;background:#fff;border-radius:8px;color:#667eea;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.item-info{flex:1 1}.item-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:2px}.item-type{color:#666;font-size:14px}.detailed-view{padding:20px}.table-container{-webkit-overflow-scrolling:touch}.data-table{font-size:15px}.data-table thead tr{background:#f8f9fa;border-bottom:2px solid #e9ecef}.data-table th{color:#495057;font-size:14px;padding:12px 16px;white-space:nowrap}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#f8f9fa}.data-table td{padding:12px 16px;vertical-align:middle}.table-item{gap:12px}.type-badge{background:#e9ecef;border-radius:20px;color:#495057;font-weight:600;padding:3px 10px}.type-badge.bank{background:#dbeafe;color:#1d4ed8}.type-badge.wallet{background:#dcfce7;color:#15803d}.type-badge.credit{background:#fef9c3;color:#854d0e}.type-badge.invest{background:#ede9fe;color:#6d28d9}.type-badge.liability{background:#fee2e2;color:#b91c1c}.amount-cell{text-align:right;white-space:nowrap}.no-data-row td{color:#9ca3af;font-size:15px;padding:40px;text-align:center}@media (max-width:1199px){.finance-dashboard{padding:15px 10px}.metrics-container{gap:15px;grid-template-columns:1fr}.metric-card{padding:15px}.metric-value{font-size:20px}.summary-view{gap:15px;grid-template-columns:1fr}.summary-section{padding:15px}.view-controls{flex-wrap:wrap;gap:8px}.view-btn{font-size:13px;padding:8px 15px}}@media (max-width:575px){.finance-dashboard{padding:10px 5px}.metric-card{gap:10px;padding:12px}.metric-icon{font-size:20px;height:40px;width:40px}.metric-value{font-size:18px}.metric-label{font-size:12px}.section-heading{font-size:16px}.breakdown-item{gap:10px;padding:10px}.item-icon{font-size:18px;height:35px;width:35px}.item-name{font-size:13px}.view-btn{flex:1 1;justify-content:center;min-width:100px}}.item-amount{font-size:16px;font-weight:700}.item-amount.success{color:#10b981}.item-amount.danger{color:#ef4444}.detailed-view{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;overflow:hidden}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa}.data-table th{border-bottom:2px solid #e9ecef;color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table td{color:#333;font-size:14px;padding:15px}.table-item{align-items:center;display:flex;gap:10px}.table-item i{color:#667eea;font-size:18px}.type-badge{background:#e3f2fd;color:#1976d2;padding:4px 12px}.amount-cell{color:#10b981;font-weight:700}.no-data-message{color:#999;font-size:14px;padding:30px;text-align:center}@media (max-width:768px){.metrics-container,.summary-view{grid-template-columns:1fr}.view-controls{flex-wrap:wrap}.metric-value{font-size:20px}}.visitors-dashboard{padding:20px}.metrics-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-label{font-size:16px}.metric-value{font-size:28px}.metric-subtitle{font-size:16px}.visitor-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.filter-group label,.filter-select,.search-input{font-size:16px}.visitor-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden}.visitor-table{border-collapse:collapse;width:100%}.visitor-table thead{background:#f8f9fa}.visitor-table th{border-bottom:2px solid #e9ecef;color:#555;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.visitor-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.visitor-table tbody tr:hover{background-color:#f8f9fa}.visitor-table td{color:#333;font-size:16px;padding:12px 15px}.ip-address{color:#667eea;font-weight:500}.country-badge{background:#e3f2fd;color:#1976d2}.country-badge,.website-badge{border-radius:12px;display:inline-block;font-size:16px;font-weight:500;padding:4px 10px}.website-badge{background:#f3e5f5;color:#7b1fa2}.page-url{color:#666;font-family:Courier New,monospace;font-size:16px}.text-muted{color:#999!important}.no-data-row p{font-size:16px}.loading{color:#666;font-size:18px;padding:50px;text-align:center}@media (max-width:1199px){.visitors-dashboard{padding:10px}.stats-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metrics-container{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-responsive,.visitor-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.visitor-table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px}.visitor-table{margin-bottom:0;min-width:800px}table{font-size:16px}td,th{padding:8px!important;white-space:nowrap}.visitor-table td:nth-child(4),.visitor-table th:nth-child(4){display:none}}@media (max-width:575px){.visitors-dashboard{padding:5px}.metrics-container,.stats-cards{grid-template-columns:1fr}.metrics-container{gap:10px}.metric-card{padding:15px}.metric-value{font-size:24px}.visitor-controls{flex-direction:column;gap:10px}.filter-group,.filter-select,.search-group,.search-input{width:100%}.visitor-table{font-size:16px;min-width:600px}table{font-size:16px}td,th{padding:6px!important}.card-body{padding:10px}.visitor-table td:nth-child(3),.visitor-table td:nth-child(4),.visitor-table th:nth-child(3),.visitor-table th:nth-child(4){display:none}.page-url{max-width:150px;overflow:hidden;text-overflow:ellipsis}}.assets-liabilities-dashboard{padding:20px}.section-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:25px}.metrics-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{border-radius:12px;box-shadow:0 4px 6px #0000001a;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-4px)}.assets-card{background:linear-gradient(135deg,#667eea,#764ba2)}.liabilities-card{background:linear-gradient(135deg,#f093fb,#f5576c)}.networth-card{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-icon{background:#fff3;border-radius:10px;color:#fff;font-size:24px;height:50px;width:50px}.metric-details{color:#fff;flex:1 1}.metric-label{font-size:13px;font-weight:500;margin-bottom:5px;opacity:.9}.metric-value{font-size:24px;font-weight:700;margin-bottom:2px}.metric-subtitle{font-size:11px;opacity:.8}.controls-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#555;font-size:14px;font-weight:500}.filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:180px;padding:8px 12px}.filter-select:focus{border-color:#667eea;outline:none}.search-group{flex:1 1;min-width:250px;position:relative}.search-group i{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px 8px 35px;width:100%}.search-input:focus{border-color:#667eea;outline:none}.accounts-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden}.accounts-table{border-collapse:collapse;width:100%}.accounts-table thead{background:#f8f9fa}.accounts-table th{border-bottom:2px solid #e9ecef;color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.accounts-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.accounts-table tbody tr:hover{background-color:#f8f9fa}.accounts-table td{color:#333;font-size:14px;padding:12px 15px}.type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.asset-badge{background:#e8f5e9;color:#2e7d32}.liability-badge{background:#ffebee;color:#c62828}.account-name{color:#2c3e50;font-weight:500}.category-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.balance-cell{font-size:15px;font-weight:600}.balance-cell.positive{color:#2e7d32}.balance-cell.negative{color:#c62828}.no-data-row{padding:40px 20px!important;text-align:center}.no-data-row p{color:#999;font-size:14px;margin-top:10px}.error,.loading{color:#666;font-size:18px;padding:50px}.error{color:#c62828}@media (max-width:1199px){.assets-liabilities-dashboard{padding:15px 10px}.metrics-container{gap:15px;grid-template-columns:1fr}.metric-card{padding:15px}.metric-value{font-size:20px}.accounts-container{grid-template-columns:1fr}.section-title{font-size:20px}}@media (max-width:575px){.assets-liabilities-dashboard{padding:10px 5px}.metric-card{gap:10px;padding:12px}.metric-icon{font-size:20px;height:40px;width:40px}.metric-value{font-size:18px}.metric-label{font-size:12px}.section-title{font-size:18px}.account-card{padding:12px}}.vault-form .form-row label[for=bank-icon],.vault-form .form-row label[for=password-set-date],.vault-form .form-row>div>label.bank-icon-label,.vault-form .form-row>div>label.password-set-date-label{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:2px}.vault-form input[type=date],.vault-form input[type=file],.vault-form select{color:#333;font-family:inherit;font-size:1.08rem;font-weight:400}.vault-form input[type=file]{max-width:100%!important;min-width:0!important;width:100%!important}.vault-form .form-row{display:flex;gap:16px}.vault-form .form-row>*{flex:1 1;min-width:0}.vault-form input[type=file],.vault-form select{box-sizing:border-box;width:100%}.vault-form .form-row>div label{color:#444;display:block;font-size:.98rem;font-weight:500;margin-bottom:4px}.vault-form .form-row>div{justify-content:flex-start}.vault-form input[type=file]{background:#fff;border:1.5px solid #ccc;border-radius:8px;box-sizing:border-box;height:44px;margin-top:0;min-width:0;padding:8px 12px;width:100%}.vault-form input[type=file]:focus,.vault-form input[type=file]:hover{border-color:#43a047}.vault-form input[type=file]::-webkit-file-upload-button{border-radius:6px;margin-right:10px;padding:8px 18px}.vault-form input[type=file]::file-selector-button{border-radius:6px;margin-right:10px;padding:8px 18px}.vault-form button[type=submit]{background:#43a047;border-radius:6px;font-size:1rem;font-weight:600;padding:10px 24px;transition:background .2s}.vault-form button[type=submit]:hover{background:#388e3c}.vault-form button[type=button]{background:#fff;border:1.5px solid #bbb;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;margin-left:0;padding:10px 20px;transition:border .2s,color .2s,background .2s}.vault-form button[type=button]:hover{background:#f5f5f5;border-color:#43a047;color:#43a047}.vault-form input[type=file]{background:#f8f8f8;border:1.5px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:inline-block;font-size:1rem;margin-bottom:0;margin-top:2px;max-width:100%;min-width:180px;padding:7px 0;transition:border .2s;width:260px}.vault-form input[type=file]:hover{border-color:#43a047}.vault-form input[type=file]::-webkit-file-upload-button{background:#e3f2fd;border:1px solid #90caf9;border-radius:5px;color:#1976d2;cursor:pointer;font-size:1rem;font-weight:500;padding:6px 16px;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s}.vault-form input[type=file]::file-selector-button{background:#e3f2fd;border:1px solid #90caf9;border-radius:5px;color:#1976d2;cursor:pointer;font-size:1rem;font-weight:500;padding:6px 16px;transition:background .2s,color .2s}.vault-form input[type=file]:hover::-webkit-file-upload-button{background:#bbdefb;color:#1565c0}.vault-form input[type=file]:hover::file-selector-button{background:#bbdefb;color:#1565c0}.vault-card-modern{background:#fff;border:1.5px solid #f0f0f0;border-radius:18px;box-shadow:0 2px 8px #e0e0e0;display:flex;flex-direction:column;margin-bottom:10px;max-width:420px;min-width:320px;overflow:hidden;padding:0;transition:box-shadow .2s,border .2s}.vault-card-modern.expanded{border-color:#90caf9;box-shadow:0 4px 24px #b3e5fc55}.vault-card-header-modern{align-items:center;display:flex;gap:18px;padding:18px 18px 0}.vault-card-icon{flex-shrink:0}.vault-card-title-group{display:flex;flex:1 1;flex-direction:column;gap:2px}.vault-card-title-row{align-items:center;color:#222;display:flex;font-size:18px;font-weight:600;gap:10px}.vault-card-balance-row{color:#1976d2;font-size:16px;font-weight:500;margin-top:2px}.vault-card-balance-conf{color:#bbb;font-size:16px;font-style:italic}.vault-card-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:20px;padding:2px 4px;transition:background .2s,color .2s}.edit-btn:hover{background:#e3f2fd;color:#1976d2}.delete-btn:hover{background:#ffebee;color:#c62828}.vault-card-body-modern{padding:10px 18px 18px}.vault-field-modern{margin-bottom:8px}.vault-card-details-modern{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:10px}.icon-placeholder{align-items:center;background:#f5f5f5;border:1px solid #eee;border-radius:12px;color:#90caf9;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.expand-btn{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#1976d2;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:6px 18px;transition:background .2s,color .2s}.expand-btn:hover{background:#e3f2fd;border-color:#90caf9;color:#0d47a1}.vault-dashboard{margin:0 auto;max-width:1400px;padding:20px}.vault-header{margin-bottom:20px}.vault-header h2{color:#333;font-size:28px;margin-bottom:8px}.vault-header p{color:#666;font-size:16px}.vault-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.vault-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.vault-tabs button:hover{background-color:#f5f5f5;color:#333}.vault-tabs button.active{border-bottom-color:#4caf50;color:#4caf50}.vault-controls{align-items:center;display:flex;gap:15px;margin-bottom:25px}.vault-search{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;max-width:400px;padding:12px 16px;transition:border-color .2s}.vault-search:focus{border-color:#4caf50;outline:none}.add-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.add-button:hover{background-color:#45a049}.add-form{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:25px;padding:25px}.vault-form{display:flex;flex-direction:column;gap:15px;max-width:600px}.vault-form input,.vault-form select,.vault-form textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px}.vault-form input:focus,.vault-form select:focus,.vault-form textarea:focus{border-color:#4caf50;outline:none}.vault-form textarea{min-height:80px;resize:vertical}.vault-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.vault-form .form-row>div{display:flex;flex-direction:column}.password-input-group{align-items:stretch;display:flex!important;flex-direction:column!important;gap:6px;position:relative}.password-input-group>button,.password-input-group>input{margin-bottom:0!important}.password-input-group{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:1fr auto}.password-input-group .password-strength-meter{grid-column:1/-1}.password-input-group input{flex:1 1;margin-bottom:0!important}.generate-password-btn{align-items:center;background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;min-width:44px;padding:0 12px;transition:background-color .2s}.generate-password-btn:hover{background-color:#1976d2}.password-strength-meter{align-items:center;display:flex;gap:10px;height:24px}.strength-bar{border-radius:3px;height:6px;min-width:20px;transition:width .3s ease,background-color .3s ease}.strength-label{font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.vault-form label{color:#333;display:block;font-family:inherit;font-size:1.08rem;font-weight:500;margin-bottom:4px;margin-top:5px}.vault-form button[type=submit]{align-self:flex-start;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.vault-form button[type=submit]:hover{background-color:#45a049}.vault-content{min-height:300px}.vault-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vault-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:box-shadow .2s}.vault-card:hover{box-shadow:0 4px 12px #0000001a}.vault-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.vault-card-header h3{color:#333;font-size:18px;margin:0}.account-type-badge{border-radius:12px;font-size:16px;font-weight:500;padding:4px 12px;text-transform:uppercase}.account-type-badge.bank{background-color:#e3f2fd;color:#1976d2}.account-type-badge.credit-card{background-color:#fff3e0;color:#f57c00}.account-type-badge.demat,.account-type-badge.trading{background-color:#f3e5f5;color:#7b1fa2}.account-type-badge.mutual-fund{background-color:#e8f5e9;color:#388e3c}.account-type-badge.aadhaar,.account-type-badge.pan{background-color:#e3f2fd;color:#1976d2}.account-type-badge.passport{background-color:#fce4ec;color:#c2185b}.account-type-badge.health-checkup,.account-type-badge.insurance{background-color:#e8eaf6;color:#3f51b5}.account-type-badge.other{background-color:#f5f5f5;color:#757575}.belongs-badge{border-radius:12px;font-size:16px;font-weight:500;margin-left:8px;padding:4px 12px}.belongs-badge.self{background-color:#e8f5e9;color:#2e7d32}.belongs-badge.spouse{background-color:#fce4ec;color:#c2185b}.belongs-badge.kid{background-color:#fff3e0;color:#f57c00}.belongs-badge.parent{background-color:#e3f2fd;color:#1976d2}.belongs-badge.other{background-color:#f5f5f5;color:#757575}.account-type-badge.broker{background-color:#f3e5f5;color:#7b1fa2}.vault-card-body{gap:16px}.vault-card-body,.vault-field{display:flex;flex-direction:column}.vault-field{gap:6px}.vault-field label{color:#666;font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{background-color:#f8f9fa;border-radius:6px;color:#333;font-size:16px;padding:10px 12px}.field-value.identifier{font-family:Courier New,monospace;font-weight:500}.password-field{align-items:center;display:flex;gap:8px}.password-field .field-value{flex:1 1;font-family:Courier New,monospace;font-weight:500}.toggle-visibility{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s}.toggle-visibility:hover{background-color:#f0f0f0;border-color:#bbb}.field-value.date{color:#666;font-size:16px}.field-value.date.next-date{color:#4caf50;font-weight:600}.field-value.notes{color:#555;font-size:16px;line-height:1.5}.password-age-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.password-age-badge{border-radius:12px;font-size:16px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.password-age-badge.good,.password-age-badge.new{background-color:#e8f5e9;color:#2e7d32}.password-age-badge.attention{background-color:#fff3e0;color:#f57c00}.password-age-badge.warning{background-color:#ffe0b2;color:#e65100}.password-age-badge.critical{animation:pulse 2s ease-in-out infinite;background-color:#ffebee;color:#c62828}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.no-entries{color:#999;grid-column:1/-1;padding:60px 20px;text-align:center}.vault-error,.vault-loading{color:#6c757d;font-size:1.4rem;font-weight:500;padding:60px 20px;text-align:center}.vault-error p{color:#d32f2f;margin-bottom:20px}.vault-error button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 24px;transition:background-color .2s}.vault-error button:hover{background-color:#45a049}@media (max-width:1199px){.vault-dashboard{padding:15px}.vault-header h2{font-size:24px}.vault-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vault-card{padding:15px}.vault-form .form-row{gap:12px;grid-template-columns:1fr}}@media (max-width:768px){.vault-grid{gap:15px;grid-template-columns:1fr!important}.vault-dashboard{padding:10px}.vault-header h2{font-size:22px}.vault-tabs{flex-direction:column;gap:5px}.vault-tabs button{border-bottom:none;border-left:3px solid #0000}.vault-tabs button.active{border-bottom-color:#0000;border-left-color:#4caf50}.vault-controls{align-items:stretch;flex-direction:column;gap:10px}.vault-search{max-width:none}.vault-card{max-width:100%;overflow:hidden;padding:12px}.vault-card-header{align-items:flex-start;flex-direction:column;gap:8px}.vault-card-header h3{font-size:16px;word-break:break-word}.vault-form .form-row{grid-template-columns:1fr}.password-input-group{flex-direction:column!important}.password-input-group input{width:100%}.generate-password-btn{min-width:auto;width:100%}}@media (max-width:575px){.vault-dashboard{padding:5px}.vault-header h2{font-size:20px}.vault-card{padding:10px}.field-value,.vault-card-header h3{font-size:16px}.field-value{padding:8px 10px}.add-button{padding:10px 16px;width:100%}}.notes-dashboard{margin:0 auto;max-width:1200px;padding:20px}.notes-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.notes-header h2{color:#333;font-size:28px;margin:0}.notes-controls{align-items:center;display:flex;gap:12px}.notes-search{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:10px 16px;transition:border-color .2s;width:250px}.notes-search:focus{border-color:#64b5f6;outline:none}.add-note-btn{background:linear-gradient(135deg,#64b5f6,#42a5f5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.add-note-btn:hover{box-shadow:0 4px 12px #42a5f54d;transform:translateY(-2px)}.note-form{background:#fff;border:2px solid #e3f2fd;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;padding:24px}.note-content-input,.note-tags-input,.note-title-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;margin-bottom:12px;padding:12px;transition:border-color .2s;width:100%}.note-content-input:focus,.note-tags-input:focus,.note-title-input:focus{border-color:#64b5f6;outline:none}.note-title-input{font-size:18px;font-weight:600}.note-content-input{line-height:1.6;min-height:150px;resize:vertical}.note-form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-save{background:linear-gradient(135deg,#66bb6a,#4caf50)}.btn-save:hover{box-shadow:0 4px 12px #4caf504d}.notes-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.note-card{background:#fff;border-left:4px solid #64b5f6;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:transform .2s,box-shadow .2s}.note-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-4px)}.note-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.note-title{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0}.note-title.untitled{color:#999;font-style:italic}.note-actions{display:flex;gap:8px}.note-action-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.note-action-btn:hover{background:#f5f5f5}.note-action-btn.delete:hover{background:#ffebee}.note-action-btn.edit:hover{background:#e3f2fd}.note-metadata{align-items:center;color:#666;display:flex;font-size:16px;gap:8px;margin-bottom:12px}.note-updated{color:#999;font-style:italic}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.note-tag{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:16px;font-weight:500;padding:4px 10px}.note-content{color:#555;font-size:16px;line-height:1.6;max-height:120px;overflow:hidden;position:relative}.note-content.expanded{max-height:none}.note-content p{margin:0;white-space:pre-wrap;word-break:break-word}.no-notes{color:#999;font-size:18px;grid-column:1/-1;padding:60px 20px;text-align:center}.error,.loading{font-size:16px;padding:40px;text-align:center}.error{color:#f44336}@media (max-width:768px){.notes-header{align-items:stretch}.notes-controls,.notes-header{flex-direction:column}.notes-search{width:100%}.notes-list{grid-template-columns:1fr}}.notes-subtabs{border-bottom:2px solid #e0e0e0;display:flex;gap:12px;margin-bottom:24px;padding-bottom:8px}.subtab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .3s}.subtab-btn:hover{background-color:#f8f9fa;color:#333}.subtab-btn.active{border-bottom-color:#42a5f5;color:#42a5f5}.todo-list-container{margin-top:20px}.todo-header{margin-bottom:24px}.todo-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.todo-search{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:10px 16px;transition:border-color .2s;width:250px}.todo-search:focus{border-color:#64b5f6;outline:none}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:#42a5f5;color:#42a5f5}.filter-btn.active{background:linear-gradient(135deg,#64b5f6,#42a5f5);border-color:#42a5f5;color:#fff}.add-todo-btn{background:linear-gradient(135deg,#81c784,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.add-todo-btn:hover{box-shadow:0 4px 12px #66bb6a4d;transform:translateY(-2px)}.todos-section{margin-top:20px}.todo-group{margin-bottom:32px}.todo-group-title{border-bottom:2px solid #e0e0e0;color:#333;font-size:20px;margin-bottom:16px;padding-bottom:8px}.todo-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s}.todo-item:hover{box-shadow:0 4px 12px #00000014}.todo-item.completed{background:#f5f5f5;opacity:.7}.todo-item.completed .todo-title{color:#999;text-decoration:line-through}.todo-item.overdue{border-left:4px solid #ef5350}.todo-item-header{align-items:flex-start;display:flex;gap:12px}.todo-checkbox{cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.todo-content{flex:1 1}.todo-title{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.todo-description{color:#666;font-size:16px;margin:0 0 8px}.todo-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.todo-due-date{color:#666;font-size:16px}.overdue-text{color:#ef5350;font-weight:600}.todo-priority{border-radius:12px;color:#fff;font-size:16px;font-weight:600;padding:4px 10px;text-transform:uppercase}.todo-actions{display:flex;gap:8px}.todo-action-btn{background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.todo-action-btn:hover{background:#e0e0e0;transform:scale(1.1)}.todo-action-btn.edit:hover{background:#e3f2fd}.todo-action-btn.delete:hover{background:#ffebee}.no-todos{background:#f9f9f9;border-radius:12px;color:#999;padding:60px 20px;text-align:center}.no-todos p{font-size:16px;margin:0}.todo-form{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:24px;padding:24px}.todo-date-input,.todo-description-input,.todo-priority-select,.todo-title-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;margin-bottom:16px;padding:12px;width:100%}.todo-date-input:focus,.todo-description-input:focus,.todo-priority-select:focus,.todo-title-input:focus{border-color:#64b5f6;outline:none}.todo-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group label{color:#666;font-size:16px;margin-bottom:6px}.todo-form-actions{display:flex;gap:12px}.btn-save{background:linear-gradient(135deg,#81c784,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-save:hover{box-shadow:0 4px 12px #66bb6a4d;transform:translateY(-2px)}.btn-cancel{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#e0e0e0}@media (max-width:768px){.todo-controls{align-items:stretch;flex-direction:column}.todo-search{width:100%}.filter-buttons{justify-content:space-between;width:100%}.todo-form-row{grid-template-columns:1fr}.todo-item-header{flex-direction:column}.todo-actions{justify-content:flex-end;width:100%}}@media (max-width:575px){.notes-dashboard{padding:10px 5px}.notes-header h2{font-size:22px}.note-card{padding:12px}.note-content,.note-title{font-size:16px}.note-form{padding:12px}.form-input,.form-textarea{font-size:16px;padding:8px}}.note-category-select,.notes-category-filter{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 16px;transition:border-color .2s}.note-category-select:focus,.notes-category-filter:focus{border-color:#64b5f6;outline:none}.notes-category-filter{width:180px}.note-category-select{margin-bottom:12px;width:100%}.note-category-badge{margin:8px 0}.category-pill{border-radius:16px;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.category-pill.general{background:#e3f2fd;color:#1976d2}.category-pill.work{background:#fff3e0;color:#f57c00}.category-pill.personal{background:#f3e5f5;color:#7b1fa2}.category-pill.finance{background:#e8f5e9;color:#388e3c}.category-pill.health{background:#fce4ec;color:#c2185b}.category-pill.ideas{background:#fff9c4;color:#f57f17}.category-pill.todo{background:#e0f2f1;color:#00897b}.dashboard-home{padding:20px}.dashboard-nav-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:10px 20px 0}.dashboard-nav-tabs .nav-tabs{border-bottom:2px solid #e9ecef}.dashboard-nav-tabs .nav-link{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1.4rem;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.dashboard-nav-tabs .nav-link.active,.dashboard-nav-tabs .nav-link:hover{background-color:#667eea0d;color:#667eea}.dashboard-nav-tabs .nav-link.active{border-bottom-color:#667eea}.dashboard-nav-tabs .nav-link i{font-size:18px}.tab-content{margin-top:20px}.tab-placeholder{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.tab-placeholder p{color:#999;font-size:18px;margin-top:16px}.hidden{display:none}@media (max-width:1199px){.dashboard-home{padding:10px}.dashboard-nav-tabs{padding:5px 10px 0}.dashboard-nav-tabs .nav-link{font-size:1.2rem;padding:10px 16px}.dashboard-nav-tabs .nav-link i{font-size:16px}.tab-content{margin-top:15px}.card-header-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.card-header-tabs .nav-item{flex-shrink:0}.card-header-tabs .nav-link{font-size:1.3rem;padding:10px 16px;white-space:nowrap}}@media (max-width:768px){.table.table-hover tbody tr td:nth-child(5),.table.table-hover thead tr th:nth-child(5){display:none}}@media (max-width:575px){.dashboard-home{padding:5px}.dashboard-nav-tabs .nav-link{font-size:1rem;padding:8px 12px}.dashboard-nav-tabs .nav-link i{font-size:14px}.tab-placeholder{padding:40px 10px}.tab-placeholder p{font-size:14px}.card-header-tabs .nav-link{font-size:1.1rem;padding:8px 12px}.table.table-hover tbody tr td:nth-child(5),.table.table-hover thead tr th:nth-child(5){display:none!important}.table.table-hover tbody tr td:nth-child(4),.table.table-hover thead tr th:nth-child(4){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.drag-drop-zone{background-color:#f9f9f9;border:2px dashed #aaa;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:.3s ease}.drag-drop-zone.hover{background-color:#e8f0fe;border-color:#4285f4}.file-info{font-weight:700;margin-top:10px}.or{color:#999;font-size:14px;margin:10px 0}.drag-drop-zone button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.drag-drop-zone button:hover{background-color:#3367d6}.file-info{align-items:center;display:flex;flex-direction:column;font-size:14px;font-weight:500;margin-top:12px}.file-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-top:16px}.file-item{align-items:center;background-color:#f7f7f7;border-radius:12px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100px;justify-content:center;overflow:hidden;padding:8px;position:relative;width:100px}.preview-image{border-radius:12px;height:100%;object-fit:cover;width:100%}.file-icon{font-size:32px}.file-name{background:#ffffffb3;border-radius:4px;bottom:4px;font-size:10px;left:4px;padding:2px 4px;text-align:center;word-break:break-word}.file-name,.remove-btn{position:absolute;right:4px}.remove-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;color:#d9534f;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;padding:0;top:4px;transition:background .2s ease;width:20px}.remove-btn:hover{background-color:#f2f2f2}.remove-btn:focus{box-shadow:none;outline:none}.icon{font-size:32px;margin-bottom:8px;opacity:.5}.resume-upload-wrapper{margin-top:20px;text-align:center}.upload-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:8px 16px;transition:background-color .3s ease}.upload-btn:hover{background-color:#218838}.upload-status{color:#555;font-size:14px;font-weight:500;margin-top:10px}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.expense-manager{background-color:#f8f9fa;font-size:1.5rem;min-height:100vh;padding:20px}.expense-manager .btn,.expense-manager .card-text,.expense-manager .form-control,.expense-manager .form-select,.expense-manager input,.expense-manager label,.expense-manager p,.expense-manager td,.expense-manager textarea,.expense-manager th{font-size:1.5rem}.expense-manager h1{font-size:3rem}.expense-manager h2{font-size:2.5rem}.expense-manager h3{font-size:2rem}.expense-manager h4{font-size:1.75rem}.expense-manager h5{font-size:1.5rem}.expense-manager h6{font-size:1.25rem}.expense-manager .small,.expense-manager small{font-size:1.2rem}.expense-nav-tabs .nav-tabs{border-bottom:2px solid #dee2e6;margin-bottom:0}.expense-nav-tabs .nav-link{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1.5rem;font-weight:500;padding:12px 20px;transition:all .3s}.expense-nav-tabs .nav-link:hover{background-color:#f8f9fa;color:#495057}.expense-nav-tabs .nav-link.active{background-color:initial;border-bottom-color:#667eea;color:#667eea}.expense-nav-tabs .nav-link i{font-size:1.5rem}.expense-navbar-sticky{background-color:#f8f9fa;box-shadow:0 2px 10px #0000001a;margin-left:0;margin-right:-20px;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.expense-manager-loading{display:flex;justify-content:center;@media (max-width:1199px){.expense-manager{padding:10px}.expense-navbar-sticky{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.expense-nav-tabs .nav-link{font-size:1.2rem;padding:10px 12px}.expense-manager h1{font-size:2rem}.expense-manager h2{font-size:1.75rem}.expense-manager h3{font-size:1.5rem}.expense-manager .btn,.expense-manager .form-control,.expense-manager label,.expense-manager p,.expense-manager td,.expense-manager th{font-size:1.2rem}}@media (max-width:575px){.expense-manager{padding:5px}.expense-navbar-sticky{padding:10px 5px}.expense-nav-tabs .nav-link{font-size:1rem;padding:8px 10px}.expense-manager h1{font-size:1.5rem}.expense-manager h2{font-size:1.35rem}.expense-manager h3{font-size:1.25rem}.expense-manager .btn,.expense-manager .form-control,.expense-manager label,.expense-manager p,.expense-manager td,.expense-manager th{font-size:1rem}.expense-manager .small,.expense-manager small{font-size:.9rem}}align-items:center;min-height:400px}.stat-card{background:#fff;box-shadow:0 2px 8px #00000014;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.bg-success-subtle .stat-icon{background:linear-gradient(135deg,#28a745,#20c997)}.bg-danger-subtle .stat-icon{background:linear-gradient(135deg,#dc3545,#fd7e14)}.bg-primary-subtle .stat-icon{background:linear-gradient(135deg,#007bff,#6610f2)}.bg-warning-subtle .stat-icon{background:linear-gradient(135deg,#ffc107,#ff6b6b)}.stat-content h3{color:#333;font-size:2.5rem;font-weight:700;margin:0}.stat-content p{color:#6c757d;font-size:1.5rem;margin:0}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px}.action-buttons .btn{flex:1 1;font-size:1.5rem;min-width:200px;padding:12px 20px}.account-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center;transition:all .3s}.account-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.account-icon{align-items:center;background:#f3f6ff;border:1px solid #e5e7eb;border-radius:50%;color:#4a5568;display:flex;font-size:2rem;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.account-card h6{color:#6c757d;font-size:1.5rem;margin-bottom:10px}.account-card h4{color:#333;font-weight:700;margin-bottom:5px}.account-card small{font-size:1.2rem}.account-card-detail{border:none;box-shadow:0 2px 8px #00000014;transition:all .3s}.account-card-detail:hover{box-shadow:0 6px 16px #0000001f}.account-icon-large{align-items:center;background:#f3f6ff;border:1px solid #e5e7eb;border-radius:12px;color:#4a5568;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.account-card-detail .card-title{color:#333;font-weight:600;margin-bottom:10px}.account-card-detail h3{font-weight:700;margin:10px 0}.headers-list .table{margin-bottom:0}.headers-list .table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.headers-list .table tbody tr{transition:background-color .2s}.accordion-type-bank .accordion-button{background-color:#0d6efd;color:#fff}.accordion-type-bank .accordion-button.collapsed{background-color:#e7f1ff;color:#0d6efd}.accordion-type-bank .accordion-button .badge{background-color:#fff3;color:#fff}.accordion-type-bank .accordion-button.collapsed .badge{background-color:#0d6efd1f;border:1px solid #0d6efd33;color:#0d6efd}.accordion-type-credit .accordion-button{background-color:#ffc107;color:#212529}.accordion-type-credit .accordion-button.collapsed{background-color:#fff8e1;color:#856404}.accordion-type-credit .accordion-button .badge{background-color:#0000001a;color:#212529}.accordion-type-credit .accordion-button.collapsed .badge{background-color:#ffc10726;border:1px solid #ffc10740;color:#856404}.accordion-type-wallet .accordion-button{background-color:#198754;color:#fff}.accordion-type-wallet .accordion-button.collapsed{background-color:#eaf7f1;color:#198754}.accordion-type-wallet .accordion-button .badge{background-color:#fff3;color:#fff}.accordion-type-wallet .accordion-button.collapsed .badge{background-color:#1987541f;border:1px solid #19875433;color:#198754}#accountsAccordion .accordion-button{font-size:1.1rem;font-weight:600}.headers-list .table tbody tr:hover{background-color:#f8f9fa}.quick-add-transaction{padding:20px 0}.quick-add-transaction .card{border:none;box-shadow:0 4px 16px #0000001a}.quick-add-transaction .card-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:20px}.quick-add-transaction .card-body{padding:30px}.quick-add-transaction .form-control,.quick-add-transaction .form-select{border:2px solid #e9ecef;border-radius:8px;padding:12px;transition:border-color .3s}.quick-add-transaction .form-control:focus,.quick-add-transaction .form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea26}.quick-add-transaction .form-control-lg{font-size:2rem;font-weight:600;text-align:center}.quick-add-transaction .form-label{color:#495057;font-weight:600;margin-bottom:8px}@media (max-width:768px){.expense-manager{padding:10px}.stat-card{margin-bottom:15px}.action-buttons{flex-direction:column}.action-buttons .btn{min-width:auto;width:100%}.quick-add-transaction .card-body{padding:20px}}.badge{border-radius:20px;font-size:1.2rem;font-weight:600;padding:6px 12px}.card{border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.card-header{background-color:#fff;border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0!important;padding:20px}.card-header h5{color:#333;font-weight:600;margin:0}.card-body{padding:20px}.text-center i.display-1{opacity:.3}.btn{font-weight:500;transition:all .2s}.btn-primary{border:none}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-outline-primary{border:2px solid #667eea;color:#667eea}.btn-outline-primary:hover{background:#667eea;color:#fff}.statement-wrapper{background:#fff;border:1px solid #999}.statement-header{background:#e8f0f8;font-size:20px;font-weight:700;padding:10px;text-align:center}.statement-table{border-collapse:collapse;width:100%}.statement-table td,.statement-table th{border:1px solid #555;font-size:13px;padding:6px}.statement-table thead tr:first-child th{background:#cfe3a0;text-align:center}.statement-table thead tr:nth-child(2) th{background:#dbeec2}.amount{font-weight:700;text-align:right}.autocomplete-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:-1px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background-color .2s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f8f9fa}.autocomplete-item .suggestion-name{color:#333;font-size:1.4rem;font-weight:500;margin-bottom:4px}.autocomplete-item .suggestion-details{color:#6c757d;font-size:1.2rem}.autocomplete-suggestions::-webkit-scrollbar{width:8px}.autocomplete-suggestions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 8px 0}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#555}.month-picker-container{padding:15px}.month-picker-title{flex:0 1 auto;min-width:200px;text-align:center}.month-picker-actions{flex-wrap:wrap;justify-content:flex-end}.btn-month-current,.btn-month-nav{white-space:nowrap}.mobile-menu-toggle{display:none;font-size:1.5rem;margin-right:10px;padding:8px 12px}@media (max-width:1199px){.mobile-menu-toggle{display:block}.expense-navbar-sticky{background-color:initial;box-shadow:none;margin-left:0;margin-right:0;padding:10px;position:relative;top:auto}.expense-nav-tabs{background-color:#000000f2;display:none;height:100vh;left:0;overflow-y:auto;padding:60px 20px 20px;position:fixed;top:0;width:100%;z-index:9999}.expense-nav-tabs.mobile-menu-open{display:block}.expense-nav-tabs .nav-tabs{border-bottom:none;flex-direction:column;gap:10px}.expense-nav-tabs .nav-item{width:100%}.expense-nav-tabs .nav-link{background-color:#ffffff0d;border-bottom:none;border-left:4px solid #0000;border-radius:8px;color:#fff;font-size:1.3rem;margin-bottom:5px;padding:16px 20px;text-align:left;width:100%}.expense-nav-tabs .nav-link:hover{background-color:#667eea33;border-left-color:#667eea}.expense-nav-tabs .nav-link.active{background-color:#667eea4d;border-bottom-color:#0000;border-left-color:#667eea;color:#fff}.expense-nav-tabs .nav-link i{font-size:1.3rem;margin-right:12px}.add-transaction-btn{font-size:1.2rem;padding:10px 16px}.add-transaction-btn .btn-text{display:none}.add-transaction-btn i{font-size:1.4rem;margin-right:0!important}.month-picker-container .d-flex{gap:10px}.btn-month-current,.btn-month-nav{font-size:1.2rem;padding:8px 12px}.month-picker-title{font-size:1.3rem}}@media (max-width:768px){.month-picker-container .d-flex{align-items:stretch;flex-direction:column;gap:10px}.month-picker-title{font-size:1.2rem;min-width:auto;order:-1;text-align:center}.btn-month-current,.btn-month-nav{justify-content:center;width:100%}.month-picker-actions{order:1;width:100%}.btn-month-nav:first-child{margin-bottom:10px;order:-1}}@media (max-width:575px){.month-picker-container{padding:10px}.month-picker-title{font-size:1.1rem}.btn-month-nav .btn-text{display:inline}.btn-month-nav i{font-size:1.1rem}.btn-month-current,.btn-month-nav{font-size:1.1rem;padding:6px 10px}}.accounts-list .accordion-item{border:1px solid #dee2e6;border-radius:8px;margin-bottom:15px;overflow:hidden}.accounts-list .accordion-button{background-color:#f8f9fa;font-size:1.4rem;font-weight:600;padding:16px 20px}.accounts-list .accordion-button:not(.collapsed){background-color:#667eea;color:#fff}.accounts-list .accordion-button .badge{font-size:1.1rem;margin-left:auto}.account-card-detail{transition:transform .2s,box-shadow .2s}.account-card-detail:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:1199px){.accounts-list .row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.accounts-list .col-md-4{max-width:100%;width:100%}.accounts-list .accordion-button{font-size:1.2rem;padding:14px 16px}}@media (max-width:768px){.accounts-list .row{grid-template-columns:1fr}.accounts-list .accordion-button{flex-wrap:wrap;font-size:1.1rem;padding:12px 14px}.accounts-list .accordion-button .badge{font-size:1rem;margin-left:8px}.account-card-detail{padding:12px}.account-card-detail .card-body{padding:10px}}@media (max-width:575px){.accounts-list .accordion-button{font-size:1rem;padding:10px 12px}.accounts-list .accordion-button .badge{font-size:.9rem}.account-card-detail h5{font-size:1.1rem}.account-card-detail h3{font-size:1.3rem}}.analytics-dashboard{padding:0}.analytics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.analytics-dashboard .nav-tabs{border-bottom:2px solid #dee2e6;margin-bottom:2rem}.analytics-dashboard .nav-tabs .nav-link{border:none;color:#6c757d;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.analytics-dashboard .nav-tabs .nav-link:hover{background-color:#f8f9fa;color:#0d6efd}.analytics-dashboard .nav-tabs .nav-link.active{background-color:initial;border-bottom:3px solid #0d6efd;color:#0d6efd}.metric-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.metric-icon{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.income-card .metric-icon{background:#d1f4e0;color:#00c49f}.expense-card .metric-icon{background:#ffe0d1;color:#ff8042}.balance-card .metric-icon{background:#d1e7ff;color:#0088fe}.savings-card .metric-icon{background:#f4e1ff;color:#8884d8}.metric-content h6{color:#6c757d;font-size:1rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-content h3{color:#212529;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.metric-content p{margin:0}.category-list{max-height:300px;overflow-y:auto}.category-item{border-bottom:1px solid #e9ecef;padding:1rem}.category-item:last-child{border-bottom:none}.category-color{border-radius:4px;height:20px;margin-right:1rem;width:20px}.category-name{color:#212529;font-weight:600}.category-count{font-size:.95rem}.category-amount{color:#212529;font-weight:700}.category-percentage{font-size:.95rem}.budget-stat{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center}.budget-label{color:#6c757d;font-size:1rem;margin-bottom:.5rem}.budget-value{color:#212529;font-size:1.5rem;font-weight:700}.investment-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;gap:1rem;padding:1.5rem}.investment-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.investment-content h6{font-size:1rem;margin-bottom:.5rem;opacity:.9}.investment-content h3{font-size:1.75rem;font-weight:700;margin:0}.investment-breakdown-list{max-height:300px;overflow-y:auto}.investment-item{border-bottom:1px solid #e9ecef;padding:1rem}.investment-item:last-child{border-bottom:none}.investment-color{border-radius:4px;height:20px;margin-right:1rem;width:20px}.investment-type{color:#212529;font-weight:600}.investment-accounts{font-size:.95rem}.investment-amount{color:#212529;font-weight:700}.investment-percentage{font-size:.95rem}.prediction-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem}.prediction-icon{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.prediction-icon.income{background:#d1f4e0;color:#00c49f}.prediction-icon.expense{background:#ffe0d1;color:#ff8042}.prediction-icon.savings{background:#d1e7ff;color:#0088fe}.prediction-content h6{color:#6c757d;font-size:1rem;margin-bottom:.5rem}.prediction-content h3{font-size:1.75rem;font-weight:700;margin:0}.tax-summary{background:#f8f9fa;border-radius:8px;padding:1.5rem}.tax-summary-item{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.75rem 0}.tax-summary-item:last-child{border-bottom:none}.tax-summary-item span{color:#6c757d;font-size:1.05rem}.tax-summary-item strong{color:#212529;font-size:1.1rem}.analytics-dashboard .card{border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a}.analytics-dashboard .card-header{background:#fff;border-bottom:2px solid #e9ecef;border-radius:10px 10px 0 0!important;padding:1.25rem 1.5rem}.analytics-dashboard .card-header h5{color:#212529;font-weight:600;margin:0}.analytics-dashboard .card-body{padding:1.5rem}.analytics-dashboard .table{margin-bottom:0}.analytics-dashboard .table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#6c757d;font-size:.9rem;font-weight:600;text-transform:uppercase}.analytics-dashboard .table-hover tbody tr:hover{background-color:#f8f9fa}@media (max-width:768px){.analytics-dashboard .nav-tabs .nav-link{font-size:1rem;padding:.75rem .5rem}.investment-card,.metric-card,.prediction-card{flex-direction:column;text-align:center}.investment-content h3,.metric-content h3,.prediction-content h3{font-size:1.5rem}}.category-list::-webkit-scrollbar,.investment-breakdown-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track,.investment-breakdown-list::-webkit-scrollbar-track{background:#f1f1f1}.category-list::-webkit-scrollbar-thumb,.investment-breakdown-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.category-list::-webkit-scrollbar-thumb:hover,.investment-breakdown-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1199px){.analytics-dashboard{padding:10px}.analytics-dashboard .nav-tabs .nav-link{font-size:14px;padding:.75rem 1rem}.metric-card{padding:1rem}.recharts-wrapper{height:auto!important;width:100%!important}}@media (max-width:575px){.analytics-dashboard .nav-tabs .nav-link{font-size:12px;padding:.5rem .75rem}.metric-card{flex-direction:column;padding:.75rem;text-align:center}.category-list,.investment-breakdown-list{max-height:300px}}.admin-login-history-container,.change-password-container,.login-history-container{margin:0 auto;max-width:1200px;padding:2rem}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.settings-header h2{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;gap:.5rem;margin:0}.settings-subtitle{color:#666;font-size:.95rem;margin:.5rem 0 0}.settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.message-box{align-items:center;border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.message-box.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-box.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message-box i{font-size:1.25rem}.password-form{max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#333;display:flex;gap:.5rem;margin-bottom:.5rem}.form-control{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-control:focus{border-color:#007bff;outline:none}.form-hint{color:#666;display:block;font-size:.85rem;margin-top:.25rem}.form-actions{margin-top:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background:#fff;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff}.spinner-large{border:4px solid #667eea4d;border-top-color:#667eea;height:48px;width:48px}.password-tips{background:#f8f9fa;border-radius:8px;margin-top:2.5rem;max-width:600px;padding:1.5rem}.password-tips h4{color:#333;font-size:1.1rem;margin-bottom:1rem}.password-tips ul{list-style:none;margin:0;padding:0}.password-tips li{align-items:center;color:#555;display:flex;gap:.75rem;padding:.5rem 0}.password-tips li i{color:#28a745;font-size:1.1rem}.table-responsive{margin:1.5rem 0;overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.history-table th{font-weight:600;padding:1rem;text-align:left}.history-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.history-table tbody tr:hover{background-color:#f8f9fa}.history-table td{color:#333;padding:1rem}.success-row{border-left:3px solid #28a745}.failed-row{border-left:3px solid #dc3545}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.4rem .8rem}.status-badge.success{background-color:#d4edda;color:#155724}.status-badge.failed{background-color:#f8d7da;color:#721c24}.date-info,.ip-address,.user-info{align-items:center;display:flex;gap:.5rem}.date-info i,.ip-address i,.user-info i{color:#667eea}.ip-address{font-family:Courier New,monospace;font-size:.9rem}.failure-reason{align-items:center;background-color:#fff3cd;border-radius:4px;color:#856404;display:inline-flex;font-size:.85rem;gap:.4rem;padding:.3rem .6rem}.logout-info{color:#666;display:block;font-size:.85rem;margin-top:.25rem}.history-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem}.stat-card i{font-size:2.5rem}.stat-card i.success{color:#28a745}.stat-card i.danger{color:#dc3545}.stat-card h4{color:#1a1a1a;font-size:1.75rem;margin:0}.stat-card p{color:#666;font-size:.9rem;margin:0}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.page-info{color:#333;font-weight:600}.empty-state,.loading-state{color:#666;padding:3rem;text-align:center}.empty-state p,.loading-state p{font-size:1rem;margin-top:1rem}.empty-state i{color:#ccc;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#333;margin:.5rem 0}.security-notice{align-items:flex-start;background:#fff3cd;border-left:4px solid #ffc107;gap:1rem;margin-top:2rem;padding:1.5rem}.security-notice i{color:#856404;font-size:1.5rem;margin-top:.25rem}.security-notice h4{color:#856404;font-size:1rem;margin:0 0 .5rem}.security-notice p{color:#856404;font-size:.9rem;margin:0}.filters-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-group{flex:1 1;min-width:200px}.filter-group label{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.admin-table thead{background:linear-gradient(135deg,#11998e,#38ef7d)}@media (max-width:768px){.admin-login-history-container,.change-password-container,.login-history-container{padding:1rem}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-card{padding:1rem}.history-stats{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-group{width:100%}.history-table{font-size:.85rem}.history-table td,.history-table th{padding:.5rem}}.two-factor-setup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:24px}.setup-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.setup-container h2{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.subtitle{font-size:16px;margin-bottom:32px}.setup-step{border-bottom:1px solid #e5e5e5;display:flex;gap:20px;margin-bottom:32px;padding-bottom:32px}.setup-step:last-of-type{border-bottom:none}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h3{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:8px}.step-content p{color:#666;line-height:1.6;margin-bottom:16px}.app-links{display:flex;gap:16px;margin-bottom:12px}.app-badge{background:#f5f5f5;border-radius:8px;color:#333;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.app-badge:hover{background:#e5e5e5;transform:translateY(-2px)}.alternatives{color:#999;font-size:14px}.qr-code-container{background:#fff;border:2px solid #e5e5e5;border-radius:12px;display:flex;justify-content:center;margin:16px 0;padding:24px}.secret-key-box{align-items:center;background:#f8f8f8;border:1px solid #e5e5e5;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:16px}.secret-key-box code{color:#667eea;flex:1 1;font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:2px}.btn-copy{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-copy:hover{background:#5568d3;transform:scale(1.05)}.warning-text{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:14px;margin-top:16px;padding:12px}.verification-form{display:flex;gap:12px;margin-top:16px}.code-input{border:2px solid #e5e5e5;border-radius:8px;flex:0 0 200px;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:8px;padding:14px;text-align:center;transition:border-color .2s}.code-input:focus{border-color:#667eea;outline:none}.btn-verify{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.btn-verify:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-verify:disabled{cursor:not-allowed;opacity:.6}.alert{border-radius:8px;font-size:14px;font-weight:500;margin-top:16px;padding:12px 16px}.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.alert-success{background:#efe;border:1px solid #cfc;color:#3c3}.security-notice{background:#f0f4ff;border:2px solid #667eea;border-radius:12px;margin-top:32px;padding:24px}.security-notice h4{color:#667eea;font-size:18px;font-weight:600;margin-bottom:16px}.security-notice ul{list-style:none;margin:0;padding:0}.security-notice li{color:#555;line-height:1.6;padding:8px 0}.security-notice li:before{color:#667eea;content:"✓ ";font-weight:700;margin-right:8px}.security-notice code{background:#fff;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:13px;padding:2px 8px}.loading-spinner{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#667eea;display:inline-block;height:48px;margin-bottom:16px;width:48px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.error-state{padding:60px 20px;text-align:center}.error-state h3{color:#c33;font-size:24px;margin-bottom:16px}.error-state p{color:#666;margin-bottom:24px}.btn-retry{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-retry:hover{background:#5568d3;transform:translateY(-2px)}@media (max-width:768px){.two-factor-setup{padding:16px}.setup-container{padding:20px}.setup-step{flex-direction:column;gap:12px}.step-number{font-size:18px;height:36px;width:36px}.app-links,.verification-form{flex-direction:column}.code-input{flex:1 1;width:100%}.qr-code-container svg{height:auto;max-width:100%}}.secret-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.secret-login-box{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lock-icon{font-size:48px;margin-bottom:20px;text-align:center}.secret-login-box h2{color:#333;font-size:28px;font-weight:600;margin-bottom:10px;text-align:center}.subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#aaa}.help-text{color:#888;display:block;font-size:12px;margin-top:6px}.error-message{align-items:center;background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.error-message i{font-size:18px}button[type=submit]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}button[type=submit]:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}button[type=submit]:active:not(:disabled){transform:translateY(0)}button[type=submit]:disabled{background:#ccc;cursor:not-allowed;transform:none}.spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.security-notice{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:24px;padding:14px 16px;text-align:center}.security-notice i{color:#667eea;font-size:16px}@media (max-width:480px){.secret-login-box{padding:30px 24px}.secret-login-box h2{font-size:24px}.lock-icon{font-size:40px}}