.container-moyenne{--primary: #38bdf8;--primary-hover: #7dd3fc;--success: #34d399;--danger: #f87171;--warning: #fbbf24;--bg-color: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);font-weight:300}.container-moyenne h1,.container-moyenne h2,.container-moyenne h3,.container-moyenne h4,.container-moyenne h5,.container-moyenne h6,.container-moyenne button,.container-moyenne input,.container-moyenne select{font-weight:300}.container-moyenne .background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.container-moyenne .shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 10s infinite alternate}.container-moyenne .shape-1{top:-10%;right:-5%;width:500px;height:500px;background:#38bdf826}.container-moyenne .shape-2{bottom:-10%;left:-10%;width:600px;height:600px;background:#34d3991a;animation-delay:-5s}.container-moyenne .shape-3{top:40%;left:30%;width:400px;height:400px;background:#a78bfa26;animation-duration:15s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-50px) scale(1.1)}}.calcul-moyenne-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.calcul-moyenne-wrapper::-webkit-scrollbar{height:8px}.calcul-moyenne-wrapper::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.calcul-moyenne-wrapper::-webkit-scrollbar-thumb{background:#38bdf880;border-radius:4px}.calcul-moyenne-wrapper::-webkit-scrollbar-thumb:hover{background:#38bdf8cc}.container-moyenne{margin:20px 0;background:var(--bg-color);padding:2rem;border-radius:var(--border-radius);position:relative;overflow:hidden;min-width:680px}.container-moyenne .app-header{text-align:center;margin-bottom:3rem;animation:fadeDown .8s ease-out}.container-moyenne .logo{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--primary);margin-bottom:.5rem}.container-moyenne .logo h1{font-size:2.5rem;color:var(--text-main)}.container-moyenne .subtitle{color:var(--text-muted)}.container-moyenne .glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow);padding:1.5rem}.container-moyenne .selectors-section{margin-bottom:2rem;animation:fadeDown .6s ease-out}.container-moyenne .selectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.container-moyenne .selector-group{display:flex;flex-direction:column;gap:.5rem}.container-moyenne .selector-group label{color:var(--text-main)}.container-moyenne .select-wrapper{position:relative}.container-moyenne .select-wrapper:after{content:"\25bc";color:var(--text-muted);position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.container-moyenne select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;color:var(--text-main);cursor:pointer;transition:var(--transition)}.container-moyenne select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833;background:#0f172ae6}.container-moyenne .app-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}@media (max-width: 992px){.container-moyenne .app-content{grid-template-columns:1fr}}.container-moyenne .table-responsive{width:100%;overflow:visible}.container-moyenne table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.container-moyenne th{text-align:right;padding:1rem;color:var(--text-muted);border-bottom:2px solid rgba(255,255,255,.05);white-space:nowrap}.container-moyenne .col-subject{width:30%}.container-moyenne .col-coef{width:10%;text-align:center}.container-moyenne .col-avg{width:15%;text-align:center}.container-moyenne tbody tr{background:#1e293b66;transition:var(--transition);border-radius:8px}.container-moyenne tbody tr:hover{background:#1e293bcc;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.container-moyenne td{padding:.75rem 1rem;vertical-align:middle}.container-moyenne tbody td:first-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.container-moyenne tbody td:last-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.container-moyenne .subject-info{display:flex;flex-direction:column}.container-moyenne .subject-name{color:var(--text-main)}.container-moyenne .subject-options{margin-top:.25rem}.container-moyenne .checkbox-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);cursor:pointer}.container-moyenne input[type=number]{width:100%;max-width:80px;padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0f172a99;font-family:inherit;text-align:center;color:var(--text-main);transition:var(--transition)}.container-moyenne input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833;background:#0f172ae6}.container-moyenne input[type=number]:disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.container-moyenne .coef-input{width:60px!important;max-width:60px!important;padding:.4rem .25rem!important;font-weight:600;color:var(--primary)!important;background:#0ea5e91f!important;border:1px solid rgba(56,189,248,.3)!important;border-radius:8px;text-align:center}.container-moyenne .coef-input:focus{background:#0f172af2!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #38bdf840!important}.container-moyenne .coef-badge{display:inline-block;padding:.25rem .75rem;background:#0ea5e91a;color:var(--primary);border-radius:999px;text-align:center}.container-moyenne .avg-display{color:var(--text-main);text-align:center;font-weight:500}.container-moyenne tr.exempt-row{opacity:.5;background:transparent!important;box-shadow:none!important;transform:none!important}.container-moyenne .results-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-main)}.container-moyenne .results-card{background:#1e293bb3;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0003;margin-bottom:1.5rem}.container-moyenne .result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.container-moyenne .result-label{color:var(--text-muted)}.container-moyenne .result-value{color:var(--text-main)}.container-moyenne .divider{height:1px;background:#ffffff1a;margin:1.5rem 0}.container-moyenne .result-row.final{flex-direction:column;align-items:center;gap:1rem;margin-bottom:.5rem}.container-moyenne .result-row.final .result-label{color:var(--text-main)}.container-moyenne .final-avg-container{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-color);position:relative;box-shadow:inset 0 4px 10px #0003,0 4px 15px #0000004d;transition:var(--transition)}.container-moyenne .final-avg-container:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8b5cf6);z-index:-1;opacity:.2;transition:var(--transition)}.container-moyenne .result-row.final .result-value{font-size:3rem}.container-moyenne .score-excellent{color:var(--primary)!important}.container-moyenne .score-good{color:var(--success)!important}.container-moyenne .score-average{color:var(--warning)!important}.container-moyenne .score-bad{color:var(--danger)!important}.container-moyenne .appreciation-msg{text-align:center;min-height:1.5em;margin-top:1rem}.container-moyenne .actions{display:flex;flex-direction:column;gap:1rem}.container-moyenne .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;font-family:inherit;cursor:pointer;transition:var(--transition)}.container-moyenne .btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #38bdf833}.container-moyenne .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #38bdf84d}.container-moyenne .btn-secondary{background:#1e293bb3;color:var(--text-main);border:1px solid rgba(255,255,255,.1)}.container-moyenne .btn-secondary:hover{background:#1e293be6;border-color:#fff3}.container-moyenne footer{text-align:center;margin-top:3rem;color:var(--text-muted)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.container-moyenne .pulse-animation{animation:pulse .5s ease-in-out}@media print{.container-moyenne .background-shapes,.container-moyenne .actions,.container-moyenne footer{display:none}.container-moyenne .glass-panel{box-shadow:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.container-moyenne .app-content{display:block}.container-moyenne .results-section{margin-top:2rem;page-break-inside:avoid}.container-moyenne input[type=number]{border:none;background:transparent;padding:0}input[type=number]::-webkit-outer-spin-button,.container-moyenne input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}@media (max-width: 768px){.container-moyenne{padding:1.25rem .75rem}.container-moyenne .glass-panel{padding:1rem .75rem}.container-moyenne .table-section{padding:.75rem .5rem}.container-moyenne .table-responsive{margin:0 -.25rem}}