.create-page{background-color:#111;min-height:100vh;margin:0 auto;padding:2rem}.create-page h1{color:#fff;text-align:center;margin-bottom:2rem;font-size:2.5rem}.form-container{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.team-section,.players-section{background:#1f1f1f;border:1px solid #373737;border-radius:8px;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.team-section h2,.players-section h2{color:#fff;border-bottom:2px solid #3498db;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem}.points-counter{background:#373737;border:2px solid #3498db;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.points-counter.over-budget{background:#3c1e1e;border-color:#e74c3c}.points-counter .points-label{color:#fff;font-size:1.1rem;font-weight:600}.points-counter .points-value{color:#3498db;font-size:1.3rem;font-weight:700}.points-counter.over-budget .points-value{color:#e74c3c}.player-form{background:#373737;border:1px solid #4b4b4b;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.player-form h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.form-group{margin-bottom:1rem}.form-group label{color:#c8c8c8;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select{color:#fff;background-color:#2d2d2d;border:1px solid #4b4b4b;border-radius:4px;width:100%;padding:.6rem;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.form-group input:disabled,.form-group select:disabled{color:#787878;cursor:not-allowed;background-color:#232323}.ratings-section{border-top:1px solid #4b4b4b;margin-top:1rem;padding-top:1rem}.ratings-section h4{color:#b4b4b4;margin-bottom:.8rem;font-size:1rem}.rating-group{margin-bottom:1rem}.rating-group label{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.rating-label-wrapper{align-items:center;gap:.5rem;display:flex}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.info-icon{color:#969696;cursor:help;font-size:.85rem;transition:color .2s}.info-icon:hover{color:#3498db}.tooltip-text{visibility:hidden;opacity:0;color:#fff;text-align:center;white-space:nowrap;z-index:1000;pointer-events:none;background-color:#2d2d2d;border:1px solid #4b4b4b;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;transition:opacity .3s,visibility .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000004d}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#2d2d2d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.rating-value{color:#3498db;text-align:right;min-width:35px;font-size:1rem;font-weight:700}.rating-group input[type=range]{cursor:pointer;background:#4b4b4b;border-radius:3px;outline:none;width:100%;height:6px;padding:0}.rating-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3498db;border-radius:50%;width:18px;height:18px;transition:background .3s}.rating-group input[type=range]::-webkit-slider-thumb:hover{background:#2980b9}.rating-group input[type=range]::-moz-range-thumb{cursor:pointer;background:#3498db;border:none;border-radius:50%;width:18px;height:18px;transition:background .3s}.rating-group input[type=range]::-moz-range-thumb:hover{background:#2980b9}.crest-link{background:#373737;border-left:3px solid #3498db;border-radius:4px;margin-top:1rem;padding:.8rem}.crest-link a{color:#5dade2;font-size:.9rem;text-decoration:none;transition:color .3s}.crest-link a:hover{color:#85c1e9;text-decoration:underline}.export-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;width:100%;margin-top:1.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background .3s}.export-btn:hover{background:#2980b9}.export-btn:active{transform:translateY(1px)}@media (width<=1024px){.form-container{grid-template-columns:1fr}}@media (width<=768px){.create-page{padding:1rem}.create-page h1{font-size:2rem}.team-section,.players-section,.player-form{padding:1rem}}
