:root{--primary-color:#2563eb;--secondary-color:#64748b;--bg-color:#f8fafc;--card-bg:#fff;--text-color:#1e293b;--border-color:#e2e8f0;--success-color:#16a34a;--accent-color:#3b82f6}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:2rem;font-weight:800}header p{color:var(--secondary-color)}.card{background:var(--card-bg);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card h2{color:var(--text-color);border-bottom:2px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--secondary-color);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.result-item{background:var(--bg-color);border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.result-label{font-weight:600}@media (width<=600px){.form-grid{grid-template-columns:1fr}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--housing-color:#059669;--housing-hover:#047857;--bg-color:#f1f5f9;--card-bg:#fff;--text-color:#1e293b;--text-light:#64748b;--border-color:#e2e8f0;--success-color:#10b981;--danger-color:#ef4444;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.container{max-width:100%;margin:0 auto;padding:2rem 3rem}header{text-align:center;margin-bottom:2rem}.header-top{justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.header-email{color:var(--text-light);font-size:.875rem}.logout-btn{flex:none!important;padding:.4rem .8rem!important;font-size:.75rem!important}.header-subtitle{color:var(--text-light);margin-top:.5rem;font-size:.9375rem}.mode-nav{background:#e2e8f0;border-radius:12px;gap:4px;width:fit-content;margin:0 auto .75rem;padding:4px;display:flex}.mode-tab{cursor:pointer;color:var(--text-light);letter-spacing:-.01em;background:0 0;border:none;border-radius:9px;flex:none;padding:.55rem 1.75rem;font-size:.9375rem;font-weight:600;transition:all .2s}.mode-tab:hover{color:var(--text-color);background:#fff9}.mode-car .mode-tab.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 6px #2563eb59}.mode-housing .mode-tab.active{background:var(--housing-color);color:#fff;box-shadow:0 2px 6px #05966959}.mode-housing .btn-primary{background:var(--housing-color)}.mode-housing .btn-primary:hover{background:var(--housing-hover)}.mode-housing .btn-secondary{color:var(--housing-color);border-color:var(--housing-color)}.mode-housing .btn-secondary:hover{background:#ecfdf5}.mode-housing .history-item.active{border-color:var(--housing-color);background:#ecfdf5}.mode-housing input:focus,.mode-housing textarea:focus,.mode-housing select:focus{border-color:var(--housing-color)}.mode-housing .apply-btn{background:var(--housing-color)}.mode-housing .apply-btn:hover{background:var(--housing-hover)}.mode-housing .image-upload-container.dragging{border-color:var(--housing-color);background:#ecfdf5}.mode-housing .action-icon-btn:hover{color:var(--housing-color)}.main-layout{align-items:start;gap:1.5rem;display:grid}.main-layout>*{min-width:0}.mode-housing .main-layout{grid-template-columns:1.2fr 1fr 1fr 1.5fr}.mode-car .main-layout{grid-template-columns:1.2fr 1fr 1.5fr}.tax-tip{color:var(--text-light);margin-top:.25rem;font-size:.75rem}@media (width<=1400px){.mode-housing .main-layout,.mode-car .main-layout{grid-template-columns:1fr 1fr}}@media (width<=1023px){.mode-housing .main-layout,.mode-car .main-layout{grid-template-columns:1fr}}.mobile-tab-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;display:none;overflow:hidden;box-shadow:0 1px 4px #00000014}.mobile-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-right:1px solid #e2e8f0;flex:1;padding:.75rem .25rem;font-size:.78rem;font-weight:500;transition:background .15s,color .15s}.mobile-tab:last-child{border-right:none}.mode-housing .mobile-tab.active{color:#fff;background:#059669;font-weight:700}.mode-car .mobile-tab.active{color:#fff;background:#2563eb;font-weight:700}@media (width>=1024px) and (width<=1400px){.tab-bar-2{display:flex}.main-layout[data-tab=history] .input-section,.main-layout[data-tab=history] .financial-section,.main-layout[data-tab=history] .result-section,.main-layout[data-tab=info] .history-column,.main-layout[data-tab=analysis] .history-column{display:none}.main-layout[data-tab=history] .history-column{grid-column:1/-1}.mode-housing .input-section{grid-area:1/1/3}.mode-housing .financial-section{grid-area:1/2}.mode-housing .result-section{grid-area:2/2}}@media (width<=1023px){.container{padding:1rem}.form-grid{grid-template-columns:1fr}.action-bar{flex-wrap:wrap}.mode-nav{box-sizing:border-box;width:100%}.mode-tab{text-align:center;flex:1;padding:.5rem;font-size:.8rem}.tab-bar-3{display:flex}.main-layout[data-tab=info] .financial-section,.main-layout[data-tab=info] .result-section,.main-layout[data-tab=info] .history-column,.main-layout[data-tab=analysis] .input-section,.main-layout[data-tab=analysis] .history-column,.main-layout[data-tab=history] .input-section,.main-layout[data-tab=history] .financial-section,.main-layout[data-tab=history] .result-section{display:none}}.card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}h2{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}label{color:var(--text-light);font-size:.875rem;font-weight:600}input,textarea,select{border:1px solid var(--border-color);border-radius:6px;outline:none;padding:.625rem;font-family:inherit;font-size:1rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-color)}.apply-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.estimation-badge .apply-btn{border-radius:4px;flex:none;width:auto;margin-left:.5rem;padding:.25rem .5rem;font-size:.75rem}.apply-btn:hover{background:var(--primary-hover)}.estimation-badge{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.results{flex-direction:column;gap:1rem;display:flex}.result-item{justify-content:space-between;align-items:center;display:flex}.result-label{color:var(--text-light)}.result-value{font-size:1.125rem;font-weight:700}.profit-positive{color:var(--success-color)}.profit-negative{color:var(--danger-color)}.filter-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-bar .form-group{min-width:0}.filter-bar .form-group select{width:100%;min-width:0}@media (width<=600px){.filter-bar{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.filter-bar .btn-outline{grid-column:1/-1;justify-self:end}.calendar-card{padding:.4rem!important}}.history-item{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding:1rem;transition:background .2s;display:flex}.history-item:hover{background:#f8fafc}.history-item.active{border-color:var(--primary-color);background:#eff6ff;border-width:2px}.history-item.won{border-left:3px solid #d97706}.history-info{flex-direction:column;flex:1;min-width:0;display:flex}.history-title{font-weight:600}.history-subtitle{color:var(--text-light);font-size:.875rem}.history-badge{background:#e2e8f0;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.action-bar{gap:1rem;margin-bottom:2rem;display:flex}button{cursor:pointer;border-radius:8px;flex:1;padding:.875rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--primary-color);border:1px solid var(--primary-color);background:#fff}.btn-secondary:hover{background:#eff6ff}.btn-outline{color:var(--text-light);border:1px solid var(--border-color);background:#fff}.image-upload-container{border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:12px;padding:2rem;transition:all .2s}.image-upload-container.dragging{border-color:var(--primary-color);background:#eff6ff}.hidden-input{display:none}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem;display:grid}.image-preview-item{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.remove-img-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{max-width:90%;max-height:90%;position:relative}.modal-image{border-radius:8px;max-width:100%;max-height:90vh}.modal-actions{justify-content:center;gap:1rem;width:100%;display:flex;position:absolute;bottom:-40px;left:0}.modal-btn{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:600}.modal-btn.copy{background:var(--success-color);color:#fff}.modal-btn.close{color:var(--text-color);background:#fff}.delete-item-btn{cursor:pointer;opacity:.5;background:0 0;border:none;flex:none;align-self:flex-start;padding:4px;font-size:1.25rem;transition:opacity .2s}.copy-btn-small{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:4px;align-items:center;margin-left:4px;padding:4px;font-size:.875rem;transition:background .2s;display:inline-flex}.copy-btn-small:hover{color:var(--primary-color);background:#e2e8f0}.input-with-action{align-items:center;display:flex;position:relative}.input-with-action input{width:100%;padding-right:2.5rem}.action-icon-btn{cursor:pointer;color:var(--text-light);z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;right:6px}.action-icon-btn:hover{color:var(--primary-color);background:#f1f5f9}.toast{color:#fff;z-index:2000;background:#1e293be6;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;animation:2s ease-in-out forwards toast-fade-in-out;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a}.login-screen{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #fffc;border-radius:24px;width:100%;max-width:420px;padding:3rem 2rem;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.login-header{margin-bottom:2.5rem}.login-logo{margin-bottom:1rem;font-size:3.5rem;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.login-header h1{color:#1e293b;letter-spacing:-.025em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.login-header p{color:#64748b;font-size:.9375rem;line-height:1.6}.google-login-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.google-login-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.google-login-btn:active{transform:translateY(0)}.google-login-btn img{width:20px;height:20px}.login-footer{color:#94a3b8;margin-top:3rem;font-size:.75rem}@keyframes toast-fade-in-out{0%{opacity:0;transform:translate(-50%,1rem)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-1rem)}}