:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}:root{--brand: #4a9eff;--brand-dark: #2563eb;--brand-light: rgba(74,158,255,.12);--danger: #ef4444;--danger-light: #fef2f2;--success: #22c55e;--success-light: #f0fdf4;--warning: #f59e0b;--warning-light: #fffbeb;--bg: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #f0f4f8;--bg-header: #ffffff;--text: #111827;--text-2: #374151;--text-3: #6b7280;--text-4: #9ca3af;--border: #e5e7eb;--border-2: #d1d5db;--input-bg: #ffffff;--hover-bg: #f3f4f6;--table-head: #f9fafb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius: 8px}[data-theme=dark]{--bg: #0f1117;--bg-card: #1a1d27;--bg-sidebar: #0a0c14;--bg-header: #13161f;--text: #e8eaf0;--text-2: #c9cdd9;--text-3: #9ba3c0;--text-4: #6b7490;--border: rgba(255,255,255,.08);--border-2: rgba(255,255,255,.14);--input-bg: #1f2232;--hover-bg: rgba(255,255,255,.05);--table-head: #13161f;--gray-50: #13161f;--gray-100: #1a1d27;--gray-200: rgba(255,255,255,.08);--gray-300: rgba(255,255,255,.14);--gray-400: #6b7490;--gray-500: #9ba3c0;--gray-600: #c9cdd9;--gray-700: #e8eaf0;--gray-800: #f0f2f8;--gray-900: #f8faff;--danger-light: rgba(239,68,68,.12);--success-light: rgba(34,197,94,.12);--warning-light: rgba(245,158,11,.12);--brand-light: rgba(74,158,255,.15)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);transition:background .2s,color .2s;overflow-x:hidden;max-width:100vw}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{max-width:100%}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-weight:700;color:var(--text)}p{margin:0 0 1em;color:var(--text-2)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}input,textarea,select,button{font-family:inherit}label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:5px}.app-layout{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:240px;min-height:100vh;background:#0d1020;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff9;text-decoration:none;border-left:3px solid transparent;transition:background .15s,color .15s}.sidebar-nav a:hover{background:#ffffff0f;color:#ffffffe6;text-decoration:none}.sidebar-nav a.active{background:#4a9eff26;color:#7db8ff;border-left-color:var(--brand)}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-footer .user-name{font-size:13px;font-weight:600;color:#ffffffd9;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-plan{font-size:12px;color:#ffffff73;margin-bottom:12px}.sidebar-actions{display:flex;align-items:center;gap:8px}.sidebar-footer .signout-btn{font-size:13px;color:#ffffff73;background:none;border:none;cursor:pointer;padding:0;flex:1;text-align:left;transition:color .15s}.sidebar-footer .signout-btn:hover{color:#fffc}.theme-toggle{width:32px;height:32px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;flex-shrink:0;transition:background .15s,color .15s;padding:0}.theme-toggle:hover{background:#ffffff24;color:#ffffffe6}.main-content{flex:1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);min-width:0;overflow-x:hidden}.page-header{padding:28px 32px 0}.page-header h2{font-size:22px;font-weight:700;color:var(--text)}.page-body{padding:24px 32px 40px;flex:1}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#0d1020;align-items:center;justify-content:space-between;padding:0 16px;z-index:200;border-bottom:1px solid rgba(255,255,255,.07)}.hamburger-btn{background:none;border:none;color:#ffffffbf;font-size:20px;cursor:pointer;padding:6px}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300}.mobile-drawer{width:260px;height:100%;background:#0d1020;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-topbar{display:flex!important}.main-content{margin-left:0!important;padding-top:56px}.page-header{padding:16px 16px 0}.page-header h2{font-size:18px}.page-body{padding:14px 14px 32px}.plan-grid{grid-template-columns:1fr;gap:12px}.plan-card{padding:20px 16px}.plan-card .plan-price{font-size:26px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-card .stat-value{font-size:22px}.mobile-drawer{width:min(80vw,260px)}.table-wrap{border-radius:8px;overflow-x:hidden}.table-scroll-wrap{overflow-x:hidden}.table-scroll-wrap thead{display:none}.table-scroll-wrap table{min-width:unset!important;width:100%!important;border-collapse:collapse}.table-scroll-wrap tbody tr{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}.table-scroll-wrap tbody td{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border:none;font-size:14px;gap:8px}.table-scroll-wrap tbody td:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);flex-shrink:0;min-width:70px}.table-scroll-wrap tbody td:first-child{font-weight:600;font-size:15px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:4px}.table-scroll-wrap tbody td:last-child{padding-top:8px;border-top:1px solid var(--border);margin-top:4px;justify-content:flex-end}.table-scroll-wrap tbody td:last-child:before{display:none}.signing-body{flex-direction:column}.signing-sidebar{width:100%;border-left:none;border-top:1px solid var(--border);max-height:50vh}.signing-pdf-area{padding:12px}.card{padding:16px}.card-header{margin-bottom:14px;padding-bottom:12px;flex-wrap:wrap;gap:8px}.auth-card{padding:28px 20px}.btn-lg{padding:12px 16px;font-size:15px}.profile-section{padding:16px}.dash-folder-toggle{display:flex!important}.dash-layout{flex-direction:column!important;gap:0!important}.dash-folder-panel{display:none;width:100%!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding-bottom:12px!important;margin-bottom:12px!important}.dash-folder-panel--open{display:block!important}.dash-main-panel{flex:1;overflow:auto}.sess-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}.sess-folder-panel{max-height:none!important;overflow:visible!important}.sess-main-panel{flex:1;overflow:auto;padding:12px 0!important}}.dash-layout{display:flex;gap:24px}.dash-folder-panel{width:200px;flex-shrink:0}.dash-main-panel{flex:1;min-width:0}.dash-folder-toggle{display:none;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;-webkit-user-select:none;user-select:none}.sess-layout{display:flex;gap:0;height:calc(100vh - 120px);overflow:hidden}.sess-folder-panel{width:220px;border-right:1px solid var(--gray-200);overflow:auto;padding:12px 8px;flex-shrink:0}.sess-main-panel{flex:1;overflow:auto;padding:16px 20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.card-header h3{font-size:16px;font-weight:700;margin:0;color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:4px}.stat-card .stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.stat-card .stat-value{font-size:28px;font-weight:800;color:var(--text)}.stat-card .stat-sub{font-size:12px;color:var(--text-4)}.form-group{margin-bottom:16px}.form-control{width:100%;padding:9px 12px;border:1px solid var(--border-2);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4a9eff26}.form-control::placeholder{color:var(--text-4)}textarea.form-control{resize:vertical;min-height:80px}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark);text-decoration:none}.btn-secondary{background:var(--bg-card);color:var(--text-2);border-color:var(--border-2)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);text-decoration:none}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#dc2626;text-decoration:none}.btn-ghost{background:transparent;color:var(--text-3);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--hover-bg);color:var(--text)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:16px}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:14px;background:var(--bg-card)}thead tr{background:var(--table-head)}thead th{text-align:left;padding:11px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--hover-bg)}td{padding:12px 16px;color:var(--text-2);vertical-align:middle}.table-empty{text-align:center;padding:48px 16px;color:var(--text-4);font-size:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:var(--success-light);color:#15803d}.badge-danger{background:var(--danger-light);color:#dc2626}.badge-warning{background:var(--warning-light);color:#b45309}.badge-info{background:var(--brand-light);color:var(--brand)}.badge-gray{background:var(--hover-bg);color:var(--text-3)}[data-theme=dark] .badge-success{color:#4ade80}[data-theme=dark] .badge-danger{color:#f87171}[data-theme=dark] .badge-warning{color:#fbbf24}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;border:1px solid transparent}.alert-error{background:var(--danger-light);color:#dc2626;border-color:#ef444433}.alert-success{background:var(--success-light);color:#15803d;border-color:#22c55e33}.alert-info{background:var(--brand-light);color:var(--brand);border-color:#4a9eff33}.alert-warning{background:var(--warning-light);color:#b45309;border-color:#f59e0b33}[data-theme=dark] .alert-error{color:#f87171}[data-theme=dark] .alert-success{color:#4ade80}[data-theme=dark] .alert-info{color:#7db8ff}[data-theme=dark] .alert-warning{color:#fbbf24}.tabs{display:flex;gap:2px;border-bottom:2px solid var(--border);margin-bottom:24px;overflow-x:auto}.tab-btn{padding:10px 18px;font-size:14px;font-weight:600;border:none;background:none;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px 16px}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px 36px;box-shadow:0 4px 24px #0000000f}[data-theme=dark] .auth-card{box-shadow:0 4px 24px #00000059}.empty-state{text-align:center;padding:56px 24px;color:var(--text-4)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;color:var(--text-2);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--text-4);margin-bottom:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}[data-theme=dark] .modal-overlay{background:#000000a6}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000002e}[data-theme=dark] .modal{box-shadow:0 20px 60px #0000008c}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:17px;color:var(--text)}.modal-close{background:none;border:none;font-size:20px;color:var(--text-4);cursor:pointer;padding:2px 6px;border-radius:4px}.modal-close:hover{background:var(--hover-bg);color:var(--text)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.upload-zone{border:2px dashed var(--border-2);border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--hover-bg)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--brand);background:var(--brand-light)}.upload-zone .upload-icon{font-size:36px;margin-bottom:12px}.upload-zone h4{font-size:15px;color:var(--text);margin-bottom:6px}.upload-zone p{font-size:13px;color:var(--text-4);margin:0}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.plan-card{border:2px solid var(--border);border-radius:14px;padding:24px 20px;background:var(--bg-card);position:relative;transition:border-color .15s}.plan-card.current{border-color:var(--brand)}.plan-card.popular{border-color:var(--success)}.plan-card .plan-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:8px}.plan-card .plan-price{font-size:32px;font-weight:800;color:var(--text);margin-bottom:4px}.plan-card .plan-price span{font-size:14px;font-weight:500;color:var(--text-4)}.plan-card .plan-desc{font-size:13px;color:var(--text-4);margin-bottom:16px}.plan-card ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.plan-card ul li{font-size:13px;color:var(--text-2);display:flex;align-items:flex-start;gap:8px}.plan-card ul li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.plan-badge{position:absolute;top:-10px;right:16px;background:var(--success);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.signing-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.signing-topbar{background:var(--bg-sidebar);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.signing-topbar h1{font-size:16px;font-weight:600;color:#ffffffe6;margin:0}.signing-body{display:flex;flex:1;min-height:0;overflow:hidden}.signing-pdf-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg)}.signing-sidebar{width:300px;background:var(--bg-card);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.signing-sidebar-header{padding:20px;border-bottom:1px solid var(--border);background:var(--bg-card)}.signing-sidebar-body{padding:20px;flex:1}.signing-sidebar-footer{padding:20px;border-top:1px solid var(--border);background:var(--bg-card)}.sig-pad-wrap{border:2px dashed var(--border-2);border-radius:8px;background:var(--input-bg);overflow:hidden}.sig-pad-tabs{display:flex;border-bottom:1px solid var(--border)}.sig-pad-tab{flex:1;padding:8px;text-align:center;font-size:13px;font-weight:600;border:none;background:none;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.sig-pad-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.profile-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.profile-section h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.folder-tree{font-size:14px}.folder-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;cursor:pointer;color:var(--text-2);transition:background .12s}.folder-item:hover{background:var(--hover-bg)}.folder-item.active{background:var(--brand-light);color:var(--brand);font-weight:600}.progress-bar-wrap{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;background:var(--brand);transition:width .3s}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--hover-bg) 50%,var(--border) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.6s infinite;border-radius:6px}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001a;min-width:180px;z-index:200;overflow:hidden}[data-theme=dark] .dropdown-menu{box-shadow:0 8px 24px #0006}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:var(--text-2);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .12s}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item.danger{color:var(--danger)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.member-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .12s}.member-row:last-child{border-bottom:none}.member-row:hover{background:var(--hover-bg)}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:12px;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:5px;flex-shrink:0}.activity-text{color:var(--text-2);flex:1}.activity-time{color:var(--text-4);white-space:nowrap}.text-muted{color:var(--text-4)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-brand{color:var(--brand)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}