:root{--blue:#185fa5;--blue-light:#e6f1fb;--blue-dark:#0c447c;--gray:#5f5e5a;--gray-light:#f1efe8;--gray-border:#d3d1c7;--text:#2c2c2a;--text-muted:#888780;--white:#fff;--red:#a32d2d;--green:#3b6d11;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:#f5f4f0;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}#root{width:100%;height:100%;min-height:100vh}html,body{height:100%;overflow:hidden}.app-shell{flex-direction:column;height:100vh;min-height:100vh;max-height:100vh;display:flex;overflow:hidden}.topnav{background:var(--white);border-bottom:1px solid var(--gray-border);z-index:200;flex-shrink:0;align-items:center;gap:0;height:52px;min-height:52px;padding:0 24px;display:flex}.topnav-brand{border-right:1px solid var(--gray-border);flex-shrink:0;align-items:center;gap:10px;padding-right:24px;display:flex}.topnav-logo-mark{background:var(--blue);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.topnav-brand-text{flex-direction:column;line-height:1.25;display:flex}.topnav-brand-name{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.topnav-brand-sub{color:var(--text-muted);white-space:nowrap;font-size:10px}.topnav-nav{flex:1;align-items:center;gap:0;height:100%;padding-left:8px;display:flex}.tnav-btn{height:100%;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:5px;padding:0 14px;font-size:13.5px;font-weight:500;transition:color .12s,border-color .12s;display:flex;position:relative}.tnav-btn:hover{color:var(--text);background:var(--gray-light)}.tnav-btn--active{color:var(--blue-dark);border-bottom-color:var(--blue);background:0 0;font-weight:600}.tnav-btn--dropdown{gap:6px}.tnav-chevron{opacity:.6;margin-left:2px;font-size:10px;transition:transform .15s;display:inline-block}.tnav-chevron--open{transform:rotate(180deg)}.tnav-dropdown-wrap{align-items:center;height:100%;display:flex;position:relative}.tnav-dropdown{background:var(--white);border:1px solid var(--gray-border);z-index:300;border-radius:10px;min-width:240px;padding:6px;animation:.12s dropdownIn;position:absolute;top:calc(100% + 1px);left:0;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tnav-drop-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:12px;width:100%;padding:9px 12px;transition:background .1s;display:flex}.tnav-drop-item:hover{background:var(--gray-light)}.tnav-drop-item--active{background:var(--blue-light)}.tnav-drop-item--active .tnav-drop-label{color:var(--blue-dark);font-weight:600}.tnav-drop-label{color:var(--text);font-size:13px;font-weight:500;line-height:1.3}.tnav-drop-sub{color:var(--text-muted);font-size:11px;line-height:1.3}.tnav-drop-divider{background:var(--gray-border);height:1px;margin:4px 0}.topnav-right{border-left:1px solid var(--gray-border);flex-shrink:0;align-items:center;gap:16px;margin-left:16px;padding-left:20px;display:flex}.topnav-user-info{align-items:center;gap:8px;display:flex}.topnav-user-avatar{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.topnav-user-text{flex-direction:column;line-height:1.2;display:flex}.topnav-user-name{color:var(--text);white-space:nowrap;font-size:12px;font-weight:600}.topnav-user-role{color:#6b3fa0;font-size:10px;font-weight:600}.topnav-logout-btn{border:1px solid var(--gray-border);cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.topnav-logout-btn:hover{color:var(--red);background:#fce8e8;border-color:#f5c5c5}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.app-body--with-sidebar{grid-template-columns:minmax(280px,360px) minmax(0,1fr);display:grid}.sidebar{background:var(--white);border-right:.5px solid var(--gray-border);min-height:0;padding:16px 20px;overflow-y:auto}.sidebar-collapse-btn{background:var(--gray-light);border:.5px solid var(--gray-border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.sidebar-collapse-btn:hover{background:#e8e6df}.sidebar-chevron{color:var(--text-muted);font-size:9px;transition:transform .2s}.sidebar-chevron--open{transform:rotate(90deg)}.sidebar-form{padding-top:4px}.sidebar-actions{margin-top:16px}.sidebar-actions-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sa-btn{border:.5px solid var(--gray-border);border-radius:var(--radius);background:var(--white);color:var(--text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.sa-btn:hover{background:var(--gray-light);border-color:var(--blue)}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-btn--primary{background:var(--blue-light);color:var(--blue-dark);border-color:var(--blue)}.sa-btn--primary:hover{background:#c5ddf5}.sa-btn--ai{color:#5a3e8a;background:#f5f0ff;border-color:#c5a8f5}.sa-btn--ai:hover{background:#ede5ff}.sa-icon{font-size:16px}.sidebar-meta{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sidebar-meta-row label{margin-top:0;margin-bottom:2px}.sidebar-meta-row select,.sidebar-meta-row textarea{font-size:12px}.sidebar-more-actions{border-top:.5px solid var(--gray-border);flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;display:flex}.sa-link{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:none}.sa-link:hover{text-decoration:underline}.main-area{flex:1;min-width:0;min-height:0;max-height:100%;padding:12px;overflow-y:auto}.logo-bar{border-bottom:.5px solid var(--gray-border);align-items:center;gap:10px;margin-bottom:28px;padding-bottom:20px;display:flex}.logo-mark{background:var(--blue);border-radius:var(--radius);color:#fff;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.logo-text{color:var(--text);font-size:13px;font-weight:500;line-height:1.3}.logo-text span{color:var(--text-muted);font-size:11px;font-weight:400;display:block}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:20px;margin-bottom:10px;font-size:11px;font-weight:500}label{color:var(--text-muted);margin-top:12px;margin-bottom:4px;font-size:12px;display:block}input[type=text],input[type=email],input[type=number],select,textarea{background:var(--white);border:.5px solid var(--gray-border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:90px}.row-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-generate{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:11px;font-size:14px;font-weight:500;transition:background .15s,transform .1s;display:flex}.btn-generate:hover{background:var(--blue-dark)}.btn-generate:active{transform:scale(.98)}.btn-generate:disabled{background:var(--gray-border);cursor:not-allowed;transform:none}.btn-sample-preview{width:100%;color:var(--blue-dark);border:.5px solid var(--blue);border-radius:var(--radius);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-sample-preview:hover:not(:disabled){background:var(--blue-light)}.btn-sample-preview:disabled{opacity:.55;cursor:not-allowed}.btn-sample-preview--hero{max-width:280px;margin-top:20px}.btn-print{width:100%;color:var(--text);border:.5px solid var(--gray-border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-print:hover{background:var(--gray-light)}.btn-save{background:var(--blue-light);width:100%;color:var(--blue-dark);border:.5px solid var(--blue);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-save:hover{background:#d0e8f7}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-chat{color:#5a3e8a;border-radius:var(--radius);cursor:pointer;background:#f5f0ff;border:.5px solid #c5a8f5;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-chat:hover{background:#ede5ff}.action-buttons{flex-direction:column;gap:6px;margin-top:20px;display:flex}.sidebar-nav{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.nav-btn{width:100%;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:none;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.nav-btn:hover{background:var(--gray-light);color:var(--text)}.nav-btn--active{background:var(--blue-light);color:var(--blue-dark)}.stats-bar{align-items:center;gap:6px;display:flex}.stats-item{flex-direction:column;align-items:center;gap:0;min-width:30px;display:flex}.stats-num{color:var(--blue-dark);font-size:13px;font-weight:700;line-height:1.2}.stats-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:9px;line-height:1.2}.stats-sep{background:var(--gray-border);flex-shrink:0;width:1px;height:20px}.settings-panel{max-width:100%}.settings-loading{justify-content:center;padding:48px;display:flex}.sp-section{border:1px solid var(--gray-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.sp-section-header{border-bottom:1px solid var(--gray-border);background:#fafaf8;padding:16px 20px 12px}.sp-section-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.sp-section-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.sp-grid{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.sp-grid-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-field{flex-direction:column;gap:4px;display:flex}.sp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.sp-input{border:1px solid var(--gray-border);color:var(--text);background:#fff;border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .12s}.sp-input:focus{border-color:var(--blue)}.sp-input::placeholder{color:#c5c3ba}.sp-actions{border-top:1px solid var(--gray-border);background:#fafaf8;gap:8px;padding:12px 20px 16px;display:flex}.sp-save-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .12s}.sp-save-btn:hover:not(:disabled){background:var(--blue-dark)}.sp-save-btn:disabled{opacity:.6;cursor:default}.sp-stamp-area{padding:0}.sp-stamp-upload{border:2px dashed var(--gray-border);text-align:center;cursor:pointer;background:#fafaf8;border-radius:8px;padding:32px 20px;transition:all .15s}.sp-stamp-upload:hover{border-color:var(--blue);background:var(--blue-light)}.sp-stamp-upload-icon{opacity:.5;margin-bottom:8px;font-size:28px}.sp-stamp-upload p{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.sp-stamp-upload span{color:var(--text-muted);font-size:11px}.sp-stamp-preview{align-items:center;gap:16px;display:flex}.sp-stamp-preview img{object-fit:contain;border:1px solid var(--gray-border);background:#fff;border-radius:6px;max-width:200px;max-height:100px;padding:8px}.sp-stamp-actions{flex-direction:column;gap:6px;display:flex}.sp-stamp-change{border:1px solid var(--blue);background:var(--blue-light);color:var(--blue-dark);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.sp-stamp-change:hover{background:var(--blue);color:#fff}.sp-stamp-remove{color:var(--red);cursor:pointer;background:#fce8e8;border:1px solid #f5c5c5;border-radius:6px;padding:6px 14px;font-size:12px}.sp-stamp-remove:hover{background:#f5c5c5}.internal-notes{min-height:72px;font-size:12px}.btn-mailto{width:100%;color:var(--green);border-radius:var(--radius);cursor:pointer;background:#f0faf4;border:.5px solid #b8d9c4;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.btn-mailto:hover{background:#e2f4ea}.autocomplete-dropdown{border:.5px solid var(--gray-border);border-radius:var(--radius);z-index:100;background:#fff;max-height:160px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.autocomplete-item{cursor:pointer;border-bottom:.5px solid var(--gray-border);color:var(--text);padding:8px 10px;font-size:12px;line-height:1.4}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--blue-light)}.autocomplete-item span{color:var(--text-muted);font-size:11px}.status-bar{border-radius:var(--radius);margin-top:12px;padding:8px 10px;font-size:12px;display:none}.status-bar.loading{background:var(--blue-light);color:var(--blue-dark);display:block}.status-bar.error{color:var(--red);background:#fcebeb;display:block}.status-bar.ok{color:var(--green);background:#eaf3de;display:block}.spinner{border:2px solid #0000001a;border-top-color:var(--blue);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.btn-generate .spinner{border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.preview-placeholder{height:60vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.preview-placeholder svg{opacity:.3}.preview-placeholder p{max-width:260px;font-size:14px;line-height:1.5}.doc-wrapper{display:none}.doc-wrapper.visible{display:block}.doc-page{text-align:left;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;width:100%;max-width:210mm;min-height:297mm;margin:0 auto 24px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.doc-header{background:var(--white);border-bottom:2px solid var(--blue);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 24px 12px;display:grid}.doc-logo-block{flex-direction:column;align-items:flex-start;display:flex}.doc-logo-mark{background:var(--blue);color:#fff;letter-spacing:-1px;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.doc-company-name{color:var(--text);letter-spacing:-.3px;font-size:13px;font-weight:600}.doc-company-sub{color:var(--text-muted);margin-top:1px;font-size:9.5px}.doc-header-info{text-align:right}.doc-header-info p{color:var(--text-muted);font-size:10px;line-height:1.6}.doc-header-info strong{color:var(--text);font-weight:500}.doc-custom-header{flex-shrink:0;width:100%}.doc-title-bar{background:var(--blue);justify-content:space-between;align-items:center;padding:9px 24px;display:flex}.doc-title-bar h1{color:#fff;letter-spacing:.02em;font-size:14px;font-weight:600}.doc-title-bar .doc-num{color:#ffffffbf;font-size:11px}.doc-body{flex:1;padding:20px 24px}.doc-client-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.doc-info-box{border:.5px solid var(--gray-border);border-radius:var(--radius);padding:12px 14px}.doc-info-box .box-label{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:6px;font-size:9px;font-weight:600}.doc-info-box p{color:var(--text);font-size:11.5px;line-height:1.65}.doc-section{margin-bottom:20px}.doc-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);border-bottom:1px solid var(--blue-light);margin-bottom:10px;padding-bottom:5px;font-size:10px;font-weight:600}.doc-section p,.doc-section li{color:var(--text);font-size:11.5px;line-height:1.7}.doc-section ul,.doc-section ol{padding-left:16px}.cost-table{border-collapse:collapse;width:100%;font-size:11.5px}.cost-table th{background:var(--gray-light);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;font-size:10px;font-weight:500}.cost-table thead tr[style] th{background:inherit;color:inherit}.cost-table td{border-bottom:.5px solid var(--gray-border);color:var(--text);vertical-align:top;padding:8px 10px}.cost-table tr:last-child td{border-bottom:none}.cost-table td.amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.editable-text{cursor:text;min-height:1.2em;font-size:inherit;color:inherit;line-height:inherit;border-radius:3px;outline:none;margin:-2px -4px;padding:2px 4px;transition:background .15s,box-shadow .15s}.editable-text:hover{background:#185fa50a}.editable-text:focus{background:#185fa50f;box-shadow:0 0 0 2px #185fa52e}.editable-number-display{border-radius:3px;padding:1px 4px;transition:background .15s}.editable-number-display:hover{background:#185fa514}.inline-remove-btn{color:#c0392b;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:14px;transition:opacity .15s}.inline-remove-btn:hover{opacity:1;background:#c0392b14}.inline-add-btn{border:1px dashed var(--gray-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;margin-top:8px;padding:4px 12px;font-size:11px;transition:all .15s;display:inline-block}.inline-add-btn:hover{border-color:var(--blue);color:var(--blue);background:#185fa50a}.totals-block{justify-content:flex-end;margin-top:12px;display:flex}.totals-table{width:260px;font-size:11.5px}.totals-table tr td{padding:5px 0}.totals-table tr td:last-child{text-align:right;font-variant-numeric:tabular-nums}.totals-table .total-row{border-top:1.5px solid var(--blue);color:var(--blue-dark);padding-top:8px;font-size:13px;font-weight:600}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.doc-footer{border-top:1.5px solid var(--blue);background:var(--white);justify-content:space-between;align-items:center;padding:12px 40px;display:flex}.doc-footer p{color:var(--text-muted);font-size:9.5px;line-height:1.5}.doc-footer .page-num{color:var(--blue);white-space:nowrap;font-size:10px;font-weight:500}.firma-dual{grid-template-columns:1fr 1fr;gap:14px;display:grid}.firma-stamp{border:2px solid var(--green);background:#f6faf3;border-radius:8px;padding:14px 16px;position:relative}.firma-stamp--fornitore{border-color:var(--blue);background:var(--blue-light);position:relative;overflow:hidden}.firma-stamp--empty{border-color:var(--gray-border);background:var(--gray-light);text-align:center;border-style:dashed;padding:24px}.firma-stamp--empty p{color:var(--text-muted);font-size:12px;font-style:italic}.firma-stamp-badge{background:var(--green);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;margin-bottom:10px;padding:3px 10px;font-size:9px;font-weight:800;display:inline-block}.firma-stamp-badge--blue{background:var(--blue)}.firma-stamp-badge--gray{background:var(--text-muted)}.firma-stamp-row{color:var(--text);border-bottom:1px solid #e8f0e3;align-items:baseline;gap:8px;padding:2px 0;font-size:11.5px;display:flex}.firma-stamp-row:last-child{border-bottom:none}.firma-stamp--fornitore .firma-stamp-row{border-bottom-color:#c5ddf5}.firma-stamp-overlay{z-index:2;pointer-events:none;opacity:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.firma-stamp-overlay img{object-fit:contain;max-width:180px;max-height:100px}.firma-stamp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:100px;font-size:10px;font-weight:600}.firma-stamp-row code{background:#e8f0e3;border-radius:3px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10px}@media print{#root{display:none!important}}.main-area:has(.preview-layout){flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.preview-layout{flex:1;align-items:stretch;gap:0;width:100%;min-width:0;min-height:0;display:flex}.preview-layout:not(.preview-layout--with-chat){-webkit-overflow-scrolling:touch;justify-content:center;padding:16px 20px 28px;overflow:hidden auto}.preview-layout:not(.preview-layout--with-chat) .doc-wrapper{width:100%;max-width:210mm}.preview-layout.preview-layout--with-chat{grid-template-columns:minmax(0,1fr) minmax(280px,min(42vw,520px));display:grid;overflow:hidden}.preview-layout--with-chat .doc-wrapper{-webkit-overflow-scrolling:touch;min-width:0;min-height:0;padding:12px clamp(12px,2vw,28px) 20px;overflow:hidden auto}.preview-layout--with-chat .doc-page{width:100%;max-width:210mm;margin-left:auto;margin-right:auto}.chat-panel{border-left:.5px solid var(--gray-border);background:#fafaf8;flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{background:var(--white);border-bottom:.5px solid var(--gray-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-left{align-items:center;gap:10px;display:flex}.chat-header-title{color:var(--text);font-size:13px;font-weight:600}.chat-header-sub{color:var(--text-muted);font-size:11px}.chat-header-actions{gap:4px;display:flex}.chat-hdr-btn{border:.5px solid var(--gray-border);border-radius:var(--radius);background:var(--white);width:28px;height:28px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.chat-hdr-btn:hover{background:var(--gray-light);border-color:var(--blue)}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.chat-avatar--ai{color:#fff;background:linear-gradient(135deg,#5a3e8a,#185fa5)}.chat-avatar--sm{width:24px;height:24px;font-size:9px}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.chat-empty{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;line-height:1.6;display:flex}.chat-empty-icon{opacity:.5;font-size:28px}.chat-empty p{margin:0}.chat-suggestions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.chat-suggestion{border:.5px solid var(--gray-border);background:var(--white);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:11px;transition:all .15s}.chat-suggestion:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.chat-turn{flex-direction:column;display:flex}.chat-turn-user{justify-content:flex-end;display:flex}.chat-bubble-user{background:var(--blue);color:#fff;white-space:pre-wrap;word-break:break-word;border-radius:18px 18px 4px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.5}.chat-turn-ai{align-items:flex-start;gap:10px;display:flex}.chat-ai-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.chat-ai-text{color:var(--text);white-space:pre-wrap;word-break:break-word;background:var(--white);border:.5px solid var(--gray-border);border-radius:4px 18px 18px;padding:10px 14px;font-size:13px;line-height:1.65}.chat-tool-badge-row{flex-wrap:wrap;gap:6px;display:flex}.chat-tool-badge{color:#5a3e8a;background:#f0eeff;border:.5px solid #c5a8f5;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.chat-tool-icon{font-size:12px}.chat-thinking{background:var(--white);border:.5px solid var(--gray-border);color:var(--text-muted);border-radius:4px 18px 18px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.chat-thinking-dots{gap:3px;display:flex}.chat-thinking-dots span{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typingBounce}.chat-thinking-dots span:nth-child(2){animation-delay:.2s}.chat-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-area{border-top:.5px solid var(--gray-border);background:var(--white);flex-shrink:0}.chat-attachment{background:var(--blue-light);color:var(--blue-dark);justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;display:flex}.chat-attachment button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:14px}.chat-attachment button:hover{color:var(--red)}.chat-input-row{align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.chat-attach-btn{border:.5px solid var(--gray-border);background:var(--white);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.chat-attach-btn:hover{border-color:var(--blue);color:var(--blue)}.chat-input{resize:none;border:.5px solid var(--gray-border);border-radius:20px;outline:none;flex:1;min-height:36px;max-height:120px;padding:8px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s}.chat-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #185fa51a}.chat-send-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s;display:flex}.chat-send-btn:hover{background:var(--blue-dark)}.chat-send-btn:disabled{background:var(--gray-border);cursor:not-allowed}.hp{width:100%}.hp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hp-toolbar-left{align-items:center;gap:10px;display:flex}.hp-title{color:var(--text);font-size:18px;font-weight:700}.hp-count{background:var(--blue-light);color:var(--blue-dark);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.hp-toolbar-right{align-items:center;gap:8px;display:flex}.hp-search-wrap{position:relative}.hp-search{border:1px solid var(--gray-border);border-radius:var(--radius);outline:none;width:240px;padding:8px 12px;font-size:13px;transition:border-color .12s}.hp-search:focus{border-color:var(--blue)}.hp-filter{border:1px solid var(--gray-border);border-radius:var(--radius);background:#fff;outline:none;padding:8px 10px;font-size:13px}.hp-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.hp-empty-icon{opacity:.4;margin-bottom:12px;font-size:40px}.hp-empty p{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.hp-empty span{font-size:13px}.history-loading{justify-content:center;padding:48px;display:flex}.hp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.hp-card{border:1px solid var(--gray-border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.hp-card:hover{border-color:var(--blue);box-shadow:0 4px 16px #185fa514}.hp-card--firmato{border-left:3px solid var(--green)}.hp-card--accettato{border-left:3px solid #66bb6a}.hp-card--inviato{border-left:3px solid var(--blue)}.hp-card--rifiutato{border-left:3px solid var(--red)}.hp-card--scaduto{border-left:3px solid #bfa44e}.hp-card-head{border-bottom:1px solid var(--gray-light);background:#fafaf8;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.hp-card-num{color:var(--blue-dark);letter-spacing:.02em;font-family:ui-monospace,monospace;font-size:14px;font-weight:800}.hp-card-head-right{align-items:center;gap:6px;display:flex}.hp-card-status-sel{border:1px solid var(--gray-border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:3px 8px;font-size:11px}.hp-card-body{flex:1;padding:14px}.hp-card-client{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.hp-card-desc{color:var(--text-muted);margin-bottom:8px;font-size:12px;line-height:1.5}.hp-card-meta{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.hp-card-foot{border-top:1px solid var(--gray-light);background:#fafaf8;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.hp-card-actions{gap:4px;display:flex}.hp-card-actions-sec{gap:2px;display:flex}.hp-act{border:1px solid var(--gray-border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .1s}.hp-act:hover{background:var(--gray-light);border-color:#b5b3aa}.hp-act:disabled{opacity:.35;cursor:default}.hp-act--sign{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.hp-act--sign:hover:not(:disabled){background:#c8e6c9}.hp-act--pdf{color:#e65100;background:#fff3e0;border-color:#ffcc80}.hp-act--pdf:hover{background:#ffe0b2}.hp-act-icon{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .1s;display:flex}.hp-act-icon:hover{background:var(--gray-light);color:var(--text);border-color:var(--gray-border)}.hp-act-icon--del:hover{color:var(--red);background:#fce8e8;border-color:#f5c5c5}.history-quick-status{border-radius:var(--radius);border:.5px solid var(--gray-border);background:var(--white);max-width:120px;padding:5px 8px;font-size:11px}.status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.status-pill--bozza{color:#555;background:#ececec}.status-pill--inviato{background:var(--blue-light);color:var(--blue-dark)}.status-pill--accettato{color:var(--green);background:#e3f0d8}.status-pill--rifiutato{color:var(--red);background:#fce8e8}.status-pill--scaduto{color:#7a6229;background:#f3ead8}.status-pill--firmato{color:#155724;background:#d4edda;font-weight:700}.btn-small{border-radius:var(--radius);cursor:pointer;border:none;padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s,transform .1s}.btn-small:active{transform:scale(.97)}.btn-small--primary{background:var(--blue);color:#fff}.btn-small--primary:hover{background:var(--blue-dark)}.btn-small--danger{color:var(--red);background:#fcebeb;border:.5px solid #f5c5c5}.btn-small--danger:hover{background:#f7d0d0}.btn-small--sign{color:#2e7d32;background:#e8f5e9;border:.5px solid #a5d6a7}.btn-small--sign:hover:not(:disabled){background:#c8e6c9}.btn-small--sign:disabled{opacity:.4;cursor:default}.btn-small--pdf{color:#e65100;background:#fff3e0;border:.5px solid #ffcc80;align-items:center;text-decoration:none;display:inline-flex}.btn-small--pdf:hover{background:#ffe0b2}.sign-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sign-modal{background:#fff;border-radius:12px;width:420px;max-width:90vw;padding:24px;box-shadow:0 8px 32px #0003}.sign-modal h3{margin-bottom:4px;font-size:16px}.sign-page{z-index:9999;background:#f5f4f0;flex-direction:column;height:auto;min-height:100vh;display:flex;position:fixed;inset:0;overflow:hidden auto}.sign-topbar{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sign-doc{flex:1;justify-content:center;padding:16px;display:flex;overflow:visible}.sign-doc .doc-page{background:#fff;border-radius:6px;width:100%;max-width:210mm;min-height:auto;margin:0 auto;overflow:visible;box-shadow:0 1px 8px #0000001a}.sign-card{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:480px;margin:60px auto;padding:40px;box-shadow:0 2px 16px #00000014}.sign-card--center{flex-direction:column;align-items:center;display:flex}.sign-card--success{border:2px solid #3b6d11}.sign-card h2{margin:12px 0 8px;font-size:20px}.sign-card p{color:#555;font-size:14px;line-height:1.6}.sign-action-bar{text-align:center;background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:16px 24px;position:sticky;bottom:0}.sign-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:opacity .12s}.sign-btn:hover:not(:disabled){opacity:.9}.sign-btn:disabled{opacity:.5;cursor:default}.sign-hint{color:#888;margin-top:8px;font-size:12px}.sign-error{color:#a32d2d;margin-bottom:8px;font-size:13px}.sign-otp-label{color:#333;margin-bottom:12px;font-size:14px}.sign-otp-inputs{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.sign-otp-digit{text-align:center;border:2px solid #d3d1c7;border-radius:8px;outline:none;width:44px;height:52px;font-size:22px;font-weight:700;transition:border-color .12s}.sign-otp-digit:focus{border-color:var(--blue)}.sign-link{color:var(--blue);cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:13px;text-decoration:underline;display:inline-block}.sign-link:hover{color:var(--blue-dark)}.sign-link:disabled{opacity:.4;cursor:default}.sign-flow-modal{background:#fff;border-radius:14px;flex-direction:column;width:440px;max-width:94vw;display:flex;overflow:hidden;box-shadow:0 12px 48px #00000040}.sign-flow-modal--wide{width:520px}.sfm-header{color:#fff;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:700;display:flex}.sfm-close{color:#fffc;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.sfm-close:hover{color:#fff}.sfm-body{padding:20px}.sfm-summary{border-radius:6px;margin-bottom:8px;padding:12px 16px}.sfm-summary p{color:#333;margin:2px 0;font-size:13px}.sfm-step-label{text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:8px;font-size:11px;font-weight:700}.sfm-footer{background:#fafaf8;border-top:1px solid #e8e6e0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.sfm-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.sfm-btn-primary:hover:not(:disabled){opacity:.9}.sfm-btn-primary:disabled{opacity:.4;cursor:default}.sfm-btn-secondary{color:#555;cursor:pointer;background:#fff;border:1px solid #d3d1c7;border-radius:8px;padding:10px 20px;font-size:13px}.sfm-btn-secondary:hover{background:#f5f4f0}.sign-canvas-wrap{background:#fafaf8;border:2px dashed #d3d1c7;border-radius:8px;position:relative;overflow:hidden}.sign-canvas{cursor:crosshair;touch-action:none;width:100%;height:160px;display:block}.sign-canvas-clear{color:#888;cursor:pointer;background:#ffffffe6;border:1px solid #d3d1c7;border-radius:4px;padding:3px 10px;font-size:11px;position:absolute;top:6px;right:8px}.sign-canvas-clear:hover{color:#333;background:#fff}.sign-confirmed-banner{color:#fff;background:#2e7d32;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:14px 24px;font-size:14px;display:flex}.clients-panel{flex-direction:column;height:100%;padding:8px;display:flex;overflow:hidden}.clients-toolbar{flex-shrink:0;align-items:center;gap:12px;margin-bottom:16px;display:flex}.clients-search-wrap{flex:1;position:relative}.clients-search-icon{color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.clients-search{border:1px solid var(--gray-border);border-radius:var(--radius);background:var(--white);width:100%;color:var(--text);outline:none;padding:8px 32px;font-size:13px;transition:border-color .15s}.clients-search:focus{border-color:var(--blue)}.clients-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 4px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clients-search-clear:hover{color:var(--text)}.btn-new-client{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.btn-new-client:hover{background:var(--blue-dark)}.clients-success{color:var(--green);border-radius:var(--radius);background:#e3f0d8;flex-shrink:0;margin-bottom:12px;padding:8px 14px;font-size:13px}.clients-error{color:var(--red);border-radius:var(--radius);background:#fce8e8;flex-shrink:0;margin-bottom:12px;padding:8px 14px;font-size:13px}.clients-loading{justify-content:center;padding:48px;display:flex}.clients-empty{text-align:center;color:var(--text-muted);padding:64px 24px;font-size:14px}.clients-count{color:var(--text-muted);flex-shrink:0;margin-bottom:8px;font-size:12px}.clients-table-wrap{border:1px solid var(--gray-border);border-radius:var(--radius);background:var(--white);flex:1;overflow-y:auto}.clients-table{border-collapse:collapse;width:100%;font-size:13px}.clients-table thead{z-index:1;position:sticky;top:0}.clients-table th{background:var(--gray-light);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--gray-border);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:600}.clients-table td{border-bottom:.5px solid var(--gray-border);color:var(--text);vertical-align:middle;padding:10px 12px}.clients-table tr:last-child td{border-bottom:none}.clients-table tr:hover td{background:#fafaf8}.client-name-cell{align-items:center;gap:10px;font-weight:500;display:flex}.client-avatar{background:var(--blue-light);width:30px;height:30px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.cell-empty{color:var(--text-muted)}.cell-mono{font-family:ui-monospace,monospace;font-size:12px}.cell-address{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-muted);font-size:12px;overflow:hidden}.client-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.client-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:background .12s}.client-btn--use{background:var(--blue-light);color:var(--blue);border-color:#c5ddf5}.client-btn--use:hover{background:#d0e8f8}.client-btn--edit{background:var(--gray-light);color:var(--text);border-color:var(--gray-border)}.client-btn--edit:hover{background:#e8e6de}.client-btn--delete{color:var(--red);background:#fce8e8;border-color:#f5c5c5}.client-btn--delete:hover{background:#f7d0d0}.clients-pagination{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:12px 0 0;font-size:13px;display:flex}.clients-pagination button{border:1px solid var(--gray-border);border-radius:var(--radius);background:var(--white);cursor:pointer;color:var(--text);padding:5px 12px;font-size:12px}.clients-pagination button:disabled{opacity:.4;cursor:default}.clients-pagination button:not(:disabled):hover{background:var(--gray-light)}.client-form-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.client-form-modal{background:var(--white);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.client-form-header{border-bottom:1px solid var(--gray-border);color:var(--text);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.client-form-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px}.client-form-close:hover{background:var(--gray-light);color:var(--text)}.client-form-body{flex-direction:column;gap:10px;padding:20px;display:flex}.client-form-body label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-4px;font-size:11.5px;font-weight:500}.client-form-body input{border:1px solid var(--gray-border);border-radius:var(--radius);color:var(--text);background:var(--white);outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.client-form-body input:focus{border-color:var(--blue)}.client-form-footer{border-top:1px solid var(--gray-border);background:#fafaf8;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.btn-cancel{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius);cursor:pointer;color:var(--text);padding:7px 16px;font-size:13px}.btn-cancel:hover{background:var(--gray-light)}.btn-save-client{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:7px 18px;font-size:13px;font-weight:500;transition:background .15s}.btn-save-client:hover:not(:disabled){background:var(--blue-dark)}.btn-save-client:disabled{opacity:.5;cursor:default}.confirm-dialog{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:28px 28px 20px;box-shadow:0 8px 32px #0000002e}.confirm-dialog p{color:var(--text);margin-bottom:20px;font-size:14px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.btn-delete-confirm{background:var(--red);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:7px 18px;font-size:13px;font-weight:500}.btn-delete-confirm:hover{background:#8b2424}.login-shell{grid-template-columns:1fr 1fr;height:100%;min-height:100vh;display:grid;overflow:hidden}.login-left{background:var(--blue-dark);align-items:stretch;display:flex;position:relative;overflow:hidden}.login-left-inner{z-index:1;flex-direction:column;gap:32px;width:100%;padding:48px;display:flex;position:relative}.login-brand{align-items:center;gap:12px;display:flex}.login-brand-mark{color:#fff;letter-spacing:-.5px;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.login-brand-name{color:#ffffffe6;letter-spacing:-.2px;font-size:15px;font-weight:600}.login-abstract{flex:1;justify-content:center;align-items:center;display:flex}.login-abstract-grid{aspect-ratio:6/4;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:10px;width:100%;max-width:340px;display:grid}.login-abstract-cell{border-radius:8px;transition:opacity .3s}.login-abstract-cell--0{background:#ffffff2e}.login-abstract-cell--1{background:#ffffff0f}.login-abstract-cell--2{background:#ffffff47;border-radius:50%}.login-abstract-cell--3{background:#ffffff1a}.login-abstract-cell--4{background:var(--blue);opacity:.7}.login-left-text h1{color:#fff;letter-spacing:-.5px;margin-bottom:14px;font-size:26px;font-weight:700;line-height:1.3}.login-left-text p{color:#ffffffa6;margin-bottom:20px;font-size:14px;line-height:1.7}.login-features{flex-direction:column;gap:8px;list-style:none;display:flex}.login-features li{color:#ffffffbf;align-items:center;gap:10px;font-size:13px;display:flex}.login-feat-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 3px #185fa54d}.login-right{background:#fafaf8;justify-content:center;align-items:center;padding:48px 40px;display:flex;overflow-y:auto}.login-form-wrap{width:100%;max-width:380px}.login-form-header{margin-bottom:32px}.login-form-header h2{color:var(--text);letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:700}.login-form-header p{color:var(--text-muted);font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.login-field input{border:1.5px solid var(--gray-border);border-radius:var(--radius);color:var(--text);background:var(--white);outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #185fa51a}.login-field input:disabled{opacity:.6}.login-pw-wrap{position:relative}.login-pw-wrap input{padding-right:44px}.login-pw-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-pw-toggle:hover{opacity:1}.login-error{color:var(--red);border-radius:var(--radius);background:#fce8e8;border:1px solid #f5c5c5;padding:10px 14px;font-size:13px}.login-submit{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:-.2px;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .15s,transform .1s;display:flex}.login-submit:hover:not(:disabled){background:var(--blue-dark)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.5;cursor:default}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.login-footer-note{text-align:center;color:var(--text-muted);margin-top:28px;font-size:12px}@media (width<=700px){.login-shell{grid-template-columns:1fr}.login-left{display:none}}.sidebar-user-bar{background:var(--gray-light);border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.sidebar-user-avatar{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.sidebar-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:500;overflow:hidden}.sidebar-logout-btn{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:11px;transition:background .12s,color .12s}.sidebar-logout-btn:hover{color:var(--text);background:#e8e6de}.sidebar-user-info{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden}.sidebar-user-role{color:var(--blue);font-size:10px;font-weight:600}.nav-btn--superadmin{color:#6b3fa0;background:linear-gradient(135deg,#f5f0ff,#ede4ff);border-color:#d8c8f7;font-weight:600}.nav-btn--superadmin:hover{background:#e8d8ff}.nav-btn--superadmin.nav-btn--active{color:#fff;background:#6b3fa0;border-color:#6b3fa0}.superadmin-panel{flex-direction:column;height:100%;padding:24px;display:flex;overflow:hidden}.superadmin-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.superadmin-header h2{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.superadmin-subtitle{color:var(--text-muted);font-size:13px}.superadmin-branding-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.superadmin-branding-header h2{font-size:18px;font-weight:700}.btn-back{background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--radius);cursor:pointer;color:var(--text);white-space:nowrap;padding:6px 14px;font-size:13px}.btn-back:hover{background:#e8e6de}.superadmin-table .role-pill{border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-block}.role-pill--superadmin{color:#6b3fa0;background:#f0e8fa}.role-pill--user{background:var(--blue-light);color:var(--blue-dark)}.license-toggle{cursor:pointer;border:none;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;transition:background .12s}.license-toggle--on{color:var(--green);background:#e3f0d8}.license-toggle--on:hover{background:#d0e8c0}.license-toggle--off{color:var(--red);background:#fce8e8}.license-toggle--off:hover{background:#f7d0d0}.user-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.branding-editor{height:100%;padding:0;overflow-y:auto}.branding-loading{justify-content:center;padding:48px;display:flex}.branding-columns{grid-template-columns:1fr 360px;align-items:start;gap:32px;display:grid}.branding-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.branding-form{flex-direction:column;gap:10px;display:flex}.branding-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.branding-field{flex-direction:column;gap:4px;display:flex}.branding-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.branding-field input,.branding-field select{border:1px solid var(--gray-border);border-radius:var(--radius);color:var(--text);background:var(--white);outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.branding-field input:focus{border-color:var(--blue)}.branding-logo-hint{background:var(--blue-light);border-radius:var(--radius);color:var(--text);margin-top:20px;padding:10px 12px;font-size:12.5px;line-height:1.45}.branding-hint-tab{color:var(--blue);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.branding-hint-tab:hover{color:var(--blue-dark)}.branding-logo-row{align-items:flex-start;gap:16px;display:flex}.branding-logo-preview{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.branding-logo-preview img{object-fit:contain;width:100%;height:100%}.branding-logo-actions{flex-direction:column;gap:8px;display:flex}.btn-logo-upload{background:var(--blue-light);color:var(--blue);border-radius:var(--radius);cursor:pointer;border:1px solid #c5ddf5;padding:7px 14px;font-size:12.5px}.btn-logo-upload:hover{background:#d0e8f8}.btn-logo-remove{color:var(--red);border-radius:var(--radius);cursor:pointer;background:#fce8e8;border:1px solid #f5c5c5;padding:5px 12px;font-size:12px}.branding-palette-presets{flex-wrap:wrap;gap:8px;display:flex}.palette-preset{border:1.5px solid var(--gray-border);background:var(--white);cursor:pointer;color:var(--text);border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;transition:border-color .12s,background .12s;display:flex}.palette-preset:hover{border-color:var(--blue-light);background:#f8fbff}.palette-preset--active{border-color:var(--blue);background:var(--blue-light)}.palette-dot{border:1px solid #00000014;border-radius:50%;width:12px;height:12px}.palette-name{font-size:11px}.branding-color-input{align-items:center;gap:8px;display:flex}.branding-color-input input[type=color]{cursor:pointer;border-radius:6px;flex-shrink:0;width:36px;height:36px;padding:2px}.branding-color-input input[type=text]{width:90px;font-family:ui-monospace,monospace;font-size:12px}.branding-msg{border-radius:6px;padding:5px 10px;font-size:11px;line-height:1.35}.branding-msg--ok{color:var(--green);background:#e3f0d8}.branding-msg--err{color:var(--red);background:#fce8e8}.btn-save-branding{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s}.btn-save-branding:hover:not(:disabled){background:var(--blue-dark)}.btn-save-branding:disabled{opacity:.5;cursor:default}.branding-preview-col{position:sticky;top:0}.branding-preview-card{border:1px solid var(--gray-border);border-radius:var(--radius);background:#fff;font-size:9px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.bp-header{border-bottom:2px solid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.bp-logo-block{flex-direction:column;display:flex}.bp-logo-mark{color:#fff;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:3px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.bp-company-name{color:#2c2c2a;font-size:9px;font-weight:700}.bp-company-sub{color:#888780;font-size:7px}.bp-info{text-align:right}.bp-info p{color:#888780;font-size:7.5px;line-height:1.6}.bp-info strong{color:#2c2c2a}.bp-title-bar{color:#fff;justify-content:space-between;align-items:center;padding:6px 14px;font-size:9px;font-weight:700;display:flex}.bp-body-hint{padding:12px 14px}.bp-footer{color:#888780;border-top:1.5px solid;justify-content:space-between;padding:6px 14px;font-size:7.5px;display:flex}.branding-palette-swatch{justify-content:center;gap:6px;margin-top:10px;display:flex}.bps-dot{border:2px solid #0000001a;border-radius:50%;width:20px;height:20px}.bps-dot--light{border:2px solid var(--gray-border)}.branding-save-bar{border-bottom:1px solid var(--gray-border);background:#fafaf8;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.branding-save-bar .branding-msg,.branding-save-bar .btn-save-branding{margin:0}.btn-reset-layout{border:1px solid var(--gray-border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;padding:5px 10px;font-size:11px}.btn-reset-layout:hover{background:var(--gray-light);color:var(--text)}.dc-palette-toggle{border:1px solid var(--gray-border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;transition:all .1s;display:flex}.dc-palette-toggle:hover{background:var(--gray-light);color:var(--text)}.dc-palette-dots{gap:3px;display:flex}.dc-palette-dots span{border:1px solid #0000001a;border-radius:50%;width:10px;height:10px}.dc-palette-bar{border-bottom:1px solid var(--gray-border);background:#fafaf8;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:6px 12px;display:flex}.dc-palette-presets{gap:6px;display:flex}.dc-palette-chip{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:6px;gap:2px;padding:4px 6px;transition:all .12s;display:flex}.dc-palette-chip span{border-radius:3px;width:14px;height:14px}.dc-palette-chip:hover{border-color:#c5ddf5}.dc-palette-chip--active{border-color:var(--blue);box-shadow:0 1px 4px #185fa533}.dc-palette-custom{gap:12px;margin-left:auto;display:flex}.dc-palette-custom label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.dc-palette-custom input[type=color]{border:1px solid var(--gray-border);cursor:pointer;background:0 0;border-radius:4px;width:24px;height:24px;padding:1px}.hc-shell{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hc-toolbar{border-bottom:1px solid var(--gray-border);background:#fafaf8;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.hc-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hc-toolbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:600}.hc-add-btn{border:1px solid var(--gray-border);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;padding:4px 10px;font-size:11.5px;transition:background .1s,border-color .1s}.hc-add-btn:hover{background:var(--blue-light);color:var(--blue-dark);border-color:#c5ddf5}.hc-grid-toggle{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:12px;display:flex}.hc-body{grid-template-columns:1fr 240px;min-height:280px;display:grid}.hc-canvas-wrap{background:#f0ede6;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex;overflow:auto}.hc-canvas{cursor:default;-webkit-user-select:none;user-select:none;background:#fff;width:100%;position:relative;box-shadow:0 2px 12px #0000001f}.hc-canvas--grid{background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size)}.hc-canvas-ruler{color:#aaa;width:100%;height:16px;font-size:9px;position:relative}.hc-canvas-ruler span{position:absolute;transform:translate(-50%)}.hc-zone{cursor:grab;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.hc-zone:active{cursor:grabbing}.hc-zone:hover{outline:1.5px dashed #185fa573}.hc-zone--selected{box-shadow:0 2px 12px #185fa51f;outline:2px solid var(--blue)!important}.hc-zone-inner{pointer-events:none;border-radius:2px;width:100%;height:100%;overflow:hidden}.zcp{box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hc-snap-line{z-index:50;pointer-events:none;position:absolute}.hc-snap-line--v{opacity:.7;background:#f36;width:1px}.hc-snap-line--h{opacity:.7;background:#f36;height:1px}.hc-zone-label{background:var(--blue);color:#fff;white-space:nowrap;pointer-events:none;border-radius:3px 3px 0 0;padding:1px 6px;font-size:9px;font-weight:600;position:absolute;top:-18px;left:0}.hc-handle{border:2px solid var(--blue);z-index:30;pointer-events:auto;touch-action:none;background:#fff;border-radius:2px;width:10px;height:10px;position:absolute;box-shadow:0 1px 3px #00000026}.hc-handle--n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.hc-handle--s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.hc-handle--e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.hc-handle--w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.hc-handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.hc-handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.hc-handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.hc-handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.hc-props-panel{border-left:1px solid var(--gray-border);background:#fff;height:100%;overflow-y:auto}.hc-props-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:12.5px}.hc-props-content{padding:12px}.hc-props-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hc-props-type{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.hc-props-actions{gap:3px;display:flex}.hc-icon-btn{border:1px solid var(--gray-border);cursor:pointer;width:26px;height:26px;color:var(--text-muted);background:#fff;border-radius:5px;justify-content:center;align-items:center;font-size:12px;transition:background .1s;display:flex}.hc-icon-btn:hover{background:var(--gray-light);color:var(--text)}.hc-icon-btn--del:hover{color:var(--red);background:#fce8e8;border-color:#f5c5c5}.hc-props-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:10px 0 6px;font-size:10px;font-weight:700}.hc-props-grid4{grid-template-columns:1fr 1fr;gap:6px;display:grid}.hc-field{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.hc-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.hc-field input,.hc-field select,.hc-field textarea{border:1px solid var(--gray-border);color:var(--text);box-sizing:border-box;background:#fff;border-radius:5px;outline:none;width:100%;padding:5px 8px;font-size:12px}.hc-field input:focus,.hc-field select:focus,.hc-field textarea:focus{border-color:var(--blue)}.hc-color-row{align-items:center;gap:6px;display:flex}.hc-color-row input[type=color]{cursor:pointer;border:1px solid var(--gray-border);border-radius:5px;flex-shrink:0;width:32px;height:32px;padding:2px}.hc-color-row input[type=text]{flex:1}.hc-align-row{gap:4px;display:flex}.hc-align-btn{border:1px solid var(--gray-border);cursor:pointer;color:var(--text-muted);background:#fff;border-radius:5px;flex:1;padding:4px;font-size:10px}.hc-align-btn:hover{background:var(--gray-light)}.hc-align-btn--active{background:var(--blue-light);border-color:var(--blue);color:var(--blue-dark)}.hc-divider{background:var(--gray-border);height:1px;margin:10px 0}.hc-upload-btn{background:var(--blue-light);width:100%;color:var(--blue);cursor:pointer;border:1px solid #c5ddf5;border-radius:6px;margin-bottom:4px;padding:7px;font-size:12px}.hc-remove-btn{width:100%;color:var(--red);cursor:pointer;background:#fce8e8;border:1px solid #f5c5c5;border-radius:6px;margin-bottom:6px;padding:5px;font-size:11px}.dc-section-toggle{border:none;border-bottom:1px solid var(--gray-border);text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--blue-dark);cursor:pointer;text-align:left;background:#fafaf8;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.dc-section-toggle:hover{background:var(--blue-light)}.dc-chevron{font-size:9px;transition:transform .2s;display:inline-block}.dc-chevron--open{transform:rotate(90deg)}.dc-blocks-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dc-blocks-toolbar{border-bottom:1px solid var(--gray-border);flex-shrink:0;align-items:center;display:flex}.dc-blocks-toolbar .dc-section-toggle{border-bottom:none;flex:1}.dc-add-block-btn{border:1px dashed var(--blue);background:var(--blue-light);color:var(--blue-dark);cursor:pointer;white-space:nowrap;border-radius:6px;margin-right:10px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .12s}.dc-add-block-btn:hover{background:var(--blue);color:#fff;border-style:solid}.dc-blocks-body{border-top:1px solid var(--gray-border);flex:1;grid-template-columns:1fr 240px;min-height:0;display:grid;overflow:hidden}.dc-blocks-canvas{background:#f0ede6;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:10px;display:flex;overflow-y:auto}.dc-block{border:1.5px solid var(--gray-border);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;align-items:stretch;width:100%;min-height:68px;transition:box-shadow .15s,border-color .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.dc-block--half{width:calc(50% - 4px)}.dc-block:hover{border-color:#b0c9e6;box-shadow:0 2px 8px #185fa51a}.dc-block:active{cursor:grabbing}.dc-block--selected{border-color:var(--blue)!important;box-shadow:0 2px 12px #185fa52e!important}.dc-block--off{opacity:.38}.dc-block--off .dc-block-preview{filter:grayscale()}.dc-block--dragover{background:var(--blue-light);border-color:var(--blue)!important;border-style:dashed!important}.dc-block-grip{cursor:grab;border-right:1px solid var(--gray-border);background:#fafaf8;flex-shrink:0;grid-template-columns:1fr 1fr;align-content:center;gap:3px;padding:0 7px;display:grid}.dc-block-grip span{background:#c5c3ba;border-radius:50%;width:4px;height:4px}.dc-block--selected .dc-block-grip span{background:var(--blue)}.dc-block-preview{flex:1;min-width:0;padding:8px 10px}.dc-block-title{color:var(--blue-dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;font-weight:700;overflow:hidden}.dc-block-skeleton{flex-direction:column;gap:4px;display:flex}.dc-skel-row{background:var(--gray-light);border-radius:3px;width:100%;height:5px}.dc-skel-row--header{background:var(--blue-light);width:100%;height:7px}.dc-skel-row--total{background:#e0f0d6;width:45%;height:7px;margin-left:auto}.dc-skel-box{background:var(--gray-light);border:1px solid var(--gray-border);border-radius:4px;flex:1;height:28px}.dc-block-eye{cursor:pointer;border-left:1px solid var(--gray-border);background:#fafaf8;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:16px;transition:background .1s;display:flex}.dc-block-eye:hover{background:var(--blue-light)}.dc-block-eye input{opacity:0;pointer-events:none;position:absolute}.dc-blocks-props{border-left:1px solid var(--gray-border);background:#fff;overflow-y:auto}.dc-blocks-props .hc-field input,.dc-blocks-props .hc-field select{border:1px solid var(--gray-border);color:var(--text);box-sizing:border-box;background:#fff;border-radius:5px;outline:none;width:100%;padding:5px 8px;font-size:12px}.dc-blocks-props .hc-field input:focus,.dc-blocks-props .hc-field select:focus{border-color:var(--blue)}.dc-layout-btns{gap:4px;display:flex}.dc-layout-btn{border:1px solid var(--gray-border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:11px;transition:all .12s;display:flex}.dc-layout-btn:hover{background:var(--gray-light);color:var(--text)}.dc-layout-btn--active{background:var(--blue-light);border-color:var(--blue);color:var(--blue-dark);font-weight:600}.dc-layout-btn--off.dc-layout-btn--active{color:var(--red);background:#fce8e8;border-color:#e8a8a8}.dc-layout-icon{border:1.5px solid;border-radius:2px;width:18px;height:12px;display:inline-block}.dc-layout-icon--full{width:18px}.dc-layout-icon--half{width:9px}.dc-reset-btn{border:1px solid var(--gray-border);width:100%;color:var(--text-muted);cursor:pointer;background:#fafaf8;border-radius:6px;margin-top:14px;padding:7px;font-size:11.5px;transition:all .1s}.dc-reset-btn:hover{background:var(--gray-light);color:var(--text);border-color:#b5b3aa}