:root{--accent: #3b82f6;--panel: #ffffff;--panel-2: #f9fafb;--border: #e5e7eb;--text-strong: #1f2937;--text-muted: #6b7280}.calc-container{max-width:900px;margin:0 auto}.calc-header{margin-bottom:20px}.calc-header h1{margin:0 0 8px;font-size:22px;color:var(--text-strong)}.calc-header p{margin:0;font-size:14px;color:var(--text-muted)}.input-section{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:13px;font-weight:500;color:var(--text-strong)}.input-group input[type=number]{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text-strong);font-size:14px;outline:none;transition:border-color .2s}.input-group input[type=number]:focus{border-color:var(--accent)}.input-group input[type=number]::-webkit-outer-spin-button,.input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group input[type=number]{-moz-appearance:textfield}.input-group select{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text-strong);font-size:14px;outline:none;cursor:pointer}.input-hint{font-size:12px;color:var(--text-muted);margin-top:-4px}.btn-calculate{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.btn-calculate:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.result-section{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.result-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.result-header h2{margin:0;font-size:15px;color:var(--text-strong)}.result-summary{display:flex;gap:24px}.summary-item{text-align:center}.summary-value{font-size:18px;font-weight:600;color:var(--accent)}.summary-label{font-size:12px;color:var(--text-muted);margin-top:2px}.result-tabs{display:flex;border-bottom:1px solid var(--border)}.tab-btn{padding:12px 20px;background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:var(--text-strong)}.tab-btn.active{color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent);background:#3b82f60d}.result-content{padding:20px}.tab-content{display:none}.tab-content.active{display:block}.table-container{overflow-x:auto}.result-table{width:100%;border-collapse:collapse}.result-table th,.result-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.result-table th{font-size:12px;font-weight:600;color:var(--text-muted);background:#f9fafb}.result-table td{font-size:13px;color:var(--text-strong)}.result-table tr:hover td{background:#f9fafb}.result-table .category{font-weight:600}.result-table .total{font-weight:600;color:var(--accent)}.info-box{background:#3b82f60d;border-left:3px solid var(--accent);padding:14px 16px;margin-top:20px;border-radius:0 8px 8px 0}.info-box p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.6}.info-box strong{color:var(--text-strong)}.tax-section{background:#f9fafb;border-radius:12px;padding:20px;margin-top:16px}.tax-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.tax-row:last-child{border-bottom:none}.tax-label{font-size:13px;color:var(--text-muted)}.tax-value{font-size:14px;color:var(--text-strong);font-weight:500}.tax-value.highlight{color:var(--accent);font-size:16px;font-weight:600}[data-theme=dark]{--panel: #1f2937;--panel-2: #374151;--border: #4b5563;--text-strong: #e5e7eb;--text-muted: #9ca3af}[data-theme=dark] .input-section,[data-theme=dark] .result-section{background:var(--panel);border-color:var(--border)}[data-theme=dark] .result-header,[data-theme=dark] .result-table th,[data-theme=dark] .result-table tr:hover td{background:var(--panel-2)}[data-theme=dark] .info-box{background:#3b82f61a}[data-theme=dark] .tax-section,[data-theme=dark] .tab-btn:hover{background:var(--panel-2)}@media (max-width: 768px){.input-row{grid-template-columns:1fr}.result-summary{flex-wrap:wrap;gap:16px;margin-top:12px}.result-header{flex-direction:column;align-items:flex-start}.result-table th,.result-table td{padding:10px 8px;font-size:12px}.calc-container{padding:0 12px}}
