.calculator-page{background:#f5f7fb;min-height:100vh;display:flex;align-items:left}.calculator-card{background:#fff;border-radius:8px;padding:25px;border:1px solid #eef0f5;transition:all .3s ease}.calculator-title{font-size:28px;font-weight:700;color:#036;margin-bottom:20px}label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px;display:block;margin-top:15px}.calculator-card select{margin-bottom:10px}.calc-grid input,.calc-grid select,.calc-input,.calculator-card select{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #dfe3ea;font-size:15px;outline:none;transition:.2s ease;background:#fff}.calc-grid input,.calc-grid select,.calc-input{margin:0}.calc-grid input:focus,.calc-grid select:focus,.calc-input:focus{border-color:#f26722;box-shadow:0 0 0 3px rgba(242,103,34,.15)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:15px}.slider-box{background:#f9fafc;padding:15px;border-radius:12px;border:1px solid #eef0f5;margin-bottom:15px}.slider-box label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px;display:block;margin-top:15px}.slider-box input[type=range]{width:100%;accent-color:#f26722}.bbt{display:flex;justify-content:end}.calc-btn{width:max-content;padding:14px 40px;border:none;border-radius:4px;background:linear-gradient(135deg,#f26722,#ff7a3d);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.25s ease;margin-top:20px}.calc-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(242,103,34,.3)}.calc-btn:active{transform:scale(.98)}.result-box{margin-top:25px;padding:20px;border-radius:6px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb}.result-box .result-total{color:#f26722;font-size:26px;font-weight:800;margin-bottom:20px}.result-box .result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:15px;gap:15px}.result-box .result-item{background:#fff;border-radius:6px;padding:15px;text-align:center;border:1px solid #e5e7eb;transition:.3s ease}.result-box .result-item span{display:block;font-size:13px;color:#64748b;margin-bottom:5px}.result-box .result-item strong{font-size:18px;color:#111827}.result-box .result-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.loader{width:50px;height:50px;border:4px solid #eee;border-top-color:#f26722;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:768px){.calc-grid{grid-template-columns:1fr}.calculator-card{padding:20px}}.live-users-wrapper{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(242,103,34,.15);animation:pulse 2s infinite}.live-users-circle{width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,#f26722,#ff7a3d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;z-index:2;box-shadow:0 10px 25px rgba(242,103,34,.3);animation:float 3s ease-in-out infinite}.live-users-circle .count{font-size:14px;font-weight:800;line-height:1}.live-users-circle .label{font-size:10px;opacity:.9}@keyframes pulse{0%{transform:scale(.9);opacity:1}70%{transform:scale(1.4);opacity:0}to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}