.office-container[data-v-08ae1d2c]{box-sizing:border-box;border-radius:12px;height:100%;overflow-y:auto}.groups-container[data-v-08ae1d2c]{display:flex;flex-direction:column;gap:24px}.group-section[data-v-08ae1d2c]{background:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #f0f0f0}.group-section[data-v-08ae1d2c]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#36f}.group-header[data-v-08ae1d2c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fafafa;padding:10px 15px;border-radius:8px}.group-title[data-v-08ae1d2c]{margin:0;font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.group-drag-handle[data-v-08ae1d2c]{color:#999;cursor:move}.group-actions[data-v-08ae1d2c]{display:flex;gap:12px}.dataList-grid[data-v-08ae1d2c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.favorite-card[data-v-08ae1d2c]{cursor:pointer;transition:all .3s ease;text-align:center;border-radius:12px;border:1px solid #f0f0f0;background:#fafafa;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.favorite-card[data-v-08ae1d2c]:hover{transform:translateY(-4px);box-shadow:0 3px 16px rgba(51,102,255,.15);border-color:#36f}.card-content[data-v-08ae1d2c]{transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding-bottom:10px}.favorite-card:hover .card-content[data-v-08ae1d2c]{transform:scale(1.1)}.card-icon[data-v-08ae1d2c]{font-size:28px;transition:all .3s ease;color:#666}.favorite-card:hover .card-icon[data-v-08ae1d2c]{color:#fff;transform:scale(1.2)}.card-img[data-v-08ae1d2c]{width:35px;height:35px;border-radius:50%;object-fit:cover;transition:all .3s ease}.favorite-card:hover .card-img[data-v-08ae1d2c]{transform:scale(1.1)}.card-label[data-v-08ae1d2c]{font-size:14px;font-weight:500;margin:0 auto;transition:color .3s;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;width:110px}.delete-icon[data-v-08ae1d2c]{position:absolute;top:5px;right:5px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s;z-index:10}.favorite-card:hover .delete-icon[data-v-08ae1d2c]{opacity:1}.delete-icon[data-v-08ae1d2c]:hover{background-color:#f56c6c;color:#fff}.dragging-group[data-v-08ae1d2c]{opacity:.6;transform:scale(.98);z-index:100;box-shadow:0 10px 30px rgba(0,0,0,.2)}.dragging-item[data-v-08ae1d2c]{opacity:.6;transform:scale(.95);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.2)}.add-group-container[data-v-08ae1d2c]{display:flex;justify-content:center;margin-bottom:20px}@media screen and (max-width:768px){.office-container[data-v-08ae1d2c]{padding:10px}.group-header[data-v-08ae1d2c]{flex-direction:column;align-items:flex-start;gap:10px}.group-actions[data-v-08ae1d2c]{align-self:flex-end}.dataList-grid[data-v-08ae1d2c]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:6px}.card-content[data-v-08ae1d2c]{padding:10px;margin-bottom:8px;width:45px;height:45px}.card-icon[data-v-08ae1d2c]{font-size:24px}.card-label[data-v-08ae1d2c]{font-size:13px}.group-title[data-v-08ae1d2c]{font-size:16px}.delete-icon[data-v-08ae1d2c]{width:18px;height:18px;font-size:12px}}