@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app: #f4f6f8;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-light: #e5e7eb;--primary-accent: #111827;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}.App{display:flex;flex-direction:column;align-items:center;padding:0;min-height:100vh}.panel-label-generator{width:100%;max-width:1000px;background:var(--bg-card);box-shadow:var(--shadow-lg);padding:60px;border-radius:16px;animation:fadeIn .3s ease-in-out;margin:0 20px 40px;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:20px;margin-top:20px;width:100%;max-width:1000px;box-shadow:var(--shadow-sm);border-radius:12px;box-sizing:border-box}.site-branding{display:flex;align-items:center;gap:15px}.site-logo{height:48px;width:auto;object-fit:contain}.site-title-group{display:flex;flex-direction:column}.site-title{font-size:1.5rem;color:var(--text-primary);margin:0;line-height:1.2}.site-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.header-section{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.company-details-section,.company-details-inputs{width:100%;display:flex;flex-direction:column;gap:15px}.logo-section{width:120px;height:80px;border:1px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#f9fafb;transition:all .2s;align-self:flex-start}.panel-info-section{display:flex;flex-direction:column;align-items:flex-end;gap:15px;width:100%}.panel-info-section{align-items:stretch}.panel-inputs{display:flex;flex-direction:column;gap:15px}.language-toggle{display:flex;background:#f3f4f6;padding:4px;border-radius:8px;margin-bottom:20px}.logo-section:hover{border-color:var(--primary-accent);background:#fdfdfd}.logo-section.has-logo{border:none;background:transparent}.logo-placeholder{color:var(--text-secondary);font-size:.9rem;font-weight:500}.company-logo{max-width:100%;max-height:100%;object-fit:contain}.remove-logo-btn{position:absolute;top:-10px;right:-10px;background:var(--danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);opacity:0;transition:opacity .2s}.logo-section:hover .remove-logo-btn{opacity:1}.company-details{flex-grow:1;display:flex;flex-direction:column;gap:15px}.field-container{display:flex;flex-direction:column;gap:2px}.field-label{font-size:.75rem;color:#9ca3af;font-weight:500;margin-left:12px}input[type=text]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:transparent;font-family:inherit;font-size:inherit;transition:all .2s;box-sizing:border-box}input[type=text]:placeholder-shown{border-color:#f3f4f6}input[type=text]:hover{background:#f9fafb}input[type=text]:focus{background:#fff;border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 3px #1118271a}textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:transparent;font-family:inherit;font-size:inherit;transition:all .2s;box-sizing:border-box;resize:none;overflow:hidden;height:auto;min-height:48px}textarea:placeholder-shown{border-color:#f3f4f6}textarea:hover{background:#f9fafb}textarea:focus{background:#fff;border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 3px #1118271a}.language-toggle{background:#f3f4f6;padding:4px;border-radius:8px;display:flex}.lang-btn{padding:6px 16px;border-radius:6px;border:none;background:transparent;font-weight:600;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.lang-btn.active{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-sm)}.panel-title-input,.panel-number-input{text-align:left}.breaker-table-container{margin-bottom:40px}.breaker-table{width:100%;border-collapse:collapse}.breaker-table th{text-align:left;padding:16px;color:var(--text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.breaker-table td{padding:8px;border-bottom:1px solid var(--border-light);position:relative}.breaker-row{transition:background .1s}.breaker-row:hover{background:#f9fafb}.col-breaker-no{width:12%}.col-description{width:73%}.col-current{width:15%}.table-input{font-size:.95rem;color:var(--text-primary)}.delete-row-btn{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--danger);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;font-size:12px}.breaker-row:hover .delete-row-btn{opacity:1;right:10px}.table-actions{margin-top:20px;display:flex;justify-content:center}.add-btn{background:#fff;border:1px solid var(--border-light);padding:10px 20px;border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.add-btn:hover{background:#f9fafb;border-color:var(--text-secondary)}.footer-info{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:20px;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:.9rem}.voltage-select{padding:8px;border:1px solid var(--border-light);border-radius:6px;background:#fff;font-size:1rem;font-weight:600;cursor:pointer}.controls{margin-top:40px}.export-buttons{display:flex;justify-content:center;gap:20px}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .1s}.btn-primary{background:var(--primary-accent);color:#fff;border:none;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background:#000;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover{background:#f9fafb}.print-only{display:none}.tab-bar{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid var(--border-light);padding-bottom:10px}.tab-btn{padding:10px 20px;border:none;background:transparent;font-weight:600;font-size:1rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;border-radius:8px}.tab-btn:hover{background:#f3f4f6;color:var(--text-primary)}.tab-btn.active{background:var(--primary-accent);color:#fff;box-shadow:var(--shadow-md)}.screen-hidden{display:none}.tab-actions{margin-top:30px;padding-top:20px;border-top:1px dashed var(--border-light)}.export-buttons.mini{justify-content:flex-start;gap:12px}.btn-secondary.small{padding:8px 16px;font-size:.85rem}.icon-btn{display:flex;align-items:center;justify-content:center;gap:8px}.icon-btn svg{transition:transform .2s ease-in-out}.icon-btn:hover svg{transform:translateY(1px)}.global-controls{margin-top:40px;display:flex;justify-content:center;position:sticky;bottom:20px;z-index:100}.btn-primary.large{padding:18px 40px;font-size:1.1rem;box-shadow:0 10px 15px -3px #0003}@media print{.screen-hidden{display:block!important}}@media(max-width:768px){.App{padding:10px}.panel-label-generator{padding:20px;border-radius:12px}.site-header{flex-direction:row;justify-content:space-between;gap:10px;padding:10px 15px;align-items:center}.site-branding{flex-direction:row;text-align:left;gap:8px}.site-logo{height:40px}.site-subtitle{display:block;font-size:.75rem}.language-toggle{margin-bottom:0}.header-section{gap:20px}.company-details-section,.panel-info-section{width:100%}.logo-section{align-self:center}.logo-section{margin-bottom:10px}.company-details{width:100%;align-items:stretch;text-align:center}.company-name-input,.company-details-input,.company-input,.field-label{text-align:left!important}.panel-info-section{align-items:stretch}.panel-title-input,.panel-number-input{text-align:left!important}.breaker-table thead{display:none}.breaker-table tbody,.breaker-table tr,.breaker-table td{display:block;width:100%;box-sizing:border-box}.breaker-row{background:#fff;border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;gap:8px}.breaker-row:hover{background:#fff}.breaker-table td{border:none;padding:0;position:static}.table-input{background:#f9fafb;border:1px solid var(--border-light);border-radius:6px;padding:12px;font-size:16px}.table-input:focus{background:#fff;border-color:var(--primary-accent)}.delete-row-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;opacity:1;background:var(--danger);box-shadow:var(--shadow-md);z-index:10}.col-breaker-no,.col-description,.col-current{width:100%}.footer-info{flex-direction:column;gap:20px;align-items:center;text-align:center}.export-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;padding:16px}}@media print{@page{size:A4;margin:15mm}body{background-color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;color:#111827;-webkit-print-color-adjust:exact;print-color-adjust:exact}.App{padding:0;display:block;min-height:auto}.panel-label-generator{width:100%;max-width:none;box-shadow:none;padding:0;margin:0;border-radius:0;animation:none}.no-print,.no-print-border,.delete-row-btn{display:none!important}.print-only{display:inline-block}.logo-section{display:flex!important;width:auto!important;max-width:250px!important;height:auto!important;max-height:100px!important;border:none!important;background:transparent!important;padding:0;margin:0 20px 0 0!important;flex-shrink:0!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}.company-logo{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:50px!important;object-fit:contain}.logo-placeholder{display:none!important}input[type=text]{border:none!important;background:transparent!important;padding:0;box-shadow:none!important;display:none!important}textarea{border:none!important;background:transparent!important;padding:0;box-shadow:none!important;resize:none!important;display:none!important}.header-section{margin-bottom:40px;gap:0;border-bottom:2px solid #e5e7eb;padding-bottom:20px;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important}.company-details-section{display:none!important}.logo-section{width:auto!important;max-width:250px!important;height:auto!important;max-height:100px!important;border:none!important;background:transparent!important;margin:0!important;display:flex!important;align-items:center;justify-content:flex-start;order:1}.panel-info-section{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;text-align:right!important;width:auto!important;flex-grow:1;order:2}.company-details-inputs,.company-details{display:none!important}.company-name-print{font-size:16pt;font-weight:800;color:#111827;margin-bottom:4px;line-height:1.2;overflow-wrap:break-word;word-wrap:break-word}.company-details-print{font-size:10pt;color:#4b5563;line-height:1.4;overflow-wrap:break-word}.panel-inputs{display:flex!important;flex-direction:column!important;align-items:flex-end!important}.panel-title-print{font-size:20pt;font-weight:800;color:#111827;line-height:1.1;margin-bottom:2px;overflow-wrap:break-word;text-align:right!important}.panel-number-print{font-size:12pt;color:#6b7280;font-weight:600;text-align:right!important;margin-top:0!important}.company-name-input{text-align:left!important;width:auto!important;display:block!important;margin:0 0 5px!important}.company-details-input{text-align:left!important;width:auto!important;display:block!important;margin:0!important}.company-name-input{font-size:1.5rem;font-weight:800;margin-bottom:4px;color:var(--text-dark);line-height:1.2;min-height:48px;overflow:hidden;text-align:left!important}.company-details-input{font-size:10pt;color:#4b5563;text-align:left!important}.panel-info-area{display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;width:auto!important}.panel-title-input{font-size:16pt;font-weight:700;color:#111827;text-align:right!important}.panel-number-input{font-size:11pt;color:#6b7280;font-weight:500;text-align:right!important}.breaker-table{border:none;border-collapse:collapse;width:100%;display:table!important}.breaker-table thead{display:table-header-group!important}.breaker-table tbody{display:table-row-group!important}.breaker-table tr{display:table-row!important;border:none!important;margin:0!important;box-shadow:none!important;padding:0!important}.breaker-table th{display:table-cell!important;background-color:#f9fafb!important;color:#000!important;border-bottom:2px solid #e5e7eb;border-top:none;border-left:none;border-right:none;padding:10px 4px;font-size:11pt;text-transform:uppercase;letter-spacing:.05em;font-weight:700;text-align:left}.breaker-table td{display:table-cell!important;border-bottom:1px solid #e5e7eb;border-left:none;border-right:none;padding:10px 4px;font-size:12pt;font-weight:500;color:#000;width:auto!important}.col-breaker-no{width:10%!important}.col-description{width:75%!important}.col-current{width:15%!important}.breaker-table tr:last-child td{border-bottom:2px solid #e5e7eb}.breaker-row:hover{background:transparent!important}.footer-info{border-top:none;color:#6b7280;margin-top:30px;padding-top:0;font-size:9pt;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;text-align:left!important}.footer-info>*{width:auto!important;text-align:left}.footer-info .published-info{text-align:right}.voltage-info{font-weight:600;font-size:11pt;color:#111827;text-align:center}}