@font-face{font-family:Segoe UI;src:url(/fonts/segoeuithis.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Segoe UI;src:url(/fonts/segoeuithibd.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg:#faf9f8;--color-surface:#fff;--color-border:#edebe9;--color-border-dark:#d2d0ce;--color-primary:#0078d4;--color-primary-hover:#106ebe;--color-primary-light:#deecf9;--color-navy:#323130;--color-navy-dark:#201f1e;--color-slate:#605e5c;--color-text-primary:#201f1e;--color-text-secondary:#323130;--color-text-tertiary:#605e5c;--color-yellow-logo:#ffb900;--color-accent:#0078d4;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-xxxl:32px;--spacing-xxxxl:48px;--radius:4px;--shadow-sm:0 1.6px 3.6px #00000021,0 .3px .9px #0000001c;--shadow-md:0 3.2px 7.2px #00000021,0 .6px 1.8px #0000001c;--shadow-lg:0 6.4px 14.4px #00000021,0 1.2px 3.6px #0000001c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;-webkit-font-synthesis:none;-moz-font-synthesis:none;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4286}.app-container{flex-direction:column;min-height:100vh;display:flex}.top-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)var(--spacing-xxxl);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-bar h1{color:var(--color-text-primary);font-size:20px;font-weight:600}.download-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;min-height:32px;font-size:14px;font-weight:600;transition:background .1s;display:inline-flex}.download-btn:hover{background:var(--color-primary-hover)}.download-btn:active{transform:scale(.98)}.main-content{width:100vw;height:calc(100vh - 57px);display:flex;overflow:hidden}.form-panel{box-sizing:border-box;background:#f3f2f1;flex-shrink:0;width:30%;min-width:400px;height:100%;padding:20px;overflow:hidden auto}.form-section{margin-bottom:var(--spacing-xxxl)}.form-section:last-child{margin-bottom:0}.section-title{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);font-size:16px;font-weight:600}.subsection-title{color:var(--color-text-secondary);margin:var(--spacing-xl)0 var(--spacing-md)0;font-size:14px;font-weight:600}.form-group{margin-bottom:var(--spacing-lg)}label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:14px;font-weight:600;display:block}input[type=text],input[type=number],input[type=email],select,textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-dark);border-radius:var(--radius);color:var(--color-text-primary);background:var(--color-surface);min-height:32px;font-family:inherit;font-size:14px;transition:border-color .1s}input:hover,select:hover,textarea:hover{border-color:var(--color-slate)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);outline:none}textarea{resize:vertical;min-height:64px;line-height:1.5}.helper-text{color:var(--color-text-tertiary);margin-top:var(--spacing-xs);margin-bottom:6px;font-size:12px}.helper-text-with-counter{color:var(--color-text-tertiary);margin-top:var(--spacing-xs);justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:12px;display:flex}.word-counter{color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.word-counter.limit-reached{color:#d13438;font-weight:700}.info-note{border-left:4px solid var(--color-primary);border-radius:var(--radius);margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);gap:12px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.info-note svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-note strong{color:var(--color-text-primary);font-weight:600}.info-note-success{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-left-color:#10b981}.info-note-success svg{color:#10b981}.asset-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);position:relative}.asset-row-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.remove-asset-btn{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;transition:all .1s;display:flex;position:absolute}.remove-asset-btn:hover{color:#c00;background:#fee}.add-asset-btn{width:100%;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border-dark);border-radius:var(--radius);color:var(--color-primary);cursor:pointer;min-height:32px;font-size:14px;font-weight:600;transition:all .1s}.add-asset-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.generate-btn{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#0078d4 0%,#005a9e 100%);border:none;min-height:44px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0078d44d}.generate-btn svg{width:20px;height:20px}.generate-btn:hover{background:linear-gradient(135deg,#005a9e 0%,#004578 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0078d466}.generate-btn:active{transform:translateY(0)}.resource-row{gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:var(--spacing-xxxl);border:none;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);background:0 0;border-radius:0;flex-direction:column;display:flex;position:relative}.custom-name-field{display:none}.custom-name-field.show{display:block}.tags-container{gap:var(--spacing-xs);padding:var(--spacing-sm);border:1.5px solid var(--color-border-dark);border-radius:var(--radius);background:var(--color-surface);cursor:text;flex-wrap:wrap;min-height:40px;transition:all .1s;display:flex}.tags-container:hover{border-color:var(--color-slate)}.tags-container.focused{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.tag{align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius);color:var(--color-text-primary);font-size:14px;display:inline-flex}.tag-remove{cursor:pointer;color:var(--color-primary);padding:0 2px;font-size:16px;font-weight:700;line-height:1;transition:color .1s}.tag-remove:hover{color:#c00}.tag-input{background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:4px;font-family:inherit;font-size:14px}.standard-upload-wrapper{position:relative}.standard-upload-area{cursor:pointer;background:#fafbfc;border:2px dashed #d2d0ce;border-radius:6px;justify-content:center;align-items:center;min-height:100px;padding:20px;transition:all .2s;display:flex}.standard-upload-area:hover{border-color:var(--color-primary);background:#f0f7ff}.standard-upload-area.has-file{background:#f0fdf4;border-style:solid;border-color:#10b981}.upload-content{text-align:center;width:100%;position:relative}.upload-icon-circle{background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;transition:all .2s;display:flex}.upload-icon-circle svg{width:24px;height:24px}.standard-upload-area:hover .upload-icon-circle{background:var(--color-primary);color:#fff;transform:scale(1.05)}.upload-icon-circle.success{color:#fff;background:#10b981}.upload-text-main{color:var(--color-text-secondary);margin-bottom:4px;font-size:14px;font-weight:600}.upload-link{color:var(--color-primary);cursor:pointer;text-decoration:underline}.upload-text-sub{color:var(--color-text-tertiary);font-size:12px}.standard-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0003}.standard-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.error-message{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);color:#a80000;background:#fde7e9;border:1px solid #e81123;font-size:12px;font-weight:600;line-height:1.4;display:flex}.error-message:before{content:"⚠";font-size:14px}.customer-logos-grid{margin-bottom:var(--spacing-xs);grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.customer-logo-upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-self:flex-start;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.customer-logo-upload-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.customer-logo-upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.customer-logo-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:var(--spacing-sm)}.preview-panel{background:var(--color-bg);min-width:0;height:calc(100vh - 57px);padding:var(--spacing-xxxl);flex:1;overflow:auto}.template-preview{background:var(--color-surface);min-width:1600px;box-shadow:var(--shadow-lg);border-radius:var(--radius);margin:0 auto;overflow:hidden}.preview-header{padding:0 var(--spacing-xxxl)0 0;gap:var(--spacing-xxxl);background:#24395e;border-bottom:none;grid-template-columns:1fr auto;align-items:center;margin-bottom:36px;display:grid}.preview-header-left{gap:var(--spacing-xl);flex-direction:row;align-items:center;display:flex}.preview-header-icon{background:#6b7992;border:2px solid #a9b1bf;border-radius:0 50px 50px 0;flex-shrink:0;justify-content:flex-end;align-items:center;width:200px;height:80px;padding-right:8px;display:flex}.preview-header-icon-circle{background:#a9b1bf;border:3px solid #fff;border-radius:50%;width:64px;height:64px}.preview-header-icon img{-o-object-fit:cover;object-fit:cover;background:#a9b1bf;border:3px solid #fff;border-radius:50%;width:64px;height:64px;display:block}.preview-header-text{flex-direction:row;align-items:center;gap:8px;display:flex}.preview-partner-name{color:#fff;letter-spacing:-.3px;font-size:28px;font-weight:700;line-height:1.2}.preview-partner-meta{color:#fff;font-size:28px;font-weight:400;line-height:1.2}.preview-header .placeholder{color:#ffffffe6}.preview-logo-container{justify-content:flex-end;align-items:center;min-width:180px;display:flex}.preview-logo-placeholder{color:#51e6fe;width:240px;height:56px;padding:var(--spacing-sm)var(--spacing-lg);box-sizing:border-box;background:#fff;border-radius:0;justify-content:center;align-items:center;font-size:23px;font-style:normal;font-weight:400;display:flex;overflow:hidden}.preview-logo-placeholder img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:220px;height:auto;max-height:50px}.preview-logo-placeholder.has-logo{padding:1px var(--spacing-lg);border:none;justify-content:center}.preview-info-grid{margin-left:var(--spacing-xxxxl);margin-right:var(--spacing-xxl);margin-bottom:var(--spacing-xxl);grid-template-columns:440px 1fr;align-items:stretch;display:grid}.info-grid-left{color:var(--color-text-primary);background:#fff;border:1px solid #e1e1e1;flex-direction:column;padding:0;display:flex}.info-item{border-bottom:1px solid #e1e1e1;grid-template-columns:30% 70%;min-height:60px;margin-bottom:0;padding-bottom:0;display:grid}.info-item:last-child{border-bottom:1px solid #e1e1e1}.info-item:nth-last-child(2){flex:1}.info-item-label{text-transform:none;letter-spacing:0;color:#fff;padding:var(--spacing-lg);background:#24395e;border-right:1px solid #e1e1e1;align-items:center;margin-bottom:0;font-size:14px;font-weight:400;display:flex}.info-item-value{color:var(--color-text-primary);padding:var(--spacing-lg);background:#fff;align-items:center;font-size:14px;font-weight:400;line-height:1.6;display:flex}.info-item-customers{grid-template-columns:30% 70%;display:grid;border-bottom:none!important}.info-item-value-customers{gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-left:1px solid #e1e1e1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.customer-logo-placeholder{text-align:center;border-radius:var(--radius);padding:var(--spacing-lg);color:var(--color-text-tertiary);background:#faf9f8;border:2px dashed #d2d0ce;justify-content:center;align-items:center;min-height:95px;font-size:14px;font-weight:400;display:flex}.customer-logo-placeholder:has(img){padding:var(--spacing-sm);background:0 0;border:none}.info-grid-right{flex-direction:column;min-height:0;margin-left:36px;display:flex}.info-grid-right-item{padding:var(--spacing-xxxl);border-bottom:1px solid var(--color-border)}.info-grid-right-item:last-child{border-bottom:none;flex-direction:column;flex:1;display:flex}.info-grid-right>div:last-child{flex-direction:column;flex:1;display:flex}.section-better-together{background:#d6ebfa;border-left:none}.section-heading-with-text{color:var(--color-text-primary);font-size:18px;line-height:1.6}.section-heading-inline{font-weight:700}.section-text-inline{font-weight:400}.section-heading{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-size:18px;font-weight:700;line-height:1.3}.section-text{color:var(--color-text-primary);font-size:14px;line-height:1.6}.section-why-cosell{color:var(--color-text-primary);background:#fff;margin-top:36px;padding:0!important}.section-why-cosell .section-heading{color:#fff;text-align:center;padding:var(--spacing-lg)var(--spacing-xxxl);background:#24395e;margin-bottom:0;font-size:20px;font-style:normal;font-weight:700}.why-cosell-grid{border:1px solid #e1e1e1;grid-template-columns:repeat(3,1fr);gap:0;padding:0;display:grid}.why-cosell-card{padding:var(--spacing-xxl);text-align:left;background:#fff;border-right:1px solid #e1e1e1;border-radius:0;justify-content:flex-start;align-items:flex-start;min-height:150px;transition:none;display:flex}.why-cosell-card:last-child{border-right:none}.why-cosell-card:hover{box-shadow:none;background:#fff;transform:none}.why-cosell-card-content{color:var(--color-text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:1.6}.why-cosell-card-content .placeholder,.section-why-cosell .placeholder{color:#000!important}.preview-bottom-grid{gap:var(--spacing-xxl);flex:1;grid-template-columns:repeat(3,1fr);margin-top:36px;display:grid}.bottom-section{border:1px solid #e1e1e1;flex-direction:column;display:flex}.bottom-section .bottom-section-content{flex:1}.bottom-section-header{color:#fff;padding:var(--spacing-lg)var(--spacing-xl);background:#24395e;font-size:16px;font-weight:700}.practice-status-highlight{color:#fff;background:0 0;border-radius:0;padding:0;font-weight:700}.bottom-section-content{padding:var(--spacing-xxl)var(--spacing-xl)}.metrics-table{border-collapse:collapse;border:1px solid #e1e1e1;width:100%}.metrics-table tr{border-bottom:1px solid #e1e1e1}.metrics-table tr:last-child{border-bottom:none}.metrics-table td{padding:var(--spacing-md)var(--spacing-lg);border-right:1px solid #e1e1e1;font-size:14px;line-height:1.5}.metrics-table td:first-child{width:70%;color:var(--color-text-primary);background:#f5f5f5;font-weight:400}.metrics-table td:last-child{text-align:right;width:30%;color:var(--color-text-primary);border-right:none;font-weight:600}.key-urls-list,.contacts-list{list-style:none}.key-urls-list li,.contacts-list li{padding:var(--spacing-sm)0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.contacts-list li{margin-bottom:var(--spacing-xs);padding:0}#previewContactNames li{flex-direction:column;line-height:1.3;display:flex}.key-urls-list li{align-items:flex-start;gap:var(--spacing-sm);display:flex}.key-urls-list li:before{content:"• ";color:var(--color-primary);flex-shrink:0;font-weight:700}.key-urls-list a{color:var(--color-primary);word-break:break-word;text-decoration:none;transition:all .1s}.key-urls-list a:hover{color:var(--color-primary-hover);text-decoration:underline}.resource-label{color:var(--color-text-secondary);font-weight:500}.contacts-subsection{margin-bottom:var(--spacing-md)}.contacts-subsection:last-child{margin-bottom:0}.contacts-subsection-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);font-size:12px;font-weight:600}.contact-highlight{color:var(--color-text-primary);background:0 0;border-radius:0;padding:0;font-weight:400}.placeholder{color:var(--color-text-tertiary);font-style:normal}.section-why-cosell .placeholder,.bottom-section-header .placeholder{color:#ffffffd9}@media (max-width:1200px){.preview-info-grid{grid-template-columns:240px 1fr}}@media (max-width:1024px){.main-content{flex-direction:column;height:auto;overflow:visible}.form-panel{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--color-border);height:auto}.preview-panel{height:auto}.preview-info-grid{grid-template-columns:1fr}.info-grid-left{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.why-cosell-grid{gap:var(--spacing-md);grid-template-columns:1fr}.preview-bottom-grid{grid-template-columns:1fr}.bottom-section{border-right:none;border-bottom:1px solid var(--color-border)}.bottom-section:last-child{border-bottom:none}}@media (max-width:768px){.top-bar{padding:var(--spacing-md)var(--spacing-lg)}.top-bar h1{font-size:18px}.form-panel,.preview-panel{padding:var(--spacing-lg)}.preview-header{text-align:center;flex-direction:column;align-items:center}.preview-partner-name{font-size:24px}.info-grid-left{grid-template-columns:1fr}.why-cosell-card{min-height:100px}}.form-panel::-webkit-scrollbar{width:8px}.preview-panel::-webkit-scrollbar{width:8px}.form-panel::-webkit-scrollbar-track{background:var(--color-bg)}.preview-panel::-webkit-scrollbar-track{background:var(--color-bg)}.form-panel::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}.preview-panel::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}@media print{.top-bar,.form-panel{display:none}.main-content{height:auto;overflow:visible}.preview-panel{height:auto;padding:0}.template-preview{box-shadow:none}}.notification{z-index:10000;background:#fff;border-radius:12px;width:calc(100% - 40px);max-width:480px;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d}@keyframes slideInRight{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}.notification-content{padding:20px}.notification-header{align-items:flex-start;gap:12px;display:flex}.notification-icon{flex-shrink:0;width:24px;height:24px;margin-top:2px}.notification-icon svg{width:100%;height:100%}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-info .notification-icon{color:#3b82f6}.notification-text{flex:1;min-width:0}.notification-title{color:var(--color-text);margin-bottom:4px;font-size:15px;font-weight:600}.notification-message{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.notification-close{width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px 0 0;font-size:24px;line-height:1;transition:all .15s;display:flex}.notification-close:hover{background:var(--color-border);color:var(--color-text)}.notification-details{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.notification-section{margin-bottom:12px}.notification-section:last-child{margin-bottom:0}.notification-section-title{color:var(--color-text);margin-bottom:8px;font-size:13px;font-weight:600}.notification-list{color:var(--color-text-secondary);margin:0;padding:0;font-size:13px;list-style:none}.notification-list li{padding:4px 0 4px 16px;line-height:1.5;position:relative}.notification-list li:before{content:"•";color:var(--color-text-tertiary);position:absolute;left:4px}.notification-list li a{color:var(--color-primary);word-break:break-all;text-decoration:none}.notification-list li a:hover{text-decoration:underline}@media (max-width:640px){.notification{width:calc(100% - 20px);max-width:none;top:10px;right:10px}}@media print{.notification{display:none!important}}a#uhf-shopping-cart,div#meControl{display:none!important}#uhf-footer{border-top:1px solid var(--border-color);margin-top:40px}