:root{--bg-color:#fff;--text-color:#1a1a1a;--text-muted:#666;--primary-color:#0b9b9b;--secondary-color:#106f8c;--border-color:#e0e0e0;--card-bg:#fff;--section-header-bg:#f8fbfb;--header-text:#1b264f;--input-bg:#fff;--input-border:#ccc;--accent-light:#e6f7f7}:root[data-theme=dark]{--bg-color:#121212;--text-color:#e0e0e0;--text-muted:#aaa;--primary-color:#0dcdcd;--secondary-color:#4da6ff;--border-color:#333;--card-bg:#1e1e1e;--section-header-bg:#1a2626;--header-text:#fff;--input-bg:#2a2a2a;--input-border:#444;--accent-light:#163636}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}button{cursor:pointer;font-family:inherit}input,textarea{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:4px 8px;font-family:inherit}input:focus,textarea:focus{outline:2px solid var(--primary-color);border-color:#0000}@media print{@page{size:A4;margin:0}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.print-only{display:block!important}.a4-page{width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:20mm}}.q-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:4px;padding-bottom:4px;display:flex}.q-company-info{flex-direction:column;justify-content:space-between;gap:15px;display:flex}.q-logo-container{align-items:center;height:60px;display:flex}.q-logo{object-fit:contain;max-width:200px;max-height:100%}.q-logo-placeholder{border:1px dashed var(--border-color);width:200px;height:60px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.8rem;display:flex}.q-contact{flex-direction:column;gap:5px;font-size:.9rem;display:flex}.q-contact-item{align-items:center;gap:8px;display:flex}.q-title-section{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.q-title-section h1{color:var(--header-text);letter-spacing:1px;margin-bottom:2px;font-size:2rem}.q-date{color:var(--primary-color);font-size:.9rem;font-weight:700}.q-section{margin-bottom:8px}.q-section-title{color:var(--primary-color);text-transform:uppercase;border-bottom:1px solid var(--accent-light);align-items:center;gap:8px;margin-bottom:4px;padding-bottom:2px;font-size:.9rem;display:flex}.q-package{border:1px solid var(--border-color);border-radius:6px;margin-bottom:6px;overflow:hidden}.q-package-title{background-color:var(--section-header-bg);border-bottom:1px solid var(--border-color);padding:4px 8px;font-size:.85rem;font-weight:700}.q-table{border-collapse:collapse;width:100%}.q-table th,.q-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:3px 6px;font-size:.8rem}.q-table th{color:var(--text-muted);font-size:.8rem;font-weight:700}.q-table th:nth-child(2),.q-table th:nth-child(3),.q-table th:nth-child(4),.q-table td:nth-child(2),.q-table td:nth-child(3),.q-table td:nth-child(4){text-align:center}.q-package-total{background-color:var(--accent-light);justify-content:flex-end;align-items:center;gap:15px;padding:4px 10px;font-weight:700;display:flex}.q-total-amount{color:var(--primary-color);font-size:1.05rem}.q-software-grid{border:1px solid var(--border-color);border-radius:6px;grid-template-columns:1fr 1fr;gap:6px;display:grid}.q-software-options{border-right:1px solid var(--border-color);flex-direction:column;gap:6px;padding:6px;display:flex}.q-software-option h4{margin-bottom:2px;font-size:.85rem}.q-software-price{font-size:.8rem}.q-strikethrough{color:var(--text-muted);text-decoration:line-through}.q-current-price{color:var(--primary-color);font-weight:700}.q-software-subtext{color:var(--text-muted);margin-top:1px;font-size:.75rem}.q-software-features{padding:6px}.q-software-features h4{margin-bottom:4px;font-size:.85rem;font-weight:700}.q-feature-list{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.q-feature-list li{gap:6px;font-size:.8rem;display:flex}.q-bullet{color:var(--primary-color)}.q-bottom-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.q-box{border:1px solid var(--border-color);background-color:var(--section-header-bg);border-radius:6px;height:100%;padding:6px}.q-footer{text-align:center;color:var(--primary-color);margin-top:auto;padding-top:6px}.q-footer h3{margin-bottom:2px;font-size:.9rem}.q-footer p{color:var(--text-muted);font-size:.75rem}[data-theme=dark] .q-table th{color:#888}[data-theme=dark] .q-package-title{background-color:#1a1a1a}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color);flex-direction:column;gap:20px;width:350px;padding:20px;display:flex;overflow-y:auto}.main-content{background-color:var(--bg-color);flex:1;justify-content:center;padding:40px;display:flex;overflow-y:auto}.a4-page{background-color:var(--bg-color);flex-direction:column;gap:15px;width:210mm;min-height:297mm;padding:10mm;display:flex;position:relative;box-shadow:0 0 10px #0000001a}[data-theme=dark] .a4-page{border:1px solid var(--border-color);box-shadow:0 0 10px #ffffff0d}.sidebar h2{color:var(--primary-color);margin-bottom:10px;font-size:1.2rem}.control-group{border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;padding-bottom:15px;display:flex}.control-group label{align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:700;transition:opacity .2s;display:flex}.btn:hover{opacity:.9}.btn-secondary{background-color:var(--secondary-color)}.btn-outline{color:var(--text-color);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{background-color:var(--accent-light)}@media print{@page{size:A4;margin:8mm}.app-container{height:auto;display:block;overflow:visible}.sidebar{display:none}.main-content{background-color:#0000;padding:0;display:block;overflow:visible}.a4-page{box-shadow:none;border:none;width:auto;height:auto;min-height:auto;padding:0;font-size:.85em}.q-package,.q-software-grid,.q-bottom-grid{page-break-inside:avoid;break-inside:avoid}}