*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#e6f0ff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.app{max-width:800px;width:100%}.calculator-container{animation:floatUpDown 6s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px 0 #00000059;overflow:hidden;padding:30px;position:relative}.calculator-container:before{animation:gradient 18s ease infinite;background:linear-gradient(45deg,#6dd5fa,#2980b9,#a17fe0,#67e6dc);background-size:400% 400%;content:"";filter:blur(25px);inset:-15px;opacity:.25;position:absolute;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-header{margin-bottom:30px;text-align:center}.app-header h1{-webkit-text-fill-color:#0000;animation:gradientFlow 10s ease infinite;background:linear-gradient(270deg,#6dd5fa,#2980b9,#a17fe0);-webkit-background-clip:text;background-size:600% 600%;font-size:2.5rem;margin-bottom:10px}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-header p{color:#e6f0ffb3;font-size:1.1rem}.tabs{border-bottom:1px solid #ffffff26;margin-bottom:20px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;color:#e6f0ffa6;cursor:pointer;font-size:1rem;gap:8px;padding:15px 25px;position:relative;transition:all .3s ease}.tab:hover{color:#fff;text-shadow:0 0 8px #add8e680}.tab.active{color:#67e6dc}.tab.active:after{animation:pulseGlow 1.5s infinite;background:linear-gradient(90deg,#6dd5fa,#a17fe0);border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #6dd5fa}50%{box-shadow:0 0 15px #a17fe0}}.tab-content{padding:20px 0}.calculator-form{grid-gap:20px;display:grid;gap:20px}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:500;margin-bottom:8px}.input-group input,.input-group select{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#e6f0ff;font-size:1rem;padding:12px 15px;transition:all .3s ease}.input-group input:focus,.input-group select:focus{background:#ffffff1f;border-color:#6dd5fa;box-shadow:0 0 0 2px #6dd5fa4d;outline:none}.input-group input.error,.input-group select.error{border-color:#ff6b81}.input-group select option{background:#1a2938;color:#e6f0ff}.input-group select option:hover{background:#2980b9;color:#fff}.error-text{color:#ff6b81;font-size:.85rem;margin-top:5px}.calculate-btn{background:linear-gradient(90deg,#2980b9,#6dd5fa);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.calculate-btn:hover{box-shadow:0 7px 14px #6dd5fa66;transform:translateY(-2px)}.calculate-btn:before{background:radial-gradient(circle,#6dd5fa66 10%,#0000 10.01%);content:"";height:300%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s,opacity .6s;width:300%}.calculate-btn:active:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.result-display{animation:fadeInUp .8s ease;background:#ffffff14;border-radius:10px;margin-top:30px;padding:20px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-display h3{color:#6dd5fa;font-size:1.8rem;text-shadow:0 0 8px #6dd5fa99}.history-header{justify-content:space-between;margin-bottom:20px}.history-header,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#e6f0ff;cursor:pointer;gap:5px;padding:8px 15px;transition:all .3s ease}.refresh-btn:hover{background:#ffffff26}.no-history{color:#e6f0ff80;padding:40px;text-align:center}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{align-items:center;background:#ffffff14;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.history-item:hover{background:#ffffff1f;box-shadow:0 0 12px #6dd5fa66;transform:translateX(5px)}.calculation{flex:1 1;font-size:1.1rem}.item-date{color:#e6f0ff99;font-size:.9rem;margin:0 15px}.item-actions{display:flex;gap:10px}.action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.action-btn.view{background:#6dd5fa33;color:#6dd5fa}.action-btn.edit{background:#ffc10733;color:#ffc107}.action-btn.delete{background:#dc354533;color:#ff6b81}.action-btn:hover{transform:scale(1.1)}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#1c2a38;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #00000080;max-width:500px;padding:25px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:all .3s ease}.close-btn:hover{color:#6dd5fa}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.close-details-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .3s ease}.cancel-btn,.close-details-btn{background:#ffffff14;color:#fff}.save-btn{background:linear-gradient(90deg,#2980b9,#6dd5fa);color:#fff}.cancel-btn:hover,.close-details-btn:hover{background:#ffffff26}.save-btn:hover{box-shadow:0 5px 10px #6dd5fa66;transform:translateY(-2px)}.detail-content{display:flex;flex-direction:column;gap:10px}.notification{animation:slideIn .3s ease;border-radius:10px;box-shadow:0 5px 15px #00000040;color:#fff;max-width:350px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1001}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.notification.success{background:#28a745e6;border-left:4px solid #28a745}.notification.error{background:#dc3545e6;border-left:4px solid #ff6b81}.loader-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.loader{animation:spin 1s linear infinite,neonGlow 2s ease-in-out infinite;border-radius:50%;border-right:5px solid #fff3;border-top:5px solid #fff3;border-color:#6dd5fa #a17fe0 #fff3 #fff3;border-style:solid;border-width:5px;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 6px #6dd5fa)}50%{filter:drop-shadow(0 0 12px #a17fe0)}}@media (max-width:768px){.calculator-container{padding:20px}.app-header h1{font-size:2rem}.history-item{align-items:flex-start;flex-direction:column;gap:10px}.item-date{margin:0}.item-actions{align-self:flex-end}.tabs{justify-content:center}}.app-logo{filter:drop-shadow(0 0 6px rgba(109,213,250,.5));height:100px;margin-bottom:15px;width:100px}
/*# sourceMappingURL=main.e75ae5de.css.map*/