:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000c;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;max-width:100%;margin:2%;padding:5%;background-color:#b0a9a1cc;border-radius:20px;box-shadow:0 0 40px #6e6b6bcc;border:1px solid #ddd;box-sizing:border-box}.app-icon{display:block;margin:0 auto 10px;width:auto;height:auto;max-width:100%}.title-decoration{color:#fff}.title-decoration2{text-align:justify;color:#000;max-width:70%;margin:0 auto;line-height:1.6;font-size:1rem}.title-decoration3{text-align:center;color:#000;max-width:70%;margin:0 auto;line-height:1.6;font-size:1rem}.model-header-box1{background-color:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:10px 20px;margin-top:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00000026,0 0 20px #ffffff1a}.model-header-box2{background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00000026,0 0 20px #ffffff1a}.model-header-box3{width:80%;background-color:#7575751a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1%;margin-bottom:1rem;border:4px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00000026,0 0 20px #ffffff1a}.model-header-box4{background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1%;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00000026,0 0 20px #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.center{text-align:center}.row-default{display:flex;flex-wrap:wrap;margin:0 -10px}.col-default{flex:0 0 100%;max-width:100%}.col-default-50{flex:0 0 100%;max-width:100%;border:1px solid #ddd}.input-row{display:flex;flex-wrap:wrap;gap:1rem}.input-group{flex:1 1 45%;min-width:200px}@media (max-width: 600px){.input-group{flex:1 1 100%}}@media (min-width: 600px){.col-600px{flex:0 0 50%}}@media (min-width: 900px){.col-900px{flex:0 0 100%}}.col-6{flex:0 0 50%;max-width:50%;padding:10px}.col-4{flex:0 0 33.3333%;max-width:33.3333%;padding:10px}.col-3{flex:0 0 25%;max-width:25%;padding:10px}.col-12{flex:0 0 100%;max-width:100%;padding:10px}h1{text-align:center;margin-bottom:2rem}.input-group{margin:1rem auto;max-width:600px;display:flex;flex-direction:column}label{font-weight:700;margin-bottom:.5rem}select,input[type=number]{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}button{margin:2rem auto;display:block;padding:.75rem 2rem;background-color:#0d0b0acc;color:#fff;border:none;font-size:1rem;border-radius:4px;cursor:pointer;transition:transform .2s ease,background-color .2s ease}button:hover{background-color:#282726cc;color:#fff;transform:scale(1.1)}.result{margin-top:20px;padding:10px;color:#fff;font-weight:700;border-radius:5px;text-align:center}.error{margin-top:20px;padding:10px;background-color:#ffe6e6;color:#a22;font-weight:700;border:1px solid #a22;border-radius:5px;text-align:center}.model-button-group{margin:20px 0;text-align:center}.model-button-group label{font-weight:700}.model-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2%;justify-content:center;align-items:center}.model-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem;width:100%}.model-btn{width:80%;height:100%;padding:10px 16px;border:2px solid rgba(42,39,37,.8);background-color:#58524ccc;color:#fffc;font-weight:700;border-radius:8px;cursor:pointer;white-space:nowrap;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.model-btn:hover{background-color:#58524ccc;border:2px solid rgba(255,255,255,.8);color:#fff;transform:scale(1.1)}.model-btn.active{background-color:#282726cc;border:2px solid rgba(0,0,0,.8);color:#fff;transform:scale(1.2)}.model-metrics-grid{display:flex;flex-wrap:wrap;gap:10%;justify-content:center;margin:1%}.model-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;justify-items:center;align-items:center;margin-top:30px}.progress-widget{background-color:#58524c4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:200px;height:230px;border-radius:40%;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-widget h4{color:#ffffffe6;font-weight:700;margin-bottom:10px}.circular-chart-wrapper{width:130px;height:130px}.neon-glow{filter:drop-shadow(0 0 4px rgba(255,255,255,.3)) drop-shadow(0 0 8px rgba(255,255,255,.2)) drop-shadow(0 0 12px rgba(255,255,255,.1))}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#14141480;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.popup-overlay.show{opacity:1;visibility:visible}.popup-content{background-color:#58524ce6;padding:30px 40px;border-radius:15px;color:#fff;text-align:center;font-size:1.4rem;box-shadow:0 0 30px #00000080;transform:scale(.95);transition:transform .3s ease}.popup-overlay.show .popup-content{transform:scale(1)}.popup-content.error{background-color:#8b0000}.popup-close{margin-top:15px;background:#444;color:#fff;border:none;padding:8px 15px;cursor:pointer;border-radius:5px}.model-icon{width:6rem;height:6rem;vertical-align:middle;opacity:50%;margin-bottom:10%;transition:.3s ease}.model-btn.active .model-icon{transition:.3s ease;opacity:1}.label-with-button{display:flex;justify-content:space-between;align-items:center}.detail-btn{margin-left:10px;font-size:.8rem;padding:4px 8px;background-color:#333;color:#fff;border:none;border-radius:6px;cursor:pointer}.error-text{color:#8b0000;font-size:1rem;margin-top:5px}.custom-select-wrapper{position:relative;width:100%;margin-top:6px}.custom-select-selected{background-color:#282828e6;color:#fff;padding:8px 12px;height:38px;border:1px solid #ccc;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;font-size:16px;box-sizing:border-box}.custom-select-selected:hover{border-color:#999}.custom-select-selected:focus-within{border-color:#4d90fe}.dropdown-arrow{margin-left:10px;font-size:.8rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.custom-select-options{list-style:none;margin:0;padding:0;background-color:#555;border-radius:6px;position:absolute;width:100%;z-index:10;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;pointer-events:none}.custom-select-options.show{max-height:300px;opacity:1;pointer-events:auto;box-shadow:0 4px 8px #0003}.custom-select-options li{padding:10px;cursor:pointer;color:#fff;transition:background .2s}.custom-select-options li:hover{background-color:#666}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}