.calculator{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.page-title{font-size:1.5rem;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.card-title{font-size:.95rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields-grid.three-col{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:6px}.field.full-width{grid-column:1 / -1}.field label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.field input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.field input::placeholder{color:#555}.summary-card{background:var(--bg-secondary);border-color:var(--accent);border-width:1px}.summary-rows{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.summary-row.subtotal{padding-top:10px;border-top:1px solid var(--border);color:var(--text-primary);font-weight:600}.summary-row.total{padding-top:10px;border-top:2px solid var(--accent);font-size:1.15rem;font-weight:700;color:var(--accent)}.summary-row .profit{color:var(--accent)}.message{padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500}.message.success{background:#3ecf6a1a;color:var(--accent);border:1px solid rgba(62,207,106,.3)}.message.error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.generate-btn{background:var(--accent);color:#000;border:none;padding:14px 24px;font-size:1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:background .15s}.generate-btn:hover{background:var(--accent-hover)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.fields-grid,.fields-grid.three-col{grid-template-columns:1fr}}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:-280px;height:100vh;z-index:20;transition:left .3s ease}.sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border)}.sidebar-logo{width:40px;height:40px;border-radius:8px}.sidebar-header h2{font-size:1rem;font-weight:700;color:var(--accent)}.sidebar-subtitle{font-size:.75rem;color:var(--text-secondary)}.close-btn{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px}.close-btn:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-nav{padding:12px 8px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-radius:8px;text-align:left;transition:all .15s}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.history{display:flex;flex-direction:column;gap:16px}.history-status{text-align:center;padding:40px;color:var(--text-secondary)}.history-status.error{color:var(--danger)}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start}.history-card-header strong{font-size:1rem}.phone{margin-left:10px;color:var(--text-secondary);font-size:.85rem}.history-date{color:var(--text-secondary);font-size:.8rem}.project-name{color:var(--text-secondary);font-size:.85rem}.history-details{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.history-price{font-weight:700;color:var(--accent);font-size:1.05rem}.app{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;align-items:center;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center}.menu-btn:hover{background:var(--bg-card)}.top-bar-title{display:flex;align-items:center;gap:10px;margin-left:12px}.top-bar-logo{width:32px;height:32px;border-radius:6px}.top-bar-title h1{font-size:1.2rem;font-weight:700;color:var(--accent)}.top-bar-spacer{flex:1}.content-area{flex:1;padding:24px;max-width:900px;width:100%;margin:0 auto}.overlay{position:fixed;inset:0;background:#00000080;z-index:19}@media(max-width:768px){.content-area{padding:16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #21242f;--bg-input: #2a2d3a;--border: #2e3140;--text-primary: #f0f0f0;--text-secondary: #9ca3af;--accent: #3ecf6a;--accent-hover: #34b85c;--accent-dim: rgba(62, 207, 106, .1);--danger: #ef4444;--warning: #f59e0b}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}