.bar-top-page{background:#fff;padding:10px 0;margin-bottom:0;border-bottom:1px solid #eef1f7}.bar-top-page-row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.bar-top-page-left,.bar-top-page-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bar-top-page-left{gap:6px;min-width:0;a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:8px;-webkit-transition:background .15s;transition:background .15s;text-decoration:none!important;&:hover{background:#f0f2f7;text-decoration:none!important}}}.bar-top-page-left h3{white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.bar-top-page-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-ms-flex-negative:0;flex-shrink:0;.btn,.btn-delete-trigger,.el-button{border-radius:8px!important;font-size:13px!important;font-weight:600;padding:0 16px!important;height:36px!important;line-height:36px!important;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (max-width:768px){.bar-top-page{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e4eaf6;-webkit-box-shadow:0 1px 4px rgba(49,53,92,.06);box-shadow:0 1px 4px rgba(49,53,92,.06);padding:10px 16px}.bar-top-page-left h3{font-size:14px}.bar-top-page-right .btn,.bar-top-page-right .btn-delete-trigger,.bar-top-page-right .el-button{padding:0 12px!important;font-size:12px!important;height:34px!important;line-height:34px!important;white-space:nowrap}}.doc-btn-primary[data-v-2c3a7b70],.doc-btn-validate[data-v-2c3a7b70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:9px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;white-space:nowrap;height:38px;-webkit-box-sizing:border-box;box-sizing:border-box}.doc-btn-validate[data-v-2c3a7b70]{border:1.5px solid #e4eaf6;background:#fff;color:#31355c}.doc-btn-validate i[data-v-2c3a7b70]{font-size:16px;color:#3fdbbf}.doc-btn-validate[data-v-2c3a7b70]:hover{border-color:#3fdbbf;background:#f0fdf9}.doc-btn-primary[data-v-2c3a7b70]{border:none;background:#3fdbbf;color:#fff;font-weight:600}.doc-btn-primary i[data-v-2c3a7b70]{font-size:16px}.doc-btn-primary[data-v-2c3a7b70]:hover{background:#30c5aa}.doc-filter-bar[data-v-2c3a7b70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.doc-filter-bar__search[data-v-2c3a7b70]{-webkit-box-flex:1;-ms-flex:1;flex:1}.doc-filter-bar__status[data-v-2c3a7b70]{width:200px;-ms-flex-negative:0;flex-shrink:0}.doc-filter-option-count[data-v-2c3a7b70]{float:right;font-size:11px;color:#989aae;background:#f0f2f5;border-radius:10px;padding:1px 8px;margin-left:8px;min-width:22px;text-align:center}.doc-tab[data-v-2c3a7b70]{border:none;background:#e4eaf6;color:#7e819f;font-size:14px;font-weight:500;padding:8px 18px;border-radius:20px;cursor:pointer;-webkit-transition:all .25s;transition:all .25s}.doc-tab[data-v-2c3a7b70]:hover{background:#d6dff3}.doc-tab--active[data-v-2c3a7b70]{background:#31355c;color:#fff}.doc-tab__count[data-v-2c3a7b70]{background:hsla(0,0%,100%,.25);border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px}.doc-search[data-v-2c3a7b70]{max-width:340px}.doc-search[data-v-2c3a7b70] .el-input__inner{border:1.5px solid #e4eaf6;border-radius:10px;background:#fafbfd;font-size:14px;min-height:44px}.doc-search[data-v-2c3a7b70] .el-input__inner:focus{border-color:#3fdbbf;background:#fff}.doc-card[data-v-2c3a7b70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #e4eaf6;border-radius:16px;padding:16px 18px;margin-bottom:10px;cursor:pointer;-webkit-transition:-webkit-transform .25s,-webkit-box-shadow .25s;transition:-webkit-transform .25s,-webkit-box-shadow .25s;transition:transform .25s,box-shadow .25s;transition:transform .25s,box-shadow .25s,-webkit-transform .25s,-webkit-box-shadow .25s;-webkit-box-shadow:0 0 10px 0 #d6e4f3;box-shadow:0 0 10px 0 #d6e4f3}.doc-card[data-v-2c3a7b70]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 16px 0 rgba(214,228,243,.6);box-shadow:0 4px 16px 0 rgba(214,228,243,.6)}.doc-card__icon[data-v-2c3a7b70]{width:40px;height:40px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;margin-right:14px;-ms-flex-negative:0;flex-shrink:0}.doc-card__icon--draft[data-v-2c3a7b70]{background:#e4eaf6;color:#989aae}.doc-card__icon--partially_signed[data-v-2c3a7b70],.doc-card__icon--sent[data-v-2c3a7b70],.doc-card__icon--viewed[data-v-2c3a7b70]{background:#faeeda;color:#854f0b}.doc-card__icon--owner_signed[data-v-2c3a7b70]{background:#e0f7f1;color:#1d9e75}.doc-card__icon--downloaded[data-v-2c3a7b70],.doc-card__icon--signed[data-v-2c3a7b70]{background:#e1f5ee;color:#0f6e56}.doc-card__icon--expired[data-v-2c3a7b70]{background:#fcebeb;color:#a32d2d}.doc-card__icon--cancelled[data-v-2c3a7b70]{background:#e4eaf6;color:#989aae}.doc-card__info[data-v-2c3a7b70]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.doc-card__name[data-v-2c3a7b70]{font-size:14px;font-weight:600;color:#1e1c42!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card__meta[data-v-2c3a7b70]{font-size:12px;color:#989aae;margin:3px 0 0}.doc-card__right[data-v-2c3a7b70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-negative:0;flex-shrink:0;margin-left:14px}.doc-card__menu[data-v-2c3a7b70]{cursor:pointer;padding:6px 8px;border-radius:8px}.doc-card__menu[data-v-2c3a7b70]:hover{background:#e4eaf6}.doc-badge[data-v-2c3a7b70]{font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap}.doc-badge--draft[data-v-2c3a7b70]{background:#e4eaf6;color:#7e819f}.doc-badge--partially_signed[data-v-2c3a7b70],.doc-badge--sent[data-v-2c3a7b70],.doc-badge--viewed[data-v-2c3a7b70]{background:#faeeda;color:#854f0b}.doc-badge--owner_signed[data-v-2c3a7b70]{background:#e0f7f1;color:#1d9e75}.doc-badge--downloaded[data-v-2c3a7b70],.doc-badge--signed[data-v-2c3a7b70]{background:#e1f5ee;color:#0f6e56}.doc-badge--expired[data-v-2c3a7b70]{background:#fcebeb;color:#a32d2d}.doc-badge--cancelled[data-v-2c3a7b70]{background:#e4eaf6;color:#7e819f}.doc-quick-templates[data-v-2c3a7b70]{background:#f7f8f9;border-radius:16px;padding:20px}.doc-quick-templates__title[data-v-2c3a7b70]{font-size:14px;font-weight:600;color:#31355c;margin:0 0 12px}.doc-quick-templates__list[data-v-2c3a7b70]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.doc-quick-templates__pill[data-v-2c3a7b70]{border:1.5px solid #e4eaf6;background:#fff;color:#31355c;font-size:13px;padding:8px 16px;border-radius:20px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.doc-quick-templates__pill[data-v-2c3a7b70]:hover{border-color:#3fdbbf;color:#31355c;background:#f0fdf9}.doc-quick-templates__pill--add[data-v-2c3a7b70]{border-style:dashed;color:#989aae}.doc-card .el-dropdown-menu{min-width:150px;padding:6px 0;border-radius:10px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.doc-card .el-dropdown-menu .el-dropdown-menu__item{padding:8px 20px;font-size:13px;line-height:1.6}.doc-card .el-dropdown-menu .el-dropdown-menu__item--divided{margin-top:4px;border-top:1px solid #f0f2f5;padding-top:10px}