:root{--primary: #1a3d7c;--primary-light: #4fc3f7}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.logo{display:flex;align-items:center;gap:10px;padding:16px 20px;color:#fff;font-weight:700;font-size:18px;white-space:nowrap;overflow:hidden}.logo .logo-sub{font-size:11px;font-weight:400;color:#4fc3f7;display:block}.site-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px}.content-wrapper{padding:24px;min-height:calc(100vh - 112px)}.status-draft{color:#8c8c8c}.status-pending{color:#fa8c16}.status-completed{color:#52c41a}.status-declined{color:#f5222d}.status-expired{color:#8c8c8c}.signing-container{max-width:900px;margin:0 auto;padding:0}.signing-layout{display:flex;flex-direction:column;height:calc(100vh - 80px);margin:-24px;overflow:hidden}.signing-pdf-area{flex:1;min-height:0;overflow:auto;background:#e8e8e8}.signing-pdf-area .react-pdf__Document{display:flex;flex-direction:column;align-items:center}.signing-pdf-area .react-pdf__Page{background:#fff}.signing-bottom-bar{flex-shrink:0;padding:8px 16px;background:#fff;border-top:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.signing-bar-left,.signing-bar-center,.signing-bar-right{display:flex;align-items:center;gap:6px}.signing-bar-center{gap:8px}.signing-bar-right{font-size:12px}@keyframes field-highlight-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.pdf-viewer-container{position:relative;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;background:#f5f5f5}.pdf-page-wrapper{position:relative;display:inline-block}.field-overlay{position:absolute;border:2px dashed #1890ff;background:#1890ff1a;cursor:move;display:flex;align-items:center;justify-content:center;font-size:11px;color:#1890ff;-webkit-user-select:none;user-select:none}.field-overlay.signature{border-color:#722ed1;background:#722ed11a;color:#722ed1}.field-overlay.name{border-color:#13c2c2;background:#13c2c21a;color:#13c2c2}.field-overlay.date{border-color:#eb2f96;background:#eb2f961a;color:#eb2f96}.signature-pad-wrapper{border:1px solid #d9d9d9;border-radius:8px;background:#fff}.signature-pad-wrapper canvas{display:block;width:100%;height:200px}.dashboard-card{text-align:center}.dashboard-card .ant-statistic-content{font-size:36px}.template-field-overlay{transition:border-color .15s,background .15s}.template-field-overlay:hover{border-color:#1677ff!important;background:#1677ff33!important}.template-field-overlay.selected{box-shadow:0 0 0 2px #1677ff4d}.template-field-props label{display:block;font-size:11px;color:#888;margin-top:6px;margin-bottom:2px}.template-field-list-item:hover{background:#e6f4ff!important}.template-fill-field:hover{border-color:#1677ff!important;background:#f0f7ff!important}@keyframes fieldHighlight{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #1677ff4d}}.signing-pdf-area,.pdf-page-wrapper{touch-action:manipulation}.signature-pad-wrapper canvas{touch-action:none}@keyframes meshMove{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.about-snap-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.snap-section{scroll-snap-stop:always}.about-snap-container::-webkit-scrollbar{display:none}.about-section{opacity:0;transition:opacity .4s ease-out}.about-section.visible{opacity:1}.scroll-indicator{animation:scrollFade 2.5s ease-in-out infinite}.scroll-indicator:hover,.scroll-indicator:hover+*{opacity:.9!important}.scroll-wheel{animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:.8}40%{transform:translateY(10px);opacity:.2}60%{transform:translateY(0);opacity:0}to{transform:translateY(0);opacity:.8}}@keyframes scrollFade{0%,to{opacity:.55}50%{opacity:.3}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.carousel-arrow:hover{background:#ffffff2e;color:#fff;border-color:#fff6;box-shadow:0 0 20px #ffffff1a}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}@media(max-width:900px){.carousel-hero-panel{width:260px!important;right:60px!important;padding:28px 24px!important}}@media(max-width:768px){.pain-carousel{height:100vh!important;height:100dvh!important}.pain-carousel>div[style*="padding: 0px 80px"]{padding:0 28px!important}.carousel-hero-panel{position:relative!important;top:auto!important;right:auto!important;transform:none!important;width:100%!important;margin:0 auto;border-radius:0!important;border-left:none!important;border-right:none!important}.carousel-arrow{width:36px;height:36px;font-size:14px}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.snap-section{min-height:100dvh!important;padding:16px 12px!important}.about-snap-container{scroll-snap-type:y proximity!important}.scroll-indicator{display:none}}
