:root{--navy: #0B192C;--navy-mid: #1A365D;--navy-soft: #2C5282;--orange: #FF6B35;--orange-mid: #F7931E;--orange-deep: #E65A28;--orange-soft: rgba(255, 107, 53, .15);--orange-glow: 0 0 15px rgba(255, 107, 53, .4);--panel: #ffffff;--border: rgba(11, 25, 44, .1);--text: #1A202C;--text-muted: #718096;--danger: #E53E3E;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px rgba(11, 25, 44, .08);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .04);--heading-font: "Inter", "Segoe UI", system-ui, sans-serif;--body-font: "Inter", "Segoe UI", system-ui, sans-serif;font-family:var(--body-font);line-height:1.6;font-weight:400;color:var(--text);background:#f4f7fb}.app.dark-mode{--panel: #112240;--border: rgba(255, 255, 255, .05);--text: #e2e8f0;--text-muted: #a0aec0;--shadow-md: 0 10px 25px rgba(0, 0, 0, .25);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .3);background:var(--navy);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;position:relative;background-color:var(--navy)}.app{min-height:100vh;background:#f4f7fb;transition:background-color .3s ease,color .3s ease}.app.dark-mode{background:var(--navy)}button,input,select{font:inherit}#root{min-height:100vh}h1,h2,h3,h4{margin:0;font-family:var(--heading-font);font-weight:700;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}h2{font-size:clamp(1.5rem,3vw,2.2rem)}a{color:var(--orange);text-decoration:none;transition:color .2s}a:hover{color:var(--orange-mid)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-deep));color:#fff;border:none;box-shadow:var(--orange-glow);transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #ff6b3599}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100vw;background-color:var(--navy)}.main-content{flex:1;overflow-y:auto;min-height:100vh;position:relative;background-color:#0b1528;background-image:linear-gradient(#0b1528e6,#0b1528e6),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z' fill='%231e3a8a' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.main-content:before,.main-content:after{content:"";position:fixed;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,#c8501480,#96320a33);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset -5px -5px 15px #0000004d,inset 5px 5px 20px #fff3;z-index:0}.main-content:before{width:150px;height:150px;top:5%;right:5%}.main-content:after{width:100px;height:100px;bottom:20%;right:25%}.top-navbar{width:100%;height:80px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d;z-index:50}.nav-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff6b35cc,#c83c0a99);box-shadow:inset -5px -5px 10px #0003,inset 5px 5px 15px #fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}.nav-bubble-1{width:120px;height:120px;top:-60px;left:20%}.nav-bubble-2{width:80px;height:80px;bottom:-40px;right:15%}.nav-left,.nav-center,.nav-right{position:relative;z-index:10;display:flex;align-items:center}.nav-left{flex:1}.nav-center{flex:2;justify-content:center;gap:12px}.nav-right{flex:1;justify-content:flex-end;gap:20px}.nav-search-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 16px;width:100%;max-width:350px;transition:border-color .2s}.nav-search-container:focus-within{border-color:var(--orange-mid);background:#ffffff14}.search-icon{font-size:14px;margin-right:10px;color:#a0aec0}.nav-search-bar{background:transparent;border:none;color:#fff;font-size:14px;outline:none;width:100%}.nav-search-bar::placeholder{color:#718096}.nav-button{display:flex;align-items:center;gap:8px;padding:10px 18px;color:#e2e8f0;text-decoration:none;font-size:14px;font-weight:500;border-radius:12px;transition:all .2s;background:transparent}.nav-button:hover{background:#ffffff0d;color:var(--orange-mid)}.nav-button.active{color:var(--orange-mid);background:linear-gradient(135deg,#ff6b3526,#db982b0d);border:1px solid rgba(255,107,53,.2)}.nav-icon{font-size:16px}.nav-user-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.nav-user-info span{font-weight:600;font-size:14px}.nav-user-info small{color:#e5a753;font-size:10px;letter-spacing:.5px}.logout-btn{background:transparent;border:1px solid rgba(255,50,50,.5);color:#ff6b6b;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600}.logout-btn:hover{background:#ff32321a;color:#fff}@media(max-width:1100px){.nav-text{display:none}}@media(max-width:768px){.top-navbar{flex-wrap:wrap;height:auto;padding:16px;gap:16px}.nav-left,.nav-center,.nav-right{flex:100%;justify-content:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy-mid);padding:20px}.login-card-wrapper{display:flex;width:100%;max-width:900px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;position:relative}.login-card-left{flex:1;background:linear-gradient(135deg,#09376e,#061a35);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;color:#fff}.login-card-left:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:#2980b933;border-radius:50%}.login-card-left:after{content:"";position:absolute;bottom:-80px;right:-50px;width:250px;height:250px;background:#2980b94d;border-radius:50%}.curve-separator{position:absolute;right:-50px;top:0;bottom:0;width:100px;background:inherit;border-radius:50%;z-index:10;transform:translate(50%)}.auth-logo-container{z-index:20;margin-bottom:24px}.auth-logo-container img{width:120px;height:120px;border-radius:20px;box-shadow:0 0 20px #ff6b3580}.left-title{z-index:20;font-size:28px;font-weight:700;margin:0 0 8px;line-height:1.2}.left-title span{color:var(--orange);display:block}.left-desc{z-index:20;font-size:14px;color:#ffffffd9;max-width:260px;line-height:1.5;margin:0}.login-card-right{flex:1.2;padding:50px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:20;background:#fff}.login-card-right h2{font-size:32px;color:#0d1b2a;margin:0 0 8px}.login-card-right p.subtitle{color:#6c757d;font-size:15px;margin:0 0 32px}.auth-form{display:flex;flex-direction:column}.input-wrapper{display:flex;align-items:center;background:#f4f7fb;border-radius:12px;padding:0 16px;margin-bottom:16px;border:1px solid transparent;transition:border-color .2s}.input-wrapper:focus-within{border-color:#09376e}.input-icon{color:#495057;font-size:18px;margin-right:12px}.input-field{flex:1;border:none;background:transparent;padding:16px 0;font-size:15px;color:#212529;outline:none}.input-field::placeholder{color:#adb5bd}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.remember-me{display:flex;align-items:center;gap:8px;color:#495057;cursor:pointer}.forgot-pwd{color:#0077b6;text-decoration:none;font-weight:600}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;text-align:center;color:#adb5bd;font-size:13px;margin-bottom:24px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #dee2e6}.divider:not(:empty):before{margin-right:.25em}.divider:not(:empty):after{margin-left:.25em}.secondary-btn{background:#fff;color:#0d1b2a;border:2px solid #0d1b2a;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:32px}.secondary-btn:hover{background:#f8f9fa}.signup-link{text-align:center;font-size:13px;color:#495057}.signup-link button{background:none;border:none;color:#0077b6;font-weight:600;cursor:pointer;padding:0;font-size:inherit}@media(max-width:768px){.login-card-wrapper{flex-direction:column}.login-card-left{padding:30px}.curve-separator{display:none}.login-card-right{padding:30px 20px}}.dashboard-wrapper{padding:30px;position:relative;z-index:10;color:#fff;max-width:1400px;margin:0 auto}.dashboard-grid{display:flex;flex-direction:column;gap:20px}.dash-banner{background:linear-gradient(100deg,#09376e,#0d1b2a);border-radius:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.dash-banner-content{flex:1.2;padding:40px;z-index:2;display:flex;flex-direction:column;justify-content:center}.banner-logo{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:1px;color:#cca457;margin-bottom:20px}.banner-icon{font-size:24px}.dash-banner h1{font-size:32px;line-height:1.2;font-weight:400;margin-bottom:24px;color:#fff}.dash-banner h1 span{font-family:Georgia,serif;font-style:italic;color:#e5a753}.banner-pill{background:linear-gradient(90deg,#db982b,#b37415);display:inline-block;padding:12px 24px;border-radius:50px;color:#1a1a1a;font-size:14px;align-self:flex-start;box-shadow:0 4px 15px #db982b66}.banner-pill strong{font-size:18px;display:block}.dash-banner-image{flex:1;position:relative}.dash-banner-image img{position:absolute;right:0;bottom:0;height:110%;object-fit:cover;mask-image:linear-gradient(to left,#000 70%,#0000);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)}.role-actions-panel{background:#0d1b2a;border-radius:20px;padding:24px;box-shadow:inset 0 0 30px #0006;border:1px solid rgba(255,107,53,.1)}.role-actions-panel h3{color:#e5a753;margin:0 0 20px;font-size:20px}.action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.role-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:12px;color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;cursor:pointer;transition:all .2s}.role-action-btn:hover{background:#ff6b351a;border-color:#ff6b354d;color:var(--orange-mid);transform:translateY(-2px)}.dash-split{display:flex;gap:20px;flex-wrap:wrap}.dash-success-card{flex:1;min-width:320px;background:linear-gradient(135deg,#09376e,#b84310);border-radius:20px;padding:30px;text-align:center;box-shadow:0 10px 30px #0000004d;position:relative;overflow:hidden}.dash-success-card:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 10h10v10H10V10z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.dash-success-card h2{font-size:24px;margin-bottom:20px;position:relative;z-index:2;color:#fff}.success-collage img{width:90%;max-width:300px;height:auto;margin:0 auto 20px;position:relative;z-index:2;filter:drop-shadow(0 10px 15px rgba(0,0,0,.4))}.success-cursive{font-family:Brush Script MT,"cursive",Georgia,italic;font-size:32px;color:#fff;font-weight:400;position:relative;z-index:2;margin:0}.dash-right-stack{flex:1.5;min-width:480px;display:flex;flex-direction:column;gap:20px}.dash-loans-row{display:flex;gap:20px}.loan-card{flex:1;background:#fff;border-radius:20px;padding:20px;color:#212529;position:relative}.loan-img-wrapper{background:#fff;border-radius:12px;overflow:hidden;position:relative;height:180px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000000d}.loan-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.loan-card:hover .loan-img-wrapper img{transform:scale(1.05)}.heart-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#db982b;font-size:24px;cursor:pointer}.loan-card h4{font-size:18px;color:#0d1b2a;margin-bottom:8px}.loan-card p{font-size:13px;color:#6c757d;margin-bottom:16px;line-height:1.4}.loan-stats{display:flex;gap:12px;font-size:13px;color:#495057;margin-bottom:16px}.loan-actions{display:flex;gap:10px}.btn-outline,.btn-solid,.btn-solid-dark{flex:1;padding:10px 0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-outline{border:1px solid #db982b;color:#db982b;background:transparent}.btn-outline:hover{background:#fffcf4}.btn-solid{background:#db982b;color:#fff}.btn-solid:hover{background:#b37415}.btn-solid-dark{background:#b84310;color:#fff}.btn-solid-dark:hover{background:#8e320a}.dash-wallet-section{background:#0d1b2a;border-radius:20px;padding:24px;text-align:center;box-shadow:inset 0 0 40px #00000080}.dash-wallet-section h3{font-family:Georgia,serif;font-style:italic;color:#fff;font-size:22px;margin-bottom:20px;font-weight:400}.wallet-cards-row{display:flex;gap:15px}.wallet-mini-card{flex:1;background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#212529}.wallet-icon{font-size:24px}.wallet-mini-card h5{margin:0;font-size:13px;font-weight:700}.wallet-mini-icons{display:flex;gap:8px;color:#db982b;font-size:14px}.dash-footer-banner{background:linear-gradient(90deg,#b84310,#db982b);border-radius:20px;padding:24px;margin-top:10px}.dash-footer-banner h2{font-size:22px;text-align:center;margin-bottom:20px;color:#fff}.footer-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.footer-col{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#ffffffe6}.brand-col{flex-direction:row;align-items:center;gap:12px}.footer-logo{font-size:32px}.brand-col strong{font-size:16px}.footer-col strong{font-size:14px;margin-bottom:4px;color:#fff}@media(max-width:1024px){.dash-split{flex-direction:column}.dash-success-card,.dash-right-stack{min-width:100%}}@media(max-width:768px){.dash-loans-row,.wallet-cards-row{flex-direction:column}.footer-links{flex-direction:column;text-align:center}.brand-col{justify-content:center}}.payments-page{padding:30px;color:#fff;max-width:1200px;margin:0 auto;position:relative;z-index:10}.back-button{background:transparent;border:1px solid rgba(255,107,53,.5);color:var(--orange-mid);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.back-button:hover{background:#ff6b351a}.page-header h1{font-size:28px;font-weight:600;margin:0}.payment-form-section{background:linear-gradient(135deg,#09376e,#0d1b2a);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.05)}.payment-form-section h2{font-size:20px;margin-bottom:24px;color:#e5a753}.form-group label{font-size:14px;color:#a0aec0}.form-group input,.form-group select{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;outline:none;font-size:15px;transition:border-color .2s}.form-group select option{background:var(--navy);color:#fff}.submit-button{background:linear-gradient(90deg,#db982b,#b37415);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #db982b66;transition:transform .2s;width:100%}.submit-button:hover{transform:translateY(-2px)}.payments-list-section{background:#0d1b2a;border-radius:20px;padding:30px;box-shadow:inset 0 0 40px #00000080}.payments-list-section h2{font-size:20px;margin-bottom:24px;color:#fff}.payments-list{display:flex;flex-direction:column;gap:16px}.payment-item{background:#ffffff08;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05)}.payment-info h3{margin:0 0 8px;font-size:16px;color:var(--orange-mid)}.payment-info p{margin:0 0 4px;font-size:14px;color:#e2e8f0}.payment-info .payment-date{font-size:12px;color:#718096}.payment-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.status-badge.paid{background:#2ecc7133;color:#2ecc71}.collect-button{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71;padding:6px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.collect-button:hover{background:#2ecc71;color:#fff}@media(max-width:768px){.form-row{flex-direction:column}}.members-page{padding:30px;color:#fff;max-width:1200px;margin:0 auto;position:relative;z-index:10}.members-main{display:flex;flex-direction:column;gap:30px}.add-member-button,.cancel-button,.view-details-button{background:transparent;border:1px solid rgba(255,107,53,.5);color:var(--orange-mid);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600}.add-member-button:hover,.cancel-button:hover,.view-details-button:hover{background:#ff6b351a}.add-member-section,.search-section,.members-list-section{background:#0d1b2a;border-radius:20px;padding:30px;box-shadow:inset 0 0 40px #00000080}.add-member-section h2,.members-list-section h2{color:#e5a753;margin-bottom:20px}.search-input{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px}.search-input:focus{outline:none;border-color:var(--orange)}.search-results-count{display:block;margin-top:10px;font-size:13px;color:#718096}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.member-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.member-header{display:flex;align-items:center;gap:16px}.member-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#09376e,var(--orange));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.member-info h3{margin:0;font-size:18px;color:#fff}.member-role{margin:4px 0 0;font-size:13px;color:#a0aec0}.member-details{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 0}.detail-item{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:#a0aec0}.savings-amount{color:#2ecc71;font-weight:600}.member-actions{display:flex;justify-content:space-between;align-items:center}.status-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px;border-radius:6px;outline:none}.status-select option{background:#0d1b2a}.reports-page{padding:30px;color:#fff;max-width:1200px;margin:0 auto;position:relative;z-index:10}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-button,.generate-report-button,.cancel-button,.view-button,.download-button,.approve-button{background:transparent;border:1px solid rgba(255,107,53,.5);color:var(--orange-mid);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600}.back-button:hover,.generate-report-button:hover,.cancel-button:hover,.view-button:hover,.download-button:hover,.approve-button:hover{background:#ff6b351a}.page-header h1{font-size:28px;font-weight:600;margin:0;flex:1}.generate-report-section,.reports-stats-section,.reports-list-section{background:#0d1b2a;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:inset 0 0 40px #00000080}.generate-report-section h2,.reports-list-section h2{color:#e5a753;margin-bottom:24px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.form-group label{color:#a0aec0;font-size:14px}.form-group input,.form-group select{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--orange)}.checkbox-group{margin:24px 0}.checkbox-group h3{font-size:16px;margin-bottom:12px;color:#e2e8f0}.checkbox-row{display:flex;gap:20px}.checkbox-label{display:flex;align-items:center;gap:8px;color:#a0aec0;cursor:pointer}.submit-button{background:linear-gradient(90deg,#db982b,#b37415);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:#ffffff08;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.stat-card h3{color:#a0aec0;font-size:14px;margin:0 0 8px}.stat-value{color:#e5a753;font-size:32px;font-weight:700;margin:0}.reports-list{display:flex;flex-direction:column;gap:20px}.report-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:24px;border-radius:16px}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.report-info h3{color:#fff;margin:0 0 8px;font-size:18px}.report-period{color:var(--orange-mid);margin:0 0 4px;font-size:14px}.report-meta{color:#718096;font-size:12px;margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#db982b33;color:#e5a753}.status-badge.approved{background:#2ecc7133;color:#2ecc71}.report-stats{display:flex;gap:40px;margin-bottom:24px}.report-stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#718096;font-size:12px}.stat-value{color:#e2e8f0;font-size:14px;font-weight:600}.report-actions{display:flex;gap:12px}@media(max-width:768px){.form-row,.stats-grid,.report-stats{flex-direction:column;gap:16px}}