.scc-container{max-width:800px;margin:20px auto;padding:25px;border-radius:12px;background:#f9f9f9;box-shadow:0px 4px 12px rgba(0,0,0,.1);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#333}.scc-container h2{text-align:center;color:#1346af;margin-bottom:5px}.scc-subtitle{text-align:center;color:#6c757d;margin-top:0;margin-bottom:25px}.scc-form-section,.scc-expenses-section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.scc-form-section label,.scc-expenses-section h3{color:#4f5a72;font-weight:600}.scc-form-section select{width:100%;padding:10px;margin:8px 0 15px;border-radius:8px;border:1px solid #ddd;background:#fff}.scc-checkbox{display:flex;align-items:center;margin:15px 0}.scc-checkbox input{width:auto;margin-right:10px}.scc-expense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:15px}.scc-expense-category{margin-bottom:10px}.scc-expense-category label{display:block;margin-bottom:5px;font-weight:500}.scc-expense-category input{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd}.scc-avg-indicator{display:block;font-size:.8em;color:#6c757d;margin-top:4px}.scc-btn-primary,.scc-btn-secondary{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.scc-btn-primary{background:#1346af;color:white}.scc-btn-primary:hover{background:#0f3890;transform:translateY(-2px)}.scc-btn-secondary{background:#6c757d;color:white;margin-top:10px}.scc-btn-secondary:hover{background:#5a6268}.scc-result{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.scc-result-placeholder{text-align:center;color:#6c757d;font-style:italic}.scc-result-active{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}.scc-result-item{padding:15px;border-radius:8px;background:#eaf0ff}.scc-result-item h4{margin:0 0 10px;color:#1346af}.scc-result-value{font-size:1.5em;font-weight:700;color:#1346af}.scc-footer{text-align:center;margin-top:20px;font-size:.9em;color:#6c757d}.scc-footer a{color:#1346af;text-decoration:none}.scc-footer a:hover{text-decoration:underline}@media (max-width:768px){.scc-container{padding:15px;margin:10px}.scc-expense-grid{grid-template-columns:1fr}.scc-result-active{grid-template-columns:1fr}}.scc-loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}