.invoice-builder{min-height:100vh;display:flex;flex-direction:column;background-color:#f3f5f7}.invoice-builder__topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:#fff;border-bottom:1px solid #e8ebed;flex-shrink:0}.invoice-builder__logo{display:inline-flex;align-items:center}.invoice-builder__logo svg .logo__circle{fill:#ff0036}.invoice-builder__logo svg .logo__text{fill:#333}.invoice-builder__actions{display:flex;gap:12px}.invoice-builder__action{display:inline-flex;align-items:center;border-radius:6px;padding:10px 18px;font-weight:700}.invoice-builder__workspace{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;gap:24px;padding:32px;max-width:1160px;width:100%;margin:0 auto}.invoice-builder__canvas{flex:1 1 auto;min-width:0;display:flex;justify-content:center}.invoice-builder__sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.invoice-builder__panel{background-color:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:20px}.invoice-builder__panel-title{display:flex;align-items:center;font-size:15px;font-weight:700;color:#333;margin:0 0 16px}.invoice-builder__swatches{display:flex;flex-wrap:wrap;gap:10px}.invoice-builder__swatch{width:40px;height:40px;border-radius:10px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s}.invoice-builder__swatch:hover{transform:translateY(-2px)}.invoice-builder__swatch--active{border-color:#333;box-shadow:inset 0 0 0 2px #fff}.invoice-builder__custom-color{position:relative;display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;border-radius:10px;border:1px solid #e4e7eb;cursor:pointer;transition:border-color .15s,background-color .15s}.invoice-builder__custom-color:hover{border-color:#b6bec9}.invoice-builder__custom-color--active{border-color:#333;background-color:#f9fafb}.invoice-builder__custom-color-swatch{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red)}.invoice-builder__custom-color-label{font-size:14px;font-weight:600;color:#333}.invoice-builder__swatch-icon{color:#fff;font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));pointer-events:none}.invoice-builder__swatch-input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;opacity:0;cursor:pointer}.invoice-builder__currency-input{width:64px;padding:10px 14px;border-radius:10px;border:1px solid #e4e7eb;background-color:#fff;font-size:15px;font-weight:700;text-align:center;color:#333}.invoice-builder__currency-input:focus{outline:none;border-color:var(--invoice-accent,#ff0036)}.invoice-builder__template-option{display:flex;flex-direction:column;width:100%;text-align:left;gap:2px;padding:14px 16px;border-radius:10px;border:1px solid #e4e7eb;background-color:#fff;cursor:pointer;margin-bottom:10px}.invoice-builder__template-option:last-child{margin-bottom:0}.invoice-builder__template-option strong{font-size:14px;color:#333}.invoice-builder__template-option span{font-size:12px;color:#7b8794}.invoice-builder__template-option--active{border-color:var(--invoice-accent,#ff0036);background-color:#f9fafb}.invoice-builder__template-option--active strong{color:var(--invoice-accent,#ff0036)}.invoice-builder__tip{background-color:#f9fafb;border:1px solid #e4e7eb;border-radius:12px;padding:16px;font-size:13px;line-height:1.6;color:#52606d}.invoice-sheet{width:100%;max-width:800px;background-color:#fff;border-radius:12px;box-shadow:0 18px 40px -10px rgba(51,51,51,.12);padding:40px}.invoice-sheet__header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.invoice-sheet__logo-dropzone{position:relative;flex-shrink:0;width:64px;height:64px;border:2px dashed #d3d8de;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7b8794;font-size:20px;cursor:pointer;transition:border-color .2s,background-color .2s}.invoice-sheet__logo-dropzone:hover{border-color:var(--invoice-accent,#ff0036);color:var(--invoice-accent,#ff0036)}.invoice-sheet__logo-dropzone--active{border-color:var(--invoice-accent,#ff0036);background-color:#f9fafb}.invoice-sheet__logo-icon{pointer-events:none}.invoice-sheet__logo-image{width:100%;height:100%;object-fit:contain;border-radius:10px}.invoice-sheet__logo-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:100%;border:none;background-color:#333;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.invoice-sheet__logo-remove:hover{background-color:#ff0036}.invoice-sheet__logo-print{flex-shrink:0;width:64px;height:64px}.print-only{display:none}input.invoice-sheet__title{flex:1 1 auto;font-size:34px;font-weight:800;letter-spacing:1px;color:#333;margin:0;padding:3px 0}.invoice-sheet__number-block{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.invoice-sheet__number-block .invoice-field{text-align:right}.invoice-sheet__divider{border-top:1px solid #e8ebed;margin:20px 0 28px}.invoice-sheet__label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#7b8794;margin-bottom:6px}.invoice-sheet__parties{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:28px}.invoice-sheet__party{display:flex;flex-direction:column;gap:8px}.invoice-sheet__dates{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:28px}.invoice-sheet__date-field{min-width:140px}.invoice-sheet__date-input-wrap{position:relative}.invoice-sheet__date-input{color:transparent}.invoice-sheet__date-input::-webkit-datetime-edit-day-field,.invoice-sheet__date-input::-webkit-datetime-edit-fields-wrapper,.invoice-sheet__date-input::-webkit-datetime-edit-month-field,.invoice-sheet__date-input::-webkit-datetime-edit-text,.invoice-sheet__date-input::-webkit-datetime-edit-year-field{color:transparent}.invoice-sheet__date-display{position:absolute;inset:0;display:flex;align-items:center;padding:3px 0;font-weight:700;font-size:14px;color:#333;pointer-events:none}.invoice-field{width:100%;border:none;border-bottom:1px solid transparent;background-color:transparent;font:inherit;font-size:14px;color:#333;padding:3px 0}.invoice-field:focus,.invoice-field:hover{outline:none;border-bottom-color:#d3d8de}.invoice-field:focus{border-bottom-color:var(--invoice-accent,#ff0036)}.invoice-field--bold{font-weight:700}.invoice-field--num{text-align:center}.invoice-field--tax{display:inline-block;width:44px;text-align:center;border-bottom:1px solid #d3d8de}.invoice-field--area{resize:none;line-height:1.6}.invoice-sheet__table{width:100%;border-collapse:collapse;margin-bottom:12px}.invoice-sheet__table thead th{background-color:var(--invoice-accent,#0f2137);color:#fff;text-align:left;font-size:13px;font-weight:700;padding:12px 14px}.invoice-sheet__table thead th:nth-child(2),.invoice-sheet__table thead th:nth-child(3){text-align:center}.invoice-sheet__table thead th:nth-child(4){text-align:right}.invoice-sheet__table td{padding:10px 14px;border-bottom:1px solid #eef0f1;font-size:14px;vertical-align:middle}.invoice-sheet__amount{text-align:right;font-weight:600;white-space:nowrap}.invoice-sheet__remove{border:none;background:transparent;color:#7b8794;cursor:pointer;padding:4px}.invoice-sheet__remove:hover{color:#ff0036}.invoice-sheet__add-item{display:inline-flex;align-items:center;border:none;background:transparent;color:var(--invoice-accent,#ff0036);font-size:14px;font-weight:700;cursor:pointer;padding:8px 0 28px}.invoice-sheet__summary{max-width:280px;margin:0 0 32px auto}.invoice-sheet__summary-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;color:#52606d}.invoice-sheet__tax-label{display:inline-flex;align-items:center;gap:4px}.invoice-sheet__total{display:flex;align-items:center;justify-content:space-between;background-color:var(--invoice-accent,#0f2137);color:#fff;font-size:16px;font-weight:700;padding:14px 16px;border-radius:6px;margin-top:8px}.invoice-sheet__notes{margin-bottom:20px}.invoice-sheet__footer{text-align:center;font-size:12px;color:#7b8794;border-top:1px solid #eef0f1;padding-top:16px;margin-top:20px}.invoice-sheet--modern .invoice-sheet__table thead th{background-color:transparent;color:#333;border-bottom:2px solid var(--invoice-accent,#ff0036)}.invoice-sheet--modern .invoice-sheet__total{background-color:transparent;color:var(--invoice-accent,#ff0036);border:2px solid var(--invoice-accent,#ff0036)}.invoice-sheet--detailed .invoice-sheet__header{margin-bottom:12px}@media (max-width:991px){.invoice-builder__workspace{flex-direction:column}.invoice-builder__sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.invoice-builder__panel,.invoice-builder__tip{flex:1 1 240px}}@media (max-width:575px){.invoice-sheet{padding:24px 20px}.invoice-sheet__parties{grid-template-columns:1fr}.invoice-sheet__header{flex-wrap:wrap}.invoice-sheet__number-block{align-items:flex-start;text-align:left}}@media print{.no-print{display:none!important}.print-only{display:block!important}.invoice-builder,.invoice-builder__canvas,.invoice-builder__workspace,body{background:#fff!important;padding:0!important;margin:0!important;display:block!important}.invoice-sheet{box-shadow:none;border-radius:0;max-width:100%;width:100%;padding:0}}