:root{--system-gray-6:#1c1c1e;--system-gray-5:#2c2c2e;--system-gray-4:#3a3a3c;--system-gray-3:#48484a;--system-gray-2:#636366;--system-gray-1:#8e8e93;--system-gray:#c7c7cc;--system-background:#f2f2f7;--system-white:#fff;--system-blue:#007aff;--system-orange:#ff9500;--tangram-orange:#fbb034;--system-green:#34c759;--system-red:#ff3b30}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f2f7;background:var(--system-background);color:#1c1c1e;color:var(--system-gray-6);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:-.022em;line-height:1.47059}code{font-family:SF Mono,Monaco,Courier New,monospace}h1{font-size:48px;letter-spacing:-.003em;line-height:1.08349}h1,h2{font-weight:600}h2{font-size:28px;letter-spacing:.007em;line-height:1.14286}h3{font-size:21px;font-weight:600;letter-spacing:.011em;line-height:1.19048}p{font-size:17px;font-weight:400;letter-spacing:-.022em;line-height:1.47059}:focus-visible{outline:2px solid #007aff;outline:2px solid var(--system-blue);outline-offset:2px}*{transition:all .2s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.app{background:var(--system-background);min-height:100vh;overflow:hidden;position:relative}.loading-screen{align-items:center;background:var(--system-white);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{animation:fadeIn .6s ease;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--system-gray);border-radius:50%;border-top-color:var(--system-gray-2);height:32px;margin:0 auto 24px;width:32px}.loading-text{color:var(--system-gray-2);font-size:17px;font-weight:400;letter-spacing:-.022em}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease}.login-container{align-items:center;background:var(--system-white);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .6s ease;max-width:380px;width:100%}.login-header{margin-bottom:48px;text-align:center}.login-logo{display:block;margin:0 auto}.login-title{color:var(--system-gray-6);font-size:32px;font-weight:600;letter-spacing:-.003em;margin-bottom:8px}.login-subtitle{color:var(--system-gray-2);font-size:17px;font-weight:400;letter-spacing:-.022em}.login-form{margin-bottom:32px}.form-label{text-transform:uppercase}.form-input{border-radius:10px;padding:12px 16px}.form-input,.login-button{font-size:17px;letter-spacing:-.022em}.login-button{border:none;border-radius:10px;cursor:pointer;font-weight:500;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s ease;width:100%}.login-button-primary{align-items:center;background:var(--system-gray-6);color:#fff;display:flex;gap:12px;justify-content:center;margin-bottom:12px;margin-top:32px}.login-button-primary:hover{background:#48484a;transform:scale(.99)}.login-button-secondary{align-items:center;background:var(--system-gray-6);color:#fff;display:flex;gap:12px;justify-content:center}.login-button-secondary:hover{background:var(--system-gray-5);transform:scale(.99)}.login-button-demo{background:#0000;border:1px solid var(--system-gray);color:var(--system-blue);margin-top:12px}.login-button-demo:hover{background:var(--system-background);transform:scale(.99)}.microsoft-icon{display:inline-block;height:20px;vertical-align:middle;width:20px}.login-divider{color:var(--system-gray-1);font-size:13px;letter-spacing:.5px;margin:24px 0;position:relative;text-align:center;text-transform:uppercase}.login-divider:after,.login-divider:before{background:var(--system-gray);content:"";height:1px;position:absolute;top:50%;width:calc(50% - 30px)}.login-divider:before{left:0}.login-divider:after{right:0}.login-footer{border-top:1px solid var(--system-gray);color:var(--system-gray-1);font-size:13px;padding-top:24px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.login-container{min-height:100vh;padding:20px}.login-card{border-radius:16px;max-width:100%;padding:32px 24px}.login-header{padding-bottom:24px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.login-logo{height:50px;width:50px}.login-button{font-size:15px;padding:14px 20px}.login-footer{font-size:12px;margin-top:24px}}@media (max-width:480px){.login-card{max-width:100%;padding:24px 20px}.login-title{font-size:20px}.login-button{font-size:14px}}.signature-editor{background:var(--system-background);display:flex;height:100vh;overflow:hidden}.editor-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000001a;height:52px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:100}.editor-header,.header-brand{align-items:center;display:flex}.header-brand{gap:12px}.header-title{color:var(--system-gray-6);font-size:17px;font-weight:600;letter-spacing:-.022em}.editor-sidebar{background:var(--system-white);border-right:1px solid #0000001a;flex-shrink:0;overflow-y:auto;padding:72px 20px 20px;width:320px}.sidebar-section{margin-bottom:32px}.section-title{color:var(--system-gray-2);font-size:13px;font-weight:600;letter-spacing:-.08px;margin-bottom:16px;text-transform:uppercase}.form-group{margin-bottom:20px}.form-label{color:var(--system-gray-2);display:block;font-size:13px;font-weight:500;letter-spacing:-.08px;margin-bottom:8px}.form-input{background:var(--system-background);border:1px solid var(--system-gray);border-radius:8px;color:var(--system-gray-6);font-family:inherit;font-size:15px;padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus{background:var(--system-white);border-color:var(--system-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.form-input::placeholder{color:var(--system-gray-1)}.form-select{background:var(--system-background);border:1px solid var(--system-gray);border-radius:8px;color:var(--system-gray-6);cursor:pointer;font-family:inherit;font-size:15px;padding:10px 12px;transition:all .2s ease;width:100%}.form-select:focus{background:var(--system-white);border-color:var(--system-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.template-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.template-section{background:var(--system-white);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px}.template-selector-main{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:16px}@media (max-width:1200px){.template-selector-main{grid-template-columns:repeat(2,1fr)}}.template-option{background:var(--system-background);border:2px solid var(--system-gray);border-radius:10px;cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.template-option:hover{background:var(--system-white);border-color:var(--system-gray-2);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.template-option.selected{background:var(--system-white);border-color:var(--system-blue);box-shadow:0 0 0 3px #007aff1a}.template-name{color:var(--system-gray-6);font-size:13px;font-weight:600;margin-bottom:4px}.template-description{color:var(--system-gray-1);font-size:11px;line-height:1.3}.editor-main{background:var(--system-background);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:72px 40px 40px}.preview-section{background:var(--system-white);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px;padding:32px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.preview-title{color:var(--system-gray-6);font-size:21px;font-weight:600;letter-spacing:.011em}.preview-actions{display:flex;gap:12px}.btn{display:inline-flex;font-size:15px;gap:8px;letter-spacing:-.022em;padding:8px 16px;transition:all .2s ease}.btn-primary{background:var(--system-blue);color:#fff}.btn-primary:hover{background:#0051d5}.btn-primary:hover,.btn-secondary:hover{transform:scale(.98)}.preview-content{align-items:center;background:var(--system-background);border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:32px}.signature-wrapper{-webkit-touch-callout:none;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.instructions-section{background:var(--system-white);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.instructions-title{color:var(--system-gray-6);font-size:17px;font-weight:600;letter-spacing:-.022em;margin-bottom:16px}.instructions-list{list-style:none;padding:0}.instructions-list li{border-bottom:1px solid var(--system-background);color:var(--system-gray-3);display:flex;font-size:15px;gap:12px;line-height:1.4;padding:12px 0}.instructions-list li:last-child{border-bottom:none}.instruction-number{align-items:center;background:var(--system-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.icon{stroke-width:2;height:18px;width:18px}@media (max-width:768px){.signature-editor{flex-direction:column}.editor-sidebar{border-bottom:1px solid #0000001a;border-right:none;padding-top:60px;width:100%}.editor-main{padding:80px 20px 20px}.template-selector{grid-template-columns:1fr}}.editor-sidebar::-webkit-scrollbar{width:6px}.editor-sidebar::-webkit-scrollbar-track{background:#0000}.editor-sidebar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.editor-sidebar::-webkit-scrollbar-thumb:hover{background-color:#0003}.header-actions{gap:12px}.btn,.header-actions{align-items:center;display:flex}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s}.btn-secondary{background:var(--system-gray-6);color:#fff}.btn-secondary:hover{background:var(--system-gray-5)}@media (max-width:768px){.signature-editor{flex-direction:column;height:auto;min-height:100vh}.editor-header{padding:0 16px}.header-title{font-size:14px!important}.editor-sidebar{background:#fff;border-bottom:1px solid #e5e5ea;border-right:none;height:auto;left:0;margin-top:52px;padding:20px 16px;position:relative;top:0;transition:none;width:100%;z-index:1}.editor-sidebar.mobile-open{left:0}.editor-main{margin-left:0;margin-top:0;padding:20px 16px;width:100%}.template-selector{gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.template-option{font-size:13px;padding:12px}.preview-section{margin:20px 0;padding:16px}.preview-toolbar{flex-wrap:wrap;gap:8px}.preview-button{flex:1 1;font-size:13px;min-width:120px;padding:10px 12px}.signature-preview{overflow-x:auto;padding:12px}.instructions-section{padding:16px}.instructions-list{font-size:14px}.logout-button{font-size:13px;padding:8px 12px}.mobile-menu-button{display:none!important}.form-group label{font-size:13px}.form-input,.form-select{font-size:14px;padding:10px 12px}.section-title{font-size:16px}footer{display:none}.sidebar-section{margin-bottom:16px}.section-title{align-items:center;background:#f8f8f8;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:-12px -16px 16px;padding:12px 16px}.section-title:after{content:"▼";font-size:12px;transition:transform .2s}.section-title.collapsed:after{transform:rotate(-90deg)}.editor-sidebar>div:first-child{border-radius:0;margin:-20px -16px 20px}.mobile-close-button{display:none!important}.logout-text{display:none}}@media (min-width:769px) and (max-width:1024px){.editor-sidebar{width:280px}.editor-main{margin-left:280px;padding:30px}.template-selector{grid-template-columns:1fr 1fr}}.mobile-menu-button{display:none}
/*# sourceMappingURL=main.dd8298d5.css.map*/