.App{display:flex;height:100vh}.main-content{flex-grow:1;margin-left:250px;padding:20px;max-width:calc(100vw - 250px);box-sizing:border-box;height:100%;overflow-y:auto}.side-pane{width:250px;height:100vh;background:linear-gradient(180deg,var(--dark1) 0%,var(--dark2) 100%);padding:20px 0;position:fixed;left:0;top:0;box-shadow:2px 0 10px var(--black5);display:flex;flex-direction:column}.app-title{text-align:center;padding:20px;margin:0}.app-title img{width:180px;height:auto;display:block;margin:0 auto}.separator{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--white2),transparent);margin:0 20px 20px}.nav-button{width:calc(100% - 40px);padding:12px 20px;text-align:left;background:var(--white4);border:1px solid var(--white3);border-radius:10px;cursor:pointer;font-size:13px;color:#fff;transition:all .3s ease;margin:8px 20px;display:flex;align-items:center;gap:8px}.nav-button:hover{background:var(--white3);transform:translate(5px)}.nav-button.active{background:linear-gradient(90deg,var(--blue2),var(--blue3));border-color:transparent;box-shadow:0 2px 8px var(--blue4);color:#fff}.nav-buttons-container{flex:1;overflow-y:auto;padding-bottom:20px}.team-logo{width:150px;height:150px;display:flex;justify-content:center;align-items:center;padding:10px 10px 20px;margin:0 auto}.team-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px var(--black3))}.logout-button{width:40%;padding:12px 20px;margin:20px auto 30px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--white4);border:1px solid var(--white3);border-radius:10px;color:#fff;font-size:13px;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:var(--white3);transform:translateY(-2px)}.financial-overview{padding:20px}.header{margin-bottom:24px}.header h2{margin:0 0 8px}.date-subtitle{display:flex;align-items:center;color:var(--gray2);font-size:14px}.calendar-icon{margin-right:8px;font-size:16px}.tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--gray3)}.tab-button{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--gray2);position:relative;transition:color .3s}.tab-button.active{color:var(--black1)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--black1)}.tab-content{position:relative}.grid-container{display:none;gap:24px;margin-top:24px;padding-bottom:24px}.loading-ball{grid-column:span 4;display:flex;justify-content:center;align-items:center;padding:40px}.grid-container.active{display:block}.grid-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.grid-row:last-child{margin-bottom:0}.grid-item{min-height:100%}.tabs{display:flex;gap:1rem;margin:2rem 0}.tab-button{padding:.5rem 1rem;border:none;background:transparent;color:var(--gray2);cursor:pointer;font-size:1rem;text-transform:capitalize;transition:color .2s}.tab-button:hover{color:var(--gray1)}.tab-button.active{color:var(--gray1);border-bottom:2px solid var(--blue1)}.summary-card{background-color:var(--gray4);border-radius:8px;padding:16px;display:flex;flex-direction:column;box-shadow:0 2px 4px var(--black5);transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--black4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--gray3);padding-bottom:6px}.card-header h3{width:220px;margin:0;font-size:16px;color:var(--gray1)}.expand-button{background:none;border:none;color:var(--gray2);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.expand-button:hover{color:var(--black1)}.amount-section{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.amount-container{display:flex;align-items:center;gap:8px}.compliance-designation{display:inline-block;padding:2px 12px;border-radius:12px;font-size:.85em;font-weight:400}.designation-compliant{background-color:var(--green2);color:var(--green3)}.designation-non-compliant{background-color:var(--red2);color:var(--red3)}.total-amount{font-size:22px;font-weight:700;color:var(--black1)}.percentage-change{font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px}.percentage-icon{font-size:16px;line-height:1}.percentage-change.positive{color:var(--green1)}.percentage-change.negative{color:var(--red4)}.breakdown-section{margin-top:16px;border-top:1px solid var(--gray3);padding-top:16px}.breakdown-section h4{margin:0 0 12px;font-size:14px;color:var(--gray2)}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.breakdown-name{color:var(--gray2)}.breakdown-amount{font-weight:500;color:var(--gray1)}.info-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray3);display:flex;align-items:flex-start;gap:8px;color:var(--gray2);font-size:12px}.info-section svg{width:14px;height:14px;flex-shrink:0;stroke:var(--gray2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;position:relative}.football{font-size:24px;animation:bounce 1s infinite;position:relative}.shadow{width:20px;height:4px;background:var(--black3);border-radius:50%;margin-top:10px;animation:shadow 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes shadow{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(.5);opacity:.2}}.error-message{background-color:var(--red3);border:1px solid var(--red2);color:var(--red1);padding:12px 16px;border-radius:4px;margin:20px 0;font-size:14px}.slider-section{width:100%;margin:20px 0;padding:0;position:relative}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.position-header label{font-size:16px;color:var(--gray1)}.position-text{font-size:16px}.financial-projection{padding:20px}.tabs-container{display:flex;justify-content:center;width:100%}.slider-container{display:flex;flex-direction:column}.row-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.row-item{min-height:100%}.pl-report-container{padding:20px}.report-header{margin-bottom:20px}.pl-table{background-color:var(--white0)}.table-header{position:sticky;top:0;z-index:3;background-color:var(--white0);text-transform:capitalize}.cash-flow-container{padding:20px}.report-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.frequency-select{min-width:120px;background-color:var(--white0)}.table-container{flex:1;max-height:calc(100vh - 140px)}.cash-flow-table{background-color:var(--white0)}.table-header{position:sticky;top:0;z-index:3;background-color:var(--white0);text-transform:capitalize;text-align:center;min-width:150px}.section-header{cursor:pointer}.section-header:hover,.section-header.expanded{background-color:#16213e1a}.section-title{display:flex;align-items:center;gap:8px;font-weight:700!important}.toggle-button{padding:0}.amount-positive{color:var(--green1)}.amount-negative{color:var(--red4)}.screen-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--gray1)}.technical-director{padding:20px}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-content{display:flex;flex-direction:column}.screen-subtitle{margin:4px 0 0;color:var(--gray2);font-size:14px}.summary-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}@media(max-width:1200px){.summary-data-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.summary-data-grid{grid-template-columns:1fr}}.field-container{position:relative;margin-top:20px;overflow:hidden;height:1100px}.field-image{width:100%;position:absolute;bottom:0;display:block}.players-container{position:absolute;top:0;left:0;width:100%;height:100%}.position-summary{position:absolute;transform:translate(-50%,-50%);background-color:var(--white1);border:2px solid var(--gray3);border-radius:8px;padding:8px;min-width:160px;cursor:pointer;transition:all .2s ease}.position-summary:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 2px 8px var(--black5)}.position-summary.selected{border-color:var(--blue1);background-color:var(--blue4)}.position-header{font-weight:700;text-align:center;margin-bottom:4px;color:var(--gray1)}.position-stats{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.stat{text-align:left;padding:4px 6px;background-color:var(--black6);border-radius:4px;color:var(--gray2)}.players-list-container{width:100%;background-color:#fff;border:1px solid var(--gray3);border-radius:8px;margin:20px 0;box-shadow:0 2px 4px var(--black6)}.players-list-empty{padding:40px;text-align:center;color:var(--gray2);font-style:italic}.players-list-header{padding:15px 20px;border-bottom:1px solid var(--gray4)}.players-list-title{display:flex;justify-content:space-between;align-items:center}.players-list-title h3{margin:0;color:var(--gray1)}.add-player-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--blue1);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.add-player-button:hover{background-color:var(--blue3)}.add-player-button svg{font-size:12px}.players-list-grid{padding:10px 20px}.players-list-headers{display:grid;grid-template-columns:2fr repeat(3,1fr) 100px;gap:10px;padding:10px 0;font-weight:700;color:var(--gray2);border-bottom:2px solid var(--gray4)}.header-name,.header-stat,.header-actions{padding:5px}.player-row{display:grid;grid-template-columns:2fr repeat(3,1fr) 100px;gap:10px;padding:12px 0;border-bottom:1px solid #eee;align-items:center}.player-row:last-child{border-bottom:none}.totals-row{display:grid;grid-template-columns:2fr repeat(3,1fr) 100px;gap:10px;padding:12px 0;margin-top:10px;border-top:2px solid var(--gray4);font-weight:700;background-color:var(--black7)}.totals-label{color:var(--gray1)}.totals-value{color:var(--gray2)}.player-name{padding-left:16px;font-weight:500;display:flex;align-items:center;gap:8px}.player-designation{display:inline-block;padding:2px 12px;border-radius:12px;margin-left:8px;font-size:.85em;font-weight:400}.designation-first-team{background-color:var(--green2);color:var(--green3)}.designation-bench{background-color:var(--yellow2);color:var(--orange2)}.designation-squad{background-color:var(--gray6);color:var(--gray5)}.player-stat{color:var(--gray2)}.player-actions{display:flex;gap:15px;justify-content:center}.action-icon{cursor:pointer;font-size:1.1rem;color:var(--gray2);transition:color .2s ease}.info-icon:hover{color:var(--blue1)}.delete-icon:hover{color:var(--red4)}.add-icon:hover{color:var(--green1)}.add-player-dialog>.MuiBackdrop-root{background-color:var(--black2)}.add-player-dialog .MuiDialog-paper{max-width:800px!important}.add-player-dialog-content{display:grid;gap:24px}.dialog-content>.form-stack{margin-top:-8px}.top-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.date-row,.financial-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:600px){.top-row,.date-row,.financial-row{grid-template-columns:1fr;gap:16px}}.form-field{flex:1}.date-input-group{display:flex;gap:16px;width:100%}.month-input{width:40%}.year-input{width:60%}.currency-symbol{color:var(--gray2);margin-right:8px}:root{--blue1: #007bff;--blue2: #0062ff;--blue3: #0051d3;--blue4: rgba(0, 123, 255, .1);--orange1: #ff8c00;--orange2: #f57c00;--yellow1: #fbbf24;--yellow2: rgba(255, 193, 7, .2);--black1: #000000;--black2: rgba(0, 0, 0, .5);--black3: rgba(0, 0, 0, .2);--black4: rgba(0, 0, 0, .15);--black5: rgba(0, 0, 0, .1);--black6: rgba(0, 0, 0, .05);--black7: rgba(0, 0, 0, .02);--gray1: #333333;--gray2: #666666;--gray3: #e0e0e0;--gray4: #f5f5f5;--gray5: #616161;--gray6: rgba(158, 158, 158, .2);--white0: #ffffff;--white1: rgba(255, 255, 255, .9);--white2: rgba(255, 255, 255, .3);--white3: rgba(255, 255, 255, .1);--white4: rgba(255, 255, 255, .05);--red1: #dc2626;--red2: #ef4444;--red3: #fee2e2;--red4: #dc3545;--green1: #4caf50;--green2: rgba(76, 175, 80, .2);--green3: #2e7d32;--dark1: #1a1a2e;--dark2: #16213e}.dialog-backdrop{background-color:var(--black2)}.dialog-container{display:flex!important;align-items:center;justify-content:center;min-height:100vh}.dialog-paper{border-radius:8px;padding:16px;width:90%;margin:16px;position:relative;overflow-y:auto}.dialog-title{margin:0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.dialog-content{padding:24px}.dialog-actions{padding-right:24px!important;padding-bottom:24px!important;display:flex;justify-content:flex-end;gap:16px}.close-button{margin-top:-4px!important;margin-right:-4px!important}.error-alerts{padding:8px 24px 0}.error-alert:not(:last-child){margin-bottom:8px}@media(max-width:600px){.dialog-content{padding:10px 24px}.dialog-actions{padding-right:16px!important}}.info-square{border:1px solid var(--gray3);border-radius:8px;padding:24px;display:flex;flex-direction:column}.info-square-header{display:flex;align-items:center;margin-bottom:16px}.info-square-icon{margin-right:8px;color:var(--blue1)}.info-square-content{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%}.player-info-dialog>.MuiBackdrop-root{background-color:var(--black2)}.player-info-dialog .MuiDialog-paper{max-width:700px!important}.player-name-container{display:flex;flex-direction:row;align-items:baseline}.player-info-dialog-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.player-position{margin-left:8px!important;font-size:small}.release-impact-divider{margin:24px 0!important}.release-impact-section{display:flex;flex-direction:column;gap:24px}.release-impact-header{display:flex;justify-content:space-between;align-items:center}.release-date-select{min-width:150px}.release-impact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:600px){.dialog-content>div{grid-template-columns:1fr}.release-impact-cards{grid-template-columns:1fr}}.squad-cost-container{height:100%;display:flex;flex-direction:column}.report-header{margin-bottom:16px}.post-match-container{padding:20px;height:100%;display:flex;flex-direction:column}.view-select{background-color:#fff;min-width:120px}.post-match-table{background-color:#fff}.table-header{font-weight:700}.table-container{flex-grow:1;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.contract-analysis-container{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px}.text-input-container{flex:1;display:flex;flex-direction:column;gap:10px}.analyze-button{align-self:flex-end;margin-top:10px}.results-container{margin-top:20px}.payment-list{margin-top:20px;margin-bottom:40px}h3{margin-top:30px;margin-bottom:15px;color:var(--gray2)}.contingencies-payments-container{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.screen-title{font-size:24px;font-weight:600;color:var(--gray1);margin:0}.money-in-amount{color:var(--green1)}.money-out-amount{color:var(--red4)}.summary-row{border-bottom:2px solid var(--gray3)}.sticky-column{position:sticky;left:0;background-color:var(--white0);z-index:1}.landing-container{position:relative;width:100vw;height:100vh;overflow:hidden}.landing-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.coming-soon-text{position:absolute;top:2rem;left:2rem;color:#fff;font-size:2.25rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.7);z-index:10;letter-spacing:.5px}.demo-button{position:absolute;top:2rem;right:2rem;padding:12px 24px;background:var(--white4);border:1px solid var(--white3);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all .3s ease;z-index:10;min-width:80px;text-align:center}.demo-button:hover{background:var(--white3);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.landing-logo{position:absolute;bottom:2rem;left:2rem;z-index:10}.landing-logo img{width:350px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.landing-tagline{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff;font-size:3.25rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.7);z-index:10;text-align:center;letter-spacing:.5px}@media(max-width:768px){.coming-soon-text{top:1rem;left:1rem;font-size:1.25rem}.demo-button{top:1rem;right:1rem;padding:10px 20px;font-size:13px}.landing-logo{bottom:1rem;left:1rem}.landing-logo img{width:150px}.landing-tagline{bottom:1rem;font-size:1rem}}@media(max-width:480px){.coming-soon-text{font-size:1rem}.demo-button{padding:8px 16px;font-size:12px;min-width:60px}.landing-logo img{width:120px}.landing-tagline{font-size:.9rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}