.canta-frontend-container{max-width:800px;margin:30px auto;padding:20px;background-color:#f0f2f5;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .1);font-family:'Inter',sans-serif}.hesaplama-card,.sonuc-ana-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .05);margin-bottom:25px;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:25px 30px;color:#fff;text-align:center}.card-header h2{margin:0;font-size:24px;font-weight:700;letter-spacing:.5px}.card-header p{margin:8px 0 0;font-size:15px;opacity:.9}.card-body{padding:30px}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;flex:1}.form-group label{font-weight:600;margin-bottom:8px;color:#495057;font-size:14px}.form-input{padding:4px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.form-actions{display:flex;justify-content:center;padding-top:20px;border-top:1px solid #e9ecef}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-transform:none}.btn-primary:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46a3 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgb(102 126 234 / .3)}.sonuc-ana{margin-bottom:30px;text-align:center}.sonuc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px;justify-content:center;text-align:center}.sonuc-item{background:#f8f9fa;border-radius:12px;padding:25px;border:1px solid #e9ecef;transition:all .3s ease;width:100%;margin:0 auto}.sonuc-item.vurgulu{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 8px 25px rgb(102 126 234 / .3)}.sonuc-item.vurgulu .sonuc-label,.sonuc-item.vurgulu .sonuc-alt,.sonuc-item.vurgulu .birim-maliyet,.sonuc-item.vurgulu .sonuc-deger{color:white!important;opacity:1}.sonuc-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgb(0 0 0 / .1)}.sonuc-label{font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:10px}.sonuc-deger{font-size:32px;font-weight:700;color:#343a40;display:block}.sonuc-alt{font-size:13px;color:#6c757d;line-height:1.6;margin-top:10px}.sonuc-alt strong{font-size:16px;font-weight:700;color:#343a40}.loading-state{opacity:.6;pointer-events:none}.loading-btn::after{content:'';width:16px;height:16px;margin-left:8px;border:2px solid #fff;border-top:2px solid #fff0;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.maliyet-detay-toggle-container{border-top:1px solid #e9ecef;padding-top:20px;margin-top:20px}.detay-toggle{width:100%;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;color:#495057;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:all .3s ease}.detay-toggle:hover{background:#e9ecef;border-color:#667eea;color:#667eea}@media (max-width:768px){.canta-frontend-container{padding:15px}.card-header{padding:20px}.card-header h2{font-size:20px}.card-body{padding:20px}.form-row{flex-direction:column;gap:15px}.form-group{flex:auto}.sonuc-grid{grid-template-columns:1fr}}.input-group{display:flex;align-items:center;gap:10px}.input-separator{color:#6c757d;font-weight:600}