.pagination-box[data-v-e99878b8]{border-radius:8px;margin-top:10px;padding:20px 10px;text-align:center;background-color:#fff}.stats-card[data-v-5bce4ee1]{margin-top:2rem}.stats-header[data-v-5bce4ee1]{margin-bottom:1.5rem}.stats-header h3[data-v-5bce4ee1]{margin:0;color:var(--text)}.stats-grid[data-v-5bce4ee1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-item[data-v-5bce4ee1]{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--background);border-radius:8px}.stat-icon[data-v-5bce4ee1]{width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.stat-info[data-v-5bce4ee1]{display:flex;flex-direction:column}.stat-value[data-v-5bce4ee1]{font-size:1.5rem;font-weight:600;color:var(--text)}.stat-label[data-v-5bce4ee1]{color:var(--light-text);font-size:.9rem}.btn.btn-outline[data-v-5bce4ee1]{transition:all .3s ease;position:relative;overflow:hidden}.btn.btn-outline[data-v-5bce4ee1]:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn.btn-outline[data-v-5bce4ee1]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn.btn-outline[data-v-5bce4ee1]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn.btn-outline[data-v-5bce4ee1]:active:after{width:300px;height:300px}@media (max-width:768px){.stats-grid[data-v-5bce4ee1]{grid-template-columns:1fr}.stat-item[data-v-5bce4ee1]{padding:1.25rem;transition:background-color .2s ease}.stat-item[data-v-5bce4ee1]:active{background-color:rgba(0,0,0,.05)}.btn.btn-outline[data-v-5bce4ee1]{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}}.notes-history[data-v-fe531e48]{min-height:calc(100vh - 60px);background-color:#f5f7fa;padding:2rem 0}.container[data-v-fe531e48]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-fe531e48]{margin-bottom:2rem}.page-header h1[data-v-fe531e48]{font-size:2rem;color:#2c3e50;margin-bottom:.5rem}.subtitle[data-v-fe531e48]{color:#7f8c8d;font-size:1rem}.content-wrapper[data-v-fe531e48]{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.loading-container[data-v-fe531e48]{text-align:center;padding:3rem 0;color:#909399}.filter-bar[data-v-fe531e48]{margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (max-width:768px){.filter-bar[data-v-fe531e48]{flex-direction:column;align-items:stretch;gap:.75rem}.filter-bar .el-input[data-v-fe531e48],.filter-bar .el-select[data-v-fe531e48]{width:100%!important}.filter-bar .el-button[data-v-fe531e48]{width:100%;margin-left:0!important}}@media (min-width:769px) and (max-width:1024px){.filter-bar[data-v-fe531e48]{gap:.5rem}.filter-bar .el-select[data-v-fe531e48]{width:160px!important}.filter-bar .el-input[data-v-fe531e48]{width:180px!important}}.note-edit-icon[data-v-fe531e48]{color:#2c8cbc;font-size:1.2rem;cursor:pointer;transition:color .2s}.note-edit-icon[data-v-fe531e48]:hover{color:#e67e22}