*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Montserrat,Arial,Helvetica,sans-serif;background:#f5f7fb;color:#111;min-height:100vh}.navbar{width:100%;height:64px;display:flex;align-items:center;padding:0 1rem;background:#d6f2fa;box-shadow:0 2px 6px #0000000a;justify-content:space-between;position:relative}.icon img{height:80px;width:auto}.navbar ul#navMenu{display:flex;gap:1rem;align-items:center;list-style:none;margin:0;padding:0;font-size:20px}.navbar ul#navMenu li a{color:#0b3556;text-decoration:none;padding:.35rem .6rem;border-radius:6px;font-weight:600;transition:background .15s ease,color .15s ease,transform .12s ease;display:inline-block}.navbar ul#navMenu li a.active,.navbar ul#navMenu li a:focus{background:#06c;color:#fff;box-shadow:0 8px 20px #0066cc1f;transform:translateY(-1px)}.menu-toggle{display:none;background:transparent;border:none;font-size:1.6rem;cursor:pointer;padding:8px;order:99}.menu{position:relative;z-index:10001;margin-left:auto;display:flex;align-items:center}.overlay,.mobile-profile,.mobile-nav-right{display:none}@media (max-width: 768px){.mobile-nav-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.mobile-profile{display:block;order:1}.menu-toggle{display:block;color:#0b3556;z-index:10003;order:2}.menu ul li.Profile{display:none}.menu{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);pointer-events:none}.menu ul{position:absolute;left:-110%;top:0;width:100%;height:100%;display:flex;flex-direction:column;padding:2rem 1.25rem;background:#0f1724;gap:1.25rem;align-items:flex-start;transition:left .25s ease;overflow-y:auto;pointer-events:auto}.menu.open ul{left:0}.menu ul li a{color:#e6eef6;width:100%;padding:.6rem .75rem;border-radius:6px}.overlay{display:none;position:fixed;top:64px;right:0;bottom:0;left:0;background:#0000005c;z-index:10000}}@media (min-width: 769px){.menu ul{position:static;left:100px;top:auto;height:auto;background:transparent;flex-direction:row;pointer-events:auto;display:flex}.mobile-profile{display:none}.menu ul li.Profile{display:block}}.auth-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:2.5rem 1rem;min-height:calc(100vh - 64px);background-image:url(/assets/background-CIsQkI_X.webp)}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:28px 24px;box-shadow:0 18px 50px #0d263b14;position:relative;overflow:hidden}.From-box{background:#78aabe;color:#fff}.From-box .auth-title{color:#fff}.auth-title{font-size:1.5rem;margin-bottom:.5rem;color:#0b3556;text-align:left}.icon-close{position:absolute;right:14px;top:14px;color:#333}.icon-close a{color:inherit}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:8px}.input-box input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #e6eef6;background:#fbfeff;font-size:15px;outline:none;transition:all .18s ease}.input-box input:focus{transform:translateY(-2px);box-shadow:0 8px 30px #0d263b0f;border-color:#a7d6ff}.input-box input::placeholder{color:#9aa9b6}.remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#537089}.remember-forgot .remember input{margin-right:8px}.btn{margin-top:4px;padding:12px;border-radius:10px;border:none;background:linear-gradient(90deg,#0078d7,#0060b3);color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 36px #0060b32e}.login-register{margin-top:10px;text-align:center;color:#345f7f}.register-link{color:#0078d7;text-decoration:none;margin-left:6px;font-weight:600}.team-container{min-height:calc(100vh - 64px);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0}.team-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden}.team-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-title{font-size:3rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:16px;animation:fadeInUp .8s ease}.hero-icon{font-size:3.5rem;color:gold}.hero-subtitle{font-size:1.2rem;margin-bottom:32px;opacity:.9;animation:fadeInUp .8s ease .2s both}.create-team-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;padding:16px 32px;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 8px 25px #ff6b6b4d;animation:fadeInUp .8s ease .4s both}.create-team-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ff6b6b66}.hero-stats{display:flex;justify-content:center;gap:32px;margin-top:48px;animation:fadeInUp .8s ease .6s both}.stat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card svg{font-size:2rem;color:gold}.tab-navigation{display:flex;justify-content:center;gap:0;padding:0 20px;margin-top:-24px;position:relative;z-index:3}.tab-btn{background:#fff;border:none;padding:16px 24px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;position:relative;font-weight:600;color:#666;border-bottom:3px solid transparent}.tab-btn:first-child{border-radius:12px 0 0 12px}.tab-btn:last-child{border-radius:0 12px 12px 0}.tab-btn.active{background:#06c;color:#fff;border-bottom-color:gold;transform:translateY(-2px);box-shadow:0 8px 25px #0066cc4d}.tab-btn:hover:not(.active){background:#f8f9fa;transform:translateY(-2px)}.teams-section,.players-section,.schedule-section{padding:40px 20px;max-width:1200px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-header h2{font-size:2rem;color:#2c3e50;margin:0}.add-btn{background:linear-gradient(45deg,#28a745,#20c997);border:none;padding:12px 24px;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.team-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent}.team-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,204,.1),transparent);transition:left .5s ease}.team-card:hover:before{left:100%}.team-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026;border-color:#06c}.team-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.team-logo{width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-info h3{margin:0 0 4px;color:#2c3e50;font-size:1.3rem}.team-info p{margin:0;color:#666;font-size:.9rem}.team-stats{display:flex;justify-content:space-around;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:12px}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#06c}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.team-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{flex:1;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#06c;color:#fff}.btn-primary:hover{background:#0052a3;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.players-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.table-header{display:grid;grid-template-columns:2fr 1fr 80px 300px 1.5fr 120px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:16px}.table-row{display:grid;grid-template-columns:2fr 1fr 80px 300px 1.5fr 120px;padding:16px;border-bottom:1px solid #e9ecef;transition:all .3s ease;align-items:center}.table-row:hover{background:#f8f9fa;transform:translate(4px)}.player-name{display:flex;align-items:center;gap:12px}.player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#ee5a24);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.jersey-number{background:#06c;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600}.action-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:8px;transition:all .3s ease}.action-btn.edit{background:#28a745;color:#fff}.action-btn.delete{background:#dc3545;color:#fff}.action-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.schedule-grid{display:flex;flex-direction:column;gap:16px}.match-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border-left:4px solid transparent}.match-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.match-card.upcoming{border-left-color:#ffc107}.match-card.completed{border-left-color:#28a745}.match-date{text-align:center;padding:12px;background:#f8f9fa;border-radius:8px;min-width:80px}.match-date .day{display:block;font-size:1.5rem;font-weight:700;color:#06c}.match-date .month{font-size:.8rem;color:#666}.match-info{flex:1}.teams{font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:12px}.vs,.score{background:#06c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem}.match-details{color:#666;font-size:.9rem}.match-status{padding:8px 16px;border-radius:20px;font-weight:600;font-size:.8rem}.upcoming-status{background:#fff3cd;color:#856404}.completed-status{background:#d4edda;color:#155724}.main{min-height:100vh;background:#f5f7fb}.main-content{padding:40px 20px;max-width:1200px;margin:0 auto}.main-content section{margin-bottom:60px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.main-content section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:4px;background:linear-gradient(90deg,#06c,#667eea,#764ba2);transition:left .5s ease}.main-content section:hover:before{left:0}.main-content section:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.main-content h1{font-size:2.5rem;color:#0b3556;margin-bottom:20px;line-height:1.2;background:linear-gradient(135deg,#06c,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp .8s ease}.main-content h2{font-size:2rem;color:#2c3e50;margin-bottom:16px;display:flex;align-items:center;gap:12px}.main-content h2:before{content:"";width:4px;height:30px;background:linear-gradient(135deg,#06c,#667eea);border-radius:2px}.main-content h3{font-size:1.5rem;color:#06c;margin:24px 0 16px;position:relative}.main-content h3:after{content:"";position:absolute;bottom:-4px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#06c,#667eea);border-radius:1px}.main-content p{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:20px}.main-content section:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:60px 40px}.main-content section:first-child h1{color:#fff;background:none;-webkit-text-fill-color:white;font-size:3rem;margin-bottom:24px}.main-content section:first-child p{color:#ffffffe6;font-size:1.2rem;margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto}.main-content section:first-child a{display:inline-block;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:16px 32px;text-decoration:none;border-radius:50px;font-weight:600;margin:0 12px 12px 0;transition:all .3s ease;box-shadow:0 8px 25px #ff6b6b4d;position:relative;overflow:hidden}.main-content section:first-child a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.main-content section:first-child a:hover:before{left:100%}.main-content section:first-child a:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ff6b6b66}.main-content section:first-child a:nth-child(4){background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 8px 25px #28a7454d}.main-content section:first-child a:nth-child(4):hover{box-shadow:0 15px 35px #28a74566}.main-content section:last-child{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.main-content section:last-child p:last-child{background:#fff;padding:24px;border-radius:12px;border-left:4px solid #0066CC;box-shadow:0 4px 15px #0000000d;line-height:1.8}.main-content section:last-child p:last-child br+text{margin-top:12px}@media (max-width: 768px){.main-content{padding:20px 10px}.main-content section{padding:24px 20px;margin-bottom:32px}.main-content section:first-child{padding:40px 20px}.main-content h1{font-size:2rem}.main-content section:first-child h1{font-size:2.2rem}.main-content h2{font-size:1.5rem}.main-content h3{font-size:1.3rem}.main-content p{font-size:1rem}.main-content section:first-child p{font-size:1.1rem}.main-content section:first-child a{display:block;margin:0 0 16px;text-align:center}}html{scroll-behavior:smooth}.main-content section{animation:fadeInUp .8s ease}.main-content section:nth-child(2){animation-delay:.2s;animation-fill-mode:both}.footer{background:linear-gradient(135deg,#0b3556,#1e4a66);color:#fff;padding:40px 20px 20px;margin-top:60px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06c,#667eea,#764ba2)}.footer{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;gap:40px;flex-wrap:wrap}.footer-col{flex:1;min-width:250px;padding:0 20px}.footer-col h4{font-size:1.3rem;margin-bottom:20px;color:gold;position:relative;padding-bottom:8px}.footer-col h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:gold;border-radius:1px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:12px;color:#ffffffe6;transition:all .3s ease}.footer-col ul li:hover{color:gold;transform:translate(5px)}.footer-col ul li Link,.footer-col ul li a{color:#ffffffe6;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-col ul li Link:hover,.footer-col ul li a:hover{color:gold;transform:translate(5px)}.footer-col p{color:#fffc;line-height:1.6;margin:0;font-size:.95rem}@media (max-width: 768px){.footer{flex-direction:column;text-align:center;gap:30px}.footer-col{min-width:100%;padding:0}.footer-col h4{margin-left:0!important}.footer-col h4:after{left:50%;transform:translate(-50%)}}.footer-col{position:relative;transition:transform .3s ease}.footer-col:hover{transform:translateY(-5px)}.policy-container{max-width:900px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;position:relative;overflow:hidden;margin:1300px auto 40px 230px}.policy-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06c,#667eea,#764ba2)}.policy-container h1{font-size:2.5rem;color:#0b3556;text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#06c,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;padding-bottom:20px}.policy-container h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#06c,#667eea);border-radius:2px}.policy-section{margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #0066CC;transition:all .3s ease;position:relative;overflow:hidden}.policy-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,204,.05),transparent);transition:left .5s ease}.policy-section:hover:before{left:100%}.policy-section:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-left-color:#667eea}.policy-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:12px;position:relative;z-index:2}.policy-section p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:16px;padding-left:20px;position:relative;z-index:2;transition:all .3s ease}.policy-section p:before{content:"▸";position:absolute;left:0;top:0;color:#06c;font-weight:700}.policy-section p:hover{color:#333;transform:translate(5px)}.policy-section p strong{color:#0b3556;font-weight:600;background:linear-gradient(135deg,#0066cc1a,#667eea1a);padding:2px 6px;border-radius:4px;transition:all .3s ease}.policy-section p strong:hover{background:linear-gradient(135deg,#06c3,#667eea33)}.policy-section:nth-child(2){border-left-color:#28a745}.policy-section:nth-child(2):hover{border-left-color:#20c997}.policy-section:nth-child(2) h2{color:#28a745}.policy-section:nth-child(3){border-left-color:#dc3545}.policy-section:nth-child(3):hover{border-left-color:#fd7e14}.policy-section:nth-child(3) h2{color:#dc3545}.policy-container .back-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(45deg,#06c,#667eea);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;margin-top:30px;transition:all .3s ease;box-shadow:0 4px 15px #0066cc4d}.policy-container .back-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06c6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.policy-container{animation:fadeInUp .8s ease}.policy-section:nth-child(2){animation:fadeInUp .8s ease .2s both}.policy-section:nth-child(3){animation:fadeInUp .8s ease .4s both}@media (max-width: 768px){.policy-container{margin:20px 10px;padding:20px 16px;margin-top:80px!important;top:550px;max-width:100%;border-radius:12px;right:30px}.policy-container h1{font-size:1.8rem;margin-bottom:24px;padding-bottom:16px}.policy-section{padding:16px;margin-bottom:16px;border-left-width:3px}.policy-section h2{font-size:1.3rem;margin-bottom:12px;gap:8px}.policy-section p{font-size:.95rem;line-height:1.6;padding-left:16px;margin-bottom:12px}.policy-section p:before{left:0}.policy-section:before{display:none}.policy-container .back-link{width:100%;text-align:center;margin-top:24px;padding:12px 16px}}@media (max-width: 420px){.policy-container{margin:12px 8px;padding:16px 12px;margin-top:70px!important;box-shadow:0 4px 15px #00000014}.policy-container h1{font-size:1.5rem;margin-bottom:20px;text-align:center}.policy-container h1:after{width:60px}.policy-section{padding:12px;margin-bottom:12px;border-radius:8px}.policy-section h2{font-size:1.1rem;margin-bottom:10px;display:flex;flex-direction:column;gap:6px;text-align:left}.policy-section p{font-size:.9rem;line-height:1.5;padding-left:14px;margin-bottom:10px}.policy-section p:last-child{padding:12px 12px 12px 16px;margin-top:10px}.policy-section:before{display:none}.policy-section p strong{padding:2px 4px;font-size:.85rem}.policy-container .back-link{width:100%;padding:12px 14px;font-size:.95rem;text-align:center;margin-top:20px}}@media (max-width: 350px){.policy-container{margin:8px 4px;padding:12px 10px;margin-top:60px!important}.policy-container h1{font-size:1.3rem;margin-bottom:16px}.policy-section{padding:10px;margin-bottom:10px}.policy-section h2{font-size:1rem;margin-bottom:8px}.policy-section p{font-size:.85rem;line-height:1.4;padding-left:12px}.policy-container .back-link{padding:10px 12px;font-size:.9rem}}.policy-section p:last-child{border-top:1px solid rgba(0,102,204,.2);margin-top:16px;font-weight:500;background:#0066cc0d;padding:16px;border-radius:8px;border-left:3px solid #0066CC}@media (max-width: 768px){.team-grid{grid-template-columns:1fr;gap:16px;padding:12px}.team-card{padding:16px;border-radius:12px}.team-card-header{gap:12px;align-items:flex-start}.team-logo{width:48px;height:48px;font-size:1.4rem;animation:none}.team-info h3{font-size:1.05rem}.team-stats{flex-direction:row;gap:8px;padding:12px}.hero-title{font-size:1.6rem}.hero-icon{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:18px}.create-team-btn{padding:12px 18px;font-size:.95rem}.hero-stats{gap:12px;margin-top:20px;align-items:center}.players-table{overflow-x:auto}.table-header,.table-row{min-width:800px}.overlay{position:fixed;top:64px;right:0;bottom:0;left:0;background:#0000005c;z-index:10000}.policy-container{margin-left:0!important;margin-top:24px!important}}@media (max-width: 420px){.hero-title{font-size:1.4rem}.create-team-btn{padding:10px 14px;font-size:.9rem}.team-stats{padding:10px}.table-header,.table-row{min-width:700px}}@media (max-width: 520px){.table-row{transform:none}.table-row .col{min-width:0}}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1.6fr .9fr 60px 160px 1fr 80px;padding:10px;font-size:14px}.player-avatar{width:36px;height:36px;font-size:.95rem}.jersey-number{padding:3px 6px;font-size:.85rem}}@media (max-width: 420px){.table-header,.table-row{grid-template-columns:1.4fr .8fr 50px 130px .9fr 70px;padding:8px;font-size:13px}.player-avatar{width:32px;height:32px;font-size:.85rem}.jersey-number{padding:2px 6px;font-size:.8rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a192f80;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.modal-edit{width:100%;max-width:420px;background:linear-gradient(135deg,#fff,#f9fbff);border-radius:14px;box-shadow:0 20px 60px #02061726;border:1px solid rgba(11,53,86,.08);overflow:hidden;animation:popIn .25s cubic-bezier(.2,.9,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(11,53,86,.06);background:linear-gradient(90deg,rgba(0,102,204,.02),transparent)}.modal-header h2{margin:0;color:#0b3556;font-size:1.3rem;font-weight:700}.close-modal-btn{background:transparent;border:none;font-size:24px;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-modal-btn:hover{color:#0b3556}.modal-body{padding:32px 20px;text-align:center}.goals-display{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.goals-label{font-size:.95rem;color:#4b5563;font-weight:600}.goals-number{font-size:3.2rem;color:#06c;font-weight:800;display:block;text-shadow:0 2px 8px rgba(0,102,204,.1)}.goals-control{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.btn-decrease,.btn-increase{width:56px;height:56px;border-radius:12px;border:2px solid #e6eef6;background:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;color:#0b3556;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-increase{border-color:#06c;background:linear-gradient(135deg,#0066cc1a,#667eea14);color:#06c}.btn-decrease:hover,.btn-increase:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0066cc1a}.btn-decrease:active,.btn-increase:active{transform:translateY(0)}.goals-note{font-size:.85rem;color:#7b8794;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-simple{background:#fff;padding:24px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 10px 40px #00000026}.modal-simple h3{margin:0 0 16px;color:#0b3556;font-size:1.2rem}.modal-simple input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:16px;box-sizing:border-box}.modal-simple input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.modal-actions button:first-child{background:#f0f0f0;color:#0b3556}.modal-actions button:first-child:hover{background:#e0e0e0}.modal-actions button:last-child{background:#06c;color:#fff}.modal-actions button:last-child:hover:not(:disabled){background:#0052a3}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}